html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline; }
html {
font-size: 62.5%; overflow-y: scroll; overflow-X: hidden;
-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; box-sizing: border-box; }
*,
*:before,
*:after { box-sizing: inherit; }
body {
background: #fff; overflow: hidden; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block; }
ol, ul {
list-style: none; }
table { border-collapse: separate;
border-spacing: 0; }
caption, th, td {
font-weight: normal;
text-align: left; }
blockquote:before, blockquote:after,
q:before, q:after {
content: ""; }
blockquote, q {
quotes: "" ""; }
a:focus {
outline: thin dotted; }
a:hover,
a:active {
outline: 0; }
a img {
border: 0; } .container {
position: relative;
width: 93%;
max-width: 1170px;
margin: 0 auto;
padding: 0; }
.container .one.column {
width: 4.1%; }
.container .two.columns {
width: 10.4%; }
.container .three.columns {
width: 16.6%; }
.container .four.columns {
width: 22.9%; }
.container .five.columns {
width: 29.16%; }
.container .six.columns {
width: 35%; }
.container .seven.columns {
width: 41.6%; }
.container .eight.columns {
width: 47.9%; }
.container .nine.columns {
width: 54.16%; }
.container .ten.columns {
width: 60%; }
.container .eleven.columns {
width: 66.66%; }
.container .twelve.columns {
width: 72.9%; }
.container .thirteen.columns {
width: 79.16%; }
.container .fourteen.columns {
width: 85%; }
.container .fifteen.columns {
width: 91.66%; }
.container .sixteen.columns {
width: 97.9%; }
.container .one-third.column {
width: 31.25%; }
.container .one-fourth.column {
width: 23%; }
.container .two-thirds.column {
width: 64.5%; }
.container .offset-by-one {
padding-left: 6.25%; }
.container .offset-by-two {
padding-left: 12.5%; }
.container .offset-by-three {
padding-left: 18.75%; }
.container .offset-by-four {
padding-left: 25%; }
.container .offset-by-five {
padding-left: 31.25%; }
.container .offset-by-six {
padding-left: 37.5%; }
.container .offset-by-seven {
padding-left: 43.7%; }
.container .offset-by-eight {
padding-left: 50%; }
.container .offset-by-nine {
padding-left: 56.25%; }
.container .offset-by-ten {
padding-left: 62.5%; }
.container .offset-by-eleven {
padding-left: 68.75%; }
.container .offset-by-twelve {
padding-left: 75%; }
.container .offset-by-thirteen {
padding-left: 81.25%; }
.container .offset-by-fourteen {
padding-left: 87.5%; }
.container .offset-by-fifteen {
padding-left: 93.75%; }
.column, .columns {
float: left;
display: inline;
margin-left: 1%;
margin-right: 1%; }
.column .alpha, .columns .alpha {
margin-left: 0; }
.column .omega, .columns .omega {
margin-right: 0; }
.row {
margin-bottom: 2%; }
@media only screen and (min-width: 768px) and (max-width: 959px) {
.container {
width: 93%; }
.container .column, .container .columns {
margin-left: 1.3%;
margin-right: 1.3%; }
.container .column .alpha, .container .columns .alpha {
margin-left: 0;
margin-right: 1.3%; }
.container .column .omega, .container .columns .omega {
margin-left: 1.3%;
margin-right: 0%; }
.container .one.column {
width: 3.64%; }
.container .two.columns {
width: 9.89%; }
.container .three.columns {
width: 16.1%; }
.container .four.columns {
width: 22.39%; }
.container .five.columns {
width: 28.64%; }
.container .six.columns {
width: 34.89%; }
.container .seven.columns {
width: 41.14%; }
.container .eight.columns {
width: 47.39%; }
.container .nine.columns {
width: 53.64%; }
.container .ten.columns {
width: 59.89%; }
.container .eleven.columns {
width: 66.14%; }
.container .twelve.columns {
width: 72.39%; }
.container .thirteen.columns {
width: 78.64%; }
.container .fourteen.columns {
width: 84.89%; }
.container .fifteen.columns {
width: 91.14%; }
.container .sixteen.columns {
width: 97.39%; }
.container .one-third.column {
width: 30.72%; }
.container .one-fourth.column {
width: 20.72%; }
.container .two-thirds.column {
width: 64%; }
.container .offset-by-one {
padding-left: 6.25%; }
.container .offset-by-two {
padding-left: 12.5%; }
.container .offset-by-three {
padding-left: 18.75%; }
.container .offset-by-four {
padding-left: 25%; }
.container .offset-by-five {
padding-left: 31.25%; }
.container .offset-by-six {
padding-left: 37.5%; }
.container .offset-by-seven {
padding-left: 43.75%; }
.container .offset-by-eight {
padding-left: 45%; }
.container .offset-by-nine {
padding-left: 56.25%; }
.container .offset-by-ten {
padding-left: 62.5%; }
.container .offset-by-eleven {
padding-left: 68.75%; }
.container .offset-by-twelve {
padding-left: 75%; }
.container .offset-by-thirteen {
padding-left: 81.25%; }
.container .offset-by-fourteen {
padding-left: 87.5%; }
.container .offset-by-fifteen {
padding-left: 93.75%; } }
@media only screen and (max-width: 767px) {
.container {
width: 93%; }
.container .one.column,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .one-fourth.column,
.container .two-thirds.column {
width: 100%; }
.container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven,
.container .offset-by-twelve,
.container .offset-by-thirteen,
.container .offset-by-fourteen,
.container .offset-by-fifteen {
padding-left: 0; }
.columns, .column {
margin: 0; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {
width: 93%; }
.container .one.column,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .one-fourth.column,
.container .two-thirds.column {
width: 100%; }
.columns, .column {
margin: 0; } }  .container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden; } .clearfix:before,
.clearfix:after,
.row:before,
.row:after,
.panel-row-style-full-width-layout:before,
.panel-row-style-full-width-layout:after,
.panel-row-style-cta:before,
.panel-row-style-cta:after,
.panel-row-style-cta:before,
.panel-row-style-section-pattern2:after,
.panel-row-style-section-pattern2:before,
.panel-row-style-wide-grey:before,
.panel-row-style-wide-grey:after,
.panel-row-style-wide-dark-grey:before,
.panel-row-style-wide-dark-grey:after,
.panel-row-style-section-pattern:before,
.panel-row-style-section-pattern:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
.row:after,
.clearfix:after,
.panel-row-style-full-width-layout:before,
.panel-row-style-full-width-layout:after,
.panel-row-style-wide-grey:after,
.panel-row-style-wide-grey:before,
.panel-row-style-wide-dark-grey:after,
.panel-row-style-wide-dark-grey:before,
.panel-row-style-section-pattern2:after,
.panel-row-style-section-pattern2:before,
.panel-row-style-section-pattern:before,
.panel-row-style-section-pattern:after {
clear: both; }
.row,
.clearfix {
zoom: 1; } .clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }       body,
button,
input,
select,
textarea {
color: #33363a;
font-family: "Roboto", sans-serif;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5; }
h1, h2, h3, h4, h5, h6 {
font-family: "Roboto", sans-serif;
color: #33363a;
font-weight: 700;
clear: both;
margin-bottom: 15px; }
h1 {
font-size: 48px;
font-size: 4.8rem; }
h2 {
font-size: 36px;
font-size: 3.6rem; }
h3 {
font-size: 30px;
font-size: 3rem; }
h4 {
font-size: 24px;
font-size: 2.4rem; }
h5 {
font-size: 18px;
font-size: 1.8rem; }
h6 {
font-size: 16px;
font-size: 1.6rem; }
p {
margin-bottom: 1.5em; }
b, strong {
font-weight: bold; }
dfn, cite, em, i {
font-style: italic; }
blockquote {
margin: 0 1.5em; }
address {
margin: 0 0 1.5em; }
pre {
background: #d7d7d7;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 13px;
font-size: 1.3rem;
line-height: 1.6;
margin-bottom: 1.6em;
width: 100%;
overflow: auto;
padding: 1.6em; }
code, kbd, tt, var {
font-size: 15px;
font-size: 1.5rem;
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
abbr, acronym {
border-bottom: 1px dotted #33363a;
cursor: help; }
mark, ins {
background: #d7d7d7;
text-decoration: none; }
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
bottom: 1ex; }
sub {
top: .5ex; }
small {
font-size: 75%; }
big {
font-size: 125%; } hr {
background-color: #d7d7d7;
border: 0;
height: 1px;
margin-bottom: 1.5em; }
ul, ol {
margin: 0 0 1.5em 3em; }
ul {
list-style: square; }
ol {
list-style: decimal; }
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em; }
dt {
font-weight: bold; }
dd {
margin: 0 1.5em 1.5em; }
img {
height: auto; max-width: 100%; }
figure {
margin: 0; }
table {
margin: 0 0 1.5em;
width: 100%; }
table th {
font-weight: 700;
text-transform: uppercase; }
table td, table th {
border-bottom: 1px solid #d7d7d7;
padding: 10px; }
button,
input,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; }
select {
background: #fff url(//www.kappsupply.com/wp-content/plugins/wbls-modulus/public/images/down.png) no-repeat 95% 50%;
-moz-appearance: none;
border: 1px solid #d7d7d7;
padding: 5px 10% 5px 3%; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: none;
background: #33363a;
cursor: pointer; -webkit-appearance: button; line-height: 1;
padding: 1em 1.5em;
color: #fff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #0e1353;
background-color: #0e1353;
position: relative;
color: #fff; }
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #33363a;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); }
input[type="checkbox"],
input[type="radio"] {
padding: 0; }
input[type="search"] {
-webkit-appearance: textfield; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0;
padding: 0; }
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
color: #000;
border: 1px solid #d7d7d7;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #000;
border-color: #1fb2e2; }
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
padding: 6px 15px;
width: 96%; }
textarea {
overflow: auto; padding: 10px;
vertical-align: top; width: 100%; }
ul, ol {
margin: 0 0 1.5em 3em; }
ul {
list-style: square; }
ol {
list-style: decimal; }
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em; }
dt {
font-weight: bold; }
dd {
margin: 0 1.5em 1.5em; }  a {
color: #1fb2e2;
text-decoration: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
a:visited {
color: #1fb2e2; }
a:hover, a:focus, a:active {
color: #33363a;
outline: none;
outline-offset: 0; } .nav-wrap {
background: #1fb2e2; }
.mdl-layout__drawer-button {
display: none; }
.main-navigation {
display: block;
background-color: transparent;
float: left; }
.main-navigation ul {
list-style: none;
margin: 0; }
.main-navigation ul ul {
position: absolute;
top: auto;
left: -999em;
z-index: 99999; }
.main-navigation ul ul ul {
left: -999em;
top: 0; }
.main-navigation ul ul li {
padding: 0;
background-color: #1fb2e2;
margin: 0; }
.main-navigation ul ul li:hover > ul {
margin-top: 5px !important; }
.main-navigation ul ul a {
width: 250px;
padding: 12px 15px;
font-weight: none;
background-color: #fff;
color: #1fb2e2; }
.main-navigation ul li:hover > ul {
left: auto; }
.main-navigation li {
float: left;
position: relative; }
.main-navigation li:hover {
background: #33363a; }
.main-navigation li:hover:before {
position: absolute;
content: "";
height: 10px;
background: #33363a;
top: -10px;
left: 0;
width: 100%; }
.main-navigation li:hover:after {
position: absolute;
content: "\f0d7";
font-family: "fontawesome";
color: #33363a;
right: -11px;
top: -23px;
font-size: 29px;
transform: rotate(44deg); }
.main-navigation a {
position: relative;
padding: 18px 22px;
display: block;
color: #fff;
font-size: 16px;
text-transform: uppercase; }
.main-navigation li:hover .sub-menu a:after, .main-navigation li:hover .sub-menu a:before, .main-navigation li:hover .children a:after, .main-navigation li:hover .children a:before {
display: none; }
.main-navigation .current_page_item,
.main-navigation .current-menu-item,
.main-navigation .current_page_ancestor, .main-navigation .current-menu-parent {
color: #fff;
position: relative; }
.main-navigation .current_page_item:before,
.main-navigation .current-menu-item:before,
.main-navigation .current_page_ancestor:before, .main-navigation .current-menu-parent:before {
position: absolute;
content: "";
height: 10px;
background: #33363a;
top: -10px;
left: 0;
width: 100%; }
.main-navigation .current_page_item:after,
.main-navigation .current-menu-item:after,
.main-navigation .current_page_ancestor:after, .main-navigation .current-menu-parent:after {
position: absolute;
content: "\f0d7";
font-family: "fontawesome";
color: #33363a;
right: -11px;
top: -23px;
font-size: 29px;
transform: rotate(44deg); }
.main-navigation .current_page_item,
.main-navigation .current-menu-item,
.main-navigation .current_page_ancestor, .main-navigation .current-menu-parent > a {
background: #33363a; }
.main-navigation .sub-menu .current_page_item,
.main-navigation .sub-menu .current-menu-item,
.main-navigation .sub-menu .current_page_ancestor,
.main-navigation .children .current_page_item,
.main-navigation .children-menu .current-menu-item,
.main-navigation .children-menu .current_page_ancestor {
color: #fff;
background: #33363a; }
.main-navigation .sub-menu .current_page_item:after,
.main-navigation .sub-menu .current-menu-item:after,
.main-navigation .sub-menu .current_page_ancestor:after,
.main-navigation .children .current_page_item:after,
.main-navigation .children-menu .current-menu-item:after,
.main-navigation .children-menu .current_page_ancestor:after {
display: none; }
.main-navigation .sub-menu .current_page_item > a,
.main-navigation .sub-menu .current-menu-item > a,
.main-navigation .sub-menu .current_page_ancestor > a,
.main-navigation .children .current_page_item > a,
.main-navigation .children .current-menu-item > a,
.main-navigation .children .current_page_ancestor > a {
background: #1fb2e2;
color: #fff; }
.main-navigation .sub-menu .current_page_item > a:before, .main-navigation .sub-menu .current_page_item > a:after,
.main-navigation .sub-menu .current-menu-item > a:before,
.main-navigation .sub-menu .current-menu-item > a:after,
.main-navigation .sub-menu .current_page_ancestor > a:before,
.main-navigation .sub-menu .current_page_ancestor > a:after,
.main-navigation .children .current_page_item > a:before,
.main-navigation .children .current_page_item > a:after,
.main-navigation .children .current-menu-item > a:before,
.main-navigation .children .current-menu-item > a:after,
.main-navigation .children .current_page_ancestor > a:before,
.main-navigation .children .current_page_ancestor > a:after {
display: none; }
.main-navigation .sub-menu, .main-navigation .children {
padding: 10px 0px 0px;
width: 250px;
background: #33363a; }
.main-navigation .sub-menu li, .main-navigation .children li {
position: relative; }
.main-navigation .sub-menu li a, .main-navigation .children li a {
color: #fff;
background: #33363a;
padding: 12px 15px 12px 25px; }
.main-navigation .sub-menu li a:hover, .main-navigation .children li a:hover {
background-color: #1fb2e2; }
.main-navigation .sub-menu li a:hover:after, .main-navigation .sub-menu li a:hover:before, .main-navigation .children li a:hover:after, .main-navigation .children li a:hover:before {
display: none; }
.main-navigation .sub-menu li:hover:before, .main-navigation .sub-menu li:hover:after, .main-navigation .children li:hover:before, .main-navigation .children li:hover:after {
display: none; } .menu-toggle {
display: none; }
.menu-toggle,
.slicknav_menu {
display: none; }
@media screen and (max-width: 600px) {
.menu-toggle,
.main-navigation.toggled ul.menu.nav-menu, .slicknav_menu {
display: block; }
.slicknav_nav a {
color: #33363a; }
.slicknav_menu {
background: #d7d7d7; }
.slicknav_menu a:hover {
background: #1fb2e2;
color: #fff; }
.main-navigation ul,
#site-navigation {
display: none; }
.site-main .widget_recent-posts-widget .recent-post {
text-align: center; }
.site-main .widget_recent-posts-widget .recent-post .rp-thumb {
text-align: center;
border-top: 1px solid #8f8f8f;
padding-top: 15px; }
.site-main .widget_recent-posts-widget .recent-post .rp-thumb:before {
background: transparent; }
#secondary {
left: 0 !important; }
.widget_testimonial-widget .testimony, .widget_testimonial-widget .testimonial-left {
width: 100% !important; }
.widget_testimonial-widget .client-pic-wrapper {
text-align: center !important; } }
.comment-navigation,
.paging-navigation,
.post-navigation {
margin: 0 0 1.5em;
overflow: hidden; }
.comment-navigation {
margin-bottom: 2.5em; }
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 48%;
margin: 1%; }
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 47%;
margin: 1%; }
.post-navigation span {
display: none; }
.navigation a,
.more-link,
.comment-navigation a {
background-color: #33363a;
color: #fff;
padding-top: 12px;
padding-bottom: 12px;
display: block; }
.navigation a:hover,
.more-link:hover,
.comment-navigation a:hover {
background-color: #fff;
border-color: #0e1353;
color: #0e1353; }
.comment-navigation {
position: relative; }
.comment-navigation .nav-previous a {
padding-left: 50px;
position: relative;
font-weight: 700; }
.comment-navigation .nav-previous:hover a {
background: #0e1353;
color: #fff; }
.comment-navigation .nav-previous:hover a .meta-nav {
color: #fff; }
.comment-navigation .nav-next a {
padding-right: 50px;
position: relative;
font-weight: 700; }
.comment-navigation .nav-next:hover a {
background: #0e1353;
color: #fff; }
.comment-navigation .nav-next:hover a .meta-nav {
color: #fff; }
.nav-links,
.more-link, .comment-navigation {
position: relative; }
.nav-links a,
.more-link a, .comment-navigation a {
position: relative;
font-size: 18px;
font-size: 1.8rem;
font-family: "Roboto", sans-serif; }
.nav-links .meta-nav,
.more-link .meta-nav, .comment-navigation .meta-nav {
width: 20px;
height: 20px;
background-color: #fff;
display: inline-block;
color: #33363a;
background-clip: padding-box; -webkit-border-radius: 25px;
border-radius: 25px;
text-align: center;
font-size: 22px;
font-size: 2.2rem;
position: absolute;
line-height: 18px;
top: 30%;
font-weight: 700; }
.nav-links .nav-previous:hover, .nav-links .nav-next:hover,
.more-link .nav-previous:hover,
.more-link .nav-next:hover, .comment-navigation .nav-previous:hover, .comment-navigation .nav-next:hover {
box-shadow: 0 7px 6px -6px #000; }
.nav-links .nav-previous, .nav-links .nav-next,
.more-link .nav-previous,
.more-link .nav-next, .comment-navigation .nav-previous, .comment-navigation .nav-next {
box-shadow: 0 7px 6px -6px #000; }
.nav-links .nav-previous a,
.more-link .nav-previous a, .comment-navigation .nav-previous a {
padding-left: 50px;
font-weight: 700;
border-radius: 3px; }
.nav-links .nav-previous .meta-nav,
.more-link .nav-previous .meta-nav, .comment-navigation .nav-previous .meta-nav {
left: 20px; }
.nav-links .nav-previous:hover a,
.more-link .nav-previous:hover a, .comment-navigation .nav-previous:hover a {
background: #1fb2e2;
color: #fff; }
.nav-links .nav-previous:hover a .meta-nav,
.more-link .nav-previous:hover a .meta-nav, .comment-navigation .nav-previous:hover a .meta-nav {
color: #1fb2e2;
background: #fff; }
.nav-links .nav-next a,
.more-link .nav-next a, .comment-navigation .nav-next a {
padding-right: 50px;
font-weight: 700;
border-radius: 3px; }
.nav-links .nav-next .meta-nav,
.more-link .nav-next .meta-nav, .comment-navigation .nav-next .meta-nav {
right: 20px; }
.nav-links .nav-next:hover a,
.more-link .nav-next:hover a, .comment-navigation .nav-next:hover a {
background: #1fb2e2;
color: #fff; }
.nav-links .nav-next:hover a .meta-nav,
.more-link .nav-next:hover a .meta-nav, .comment-navigation .nav-next:hover a .meta-nav {
color: #1fb2e2;
background: #fff; }
a.more-link {
padding: 10px 20px;
color: #fff;
border-radisu: 3px;
display: inline-block;
box-shadow: 0 7px 6px -6px #000; }
a.more-link .meta-nav {
right: 15px;
top: 10px;
background-color: #33363a;
color: #fff;
line-height: normal; }
a.more-link:hover {
background-color: #1fb2e2;
color: #fff; }
a.more-link:hover .meta-nav {
background-color: #1fb2e2; }
.nav-links a:hover .meta-nav {
background-color: transparent;
color: #0e1353; }
.page-navigation {
margin-top: 60px; }
.menu.nav-menu::after, .menu.nav-menu::before {
clear: both;
content: "";
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
width: 0; }
ol.webulous_page_navi {
margin: 0;
list-style-type: none;
position: relative;
text-align: center; }
ol.webulous_page_navi li {
display: inline-block;
margin-right: 10px;
background-color: #1fb2e2;
color: #fff;
border-radius: 100%; }
ol.webulous_page_navi li a {
display: inline-block;
text-align: center;
font-size: 20px;
font-size: 2rem;
color: #fff;
width: 50px;
height: 50px;
line-height: 50px; }
ol.webulous_page_navi li a:before {
position: absolute;
color: #fff;
font-size: 17px;
font-size: 1.7rem;
font-family: 'FontAwesome';
left: 0px;
top: 0;
width: 50px;
height: 50px;
line-height: 50px; }
ol.webulous_page_navi li:hover {
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
ol.webulous_page_navi .bpn-prev-link a:before {
content: "\f053"; }
ol.webulous_page_navi .bpn-next-link a:before {
content: "\f054"; }
ol.webulous_page_navi li.bpn-current {
color: #fff;
background-color: #33363a;
text-align: center;
font-size: 20px;
font-size: 2rem;
margin-right: 10px;
padding: 10px 20px;
position: relative;
top: -18px; }
ol.webulous_page_navi .bpn-next-link, ol.webulous_page_navi .bpn-prev-link {
background: #1fb2e2;
border: none;
display: inline-block;
color: #fff; } .navigation.pagination, .navigation {
clear: both; }
.masonry-blog-content .page-navigation, .masonry-blog-content .post-navigation {
bottom: -50px;
position: absolute;
right: 0; }
.masonry-blog-content .post-navigation {
width: 100%; } .blog-box article {
border: 1px solid #d7d7d7;
border-bottom: none;
padding-top: 0 !important;
margin-bottom: 40px;
margin-bottom: 40px; }
.blog-box article header, .blog-box article .entry-content {
padding-left: 20px;
padding-right: 20px; }
.blog-box article .entry-footer {
margin-left: 20px;
margin-right: 20px; }
ol.webulous_page_navi {
position: static; }
.two-col-blog:nth-of-type(2n+1) {
clear: both; } .page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0; } embed,
iframe,
object {
max-width: 100%; } .wp-caption {
margin-bottom: 1.5em;
max-width: 100%; }
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto; }
.wp-caption .wp-caption-text {
margin: 0.8075em 0; }
.wp-caption-text {
text-align: center; } .gallery {
margin-bottom: 1.5em; }
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%; }
.gallery-columns-2 .gallery-item {
max-width: 50%; }
.gallery-columns-3 .gallery-item {
max-width: 33.33%; }
.gallery-columns-4 .gallery-item {
max-width: 25%; }
.gallery-columns-5 .gallery-item {
max-width: 20%; }
.gallery-columns-6 .gallery-item {
max-width: 16.66%; }
.gallery-columns-7 .gallery-item {
max-width: 14.28%; }
.gallery-columns-8 .gallery-item {
max-width: 12.5%; }
.gallery-columns-9 .gallery-item {
max-width: 11.11%; }
.gallery-caption {
display: block; }  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden; }
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
background-color: #fff;
clip: auto !important;
color: #000;
display: block;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.alignleft {
display: inline;
float: left;
margin-right: 1.5em; }
.alignright {
display: inline;
float: right;
margin-left: 1.5em; }
.aligncenter {
display: block;
margin: 0 auto; }
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table; }
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both; } .infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer { display: none; } .infinity-end.neverending .site-footer {
display: block; } .mdl-layout__drawer {
display: none; }
.branding {
padding: 20px 0px 30px; }
.branding .site-branding {
text-align: left;
position: relative; }
.branding .site-branding .site-description {
font-size: 16px;
font-size: 1.6rem;
color: #8f8f8f;
font-family: "Roboto", sans-serif;
padding: 0px 10px 10px 0px;
position: relative;
margin-bottom: 0;
margin-top: -12px; }
.branding .site-branding .site-title {
margin-bottom: 0; }
.branding .site-branding .site-title a {
display: block; }
.branding .site-branding .site-title a:first-letter {
color: #33363a; }
.branding .site-branding .site-title a:hover:first-letter {
color: #1fb2e2; }
.sticky-nav {
position: fixed;
top: -2px;
left: 0;
width: 100%;
z-index: 1000; }
.admin-bar .nav-wrap.sticky-nav {
top: 30px; }
.no-sidebar {
float: none;
margin: 0 auto;
display: block; }
.top-nav {
background: #33363a;
margin-bottom: 0px;
font-size: 13px; }
.top-nav .container {
padding: 5px 0px;
color: #fff; }
.top-nav .container li {
color: #fff; }
.top-nav aside {
margin-bottom: 10px; }
.top-nav .textwidget {
padding: 0; }
.top-nav .widget_text {
margin: 0px; }
.top-nav ul {
margin: 0; }
.top-nav ul li {
float: left;
list-style: none;
border-bottom: none !important; }
.top-nav ul li:hover a {
color: #1fb2e2; }
.top-nav ul li a {
color: #fff;
padding: 4px 25px 4px 0px;
border-radius: 5px;
display: inline; }
.top-nav ul li i {
font-size: 11px;
font-size: 1.1rem;
padding-right: 5px;
display: inline-block; }
.top-nav .cart-right li {
float: right; }
.top-right {
margin-top: 30px; }
.top-right .widget-title {
display: none; }
.top-right ul {
float: right; }
.top-right ul li {
float: right;
margin-right: 10px;
list-style: none; }
.top-right ul li:first-child {
margin-right: 0; }
.top-right ul li:hover a {
background: #1fb2e2; }
.top-right ul li a {
width: 45px;
height: 45px;
line-height: 45px;
background: #33363a;
border-radius: 100%;
color: #fff;
display: inline-block;
text-align: center; }
.top-right ul li a .fa {
display: inline-block;
font-size: 17px;
font-size: 1.7rem; }
.top-right ul li a:hover {
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.top-right aside {
margin: 0; } .header-image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: auto;
position: relative; }
.overlay {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
background: transparent; } .sticky-header #nav-wrap {
position: fixed;
top: -2px;
left: 0;
width: 100%;
z-index: 1000; }
.sticky-header #nav-wrap .search-form {
top: 5px; }
.boxed-container .sticky-header #nav-wrap {
width: auto;
left: auto; }
.admin-bar .sticky-header #nav-wrap {
top: 30px; } .site-content {
padding-top: 50px;
margin-bottom: 100px; }
.site-main {
margin: 1.5em 0; }
.site-main article.post {
padding: 20px 0; }
#primary .widget_text .textwidget, #primary .widget_list-widget li {
color: #8f8f8f; }
.alpha {
margin-left: 0; }
.omega {
margin-right: 0; }
.single .site-main article.post {
padding-top: 0; }
.fluid-header .nav-wrap .thirteen, .fluid-header .nav-wrap .sixteen {
margin-left: 0; }
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none; }
.archive .entry-content .thumb, .page-template-blog-fullwidth .entry-content .thumb, .page-template-blog-large .entry-content .thumb, .single-post .entry-content .thumb, .page-template-blog-small .entry-content .thumb {
margin-bottom: 30px; }
.archive .entry-body-wrapper, .page-template-blog-fullwidth .entry-body-wrapper, .page-template-blog-large .entry-body-wrapper, .single-post .entry-body-wrapper, .page-template-blog-small .entry-body-wrapper {
margin-bottom: 50px; }
.single-post .post-navigation {
margin-top: 50px; }
.single-post .thumb {
margin-bottom: 30px; }
.comment-content a {
word-wrap: break-word; }
.comment-navigation {
clear: both; }
.comment-content p {
margin-bottom: 0;
margin-top: 15px; }
.bypostauthor {
display: block; }
h2.comments-title {
margin-bottom: 30px;
padding-bottom: 10px;
line-height: normal; }
ol.comment-list {
margin: 0;
list-style-type: none; }
ol.comment-list ol.children {
list-style-type: none;
margin-left: 10%; }
ol.comment-list > li {
margin-bottom: 20px; }
.comment-body {
position: relative; }
ol.comment-list .reply {
text-align: left;
font-size: 14px;
font-size: 1.4rem;
position: absolute;
left: -100px;
top: 125px; }
ol.comment-list .reply:hover a, ol.comment-list .reply:hover:before {
color: #33363a; }
ol.comment-list .reply:before {
position: relative;
right: 7px;
content: "\f112";
font-family: "FontAwesome";
color: #1fb2e2;
font-size: 15px;
font-size: 1.5rem; }
.byuser .reply a:hover {
color: #fff; }
.comment-author {
display: inline;
text-transform: uppercase;
color: #33363a; }
.comment-author img {
position: absolute;
left: 0; }
.comment-author .fn {
font-style: normal; }
.comment-author .fn a {
color: #33363a; }
.comment-author .fn a:hover {
color: #1fb2e2; }
ol.comment-list article {
border: 1px solid #808080;
margin-bottom: 50px;
padding: 20px 25px;
width: calc(100% - 140px);
float: right;
position: relative;
z-index: 1;
background: #f0f2f3;
min-height: 120px; }
ol.comment-list article .fn {
color: #33363a;
cursor: pointer; }
ol.comment-list article .fn:hover {
color: #1fb2e2; }
ol.comment-list article .comment-author img {
top: -2px;
left: -140px;
width: 120px;
height: 120px;
border: 1px solid #8f8f8f; }
ol.comment-list li.byuser .comment-metadata a:hover {
color: #33363a; }
.comment-metadata {
font-size: 13px;
font-size: 1.3rem;
text-transform: uppercase;
display: inline-block;
margin-left: 10px; }
.comment-metadata a {
color: #8f8f8f;
margin-left: 10px; }
.comment-metadata a:hover {
color: #1fb2e2; }
.byuser .comment-metadata a:hover,
.byuser .comment-content a:hover {
color: #fff; }
#commentform .mdl-textfield {
padding: 20px 0px;
width: 100%; }
#commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"], #commentform input[type="password"], #commentform input[type="search"], #commentform textarea {
border: none;
border-bottom: 1px solid #d7d7d7; }
#commentform .form-group {
margin-bottom: 10px; }
.hentry.sticky {
color: #fff;
background-color: #1fb2e2;
padding: 25px !important;
background-clip: padding-box; -webkit-border-radius: 5px;
border-radius: 5px;
position: relative;
margin-bottom: 70px !important; }
.hentry.sticky:after {
position: absolute;
content: "";
left: 0;
bottom: -40px;
height: 3px;
width: 100%;
border-bottom: 1px solid #d7d7d7; }
.hentry.sticky .entry-meta .date-structure .dd {
color: #fff; }
.hentry.sticky h2.entry-title a {
color: #fff; }
.hentry.sticky h2.entry-title a:hover {
color: #33363a; }
.hentry.sticky a {
color: #fff; }
.hentry.sticky a:hover {
color: #0e1353; }
.hentry.sticky span i {
color: #fff; }
.hentry.sticky span:hover i, .hentry.sticky span:hover a {
color: #33363a; }
.hentry.sticky code {
color: #000; }
.hentry.sticky .entry-footer,
.hentry.sticky .entry-meta {
margin-bottom: 0;
border: 0; }
.hentry.sticky .entry-footer a,
.hentry.sticky .entry-meta a {
color: #fff; }
.hentry.sticky .entry-footer a:hover,
.hentry.sticky .entry-meta a:hover {
color: #33363a; }
.hentry.post {
margin: 0 0 1em;
border-bottom: 1px solid #d7d7d7; }
.hentry.post h2 a {
color: #000; }
.hentry.post h2 a:hover {
color: #1fb2e2; }
.single .byline,
.group-blog .byline {
display: inline; }
.sticky .entry-meta,
.sticky .entry-footer {
background: none;
padding: 0; }
.entry-meta .date-structure {
display: inline-block;
padding: 0px 10px;
text-align: center; }
.entry-meta .date-structure .dd {
color: #8f8f8f; }
.entry-meta, .entry-footer {
padding: 12px;
position: relative;
border: 1px solid #eaeaea; }
.entry-meta {
margin: 5px 0px 25px 0px; }
.entry-meta .author {
padding: 0 10px 0 0; }
.entry-meta span {
margin: 0 10px 0 0; }
.entry-meta span span {
margin: 0; }
.entry-meta span i {
color: #8f8f8f;
padding-right: 5px; }
.entry-meta span a {
color: #8f8f8f; }
.entry-meta span:hover i {
color: #606060; }
.entry-meta span:hover a {
color: #606060; }
.entry-footer {
margin: 25px 0px; }
.entry-footer span {
margin: 0 30px 0 10px;
color: #8f8f8f; }
.entry-footer span span {
margin: 0; }
.entry-footer span i {
color: #8f8f8f;
padding-right: 5px; }
.entry-footer span a {
color: #8f8f8f; }
.entry-footer span:hover i {
color: #606060; }
.entry-footer span:hover a {
color: #606060; }
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0; }
.page-links {
margin: 0 0 1.5em;
padding: 12px;
text-align: center;
color: #fff;
background-color: #1fb2e2;
display: inline-block; }
.page-links a {
padding: 5px 10px;
color: #33363a; }
.page-links a:hover {
color: #d7d7d7; }
blockquote {
position: relative;
margin: 0;
display: inline-block;
margin-bottom: 20px;
margin-top: 30px;
background-color: #1fb2e2;
font-size: 20px;
font-size: 2rem;
font-family: "Roboto", sans-serif;
padding: 1% 10px 1% 40px;
box-shadow: 0 7px 6px -6px black;
border-radius: 3px; }
blockquote:before {
position: absolute;
content: "\f10d";
font-size: 25px;
font-size: 2.5rem;
font-family: 'FontAwesome';
left: 20px;
top: calc(1% + 25px );
color: #fff; }
blockquote p {
margin-bottom: 0;
font-size: 20px;
font-size: 2rem;
padding: 20px;
color: #fff;
position: relative;
font-weight: 700; }
blockquote p cite {
font-style: normal;
text-transform: uppercase;
color: #fff; }
blockquote p a, blockquote p a:visited {
color: #fff;
font-size: 14px;
font-size: 1.4rem; }
blockquote p a:hover {
color: #8f8f8f; }
.home .site-content {
padding-bottom: 0;
margin-bottom: 0;
padding-top: 100px; }
.home .site-content .site-main {
margin-top: 0;
margin-bottom: 0; }
.error-404.not-found h1.page-title {
text-align: center;
margin-bottom: 30px; }
.error-404.not-found h1.page-title span {
color: #0e1353;
display: block; }
.home.blog .site-content .container {
margin-bottom: 50px; }
.home.blog .main-navigation ul.nav-menu > li {
top: 0; }
.site-content.test {
padding-top: 50px; }
.site-content.test .widget-area {
margin-top: 0; }
.free-home {  }
.free-home .title-divider {
text-align: center;
width: 100%;
padding-bottom: 20px;
position: relative; }
.free-home .title-divider:before {
position: absolute;
font-family: "FontAwesome";
font-size: 10px;
font-size: 1rem;
content: "\f005";
color: #1fb2e2;
background: #fff;
border: 1px solid #1fb2e2;
border-radius: 10px;
bottom: 0;
left: calc( 45% + 55px );
padding: 2px 4px 2px 3px;
line-height: 13px;
z-index: 1; }
.free-home .title-divider:after {
position: absolute;
content: "";
background: #1fb2e2;
height: 1px;
width: 130px;
left: calc( 45% );
bottom: 9px; }
.free-home .services-wrapper {
padding: 0px 0px 120px 0px;
text-align: center; }
.free-home .services-wrapper .service {
text-align: center;
float: left;
padding: 0px 8px; }
.free-home .services-wrapper .service:hover {
border-color: #1fb2e2; }
.free-home .services-wrapper .service:hover span:after {
border-color: #33363a; }
.free-home .services-wrapper .service:hover h4 {
color: #1fb2e2; }
.free-home .services-wrapper .service:hover .service-content {
border-color: #1fb2e2; }
.free-home .services-wrapper .service:hover img, .free-home .services-wrapper .service:hover .demo-thumb {
transform: scale(1.2); }
.free-home .services-wrapper .service img {
border-radius: 100%;
position: relative;
top: 75px;
z-index: 1; }
.free-home .services-wrapper .service .service-content {
border: 2px solid #d7d7d7;
padding: 85px 20px 20px;
position: relative; }
.free-home .services-wrapper .service .service-content h4 {
margin-bottom: 0; }
.free-home .services-wrapper .service .service-content .more-link {
margin: 0px auto 0px; }
.free-home .services-wrapper .service h4 {
text-transform: uppercase; }
.free-home .services-wrapper .service .demo-thumb {
width: 80px;
height: 80px;
border-radius: 100%;
background: #1fb2e2;
position: relative;
top: 45px;
display: inline-block;
z-index: 1;
text-align: center; }
.free-home .services-wrapper .service .demo-thumb i {
color: #fff;
display: block;
margin-top: 15px; }
.free-home .services-wrapper .service p {
color: #444;
margin: 0;
padding: 5px 0px 10px; }
.free-home .error-404.not-found {
text-align: center; }
.free-home .error-404.not-found h1.page-title {
text-align: center;
margin-bottom: 30px; }
.free-home .error-404.not-found h1.page-title span {
color: #0e1353;
display: block; }
.free-home .no-results input[type="search"], .free-home .not-found input[type="search"] {
float: left;
width: 75%; }
.free-home .no-results input[type="submit"], .free-home .not-found input[type="submit"] {
float: left;
width: 20%;
position: relative;
right: -4px;
top: -5px; }
.free-home .home .site-content {
padding-bottom: 0;
margin-bottom: 0; }
.free-home .home .site-content .site-main {
margin-bottom: 0; }
.free-home .home.blog .site-content .container {
margin-bottom: 50px; }
.free-home .home.blog .main-navigation ul.nav-menu > li {
top: 0; } .post-wrapper {
padding: 100px 0px;
background: #f0f2f3;
position: relative; }
.post-wrapper:before {
position: absolute;
content: "";
backgroud-color: #f0f2f3;
height: 26px;
width: 25px;
top: -20px;
left: 50%;
border: 2px solid #d7d7d7;
border-radius: 15px;
background: #f0f2f3;
border-bottom-color: #f0f2f3;
z-index: 1; }
.post-wrapper:after {
position: absolute;
content: "";
border: 1px solid #d7d7d7;
width: 520px;
top: 1px;
left: calc(50% - 250px); }
.recent-posts .latest-posts, .post-wrapper .latest-posts, .recent-posts-carousel .latest-posts {
padding-top: 80px; }
.recent-posts .one-third:nth-child(3n+1), .post-wrapper .one-third:nth-child(3n+1), .recent-posts-carousel .one-third:nth-child(3n+1) {
clear: both; }
.recent-posts .mdl-cell, .post-wrapper .mdl-cell, .recent-posts-carousel .mdl-cell {
float: left; }
.recent-posts .latest-post, .post-wrapper .latest-post, .recent-posts-carousel .latest-post {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
overflow: hidden;
position: relative;
margin-bottom: 2.5em;
background: #fff;
border: 1px solid #d7d7d7;
text-align: left;
margin: 0px 10px 2.5em 10px; }
.recent-posts h3, .post-wrapper h3, .recent-posts-carousel h3 {
margin-bottom: 0;
padding: 0px 20px; }
.recent-posts h3 a, .post-wrapper h3 a, .recent-posts-carousel h3 a {
color: #33363a; }
.recent-posts h3 a:hover, .post-wrapper h3 a:hover, .recent-posts-carousel h3 a:hover {
color: #1fb2e2; }
.recent-posts .entry-meta, .post-wrapper .entry-meta, .recent-posts-carousel .entry-meta {
border: none;
margin-bottom: 0;
padding: 0px 20px 20px; }
.recent-posts .entry-meta span a, .recent-posts .entry-meta span i, .recent-posts .entry-meta span, .post-wrapper .entry-meta span a, .post-wrapper .entry-meta span i, .post-wrapper .entry-meta span, .recent-posts-carousel .entry-meta span a, .recent-posts-carousel .entry-meta span i, .recent-posts-carousel .entry-meta span {
color: #8f8f8f; }
.recent-posts .entry-meta span:hover, .post-wrapper .entry-meta span:hover, .recent-posts-carousel .entry-meta span:hover {
color: #1fb2e2; }
.recent-posts .entry-meta span:hover i, .recent-posts .entry-meta span:hover a, .post-wrapper .entry-meta span:hover i, .post-wrapper .entry-meta span:hover a, .recent-posts-carousel .entry-meta span:hover i, .recent-posts-carousel .entry-meta span:hover a {
color: #1fb2e2; }
.recent-posts .data-structure, .post-wrapper .data-structure, .recent-posts-carousel .data-structure {
display: inline-block;
text-align: left; }
.recent-posts .latest-post-content, .post-wrapper .latest-post-content, .recent-posts-carousel .latest-post-content {
margin: 0 20px;
border-bottom: 1px solid #d7d7d7; }
.recent-posts .latest-post-thumb img, .post-wrapper .latest-post-thumb img, .recent-posts-carousel .latest-post-thumb img {
margin-bottom: 20px;
margin-top: 0px; }
.recent-posts .btn-readmore, .post-wrapper .btn-readmore, .recent-posts-carousel .btn-readmore {
display: inline-block;
padding: 20px 0px 0px 20px;
color: #1fb2e2; }
.recent-posts .btn-readmore:hover, .post-wrapper .btn-readmore:hover, .recent-posts-carousel .btn-readmore:hover {
color: #33363a; }
.service-content .more-link, .post .more-link {
box-shadow: none;
border-radius: 3px;
padding: 3px 6px;
font-size: 13px; }
.default-home-page .title-divider::before, .default-home-page .title-divider::after {
display: none; }
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce #content table.cart input,
.woocommerce table.cart input,
.woocommerce-page #content table.cart input,
.woocommerce-page table.cart input {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
color: #fff;
background: #33363a; }
.woocommerce #content input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page #content input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover {
background: none !important;
background-color: #1fb2e2 !important;
color: #fff; }
.woocommerce #content input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt {
background: #272727 !important; background: -moz-linear-gradient(top, #272727 0%, #45484d 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #272727), color-stop(100%, #45484d)) !important; background: -webkit-linear-gradient(top, #272727 0%, #45484d 100%) !important; background: -o-linear-gradient(top, #272727 0%, #45484d 100%) !important; background: -ms-linear-gradient(top, #272727 0%, #45484d 100%) !important; background: linear-gradient(to bottom, #272727 0%, #45484d 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#45484d',GradientType=0 ) !important; border: 1px solid #333; }
.woocommerce #content input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page input.button.alt:hover {
border-color: #000;
background: #666 !important; background: -moz-linear-gradient(top, #666 0%, #45484d 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #45484d)) !important; background: -webkit-linear-gradient(top, #666 0%, #45484d 100%) !important; background: -o-linear-gradient(top, #666 0%, #45484d 100%) !important; background: -ms-linear-gradient(top, #666 0%, #45484d 100%) !important; background: linear-gradient(to bottom, #666 0%, #45484d 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#45484d',GradientType=0 ) !important; }
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-message:before {
background-color: #333; }
.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message {
border-color: #333; }
.order-total .amount,
.cart-subtotal .amount {
color: #1fb2e2; }
.woocommerce #payment div.payment_box,
.woocommerce-page #payment div.payment_box {
background: #f2f9fe; background: -moz-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f9fe), color-stop(100%, #d6f0fd)); background: -webkit-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); background: -o-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); background: -ms-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); background: linear-gradient(to bottom, #f2f9fe 0%, #d6f0fd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); }
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.woocommerce #content div.product p.price,
.woocommerce #content div.product span.price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-page #content div.product p.price,
.woocommerce-page #content div.product span.price,
.woocommerce-page div.product p.price,
.woocommerce-page div.product span.price {
color: #33363a; }
.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart {
background-color: #666;
color: #fff; }
.woocommerce a.added_to_cart:hover,
.woocommerce-page a.added_to_cart:hover {
background-color: #000; }
.woocommerce .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-breadcrumb a {
color: #fff; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
background: #f2f9fe; background: -moz-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f9fe), color-stop(100%, #d6f0fd)); background: -webkit-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); background: -o-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); background: -ms-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); background: linear-gradient(to bottom, #f2f9fe 0%, #d6f0fd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); }
.woocommerce #content table.cart a.remove,
.woocommerce table.cart a.remove,
.woocommerce-page #content table.cart a.remove,
.woocommerce-page table.cart a.remove {
color: #1fb2e2; }
.woocommerce #content table.cart a.remove:hover,
.woocommerce table.cart a.remove:hover,
.woocommerce-page #content table.cart a.remove:hover,
.woocommerce-page table.cart a.remove:hover {
background-color: #33363a; }
.woocommerce #content div.product .woocommerce-tabs .panel,
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-page #content div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel {
background-color: #d7d7d7; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
background: #1fb2e2;
color: #fff; }
.woocommerce span.onsale, .woocommerce-page span.onsale {
background: #fceabb; background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceabb), color-stop(50%, #fccd4d), color-stop(51%, #f8b500), color-stop(100%, #fbdf93)); background: -webkit-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); background: -o-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); background: -ms-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); }
.woocommerce #content nav.woocommerce-pagination ul li a,
.woocommerce #content nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-page #content nav.woocommerce-pagination ul li a,
.woocommerce-page #content nav.woocommerce-pagination ul li span,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li span {
background-color: #33363a;
color: #fff !important; }
.woocommerce #content nav.woocommerce-pagination ul li a:focus,
.woocommerce #content nav.woocommerce-pagination ul li a:hover,
.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li a:focus,
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a:focus,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li span.current {
background-color: #1fb2e2;
color: #fff; }
.woocommerce #content nav.woocommerce-pagination ul li,
.woocommerce #content nav.woocommerce-pagination ul {
background-color: #33363a; }
.woocommerce-error li strong {
color: #B81C23; }
.woocommerce .site-content,
.woocommerce-page .site-content {
margin-bottom: 0; }
.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
border: 0;
padding: 5px 12px;
text-align: center;
text-decoration: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
text-shadow: 0 0 0;
font-weight: 400; }
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before {
padding-top: 0;
height: 2.5em;
line-height: 2.5;
width: 2em; }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea {
line-height: normal;
border: 1px solid #aea9a9;
color: #000; }
.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart {
padding: 2px 15px 1px 30px;
background-clip: padding-box; -webkit-border-radius: 3px;
border-radius: 3px; }
.woocommerce .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-breadcrumb a {
text-decoration: none; }
.woocommerce .woocommerce-breadcrumb a:hover,
.woocommerce-page .woocommerce-breadcrumb a:hover {
color: #1fb2e2; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
font-weight: 400;
padding: 0.5em 1em;
background-color: transparent;
background-clip: padding-box; -webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
box-shadow: 0 0 0;
border-top: 0;
position: static; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover {
position: static; }
.woocommerce #content div.product form.cart table.variations,
.woocommerce div.product form.cart table.variations,
.woocommerce-page #content div.product form.cart table.variations,
.woocommerce-page div.product form.cart table.variations,
.woocommerce #content div.product form.cart table.variations td,
.woocommerce div.product form.cart table.variations td,
.woocommerce-page #content div.product form.cart table.variations td,
.woocommerce-page div.product form.cart table.variations td {
border: 0; }
.cross-sells h2,
.shipping_calculator h2 {
font-size: 1.6em; }
.woocommerce #content table.cart a.remove,
.woocommerce table.cart a.remove,
.woocommerce-page #content table.cart a.remove,
.woocommerce-page table.cart a.remove {
margin: 0 auto; }
.woocommerce #content table.cart td.actions input#coupon_code,
.woocommerce table.cart td.actions input#coupon_code,
.woocommerce-page #content table.cart td.actions input#coupon_code,
.woocommerce-page table.cart td.actions input#coupon_code {
width: auto; }
.woocommerce button.button,
.woocommerce-page button.button {
padding: 10px 12px; }
.woocommerce .cart button.single_add_to_cart_button {
padding: 6px 12px 5px; }
.woocommerce button.button, .woocommerce-page button.button,
.woocommerce #content div.product .woocommerce-tabs .panel,
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-page #content div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel {
padding: 20px;
border: 1px solid #e0dadf;
border-top: 0; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs,
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs {
margin-bottom: 0; }
.woocommerce #content table.cart td.actions .coupon #coupon_code,
.woocommerce table.cart td.actions .coupon #coupon_code,
.woocommerce-page #content table.cart td.actions .coupon #coupon_code,
.woocommerce-page table.cart td.actions .coupon #coupon_code {
padding: 4px 6px; }
.woocommerce #content div.product .stock,
.woocommerce div.product .stock,
.woocommerce-page #content div.product .stock,
.woocommerce-page div.product .stock {
text-decoration: underline;
color: #333; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
padding: 0;
margin: 0; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
background: #33363a;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
box-shadow: 0 0 0;
margin: 0; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
color: #fff;
text-shadow: 0 0 0;
padding: 7px 20px !important; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover {
text-decoration: none; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
z-index: 2;
border-bottom-color: transparent; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before {
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
box-shadow: 0; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after {
display: none !important; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before {
display: none !important; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before {
display: none !important; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after {
display: none !important; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before {
display: none !important; }
.woocommerce span.onsale, .woocommerce-page span.onsale {
background-clip: padding-box; -webkit-border-radius: 50px;
border-radius: 50px;
padding: 10px 12px; }
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale {
margin: -15px -15px 0 0; }
.woocommerce #content nav.woocommerce-pagination ul li a,
.woocommerce #content nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-page #content nav.woocommerce-pagination ul li a,
.woocommerce-page #content nav.woocommerce-pagination ul li span,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li span {
border: 0;
padding: 3px 10px; }
.woocommerce #content nav.woocommerce-pagination ul li a:focus,
.woocommerce #content nav.woocommerce-pagination ul li a:hover,
.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li a:focus,
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a:focus,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li span.current {
border: 0; }
.woocommerce #content nav.woocommerce-pagination ul li {
border: 0; }
.woocommerce #content nav.woocommerce-pagination ul {
padding: 7px 10px;
border: 0; }
.woocommerce-page .site-footer,
.woocommerce-page .footer-bottom,
.woocommerce-page .woocommerce-breadcrumb {
padding: 0 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
margin: 0 -50%; }
.woocommerce a.remove {
background: #1fb2e2;
color: #fff !important; }
.woocommerce #primary {
margin: 50px 0px; }
.textwidget {
font-weight: normal; }
.textwidget h2 {
margin-bottom: 20px; }
.content-area .textwidget {
padding: 0; }
.panel-row-style-full-width-layout {
margin: 0 -100%;
padding: 100px 100%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: #f0f2f3; }
.panel-row-style-full-width-layout-carousel {
margin: 0 -100%;
padding: 50px 100%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: #f0f2f3; }
.standard-width {
padding: 50px 0px !important; }
.panel-grid {
margin-bottom: 100px !important; }
#primary .panel-grid .panel-grid {
margin-bottom: 50px !important; }
.no-default-margin .panel-grid:last-child {
margin-bottom: 0 !important; }
.siteorigin-panels-stretch {
background-attachment: fixed !important;
background-size: cover; }
.blue-pattern {
background: url(//www.kappsupply.com/wp-content/plugins/wbls-modulus/public/images/testimonial-bg.png) repeat center center; }
.black-bg {
background: #33363a; } .title-divider .widget-title {
text-align: center;
font-size: 48px;
font-size: 4.8rem;
width: 100%;
text-transform: capitalize;
padding-bottom: 20px;
position: relative; }
.title-divider .widget-title:before {
position: absolute;
font-family: "FontAwesome";
font-size: 10px;
font-size: 1rem;
content: "\f005";
color: #1fb2e2;
background: #fff;
border: 1px solid #1fb2e2;
border-radius: 10px;
bottom: 0;
left: calc( 50% - 9px);
padding: 2px 4px 2px 3px;
line-height: 13px;
z-index: 1; }
.title-divider .widget-title:after {
position: absolute;
content: "";
background: #1fb2e2;
height: 1px;
width: 130px;
left: calc( 50% - 65px );
bottom: 9px; }
.title-divider .left {
text-align: center;
width: 100%;
text-transform: capitalize;
padding-bottom: 20px;
position: relative; }
.title-divider .left:before {
position: absolute;
font-family: "FontAwesome";
font-size: 10px;
font-size: 1rem;
content: "\f005";
color: #1fb2e2;
background: #fff;
border: 1px solid #1fb2e2;
border-radius: 10px;
bottom: 0;
left: calc( 50% - 9px);
padding: 2px 4px 2px 3px;
line-height: 13px;
z-index: 1; }
.title-divider .left:after {
position: absolute;
content: "";
background: #1fb2e2;
height: 1px;
width: 130px;
left: calc( 50% - 65px );
bottom: 9px; } .title-divider-left .widget-title {
text-align: left;
font-size: 35px;
font-size: 3.5rem;
width: 100%;
text-transform: capitalize;
padding-bottom: 20px;
position: relative; }
.title-divider-left .widget-title:before {
position: absolute;
font-family: "FontAwesome";
font-size: 8px;
font-size: 0.8rem;
content: "\f005";
color: #1fb2e2;
background: #fff;
border: 1px solid #1fb2e2;
border-radius: 10px;
bottom: 0;
left: calc( 0% + 32px );
padding: 2px 4px 2px 3px;
line-height: 10px;
z-index: 1; }
.title-divider-left .widget-title:after {
position: absolute;
content: "";
background: #1fb2e2;
height: 1px;
width: 80px;
left: 0;
bottom: 8px; }
.top-curve-divider {
background: #f0f2f3;
position: relative; }
.top-curve-divider:before {
position: absolute;
content: "";
backgroud-color: #f0f2f3;
height: 26px;
width: 25px;
top: -23px;
left: calc(50% - 10px);
border: 2px solid #d7d7d7;
border-radius: 15px;
background: #f0f2f3;
border-bottom-color: #f0f2f3;
z-index: 1;
visibility: visible; }
.top-curve-divider:after {
position: absolute;
content: "";
border: 1px solid #d7d7d7;
width: 500px;
top: 1px;
left: calc(50% - 250px);
visibility: visible; }
.tcenter {
text-align: center; }
.bottom-gap {
margin-bottom: 40px; }
.top-gap {
margin-top: 100px; }
.head-color-white .widget-title, .head-color-white .left {
color: #fff; }
.head-font-size .widget-title {
font-size: 48px;
font-size: 4.8rem; }
.contact-info .textwidget {
color: #33363a !important;
margin: 50px 0px 20px;
text-align: center; }
.contact-info .textwidget a {
color: #33363a; }
.contact-info .textwidget a:hover {
color: #1fb2e2; }
.contact-form {
background: #1fb2e2;
color: #fff;
padding: 20px 40px 20px 20px; }
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="url"], .contact-form input[type="password"], .contact-form input[type="search"], .contact-form textarea {
border-bottom: 1px solid rgba(255, 255, 255, 0.8) !important;
border: none;
padding: 6px 15px 6px 0px;
color: #fff !important;
background: transparent; }
.contact-form input[type="text"]:focus:not([readonly]) + label, .contact-form input[type="password"]:focus:not([readonly]) + label, .contact-form input[type="email"]:focus:not([readonly]) + label, .contact-form input[type="url"]:focus:not([readonly]) + label, .contact-form input[type="time"]:focus:not([readonly]) + label, .contact-form input[type="date"]:focus:not([readonly]) + label, .contact-form input[type="datetime-local"]:focus:not([readonly]) + label, .contact-form input[type="tel"]:focus:not([readonly]) + label, .contact-form input[type="number"]:focus:not([readonly]) + label, .contact-form input[type="search"]:focus:not([readonly]) + label, .contact-form textarea.materialize-textarea:focus:not([readonly]) + label {
color: #fff; }
.contact-form .input-field label {
color: #fff; }
.contact-form input[type="submit"] {
background: transparent;
border: none;
text-transform: uppercase;
box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5) inset, 0 2px 5px rgba(0, 0, 0, 0.15) inset;
font-weight: 700; }
.contact-form textarea {
min-height: 140px; }
.entry-content .panel-grid:last-child {
margin-bottom: 0 !important; }
.tabs.normal, .tabs {
width: 99%; }
.tabs.normal ul, .tabs ul {
width: 100%;
clear: both;
padding: 0;
top: 38px;
margin: 0 !important;
position: relative;
z-index: 1; }
.tabs.normal ul li, .tabs ul li {
display: inline;
list-style-type: none;
float: left;
margin-bottom: 0; }
.tabs.normal ul li a, .tabs ul li a {
display: inline-block;
padding: 12px 30px;
margin: 0;
position: relative;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
border-bottom: 0;
background-color: #33363a;
color: #fff;
font-size: 18px;
font-size: 1.8rem; }
.tabs.normal ul li a:hover, .tabs ul li a:hover {
background-color: #1fb2e2;
color: #fff; }
.tabs.normal ul li .tabulous_active, .tabs ul li .tabulous_active {
background-color: #1fb2e2 !important;
color: #fff !important;
position: relative; }
.tabs.normal ul li .tabulous_active a, .tabs ul li .tabulous_active a {
background: #1fb2e2; }
.tabs.normal ul li:last-of-type .tabulous_active, .tabs ul li:last-of-type .tabulous_active {
margin-right: 12px; }
.tabs.normal ul li:last-of-type .tabulous_active:after, .tabs ul li:last-of-type .tabulous_active:after {
position: absolute;
content: "\f0d7";
font-family: "fontawesome";
color: #1fb2e2;
right: -12px;
top: -13px;
font-size: 30px;
transform: rotate(44deg); }
.tabs.normal ul li:last-of-type a, .tabs ul li:last-of-type a {
margin-right: 12px; }
.tabs.normal ul li:last-of-type a:after, .tabs ul li:last-of-type a:after {
position: absolute;
content: "\f0d7";
font-family: "fontawesome";
color: #33363a;
right: -12px;
top: -13px;
font-size: 30px;
transform: rotate(44deg); }
.tabs.normal .tabs_container, .tabs .tabs_container {
clear: both;
position: relative;
background-color: #d7d7d7;
color: #33363a; }
.tabs.normal .tabs_container div, .tabs .tabs_container div {
padding: 60px 25px 20px;
position: absolute;
top: 0 !important;
width: 100%; }
.tabs.center ul {
text-align: center; }
.tabs.center ul li {
float: none; }
.widget.widget_ourteam-widget {
text-align: center; }
.our-team {
position: relative;
overlfow: hidden;
max-width: 350px;
display: inline-block; }
.our-team p {
margin-bottom: 0; }
.team-social {
background-color: #d7d7d7;
clear: both;
text-align: center; }
.team-social ul {
margin: 0;
display: inline-block;
padding: 10px 15px;
text-align: center;
list-style-type: none;
background-color: #1fb2e2;
position: relative;
top: -12px; }
.team-social ul:after {
position: absolute;
content: "\f0d7";
font-family: "fontawesome";
color: #1fb2e2;
right: -11px;
top: -13px;
font-size: 28px;
transform: rotate(44deg); }
.team-social ul li {
margin: 0 5px;
padding: 0;
border: 0;
display: inline; }
.team-social ul li a {
text-decoration: none;
display: inline-block;
width: 40px;
height: 40px;
line-height: 33px;
text-align: center;
background-color: #fff;
border-radius: 100%;
color: #33363a;
margin: 5px 0px; }
.team-social ul li a .fa {
font-size: 1em;
font-weight: normal; }
.team-social ul li a:hover {
background-color: #33363a;
color: #fff; }
.team-avatar img {
width: 100%;
height: 100%;
float: left; }
.team-content {
position: absolute;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
width: 100%;
top: 0;
left: 0;
padding: 20px;
background-color: rgba(31, 178, 226, 0.6);
color: #fff; }
.team-content p {
text-align: left;
color: #fff;
line-height: 24px;
font-size: 15px; }
.team-content p a {
text-decoration: underline;
color: #fff; }
.team-content p a:hover {
color: #000; }
.team-content h4 {
padding-bottom: 20px;
text-align: left;
color: #fff;
border-bottom: 1px solid #fff;
margin-bottom: 20px; }
.team-content h4 span {
font-size: .7em;
font-weight: 400;
display: block;
text-transform: uppercase; }
.team-content p.readmore {
position: absolute;
bottom: -10px;
left: 30%;
color: #fff; }
.our-team:hover .team-avatar {
opacity: .5;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.our-team:hover .team-content {
opacity: 1; }
.our-team:hover .team-social {
position: relative;
z-index: 1; }
.our-team:hover .team-social ul {
background-color: #d7d7d7;
display: block; }
.our-team:hover .team-social ul li a {
color: #fff;
background-color: #1fb2e2; }
.our-team:hover .team-social ul li a:hover {
background: #33363a;
transform: rotate(360deg);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear; }
.our-team:hover ul:after {
display: none; }
.our-team:hover .team-content {
border-bottom: 20px solid #d7d7d7; }
.page-template .team-content {
height: calc(100% - 70px ); }
.team-avatar img {
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; }
.team-content {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; }
.team-content h4 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.team-content p {
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; }
.our-team:hover .team-content {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1; }
.our-team:hover h4,
.our-team:hover p {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px); }
.our-team:hover p {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s; }
.widget.widget_skill-widget .widget-title {
text-align: left;
font-size: 35px;
font-size: 3.5rem;
width: 100%;
text-transform: capitalize;
padding-bottom: 20px;
position: relative; }
.widget.widget_skill-widget .widget-title:before {
position: absolute;
font-family: "FontAwesome";
font-size: 8px;
font-size: 0.8rem;
content: "\f005";
color: #1fb2e2;
background: #fff;
border: 1px solid #1fb2e2;
border-radius: 10px;
bottom: 0;
left: calc( 0% + 32px );
padding: 2px 4px 2px 3px;
line-height: 10px;
z-index: 1; }
.widget.widget_skill-widget .widget-title:after {
position: absolute;
content: "";
background: #1fb2e2;
height: 1px;
width: 80px;
left: 0;
bottom: 8px; }
.widget.widget_skill-widget .skill-container {
margin-top: 20px;
padding-bottom: 1px; }
.widget.widget_skill-widget .skill-container .fa-stack {
color: #33363a;
display: none; }
.widget.widget_skill-widget .skill-container .skill {
height: 12px;
position: relative;
margin: 70px 0px 0px;
background-color: #d7d7d7;
border-radius: 10px; }
.widget.widget_skill-widget .skill-container .skill .skill-percentage {
height: 12px;
position: absolute;
background-color: #1fb2e2;
border-radius: 10px; }
.widget.widget_skill-widget .skill-container .skill .skill-content {
top: -32px;
position: relative;
text-transform: uppercase;
font-weight: 700; }
.widget.widget_skill-widget .skill-container .skill .skill-content .txt-count {
float: right;
color: #33363a; }
.widget.widget_skill-widget .skill-container [class*="el-icon-"] {
font-size: 1.3em; }
.widget.widget_skill-widget .skill-container [class*="el-icon-"]:before {
background-clip: padding-box; -webkit-border-radius: 30px;
border-radius: 30px;
padding: 8px; }
.percent5 {
width: 5%; }
.percent10 {
width: 10%; }
.percent15 {
width: 15%; }
.percent20 {
width: 20%; }
.percent25 {
width: 25%; }
.percent30 {
width: 30%; }
.percent35 {
width: 35%; }
.percent40 {
width: 40%; }
.percent45 {
width: 45%; }
.percent50 {
width: 50%; }
.percent55 {
width: 55%; }
.percent60 {
width: 60%; }
.percent65 {
width: 65%; }
.percent70 {
width: 70%; }
.percent75 {
width: 75%; }
.percent80 {
width: 80%; }
.percent85 {
width: 85%; }
.percent90 {
width: 90%; }
.percent95 {
width: 95%; }
.percent100 {
width: 100%; }
.percent5.start {
width: 0%;
-webkit-animation: percent5  2s ease-out forwards;
-moz-animation: percent5  2s ease-out forwards;
-ms-animation: percent5  2s ease-out forwards;
-o-animation: percent5  2s ease-out forwards;
animation: percent5  2s ease-out forwards; }
.percent10.start {
width: 0%;
-webkit-animation: percent10  2s ease-out forwards;
-moz-animation: percent10  2s ease-out forwards;
-ms-animation: percent10  2s ease-out forwards;
-o-animation: percent10  2s ease-out forwards;
animation: percent10  2s ease-out forwards; }
.percent15.start {
width: 0%;
-webkit-animation: percent15  2s ease-out forwards;
-moz-animation: percent15  2s ease-out forwards;
-ms-animation: percent15  2s ease-out forwards;
-o-animation: percent15  2s ease-out forwards;
animation: percent15  2s ease-out forwards; }
.percent20.start {
width: 0%;
-webkit-animation: percent20  2s ease-out forwards;
-moz-animation: percent20  2s ease-out forwards;
-ms-animation: percent20  2s ease-out forwards;
-o-animation: percent20  2s ease-out forwards;
animation: percent20  2s ease-out forwards; }
.percent25.start {
width: 0%;
-webkit-animation: percent25  2s ease-out forwards;
-moz-animation: percent25  2s ease-out forwards;
-ms-animation: percent25  2s ease-out forwards;
-o-animation: percent25  2s ease-out forwards;
animation: percent25  2s ease-out forwards; }
.percent30.start {
width: 0%;
-webkit-animation: percent30  2s ease-out forwards;
-moz-animation: percent30  2s ease-out forwards;
-ms-animation: percent30  2s ease-out forwards;
-o-animation: percent30  2s ease-out forwards;
animation: percent30  2s ease-out forwards; }
.percent35.start {
width: 0%;
-webkit-animation: percent35  2s ease-out forwards;
-moz-animation: percent35  2s ease-out forwards;
-ms-animation: percent35  2s ease-out forwards;
-o-animation: percent35  2s ease-out forwards;
animation: percent35  2s ease-out forwards; }
.percent40.start {
width: 0%;
-webkit-animation: percent40  2s ease-out forwards;
-moz-animation: percent40  2s ease-out forwards;
-ms-animation: percent40  2s ease-out forwards;
-o-animation: percent40  2s ease-out forwards;
animation: percent40  2s ease-out forwards; }
.percent45.start {
width: 0%;
-webkit-animation: percent45  2s ease-out forwards;
-moz-animation: percent45  2s ease-out forwards;
-ms-animation: percent45  2s ease-out forwards;
-o-animation: percent45  2s ease-out forwards;
animation: percent45  2s ease-out forwards; }
.percent50.start {
width: 0%;
-webkit-animation: percent50  2s ease-out forwards;
-moz-animation: percent50  2s ease-out forwards;
-ms-animation: percent50  2s ease-out forwards;
-o-animation: percent50  2s ease-out forwards;
animation: percent50  2s ease-out forwards; }
.percent55.start {
width: 0%;
-webkit-animation: percent55  2s ease-out forwards;
-moz-animation: percent55  2s ease-out forwards;
-ms-animation: percent55  2s ease-out forwards;
-o-animation: percent55  2s ease-out forwards;
animation: percent55  2s ease-out forwards; }
.percent60.start {
width: 0%;
-webkit-animation: percent60  2s ease-out forwards;
-moz-animation: percent60  2s ease-out forwards;
-ms-animation: percent60  2s ease-out forwards;
-o-animation: percent60  2s ease-out forwards;
animation: percent60  2s ease-out forwards; }
.percent65.start {
width: 0%;
-webkit-animation: percent65  2s ease-out forwards;
-moz-animation: percent65  2s ease-out forwards;
-ms-animation: percent65  2s ease-out forwards;
-o-animation: percent65  2s ease-out forwards;
animation: percent65  2s ease-out forwards; }
.percent70.start {
width: 0%;
-webkit-animation: percent70  2s ease-out forwards;
-moz-animation: percent70  2s ease-out forwards;
-ms-animation: percent70  2s ease-out forwards;
-o-animation: percent70  2s ease-out forwards;
animation: percent70  2s ease-out forwards; }
.percent75.start {
width: 0%;
-webkit-animation: percent75  2s ease-out forwards;
-moz-animation: percent75  2s ease-out forwards;
-ms-animation: percent75  2s ease-out forwards;
-o-animation: percent75  2s ease-out forwards;
animation: percent75  2s ease-out forwards; }
.percent80.start {
width: 0%;
-webkit-animation: percent80  2s ease-out forwards;
-moz-animation: percent80  2s ease-out forwards;
-ms-animation: percent80  2s ease-out forwards;
-o-animation: percent80  2s ease-out forwards;
animation: percent80  2s ease-out forwards; }
.percent85.start {
width: 0%;
-webkit-animation: percent85  2s ease-out forwards;
-moz-animation: percent85  2s ease-out forwards;
-ms-animation: percent85  2s ease-out forwards;
-o-animation: percent85  2s ease-out forwards;
animation: percent85  2s ease-out forwards; }
.percent90.start {
width: 0%;
-webkit-animation: percent90  2s ease-out forwards;
-moz-animation: percent90  2s ease-out forwards;
-ms-animation: percent90  2s ease-out forwards;
-o-animation: percent90  2s ease-out forwards;
animation: percent90  2s ease-out forwards; }
.percent95.start {
width: 0%;
-webkit-animation: percent95  2s ease-out forwards;
-moz-animation: percent95  2s ease-out forwards;
-ms-animation: percent95  2s ease-out forwards;
-o-animation: percent95  2s ease-out forwards;
animation: percent95  2s ease-out forwards; }
.percent100 {
width: 0%;
-webkit-animation: percent100  2s ease-out forwards;
-moz-animation: percent100  2s ease-out forwards;
-ms-animation: percent100  2s ease-out forwards;
-o-animation: percent100  2s ease-out forwards;
animation: percent100  2s ease-out forwards; }
@-moz-keyframes percent5 {
0% {
width: 0px; }
100% {
width: 5%; } }
@-moz-keyframes percent10 {
0% {
width: 0px; }
100% {
width: 10%; } }
@-moz-keyframes percent15 {
0% {
width: 0px; }
100% {
width: 15%; } }
@-moz-keyframes percent20 {
0% {
width: 0px; }
100% {
width: 20%; } }
@-moz-keyframes percent25 {
0% {
width: 0px; }
100% {
width: 25%; } }
@-moz-keyframes percent30 {
0% {
width: 0px; }
100% {
width: 30%; } }
@-moz-keyframes percent35 {
0% {
width: 0px; }
100% {
width: 35%; } }
@-moz-keyframes percent40 {
0% {
width: 0px; }
100% {
width: 40%; } }
@-moz-keyframes percent45 {
0% {
width: 0px; }
100% {
width: 45%; } }
@-moz-keyframes percent50 {
0% {
width: 0px; }
100% {
width: 50%; } }
@-moz-keyframes percent55 {
0% {
width: 0px; }
100% {
width: 55%; } }
@-moz-keyframes percent60 {
0% {
width: 0px; }
100% {
width: 60%; } }
@-moz-keyframes percent65 {
0% {
width: 0px; }
100% {
width: 65%; } }
@-moz-keyframes percent70 {
0% {
width: 0px; }
100% {
width: 70%; } }
@-moz-keyframes percent75 {
0% {
width: 0px; }
100% {
width: 75%; } }
@-moz-keyframes percent80 {
0% {
width: 0px; }
100% {
width: 80%; } }
@-moz-keyframes percent85 {
0% {
width: 0px; }
100% {
width: 85%; } }
@-moz-keyframes percent90 {
0% {
width: 0px; }
100% {
width: 90%; } }
@-moz-keyframes percent95 {
0% {
width: 0px; }
100% {
width: 95%; } }
@-moz-keyframes percent100 {
0% {
width: 0px; }
100% {
width: 100%; } }
@-webkit-keyframes percent5 {
0% {
width: 0px; }
100% {
width: 5%; } }
@-webkit-keyframes percent10 {
0% {
width: 0px; }
100% {
width: 10%; } }
@-webkit-keyframes percent15 {
0% {
width: 0px; }
100% {
width: 15%; } }
@-webkit-keyframes percent20 {
0% {
width: 0px; }
100% {
width: 20%; } }
@-webkit-keyframes percent25 {
0% {
width: 0px; }
100% {
width: 25%; } }
@-webkit-keyframes percent30 {
0% {
width: 0px; }
100% {
width: 30%; } }
@-webkit-keyframes percent35 {
0% {
width: 0px; }
100% {
width: 35%; } }
@-webkit-keyframes percent40 {
0% {
width: 0px; }
100% {
width: 40%; } }
@-webkit-keyframes percent45 {
0% {
width: 0px; }
100% {
width: 45%; } }
@-webkit-keyframes percent50 {
0% {
width: 0px; }
100% {
width: 50%; } }
@-webkit-keyframes percent55 {
0% {
width: 0px; }
100% {
width: 55%; } }
@-webkit-keyframes percent60 {
0% {
width: 0px; }
100% {
width: 60%; } }
@-webkit-keyframes percent65 {
0% {
width: 0px; }
100% {
width: 65%; } }
@-webkit-keyframes percent70 {
0% {
width: 0px; }
100% {
width: 70%; } }
@-webkit-keyframes percent75 {
0% {
width: 0px; }
100% {
width: 75%; } }
@-webkit-keyframes percent80 {
0% {
width: 0px; }
100% {
width: 80%; } }
@-webkit-keyframes percent85 {
0% {
width: 0px; }
100% {
width: 85%; } }
@-webkit-keyframes percent90 {
0% {
width: 0px; }
100% {
width: 90%; } }
@-webkit-keyframes percent95 {
0% {
width: 0px; }
100% {
width: 95%; } }
@-webkit-keyframes percent100 {
0% {
width: 0px; }
100% {
width: 100%; } }
.ui-accordion {
margin-top: 35px; }
.ui-accordion h3 {
font-weight: 700;
cursor: pointer;
position: relative;
padding: 10px 65px 10px 20px;
margin-top: 2px;
color: #fff;
font-family: "Roboto", sans-serif;
background-color: #1fb2e2;
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 15px; }
.ui-accordion h3 span {
display: inline-block;
position: absolute;
top: 1px;
right: 20px;
padding: 12px 13px;
background: #1fb2e2; }
.ui-accordion .ui-accordion-content {
padding: 20px;
text-align: left;
background-color: #d7d7d7;
border: 1px solid #1fb2e2;
border-top: none;
margin-bottom: 10px;
color: #33363a; }
.ui-accordion .ui-accordion-header-active {
cursor: default;
color: #fff;
margin-bottom: 0; }
.ui-accordion .ui-accordion-header-active span {
position: absolute;
top: -10px;
right: 20px;
background-color: #1c7fa0;
padding: 25px 13px 5px; }
.ui-accordion .ui-accordion-header-active span:after {
position: absolute;
content: "\f0d7";
font-family: "fontawesome";
color: #1c7fa0;
left: -11px;
top: -6px;
font-size: 26px;
transform: rotate(-45deg); }
.widget_recent-work-widget .widget-title {
text-align: center;
font-size: 48px;
font-size: 4.8rem;
width: 100%;
text-transform: capitalize;
padding-bottom: 20px;
position: relative; }
.widget_recent-work-widget .widget-title:before {
position: absolute;
font-family: "FontAwesome";
font-size: 10px;
font-size: 1rem;
content: "\f005";
color: #1fb2e2;
background: #fff;
border: 1px solid #1fb2e2;
border-radius: 10px;
bottom: 0;
left: calc( 45% + 55px );
padding: 2px 4px 2px 3px;
line-height: 13px;
z-index: 1; }
.widget_recent-work-widget .widget-title:after {
position: absolute;
content: "";
background: #1fb2e2;
height: 1px;
width: 130px;
left: calc( 45% );
bottom: 9px; }
.widget_recent-work-widget .recent-work-container li {
border: none; }
.widget_recent-work-widget ul#portfolio {
margin-left: 0; }
.widget_recent-work-widget ul#portfolio li {
border: none;
padding: 0px; }
.widget_recent-work-widget .portfolioeffects {
overflow: hidden;
margin: 0px; }
.widget_recent-work-widget .portfolioeffects .portfolio_thumb img {
margin-bottom: 0; }
.widget_recent-work-widget .recent-work {
position: relative; }
.widget_recent-work-widget .recent-work .flex-direction-nav a {
opacity: 1; }
.widget_recent-work-widget .portfolio_overlay, .widget_recent-work-widget .recent_work_overlay {
position: absolute; }
.widget_recent-work-widget .portfolioeffects, .widget_recent-work-widget .work {
overflow: hidden; }
.widget_recent-work-widget .portfolioeffects .portfolio_thumb img, .widget_recent-work-widget .work .portfolio_thumb img {
display: block;
margin: 0; }
.widget_recent-work-widget .portfolioeffects .content-details h3, .widget_recent-work-widget .work .content-details h3 {
position: absolute;
bottom: 20%;
left: 0;
padding: 30px;
width: 100%;
height: auto;
text-align: center;
margin-bottom: 0;
color: #fff;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-ms-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
text-shadow: 1px 1px 1px #000; }
.widget_recent-work-widget .portfolioeffects .content-details h3 a, .widget_recent-work-widget .work .content-details h3 a {
color: #fff; }
.widget_recent-work-widget .portfolioeffects .content-details h3 a:hover, .widget_recent-work-widget .work .content-details h3 a:hover {
color: #1fb2e2; }
ul.filter-options {
padding: 0;
margin: 0;
list-style-type: none;
text-align: center; }
ul.filter-options li {
margin: 0;
padding-left: 0;
display: inline;
border-bottom: 0;
margin-right: 15px; }
ul.filter-options li:last-child {
margin-right: 0; }
ul.filter-options li a {
display: inline-block;
padding-bottom: 0;
margin-bottom: 20px;
padding: 8px 20px;
text-transform: uppercase;
color: #fff;
background: #33363a;
border-radius: 3px;
position: relative; }
ul.filter-options li a:hover, ul.filter-options li .selected {
background: #1fb2e2; }
#filters {
padding: 20px 0 10px !important;
margin-bottom: 25px;
min-height: 50px;
clear: both;
margin-top: 50px; }
.work-title {
text-align: center; }
.work-title h4 {
margin-bottom: 0px; }
ul#portfolio {
margin-left: 0; }
.portfolio_overlay {
position: absolute;
height: 100%;
width: 100%; }
.portfolioeffects {
overflow: hidden;
position: relative; }
.portfolioeffects .portfolio_thumb a {
position: relative;
display: block;
margin-top: 10px;
margin-right: 8px;
z-index: 0; }
.portfolioeffects .portfolio_thumb a img {
display: block;
margin-bottom: 10px;
margin-top: 0;
margin-right: 0;
margin: 0;
width: 100%; }
.portfolioeffects .content-details {
display: none; }
.portfolioeffects .content-details h3 {
position: absolute;
bottom: 20%;
left: 0;
padding: 30px;
width: 100%;
height: auto;
text-align: center;
margin-bottom: 0;
color: #fff;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-ms-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
text-shadow: 1px 1px 1px #000; }
.portfolioeffects .content-details h3 a {
color: #fff; }
.portfolioeffects .content-details h3 a:hover {
color: #1fb2e2; }
.portfolioeffects .overlay_icon {
position: relative;
bottom: -40%;
left: 0%;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
width: calc(100% - 8px);
height: calc(100%);
text-align: center;
background: rgba(31, 178, 226, 0.5); }
.portfolioeffects .overlay_icon .icon-zoom {
background: #fff;
color: #33363a;
position: relative;
left: 10px; }
.portfolioeffects .overlay_icon a {
text-align: center;
display: inline-block;
border-radius: 100%;
height: 50px;
width: 50px;
line-height: 50px;
background: #33363a;
color: #fff;
position: relative;
top: 39%; }
.portfolioeffects .overlay_icon a i {
font-size: 15px;
font-size: 1.5rem; }
.portfolioeffects .overlay_icon a:hover i {
color: #1fb2e2; }
.portfolioeffects:hover h3 {
-webkit-transform: translate3d(0, -20px, 0);
-moz-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
.portfolioeffects:hover .overlay_icon {
bottom: calc(100% - 10px);
background: rgba(31, 178, 226, 0.5); }
ul#portfolio li h3 {
text-align: center;
text-transform: uppercase; }
ul#portfolio li h3 a {
color: #33363a; }
ul#portfolio li h3 a:hover {
color: #1fb2e2; }
.portfolio-excerpt {
padding: 15px;
text-align: center;
position: relative; }
.portfolio-excerpt .more-link {
width: 120px;
position: relative;
display: block;
padding: 10px;
background: #1fb2e2;
color: #fff;
margin: 15px auto;
text-align: center; }
.portfolio-excerpt .more-link:hover {
background: #33363a; }
.page-template-portfolio-2col .entry-title, .page-template-portfolio-2col_text .entry-title, .page-template-portfolio-2col_sidebar .entry-title, .page-template-portfolio-3col .entry-title, .page-template-portfolio-3col_text .entry-title, .page-template-portfolio-3col_sidebar .entry-title, .page-template-portfolio-4col .entry-title, .page-template-portfolio-4col_text .entry-title, .page-template-portfolio .entry-title {
text-align: center;
font-size: 48px;
font-size: 4.8rem;
width: 100%;
text-transform: capitalize;
padding-bottom: 20px;
position: relative; }
.page-template-portfolio-2col .entry-title:before, .page-template-portfolio-2col_text .entry-title:before, .page-template-portfolio-2col_sidebar .entry-title:before, .page-template-portfolio-3col .entry-title:before, .page-template-portfolio-3col_text .entry-title:before, .page-template-portfolio-3col_sidebar .entry-title:before, .page-template-portfolio-4col .entry-title:before, .page-template-portfolio-4col_text .entry-title:before, .page-template-portfolio .entry-title:before {
position: absolute;
font-family: "FontAwesome";
font-size: 10px;
font-size: 1rem;
content: "\f005";
color: #1fb2e2;
background: #fff;
border: 1px solid #1fb2e2;
border-radius: 10px;
bottom: 0;
left: calc( 50% - 9px);
padding: 2px 4px 2px 3px;
line-height: 13px;
z-index: 1; }
.page-template-portfolio-2col .entry-title:after, .page-template-portfolio-2col_text .entry-title:after, .page-template-portfolio-2col_sidebar .entry-title:after, .page-template-portfolio-3col .entry-title:after, .page-template-portfolio-3col_text .entry-title:after, .page-template-portfolio-3col_sidebar .entry-title:after, .page-template-portfolio-4col .entry-title:after, .page-template-portfolio-4col_text .entry-title:after, .page-template-portfolio .entry-title:after {
position: absolute;
content: "";
background: #1fb2e2;
height: 1px;
width: 130px;
left: calc( 50% - 65px );
bottom: 9px; }
.recent-work-container .recent_work_overlay {
top: 100px;
position: absolute; }
.recent-work-container .recent_work_overlay .overlay_icon {
position: relative;
top: auto;
left: 0%;
-webkit-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
-ms-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
width: 100%;
height: 100%; }
.recent-work-container .recent_work_overlay .icon-zoom {
background: #fff;
color: #33363a;
position: relative;
left: 10px; }
.recent-work-container .recent_work_overlay a {
text-align: center;
display: inline-block;
border-radius: 100%;
height: 50px;
width: 50px;
line-height: 50px;
background: #33363a;
color: #fff;
position: relative;
top: 39%; }
.recent-work-container .recent_work_overlay a i {
font-size: 15px;
font-size: 1.5rem; }
.recent-work-container .recent_work_overlay a:hover i {
color: #1fb2e2; }
.recent-work-container .recent_work_overlay a:hover {
height: 50px;
width: 50px;
line-height: 50px;
position: relative;
top: 39%; }
.recent-work-container .recent_work_overlay:hover .overlay_icon {
bottom: calc(100% - 10px); }
.sub-menu .current_page_item::before, .sub-menu .current-menu-item::before, .sub-menu .current_page_ancestor::before, .sub-menu .current-menu-parent::before {
top: 0; }
.portfolio2col .overlay_icon a {
top: calc(42%); }
.portfolio4col .overlay_icon a {
top: calc(36%); }
.portfolio3col_sidebar .overlay_icon a {
top: calc(35%); }
.flexslider {
border: 0 !important;
margin-bottom: 0;
-webkit-box-shadow: inset 0 0 0 transparent !important;
-moz-box-shadow: inset 0 0 0 transparent !important;
box-shadow: inset 0 0 0 transparent !important;
background-clip: padding-box; -webkit-border-radius: 0px !important;
border-radius: 0px !important;
background: transparent !important; }
.flexslider .slides > li {
position: relative; }
.flex-direction-nav a {
margin: 0;
text-align: center;
top: 45%;
opacity: 1;
overflow: visible;
width: 70px;
height: 70px;
background-clip: padding-box; -webkit-border-radius: 100px;
border-radius: 100px;
font-size: 0px;
font-size: 0rem;
line-height: 70px;
background: #fff; }
.flex-direction-nav a:before {
font-size: 22px;
font-size: 2.2rem; }
.flex-direction-nav a:hover {
background: #1fb2e2; }
.flex-direction-nav a:hover:before {
color: #fff; }
.flex-direction-nav a.flex-prev:after {
left: 5px; }
.flex-direction-nav a.flex-next:after {
right: 5px; }
.flex-direction-nav a.flex-prev {
left: 50px; }
.flex-direction-nav a.flex-next {
right: 50px;
text-align: center; }
.flex-control-nav {
text-align: center;
bottom: 10px; }
.flex-control-nav li {
display: block;
float: left;
margin: 0; }
.flex-control-nav a {
color: #d7d7d7;
background-clip: padding-box; -webkit-border-radius: 0px !important;
border-radius: 0px !important;
-webkit-box-shadow: inset 0 0 0 transparent;
-moz-box-shadow: inset 0 0 0 transparent;
box-shadow: inset 0 0 0 transparent;
background-color: #d7d7d7;
font-size: 16px;
font-size: 1.6rem;
width: 20px;
height: 20px;
text-indent: 0;
text-align: center;
line-height: 30px; }
ol.flex-control-paging {
text-align: center;
bottom: 10px;
z-index: 10; }
ol.flex-control-paging li {
float: none;
display: inline; }
ol.flex-control-paging li a {
display: inline-block;
background-clip: padding-box; -webkit-border-radius: 25px !important;
border-radius: 25px !important;
width: 12px;
height: 12px;
line-height: 12px;
background-color: #fff;
border: 0 !important;
text-indent: -9999em !important;
margin: 0 3px; }
ol.flex-control-paging li a.flex-active, ol.flex-control-paging li a:hover {
background-color: #33363a;
border: 4px solid #fff !important;
border-radius: 25px;
width: 18px;
height: 18px;
line-height: 12px; }
.flexslider:hover .flex-direction-nav a.flex-prev {
opacity: 1 !important; }
.flexslider:hover .flex-direction-nav a.flex-next {
opacity: 1 !important; }
.flexslider .flex-caption {
position: absolute;
bottom: 8%;
left: 10%;
width: 80%;
margin: 0 auto;
text-align: center;
color: #fff;
font-weight: 700;
padding: 20px;
background: rgba(51, 54, 58, 0.7); }
.flexslider .flex-caption h1, .flexslider .flex-caption h2, .flexslider .flex-caption h3, .flexslider .flex-caption h4, .flexslider .flex-caption h5, .flexslider .flex-caption h6, .flexslider .flex-caption p, .flexslider .flex-caption li {
color: #fff;
padding: 5px;
display: block; }
.flexslider .flex-caption h1, .flexslider .flex-caption h2, .flexslider .flex-caption h3, .flexslider .flex-caption h4, .flexslider .flex-caption h5, .flexslider .flex-caption h6 {
position: relative;
padding-bottom: 20px; }
.flexslider .flex-caption h1:before, .flexslider .flex-caption h2:before, .flexslider .flex-caption h3:before, .flexslider .flex-caption h4:before, .flexslider .flex-caption h5:before, .flexslider .flex-caption h6:before {
position: absolute;
font-family: "FontAwesome";
font-size: 10px;
font-size: 1rem;
content: "\f005";
color: #1fb2e2;
background: #fff;
border: 1px solid #fff;
border-radius: 10px;
bottom: 0;
left: calc( 50% - 9px);
padding: 2px 4px 2px 3px;
line-height: 13px;
z-index: 1; }
.flexslider .flex-caption h1:after, .flexslider .flex-caption h2:after, .flexslider .flex-caption h3:after, .flexslider .flex-caption h4:after, .flexslider .flex-caption h5:after, .flexslider .flex-caption h6:after {
position: absolute;
content: "";
background: #fff;
height: 1px;
width: 130px;
left: calc(50% - 65px);
bottom: 9px; }
.flexslider .flex-caption p {
font-weight: 700;
font-size: 18px;
font-size: 1.8rem; }
.flexslider .flex-caption a {
color: #fff;
background: #1fb2e2;
margin: 0;
display: inline-block;
margin-top: 5px;
border: 1px solid #1fb2e2;
text-transform: none;
font-weight: 700;
padding: 8px 20px;
text-align: center; }
.flexslider .flex-caption a:hover {
background: #33363a; }
.widget_flexslider-widget {
margin-top: 25px !important; }
.widget_flexslider-widget .flex-direction-nav a.flex-prev {
left: 0; }
.widget_flexslider-widget .flex-direction-nav a.flex-next {
right: 0; }
.widget_flexslider-widget .flexcarousel .flex-direction-nav a {
top: 15% !important;
background: #33363a;
width: 60px;
height: 60px;
line-height: 60px; }
.widget_flexslider-widget .flexcarousel .flex-direction-nav a:before {
color: #fff; }
.widget_flexslider-widget .flexcarousel .flex-direction-nav a:hover {
background: #1fb2e2; }
.widget_flexslider-widget .flexcarousel ol.flex-control-paging {
bottom: -30px; }
.breadcrumb {
background: #33363a;
position: relative;
padding: 20px 0px;
margin-top: 0; }
.breadcrumb span {
padding: 0px 6px; }
.breadcrumb a {
color: #1fb2e2; }
.breadcrumb a:hover {
color: #fff; }
.breadcrumb .breadcrumb-left h4 {
font-size: 35px;
font-size: 3.5rem;
text-transform: uppercase;
color: #fff;
margin-bottom: 0; }
.breadcrumb .breadcrumb-right {
text-align: right;
color: #fff;
float: right;
margin-top: 15px; }
.alert-message {
padding: 15px;
color: #fff;
margin-bottom: 15px;
position: relative; }
.alert-message a {
color: #000;
position: absolute;
top: 12px;
background: #fff;
border-radius: 32px;
right: -16px;
width: 32px;
height: 32px;
line-height: 28px;
text-align: center;
display: block;
font-weight: 700; }
.alert-message a:hover {
color: #1fb2e2;
transform: rotate(180deg); }
.notice {
background: #1fb2e2; }
.notice a {
border: 1px solid #1fb2e2; }
.notice a:hover {
color: #1fb2e2; }
.warning {
background: #F19504; }
.warning a {
border: 1px solid #F19504; }
.warning a:hover {
color: #F19504; }
.success {
background: #87D37B; }
.success a {
border: 1px solid #87D37B; }
.success a:hover {
color: #87D37B; }
.error {
background: #C04935; }
.error a {
border: 1px solid #C04935; }
.error a:hover {
color: #C04935; }
.info {
background: #4283D5; }
.info a {
border: 1px solid #4283D5; }
.info a:hover {
color: #4283D5; }
.hr_solid,
.hr_default {
clear: both;
margin: 30px 0;
border: 0;
height: 2px;
background: #939393; }
.hr_fancy {
height: 30px;
background: url(//www.kappsupply.com/wp-content/plugins/wbls-modulus/public/images/fancy1.gif) repeat-x;
margin: 30px 0; }
.hr_fancy2 {
height: 30px;
margin: 30px 0;
background: url(//www.kappsupply.com/wp-content/plugins/wbls-modulus/public/images/fancy2.png) repeat-x; }
.hr_shadow {
border: 0;
border-bottom: 2px solid #8f8f8f;
margin: 30px 0;
box-shadow: 0px 1px 1px 1px #d7d7d7; }
.hr_dashed {
border: 0;
border-bottom: 1px dashed #939393;
margin: 30px 0;
box-shadow: 0px 1px 1px 1px #d7d7d7; }
.hr_dotted {
border: 0;
border-top: 2px dotted #939393;
margin: 30px 0; }
.btn,
.widget_button-widget .btn {
display: inline-block;
padding: 5px 15px;
text-align: center;
cursor: pointer;
outline: none;
z-index: 1;
position: relative; }
.btn:before {
border: 1px solid #1fb2e2; }
.btn:hover {
background-color: #33363a; }
.widget a.btn,
a.btn,
.widget_button-widget a.btn
.widget a.btn:hover
a.btn:hover,
.widget_button-widget a.btn:hover {
color: #fff; }
.btn,
.widget_button-widget a.btn.btn-default {
background: #1fb2e2; }
.btn:hover,
.widget_button-widget a.btn.btn-default:hover {
background: #33363a; }
.btn:before,
.widget_button-widget a.btn.btn-default:before {
border: 1px solid #1fb2e2; }
.btn:hover:before,
.widget_button-widget a.btn.btn-default:hover:before {
border: 1px solid #33363a; }
.widget_button-widget a.btn.btn-light-blue,
.btn-info, .light-blue {
background: #4283D5; }
.widget_button-widget a.btn.btn-light-blue:hover,
.btn-info:hover, .light-blue:hover {
background: #1664C1; }
.widget_button-widget a.btn.btn-light-blue:before,
.btn-info:before, .light-blue:before {
border: 1px solid #4283D5; }
.widget_button-widget a.btn.btn-light-blue:hover:before,
.btn-info:hover:before, .light-blue:hover:before {
border: 1px solid #1664C1; }
.btn-primary, .blue,
.widget_button-widget a.btn.btn-blue {
background: #0045CC; }
.btn-primary:hover, .blue:hover,
.widget_button-widget a.btn.btn-blue:hover {
background: #254A8F; }
.btn-primary:before, .blue:before,
.widget_button-widget a.btn.btn-blue:before {
border: 1px solid #0045CC; }
.btn-primary:hover:before, .blue:hover:before,
.widget_button-widget a.btn.btn-blue:hover:before {
border: 1px solid #254A8F; }
.btn-danger, .red,
.widget_button-widget a.btn.btn-red {
background: #C04935; }
.btn-danger:hover, .red:hover,
.widget_button-widget a.btn.btn-red:hover {
background: #A42612; }
.btn-danger:before, .red:before,
.widget_button-widget a.btn.btn-red:before {
border: 1px solid #C04935; }
.btn-danger:hover:before, .red:hover:before,
.widget_button-widget a.btn.btn-red:hover:before {
border: 1px solid #A42612; }
.btn-warning, .yellow,
.widget_button-widget a.btn.btn-yellow {
background-color: #F19504; }
.btn-warning:hover, .yellow:hover,
.widget_button-widget a.btn.btn-yellow:hover {
background: #C27400; }
.btn-warning:before, .yellow:before,
.widget_button-widget a.btn.btn-yellow:before {
border: 1px solid #F19504; }
.btn-warning:hover:before, .yellow:hover:before,
.widget_button-widget a.btn.btn-yellow:hover:before {
border: 1px solid #C27400; }
.btn-success, .green,
.widget_button-widget a.btn.btn-green {
background: #87D37B; }
.btn-success:hover, .green:hover,
.widget_button-widget a.btn.btn-green:hover {
background: #51B041; }
.btn-success:before, .green:before,
.widget_button-widget a.btn.btn-green:before {
border: 1px solid #87D37B; }
.btn-success:hover:before, .green:hover:before,
.widget_button-widget a.btn.btn-green:hover:before {
border: 1px solid #51B041; }
.btn-inverse, .black,
.widget_button-widget a.btn.btn-black {
background-color: #000; }
.btn-inverse:hover, .black:hover,
.widget_button-widget a.btn.btn-black:hover {
background-color: #606060; }
.btn-inverse:before, .black:before,
.widget_button-widget a.btn.btn-black:before {
border: 1px solid #000; }
.btn-inverse:hover:before, .black:hover:before,
.widget_button-widget a.btn.btn-black:hover:before {
border: 1px solid #606060; }
.btn-mini, .mini,
.widget_button-widget .btn.btn-mini, .widget_button-widget .btn.mini {
padding: 2px 8px;
font-size: 12px; }
.btn-small, .small,
.widget_button-widget .btn.btn-small, .widget_button-widget .btn.small {
padding: 4px 12px;
font-size: 14px; }
.btn-large, .large,
.widget_button-widget .btn.btn-large, .widget_button-widget .btn.large {
padding: 12px 20px;
font-size: 20px; }
.dropcap {
float: left;
padding: 0 5px;
font-size: 3em;
font-weight: bold;
line-height: 1;
margin-right: 15px;
text-transform: uppercase; }
.dropcap-circle {
background-clip: padding-box; -webkit-border-radius: 50px;
border-radius: 50px;
padding: 5px 15px 9px; }
.dropcap-box {
padding: 5px 15px; }
.dropcap-circle,
.dropcap-box {
color: #fff;
background-color: #1fb2e2; }
.dropcap-book {
padding: 5px 15px;
text-shadow: 1px 1px 1px #33363a;
background: #1fb2e2; background: -moz-linear-gradient(top, #1fb2e2 0%, #92C8C7 47%, #1fb2e2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1fb2e2), color-stop(47%, #92C8C7), color-stop(100%, #1fb2e2)); background: -webkit-linear-gradient(top, #1fb2e2 0%, #92C8C7 47%, #1fb2e2 100%); background: -o-linear-gradient(top, #1fb2e2 0%, #92C8C7 47%, #1fb2e2 100%); background: -ms-linear-gradient(top, #1fb2e2 0%, #92C8C7 47%, #1fb2e2 100%); background: linear-gradient(to bottom, #1fb2e2 0%, #92C8C7 47%, #1fb2e2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$primary', endColorstr='$primary',GradientType=0 ); color: #fff; }
.sep {
position: relative;
overflow: hidden; }
.sep:after {
border-top: 2px solid #1fb2e2;
content: "seperator";
position: absolute;
text-indent: -9999em;
top: 55%;
width: 100%;
padding-left: 10px;
margin-left: 10px; }
.entry-content blockquote p {
font-weight: 700;
font-size: 1.3em;
margin-bottom: .5em; }
.pullright,
.pullleft,
.pullnone {
position: relative;
margin: 0;
display: inline-block;
margin-bottom: 20px;
margin-top: 30px;
background-color: #1fb2e2;
font-size: 20px;
font-size: 2rem;
font-family: "Roboto", sans-serif;
padding: 1% 10px 1% 40px;
box-shadow: 0 7px 6px -6px black;
border-radius: 3px;
color: #fff; }
.pullright:before,
.pullleft:before,
.pullnone:before {
position: absolute;
content: "\f10d";
font-size: 25px;
font-size: 2.5rem;
font-family: 'FontAwesome';
left: 20px;
top: calc(1% + 25px );
color: #fff; }
.pullright span,
.pullleft span,
.pullnone span {
margin-bottom: 0;
font-size: 20px;
font-size: 2rem;
padding: 20px;
color: #fff;
position: relative;
font-weight: 700;
display: block; }
.pullright span cite,
.pullleft span cite,
.pullnone span cite {
font-style: normal;
text-transform: uppercase;
color: #fff; }
.pullright span a, .pullright span a:visited,
.pullleft span a,
.pullleft span a:visited,
.pullnone span a,
.pullnone span a:visited {
color: #fff;
font-size: 14px;
font-size: 1.4rem; }
.pullright span a:hover,
.pullleft span a:hover,
.pullnone span a:hover {
color: #8f8f8f; }
.pullright {
float: right;
margin-left: 30px;
width: 50%;
margin-top: 0; }
.pullleft {
float: left;
width: 50%;
margin-right: 30px;
margin-top: 0; }
.pullnone {
display: inline-block; }
.toggle .close {
display: none; }
.toggle .open {
display: block; }
.toggle .icn {
position: absolute;
top: 0;
right: 0; }
.toggle .toggle-title {
margin-bottom: 0;
cursor: pointer;
position: relative;
padding: 12px 12px 12px 20px;
margin-top: 10px;
color: #fff;
background-color: #1fb2e2;
font-weight: 700; }
.toggle .toggle-title .fa {
display: inline-block;
position: absolute;
top: -10px;
right: 20px;
background-color: #1c7fa0;
padding: 25px 13px 5px; }
.toggle .toggle-title .fa:after {
position: absolute;
content: "\f0d7";
font-family: "fontawesome";
color: #1c7fa0;
left: -11px;
top: -6px;
font-size: 26px;
transform: rotate(-45deg); }
.toggle .toggle-content {
background-color: #fff;
padding: 20px;
border: 1px solid #1fb2e2;
border-top: none;
color: #848484; }
.toggle .toggle-content p {
margin-bottom: 0; }
.toggle-polygon .toggle-title {
color: #33363a;
background-color: transparent;
border-bottom: 1px solid #d7d7d7;
padding: 15px 0; }
.toggle-polygon .toggle-title .icn {
background-color: transparent;
left: auto;
right: 10px;
top: 16px;
padding: 0 5px;
text-align: center; }
.toggle-polygon .toggle-title .icn i {
position: relative;
top: -1px;
font-size: 12px;
font-size: 20px;
font-size: 2rem; }
.toggle-polygon:first-child {
border-top: 1px solid #d7d7d7; }
.toggle-polygon .toggle-title:hover {
background-color: transparent;
color: #0e1353; }
.toggle-polygon .toggle-title:hover .icn {
background-color: transparent; }
.withtip {
position: relative; }
.withtip.waves-effect {
display: inline; }
.withtip:before,
.withtip:after {
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
pointer-events: none; }
.withtip:before {
position: absolute;
padding: 7px;
content: attr(title);
text-align: center;
width: 100%; }
.withtip:after {
position: absolute;
width: 0;
content: " ";
font-size: 0;
line-height: 0; }
.withtip:hover:before,
.withtip:hover:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
.withtip.top:before {
bottom: 80%;
left: 50%;
margin-bottom: 4px;
margin-left: -40px; }
.withtip.top:after {
bottom: 80%;
left: 50%;
margin-left: -5px;
border-right: 5px solid transparent;
border-left: 5px solid transparent; }
.withtip.right:before {
top: 50%;
left: 102%;
margin-top: -17px; }
.withtip.right:after {
top: 5px;
left: 102%;
margin-left: -5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent; }
.withtip.bottom:before {
top: 150%;
left: 50%;
margin-top: 5px;
margin-left: -40px;
z-index: 100; }
.withtip.bottom:after {
top: 150%;
left: 50%;
margin-left: -5px;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
z-index: 100; }
.withtip.left:before {
top: 50%;
right: 102%;
margin-top: -17px; }
.withtip.left:after {
top: 5px;
right: 102%;
margin-right: -4px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent; }
[data-toggle]:before,
[data-toggle]:after,
.withtip:before,
.withtip:after {
transform: translate3d(0px, 0px, 0px);
transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24) 0s; }
[data-toggle]:hover:before,
[data-toggle]:hover:after,
[data-toggle]:focus:before,
[data-toggle]:focus:after,
.withtip:hover:before,
.withtip:hover:after,
.withtip:focus:before,
.withtip:focus:after,
.withtip.top:hover:before,
.withtip.top:hover:after,
.withtip.top:focus:before,
.withtip.top:focus:after {
transform: translateY(-12px); }
.withtip.left:hover:before,
.withtip.left:hover:after,
.withtip.left:focus:before,
.withtip.left:focus:after {
transform: translateX(-12px); }
.withtip-bottom:hover:before,
.withtip-bottom:hover:after,
.withtip-bottom:focus:before,
.withtip-bottom:focus:after {
transform: translateY(12px); }
.withtip.right:hover:before,
.withtip.right:hover:after,
.withtip.right:focus:before,
.withtip.right:focus:after {
transform: translateX(12px); }
.withtip:before {
background-color: #1fb2e2;
color: #fff; }
.withtip.top:after {
border-top: 5px solid #1fb2e2; }
.withtip.right:after {
border-right: 5px solid #1fb2e2; }
.withtip.bottom:after {
border-bottom: 5px solid #1fb2e2; }
.withtip.left:after {
border-left: 5px solid #1fb2e2; }
.widget_circleicon-widget {
margin-top: 20px !important; }
.circle-icon-box {
margin-bottom: 20px;
text-align: left; }
.circle-icon-box .circle-icon-wrapper {
text-align: center;
margin-bottom: 10px;
width: 30%;
float: left; }
.circle-icon-box .circle-icon-wrapper .fa-stack {
height: 2em;
line-height: 2em;
width: 2em; }
.circle-icon-box .circle-icon-wrapper .fa-stack i {
color: #fff;
padding-right: 0;
border: 1px solid #1fb2e2;
border-radius: 95px;
position: relative;
display: block;
background-color: #1fb2e2;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.circle-icon-box .circle-icon-wrapper .fa-stack.fa-5x {
font-size: 4.3em; }
.circle-icon-box .circle-icon-content {
float: right;
width: 70%;
clear: right; }
.circle-icon-box p.text {
color: #8f8f8f; }
.circle-icon-box a.link-title, .circle-icon-box h4 {
color: #33363a;
text-transform: capitalize;
text-align: center; }
.circle-icon-box h4 {
margin-bottom: 15px; }
.circle-icon-box p.more-button {
text-align: center; }
.circle-icon-box a.more-button {
width: 20%;
left: 30%;
background-color: #33363a;
padding: 4px 15px;
color: #fff;
background-clip: padding-box; -webkit-border-radius: 3px;
border-radius: 3px;
font-size: 14px;
font-size: 1.4rem; }
.circle-icon-box a.more-button:hover {
background-color: #1fb2e2; }
.circle-icon-box:hover .circle-icon-wrapper .fa-stack i {
color: #fff;
background-color: #33363a;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); }
.circle-icon-box:hover a.link-title {
color: #1fb2e2; }
.circle-icon-box:hover a.link-title h4 {
color: #1fb2e2; }
.circle-icon-box:hover a.more-button {
background-color: #1fb2e2; }
.circle-icon-box:hover h4 {
color: #1fb2e2; }
.icon-polygon .circle-icon-wrapper {
margin-bottom: 12px; }
.icon-polygon .circle-icon-wrapper h3.fa-stack {
background-clip: padding-box; -webkit-border-radius: 0;
border-radius: 0;
background-color: transparent;
border-right: 2px solid #1fb2e2;
border-left: 2px solid #1fb2e2;
position: relative;
z-index: 0;
margin: 37px 10px; }
.icon-polygon .circle-icon-wrapper h3.fa-stack i {
border-radius: 0;
border: none; }
.icon-polygon .circle-icon-wrapper h3.fa-stack i:hover {
background: none; }
.icon-polygon .circle-icon-wrapper h3.fa-stack i:after {
display: none; }
.icon-polygon .circle-icon-wrapper h3.fa-stack,
.icon-polygon .circle-icon-wrapper h3.fa-stack:before,
.icon-polygon .circle-icon-wrapper h3.fa-stack:after {
border-style: solid;
border-color: #1fb2e2;
border-width: 2px;
border-top: none;
border-bottom: none;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease; }
.icon-polygon .circle-icon-wrapper h3.fa-stack:after,
.icon-polygon .circle-icon-wrapper h3.fa-stack:before {
content: "";
position: absolute;
top: 0;
left: -1px;
z-index: -1; }
.icon-polygon .circle-icon-wrapper h3.fa-stack:before {
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg); }
.icon-polygon .circle-icon-wrapper h3.fa-stack:after {
-webkit-transform: rotate(-60deg);
-moz-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
-o-transform: rotate(-60deg);
transform: rotate(-60deg); }
.icon-polygon .circle-icon-wrapper h3.fa-stack,
.icon-polygon .circle-icon-wrapper h3.fa-stack:before,
.icon-polygon .circle-icon-wrapper h3.fa-stack:after {
line-height: 34px;
height: 34px;
width: 60px; }
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-5x,
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-5x:before,
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-5x:after {
line-height: 80px;
height: 80px;
width: 140px; }
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-4x,
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-4x:before,
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-4x:after {
line-height: 70px;
height: 70px;
width: 120px; }
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-3x,
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-3x:before,
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-3x:after {
line-height: 60px;
height: 60px;
width: 105px; }
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-2x,
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-2x:before,
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-2x:after {
line-height: 50px;
height: 50px;
width: 88px; }
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-1x,
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-1x:before,
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-1x:after {
line-height: 40px;
height: 40px;
width: 70px; }
.icon-polygon h3:hover {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.icon-polygon a.more-button {
padding: 8px 20px;
background-color: #1fb2e2; }
.icon-polygon a.more-button:hover {
background-color: #33363a; }
.icon-polygon p {
margin-bottom: 1.5em !important; }
.icon-polygon h4 {
margin-top: 10px; }
.icon-polygon:hover .circle-icon-wrapper .fa-stack i {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
background: none; }
.icon-polygon:hover .circle-icon-wrapper .fa-stack i:hover {
background: none; }
.icon-polygon:hover .circle-icon-wrapper .fa:hover {
background: none !important; }
.icon-polygon:hover .circle-icon-wrapper .fa {
color: #33363a !important; }
.icon-polygon:hover .circle-icon-wrapper a.more-button:hover {
color: #fff; }
.icon-polygon:hover h3.fa-stack {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
.callout-widget {
margin: 0 -100%;
padding: 15px 100%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
color: #fff;
position: relative;
z-index: 100;
overflow: visible;
background: #33363a; }
.callout-widget:before {
position: absolute;
content: "";
backgroud-color: #f0f2f3;
height: 26px;
width: 25px;
top: -25px;
left: 50%;
border: 2px solid #33363a;
border-radius: 15px;
background: #33363a;
z-index: 1;
visibility: visible; }
.callout-widget div {
padding: 20px 0; }
.callout-widget p {
margin-bottom: 0;
width: 90%;
color: #fff; }
.callout-widget h4 {
color: #fff;
font-size: 32px;
font-size: 3.2rem;
text-transform: capitalize;
margin-bottom: 10px; }
.callout-widget a {
color: #33363a;
background: #fff;
margin: 0;
display: block;
width: 100%;
font-size: 20px;
font-size: 2rem;
margin-top: 25px;
padding: 12px 5px;
text-align: center;
position: relative;
font-weight: 700; }
.callout-widget a:hover {
background: #1fb2e2;
color: #fff; }
.widget_cta-widget {
padding-top: 25px; }
.widget_testimonial-widget {
margin: 0 -100% !important;
padding: 10px 100%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
position: relative;
background-attachment: fixed !important;
background-size: cover;
background: url(//www.kappsupply.com/wp-content/plugins/wbls-modulus/public/images/testimonial-bg.png) no-repeat center center; }
.widget_testimonial-widget .widget-title {
display: none; }
.widget_testimonial-widget .testimonial-container {
position: relative; }
.widget_testimonial-widget ul.slides {
margin-top: 0; }
.widget_testimonial-widget ul.slides li {
border: none; }
.widget_testimonial-widget .testimony {
position: relative;
width: 100%;
margin: 0 auto;
z-index: 1; }
.widget_testimonial-widget .testimony .t-inner {
position: relative;
z-index: 1;
padding: 15px;
color: #fff; }
.widget_testimonial-widget h3.widget-title {
color: #fff;
background: url(//www.kappsupply.com/wp-content/plugins/wbls-modulus/public/images/title-divider-white.gif) no-repeat center bottom;
padding-bottom: 30px;
margin-bottom: 0; }
.widget_testimonial-widget ul li {
border: none;
text-align: center; }
.widget_testimonial-widget ul li .client-pic {
margin: 0px auto 15px;
position: relative;
display: inline-block; }
.widget_testimonial-widget ul li .client-pic:before {
position: absolute;
content: "\f10d";
font-size: 23px;
font-size: 2.3rem;
font-family: 'FontAwesome';
right: 0;
color: #33363a;
top: 10px;
background-color: #fff;
width: 45px;
height: 45px;
line-height: 45px;
border-radius: 100%; }
.widget_testimonial-widget ul li .client-pic img {
border-radius: 100%;
border: 3px solid #fff;
display: inline; }
.widget_testimonial-widget ul li p.client {
color: #fff;
margin-bottom: 0;
font-size: 14px;
font-size: 1.4rem;
text-align: center;
padding-top: 10px; }
.widget_testimonial-widget ul li p.client strong {
font-size: 24px;
font-size: 2.4rem;
display: inline-block;
margin-bottom: 3px;
padding-right: 5px; }
.widget_testimonial-widget .flex-direction-nav a {
opacity: 1;
top: 20%; }
.widget_testimonial-widget .flex-direction-nav li {
border: none; }
.widget_testimonial-widget .flex-control-nav {
display: none; }
.share-box .widget-title {
margin-bottom: 20px;
color: #33363a; }
.share-box ul {
margin: 0; }
.share-box ul li {
border: 0;
padding: 0;
margin: 0;
display: inline; }
.share-box ul li a {
margin-bottom: 5px;
border: 1px solid #d7d7d7;
background-clip: padding-box; -webkit-border-radius: 5px;
border-radius: 5px;
width: 50px;
height: 50px;
color: #33363a;
margin-right: 5px;
display: inline-block;
background-color: #fff;
text-align: center;
line-height: 50px; }
.share-box ul li a:hover {
color: #fff;
background-color: #1fb2e2;
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.share-box ul li a i {
font-size: 23px;
font-size: 2.3rem;
line-height: 2; }
.share-box {
margin-bottom: 20px; }
.share-box h4 {
margin-bottom: 10px; }
.icon-left,
.icon-top, .icon-right, .icon-vertical, .icon-horizontal {
display: table;
content: ""; }
.icon-left .icon-title,
.icon-top .icon-title, .icon-right .icon-title, .icon-vertical .icon-title, .icon-horizontal .icon-title {
margin: 0px;
text-transform: uppercase;
padding-bottom: 15px;
position: relative;
display: block; }
.icon-left .service,
.icon-top .service, .icon-right .service, .icon-vertical .service, .icon-horizontal .service {
text-align: center;
border: 2px solid #d7d7d7;
position: relative; }
.icon-left .text,
.icon-top .text, .icon-right .text, .icon-vertical .text, .icon-horizontal .text {
color: #8f8f8f; }
.icon-left .fa-stack,
.icon-top .fa-stack, .icon-right .fa-stack, .icon-vertical .fa-stack, .icon-horizontal .fa-stack {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
color: #fff;
height: 2em;
line-height: 2em;
width: 2em;
text-align: center;
position: relative;
color: #33363a;
z-index: 1;
margin: 0 auto;
display: block; }
.icon-left .fa-stack i,
.icon-top .fa-stack i, .icon-right .fa-stack i, .icon-vertical .fa-stack i, .icon-horizontal .fa-stack i {
color: #fff;
padding-right: 0;
border-radius: 95px;
position: relative;
display: block;
background-color: #1fb2e2;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.icon-left .more-button,
.icon-top .more-button, .icon-right .more-button, .icon-vertical .more-button, .icon-horizontal .more-button {
margin-bottom: 0; }
.icon-left:hover a.link-title,
.icon-left:hover .icon-title,
.icon-left:hover .fa-stack,
.icon-top:hover a.link-title,
.icon-top:hover .icon-title,
.icon-top:hover .fa-stack, .icon-right:hover a.link-title,
.icon-right:hover .icon-title,
.icon-right:hover .fa-stack, .icon-vertical:hover a.link-title,
.icon-vertical:hover .icon-title,
.icon-vertical:hover .fa-stack, .icon-horizontal:hover a.link-title,
.icon-horizontal:hover .icon-title,
.icon-horizontal:hover .fa-stack {
color: #33363a; }
.icon-left:hover .fa-stack,
.icon-top:hover .fa-stack, .icon-right:hover .fa-stack, .icon-vertical:hover .fa-stack, .icon-horizontal:hover .fa-stack {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2); }
.icon-left:hover .fa-stack i,
.icon-top:hover .fa-stack i, .icon-right:hover .fa-stack i, .icon-vertical:hover .fa-stack i, .icon-horizontal:hover .fa-stack i {
color: #fff;
background: #33363a;
border-color: #33363a; }
.icon-left:hover .service,
.icon-top:hover .service, .icon-right:hover .service, .icon-vertical:hover .service, .icon-horizontal:hover .service {
border-color: #1fb2e2; }
.icon-left, .icon-right, .icon-horizontal {
position: relative; }
.icon-left .fa-stack.fa-4x, .icon-right .fa-stack.fa-4x, .icon-horizontal .fa-stack.fa-4x {
font-size: 40px;
font-size: 4rem; }
.icon-left .fa-stack.fa-5x, .icon-right .fa-stack.fa-5x, .icon-horizontal .fa-stack.fa-5x {
font-size: 50px;
font-size: 5rem; }
.icon-left p, .icon-right p, .icon-horizontal p {
margin: 0; }
.icon-left .icon-wrapper, .icon-right .icon-wrapper, .icon-horizontal .icon-wrapper {
height: 100%;
position: absolute;
top: 30%; }
.icon-left .icon-wrapper .fa-4x, .icon-right .icon-wrapper .fa-4x, .icon-horizontal .icon-wrapper .fa-4x {
left: 35px; }
.icon-left .icon-wrapper .fa-3x, .icon-right .icon-wrapper .fa-3x, .icon-horizontal .icon-wrapper .fa-3x {
left: 20px; }
.icon-left .icon-wrapper .fa-5x, .icon-right .icon-wrapper .fa-5x, .icon-horizontal .icon-wrapper .fa-5x {
left: 20px; }
.icon-left .icon-wrapper .fa-1x, .icon-right .icon-wrapper .fa-1x, .icon-horizontal .icon-wrapper .fa-1x {
left: 60px; }
.icon-left .icon-wrapper .fa-2x, .icon-right .icon-wrapper .fa-2x, .icon-horizontal .icon-wrapper .fa-2x {
left: 40px; }
.icon-left .icon-wrapper .fa-lg, .icon-right .icon-wrapper .fa-lg, .icon-horizontal .icon-wrapper .fa-lg {
left: 55px; }
.icon-left .service, .icon-right .service, .icon-horizontal .service {
width: calc(100% - 70px);
float: right;
padding: 20px 20px 20px 55px;
text-align: left; }
.icon-left .service p.more-button, .icon-right .service p.more-button, .icon-horizontal .service p.more-button {
margin-top: 10px; }
.icon-right .icon-wrapper {
right: 0; }
.icon-right .icon-wrapper .fa-4x {
left: 35px; }
.icon-right .icon-wrapper .fa-3x {
left: 50px; }
.icon-right .icon-wrapper .fa-5x {
left: 50px; }
.icon-right .icon-wrapper .fa-1x {
left: 60px; }
.icon-right .icon-wrapper .fa-2x {
left: 40px; }
.icon-right .icon-wrapper .fa-lg {
left: 20px; }
.icon-right .service {
padding: 20px 55px 20px 20px;
text-align: right; }
.icon-top, .icon-vertical {
margin-top: 50px;
position: relative; }
.icon-top .service, .icon-vertical .service {
padding: 55px 20px 20px; }
.icon-top .icon-title, .icon-vertical .icon-title {
display: block;
text-align: center;
padding-top: 10px; }
.icon-top .icon-wrapper, .icon-vertical .icon-wrapper {
width: 100%;
position: absolute; }
.icon-top .icon-wrapper .fa-4x, .icon-vertical .icon-wrapper .fa-4x {
top: -60px; }
.icon-top .icon-wrapper .fa-3x, .icon-vertical .icon-wrapper .fa-3x {
top: -50px; }
.icon-top .icon-wrapper .fa-5x, .icon-vertical .icon-wrapper .fa-5x {
top: -80px;
font-size: 4.5em; }
.icon-top .icon-wrapper .fa-1x, .icon-vertical .icon-wrapper .fa-1x {
top: -15px; }
.icon-top .icon-wrapper .fa-2x, .icon-vertical .icon-wrapper .fa-2x {
top: -30px; }
.icon-top .icon-wrapper .fa-lg, .icon-vertical .icon-wrapper .fa-lg {
top: -23px; }
.icon-top .icon-wrapper p, .icon-vertical .icon-wrapper p {
margin-bottom: 5px; }
.single-portfolio .thumbnail {
text-align: center; }
.single-portfolio .thumbnail img {
max-width: 100%; }
.single-portfolio .single-wrapper {
margin-top: 30px; }
.single-portfolio .single-wrapper h4,
.single-portfolio .single-wrapper h3 {
margin-bottom: 15px; }
.single-portfolio .single-wrapper dt {
border-top: 1px solid #0e1353;
padding-top: 15px; }
.single-portfolio .single-wrapper dt:first-child {
border-top: 0; }
.single-portfolio .single-wrapper dd {
color: #0e1353; }
.author-bio {
padding: 20px 0; }
.author-bio .author-info .avatar {
float: left;
width: 80px; }
.author-bio .author-info .avatar img {
border: 5px solid #d7d7d7; }
.author-bio .author-info .description {
float: right;
width: 86%; }
.author-bio .author-info .description h4 {
margin-bottom: 10px; }
.widget_list-widget ul, .widget_list-widget ol {
list-style-type: none;
margin: 0; }
.widget_list-widget ul li, .widget_list-widget ol li {
padding-bottom: 5px;
border: none !important;
color: #33363a; }
.widget_list-widget ul li .fa, .widget_list-widget ol li .fa {
padding-right: 10px;
color: #1fb2e2; }
.widget_image-box-widget .image-box {
text-align: center;
padding: 10px; }
.widget_image-box-widget .image-box img {
display: block;
margin: 0 auto;
border: 2px solid #1fb2e2; }
.widget_image-box-widget a.more-button {
display: inline-block;
margin: 0 auto 10px;
background-color: #fff;
padding: 8px;
background: #1fb2e2;
color: #fff; }
.widget_image-box-widget a.more-button:hover {
background-color: #000;
border-color: #33363a; }
.widget_image-box-widget h4 {
text-align: center;
margin-top: 10px; }
.widget_wbls-image-widget {
overflow: hidden; }
.widget_wbls-image-widget img {
display: block;
margin: 0 auto; }
.widget_recent-posts-widget {
position: relative; }
.widget_recent-posts-widget .flex-direction-nav a, .widget_recent-posts-widget .flex-direction-nav .flex-disabled {
opacity: 1 !important; }
.widget_recent-posts-widget .recent-posts-carousel .latest-post {
background: #262626; }
.widget_recent-posts-widget .recent-posts-carousel .latest-post-content, .widget_recent-posts-widget .recent-posts-carousel h3 a, .widget_recent-posts-widget .recent-posts-carousel .btn-readmore:hover {
color: #fff; }
.widget_recent-posts-widget .recent-posts-carousel h3 a:hover {
color: #1fb2e2; }
.widget_recent-posts-widget .recent-posts-carousel .latest-post-content {
border-bottom-colro: #333232; }
.widget_recent-posts-widget .recent-posts-carousel .entry-meta span {
font-size: 15px; }
.widget_recent-posts-widget .recent-posts-carousel .flex-direction-nav .flex-prev, .widget_recent-posts-widget .recent-posts-carousel .flex-direction-nav .flex-next {
background: #000; }
.widget_recent-posts-widget .recent-posts-carousel .flex-direction-nav a.flex-prev {
left: auto;
right: 40px;
top: -15px; }
.widget_recent-posts-widget .recent-posts-carousel .flex-direction-nav a.flex-next {
right: 0;
top: -15px; }
.widget_recent-posts-widget .recent-posts-carousel .flex-direction-nav a {
width: 35px;
height: 35px;
line-height: 37px; }
.widget_recent-posts-widget .recent-posts-carousel .flex-direction-nav a:before {
color: #fff;
font-size: 16px; }
.widget_recent-posts-widget .recent-posts-slider .rp-content {
position: absolute;
top: 35px;
padding: 20px 80px;
width: 80%;
left: 10%;
color: #fff; }
.widget_recent-posts-widget .recent-posts-slider .flex-direction-nav a {
width: 50px;
height: 50px;
line-height: 50px; }
.widget_recent-posts-widget .recent-posts-slider .flex-direction-nav a:before {
font-size: 18px; }
.widget_recent-posts-widget .recent-posts-slider .flex-direction-nav a.flex-prev {
left: 15px; }
.widget_recent-posts-widget .recent-posts-slider .flex-direction-nav a.flex-next {
right: 15px; }
.widget_recent-posts-widget .recent-posts-slider .flex-control-nav {
display: none; }
.widget_recent-posts-widget .recent-posts-slider .flex-caption {
position: absolute;
top: 10%;
left: 100px;
width: 65%;
margin: 0 auto;
text-align: left;
color: #fff;
font-weight: 400;
padding: 10px 20px 40px;
background: rgba(51, 54, 58, 0.7); }
.widget_recent-posts-widget .recent-posts-slider .flex-caption h4, .widget_recent-posts-widget .recent-posts-slider .flex-caption p, .widget_recent-posts-widget .recent-posts-slider .flex-caption li {
color: #fff;
padding: 5px;
display: block; }
.widget_recent-posts-widget .recent-posts-slider .flex-caption h4 {
position: relative;
padding-bottom: 20px;
font-size: 32px; }
.widget_recent-posts-widget .recent-posts-slider .flex-caption h4:before {
position: absolute;
font-family: "FontAwesome";
font-size: 10px;
font-size: 1rem;
content: "\f005";
color: #1fb2e2;
background: #fff;
border: 1px solid #fff;
border-radius: 10px;
bottom: 0;
left: 55px;
padding: 2px 4px 2px 3px;
line-height: 13px;
z-index: 1; }
.widget_recent-posts-widget .recent-posts-slider .flex-caption h4:after {
position: absolute;
content: "";
background: #fff;
height: 1px;
width: 130px;
left: 0;
bottom: 9px; }
.widget_recent-posts-widget .recent-posts-slider .flex-caption p {
font-weight: 700;
font-size: 18px;
font-size: 1.8rem; }
.widget_recent-posts-widget .recent-posts-slider .flex-caption a {
color: #fff;
margin: 0;
text-transform: capitalize;
display: inline-block;
margin-top: 5px;
text-transform: none;
font-weight: 700;
padding: 8px 0px;
text-align: center; }
.widget_recent-posts-widget .recent-posts-slider .flex-caption a:hover {
color: #1fb2e2; }
.widget_flexslider-widget {
position: relative; }
.widget_flexslider-widget .flexcarousel .flex-viewport {
margin: 0 80px; }
.widget_flexslider-widget .flexcarousel .flex-direction-nav a {
top: 0%;
opacity: 1;
margin: 0; }
.widget_wbls-image-widget .image-widget {
overflow: hidden; }
.widget_wbls-image-widget .image-widget > a {
display: inline-block;
position: relative;
overflow: hidden;
max-width: 100%; }
.widget_wbls-image-widget .image-widget > a img {
display: block; }
.widget_wbls-image-widget .image-widget-overlay {
display: none;
position: absolute;
left: 2%;
top: 2%;
width: 96%;
height: 96%;
border: 1px solid transparent; }
.widget_wbls-image-widget .image-widget-overlay .image-widget-overlay-icon {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0;
width: 100%;
height: 100%;
background-color: rgba(31, 178, 226, 0.6);
text-align: center; }
.widget_wbls-image-widget .image-widget-overlay .image-widget-overlay-icon i {
position: relative;
top: 0%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-ms-transform: rotate(100deg);
-webkit-transform: rotate(100deg);
transform: rotate(100deg); }
.widget_wbls-image-widget .image-widget-overlay .image-widget-overlay-icon i:hover {
color: #fff; }
.widget_wbls-image-widget .image-widget-overlay:hover {
border-color: #fff; }
.widget_wbls-image-widget .image-widget-overlay:hover .image-widget-overlay-icon {
opacity: 1; }
.widget_wbls-image-widget .image-widget-overlay:hover .image-widget-overlay-icon i {
top: 46%;
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
.related-posts {
padding: 20px 0; }
.related-posts ul#webulous-related-posts {
list-style-type: none;
margin: 0; }
.related-posts ul#webulous-related-posts li {
width: 18%;
float: left;
margin: 1%;
line-height: normal; }
.related-posts ul#webulous-related-posts li a {
line-height: normal; }
.widget_stat-widget .widget-title {
display: none; }
.widget_stat-widget .stat-container {
margin-top: 10px; }
.widget_stat-widget .stat-container .icon-wrapper {
margin: 0 auto;
text-align: center; }
.widget_stat-widget .stat-container .icon-wrapper i {
color: #fff;
font-size: 35px;
font-size: 3.5rem;
background: #1fb2e2;
width: 70px;
height: 70px;
line-height: 70px;
border-radius: 100%; }
.widget_stat-widget .stat-container .icon-wrapper .stats-title {
margin-bottom: 0;
padding-bottom: 10px;
margin: 0px;
font-size: 20px;
font-size: 2rem;
font-weight: 400;
text-transform: uppercase; }
.widget_stat-widget .stat-container .icon-wrapper .stat {
color: #000;
font-size: 50px;
font-size: 5rem;
font-weight: 400;
margin: 15px 0px 10px 0px; }
.stat-white .stat, .stat-white .stats-title {
color: #fff !important; }
.ei-slider li {
list-style-type: none; }
.ei-title {
background: transparent;
left: 15%;
top: 25%;
width: 75%; }
.ei-title h3 {
color: #000;
line-height: 1; }
.ei-title h2 {
line-height: normal; }
.ei-title h3,
.ei-title h2 {
text-align: left; }
.page-slider .ei-slider-thumbs {
z-index: 100; }
.page-slider .ei-slider-thumbs li a {
background-color: #000; }
#ei-slider ul {
text-align: center;
margin: 0 auto; }
.widget .ei-slider-thumbs li img,
ul.ei-slider-thumbs li img {
left: 0; }
.widget .ei-slider-thumbs li,
ul.ei-slider-thumbs li {
border: 0;
margin-top: 10px; }
.widget .ei-slider-thumbs li a,
ul.ei-slider-thumbs li a {
background-color: #000;
border-right: 1px solid #fff; }
.widget .ei-slider-thumbs li a:hover,
ul.ei-slider-thumbs li a:hover {
background-color: #000 !important; }
.widget .ei-slider-thumbs li:last-child a,
ul.ei-slider-thumbs li:last-child a {
border-right: 0; }
.widget .ei-slider-thumbs li.ei-slider-element,
ul.ei-slider-thumbs li.ei-slider-element {
border: 0;
background-color: #1fb2e2; }
.ei-slider-thumbs li img {
left: 0; }
.ei-title h3 {
font-size: 60px;
font-size: 6rem;
line-height: 40px;
text-transform: uppercase;
text-shadow: 1px 1px 1px #fff;
font-family: "Roboto", sans-serif; }
.ei-title h2 {
font-size: 30px;
font-size: 3rem;
font-style: italic;
color: #fff;
text-shadow: 1px 1px 1px #000; } .site-footer .callout-widget {
padding: 10px 20px; }
.site-footer .callout-widget .nine.columns,
.site-footer .callout-widget .five.columns {
width: 100%;
float: none; }
.site-footer .callout-widget a {
float: none; }
.site-footer .circle-icon-box {
padding-bottom: 20px; }
.site-footer .circle-icon-box p {
color: #fff; }
.site-footer .circle-icon-box .service p.text {
color: #606060; }
.site-footer .circle-icon-box .circle-icon-wrapper {
margin-bottom: 0; }
.site-footer .circle-icon-box .icon-wrapper {
height: inherit;
line-height: inherit; }
.site-footer .circle-icon-box .icon-wrapper p.fa-stack i:before {
font-size: 50px;
font-size: 5rem; }
.site-footer .circle-icon-box:hover .icon-wrapper p.fa-stack i:before {
color: #fff; }
.site-footer .circle-icon-box .fa {
color: #fff !important;
border-color: #fff !important; }
.site-footer .circle-icon-box .fa:after {
border-color: #fff !important; }
.site-footer .circle-icon-box a.more-button:hover {
background-color: #33363a;
color: #fff; }
.site-footer .dropcap-default {
text-shadow: 1px 1px 0 #000, 2px 2px 0 #000; }
.site-footer .dropcap {
color: #fff; }
.site-footer .dropcap-circle,
.site-footer .dropcap-box {
background-color: #000; }
.site-footer .dropcap-box {
border-color: #33363a;
-webkit-box-shadow: 0 0 0 transparent ;
-moz-box-shadow: 0 0 0 transparent ;
box-shadow: 0 0 0 transparent ; }
.site-footer .dropcap-book {
border: 2px solid #fff; }
.site-footer .widget.widget_flexslider-widget .flexcarousel {
margin: 0;
position: relative; }
.site-footer .widget.widget_flexslider-widget .flexcarousel .flex-direction-nav a:before {
font-size: 16px;
font-size: 1.6rem; }
.site-footer .widget.widget_flexslider-widget .flexcarousel .flex-direction-nav a.flex-prev,
.site-footer .widget.widget_flexslider-widget .flexcarousel .flex-direction-nav a.flex-next {
background-color: #000;
text-align: center; }
.site-footer .widget.widget_flexslider-widget .flexcarousel .flex-direction-nav a.flex-prev:hover,
.site-footer .widget.widget_flexslider-widget .flexcarousel .flex-direction-nav a.flex-next:hover {
color: #fff; }
.site-footer .widget .flexslider .flex-direction-nav a:before {
line-height: normal;
font-size: 16px;
font-size: 1.6rem; }
.site-footer .widget ul.flex-control-nav li,
.site-footer .widget ol.flex-control-nav li,
.site-footer .widget ul.slides li,
.site-footer .widget ul.flex-direction-nav li {
padding: 0;
border: 0;
position: static; }
.site-footer .widget ul.flex-direction-nav li a {
width: 30px;
height: 30px;
line-height: 45px !important; }
.site-footer .widget ul.flex-direction-nav li a:after {
width: 30px; }
.site-footer .widget .flexslider {
background-color: transparent; }
.site-footer .widget .flexslider:hover .flex-direction-nav a.flex-prev {
left: 20px !important; }
.site-footer .widget .flexslider:hover .flex-direction-nav a.flex-next {
right: 20px !important; }
.site-footer .widget .flexslider .flex-control-nav {
bottom: 0; }
.site-footer .footer-bottom ul.menu {
margin: 0;
padding: 0; }
.site-footer .footer-bottom ul.menu ul.sub-menu {
margin: 0;
display: inline; }
.site-footer .footer-bottom ul.menu li {
display: inline;
padding: 0 4px 0 0; }
.site-footer .footer-bottom ul.menu li a {
display: inline-block;
padding: 2px 6px;
color: #fff; }
.site-footer .footer-bottom ul.menu li a:hover {
color: #1fb2e2; }
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
color: #fff; }
.site-footer .icon-horizontal .fa-stack,
.site-footer .icon-vertical .fa-stack {
background-color: #1fb2e2; }
.site-footer .icon-horizontal .fa-stack i,
.site-footer .icon-vertical .fa-stack i {
color: #fff; }
.site-footer .icon-horizontal .icon-title,
.site-footer .icon-vertical .icon-title {
color: #1fb2e2; }
.site-footer .widget_wbls-image-widget .image-widget {
position: relative; }
.site-footer .widget_image-box-widget .image-box img {
border: 0;
padding: 10px; }
.site-footer .widget_image-box-widget a {
margin-top: 10px; }
.site-footer .widget_list-widget ul li {
position: relative;
padding-left: 25px;
color: #fff; }
.site-footer .widget_list-widget ul li i {
color: #1fb2e2;
position: absolute;
top: 14px;
left: 0; }
.site-footer .widget.widget_ourteam-widget .team-content {
height: auto;
margin-bottom: 30px; }
.site-footer .widget.widget_ourteam-widget .team-content h4 {
color: #fff; }
.site-footer .widget.widget_ourteam-widget .team-content h4 span {
color: #fff; }
.site-footer .widget.widget_ourteam-widget .team-content p {
color: #fff !important; }
.site-footer .widget.widget_ourteam-widget:hover .team-content h4 {
color: #1fb2e2; }
.site-footer .widget_siteorigin-panels-postloop section {
margin-bottom: 20px; }
.site-footer .widget_siteorigin-panels-postloop article {
padding: 0;
background-color: transparent; }
.site-footer .widget_siteorigin-panels-postloop article h1 a {
color: #fff; }
.site-footer .widget_siteorigin-panels-postloop article h1 a:hover {
color: #000; }
.site-footer .widget_quote-widget {
clear: both; }
.site-footer .widget_quote-widget .pullleft,
.site-footer .widget_quote-widget .pullright,
.site-footer .widget_quote-widget .pullnone {
font-weight: normal;
font-style: normal;
width: 100%;
margin: 0;
float: none;
display: block;
padding-left: 60px;
padding-top: 0; }
.site-footer .widget_quote-widget .pullleft p,
.site-footer .widget_quote-widget .pullright p,
.site-footer .widget_quote-widget .pullnone p {
margin-bottom: 0; }
.site-footer .widget_quote-widget .pullleft:before,
.site-footer .widget_quote-widget .pullright:before,
.site-footer .widget_quote-widget .pullnone:before {
position: absolute;
top: -25px;
left: 6px; }
.site-footer .widget_quote-widget .pullnone:before {
font-size: 50px;
font-size: 5rem; }
.site-footer .widget.widget_recent_entries ul li {
background: none !important;
border-bottom: 2px solid #606060;
padding-left: 0 !important; }
.site-footer .widget.widget_recent-work-widget h3 {
margin-bottom: 0; }
.site-footer .widget.widget_recent-work-widget a {
color: #000;
margin-bottom: 10px !important; }
.site-footer .widget.widget_recent-work-widget ul.flex-direction-nav li {
padding: 0; }
.site-footer .widget.widget_recent-work-widget ul.flex-direction-nav li a.flex-prev,
.site-footer .widget.widget_recent-work-widget ul.flex-direction-nav li a.flex-next {
top: -50px !important;
width: 30px;
height: 30px;
line-height: 40px !important;
background-color: #1fb2e2; }
.site-footer .widget.widget_recent-work-widget ul.flex-direction-nav li a.flex-prev:hover,
.site-footer .widget.widget_recent-work-widget ul.flex-direction-nav li a.flex-next:hover {
color: #fff;
background-color: #33363a; }
.site-footer .widget.widget_recent-work-widget ul.flex-direction-nav li a:before {
font-size: 12px;
font-size: 1.2rem; }
.site-footer .recent-work {
position: relative; }
.site-footer .work {
position: relative; }
.site-footer .work .recent_work_overlay {
position: absolute;
text-align: center;
width: 100%;
height: 100%;
position: absolute;
top: -100px;
left: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.site-footer .work .recent_work_overlay h4 {
margin-bottom: 0; }
.site-footer .work .recent_work_overlay .icon-link a {
background-color: #000;
padding: 8px;
display: inline-block; }
.site-footer .work:hover .recent_work_overlay {
top: 20px; }
.site-footer ul li:before,
.site-footer ol li:before {
display: none; }
.site-footer .widget.widget_skill-widget .skill-container {
width: 100%;
float: none; }
.site-footer .widget.widget_skill-widget .skill-container .skill {
margin-bottom: 20px;
background-color: #606060;
height: 15px !important;
background: #fff !important; }
.site-footer .widget.widget_skill-widget .skill-container .skill-content {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 10px;
position: relative !important;
top: -50px; }
.site-footer .widget.widget_skill-widget .skill-container .skill-content span {
padding: 0;
display: inline !important; }
.site-footer .widget.widget_skill-widget .skill-container .skill-percentage {
background: #1fb2e2 !important; }
.site-footer .widget_social-networks-widget ul,
.site-footer .share-box ul {
margin: 0;
padding: 0;
text-align: left;
margin-top: 25px; }
.site-footer .widget_social-networks-widget ul li,
.site-footer .share-box ul li {
list-style: none;
background: none !important;
margin: 0px 5px 5px 0px;
display: inline-block;
padding: 0 !important; }
.site-footer .widget_social-networks-widget ul li a .fa,
.site-footer .share-box ul li a .fa {
color: #fff;
background: #1fb2e2;
width: 45px;
height: 45px;
display: inline-block;
text-align: center;
margin: 0;
border-radius: 100%;
position: relative;
overflow: visible;
line-height: 45px; }
.site-footer .widget_social-networks-widget ul li a .fa i,
.site-footer .share-box ul li a .fa i {
font-size: 15px;
font-size: 1.5rem; }
.site-footer .widget_social-networks-widget ul li a .fa:hover,
.site-footer .share-box ul li a .fa:hover {
background-color: #1fb2e2 !important;
color: #fff; }
.site-footer .widget_social-networks-widget ul li .fa-digg,
.site-footer .share-box ul li .fa-digg {
background: #5C79B7 !important; }
.site-footer .widget_social-networks-widget ul li .fa-dribbble,
.site-footer .share-box ul li .fa-dribbble {
background: #ea4c89 !important; }
.site-footer .widget_social-networks-widget ul li .fa-facebook,
.site-footer .share-box ul li .fa-facebook {
background: #3b5998 !important; }
.site-footer .widget_social-networks-widget ul li .fa-flickr,
.site-footer .share-box ul li .fa-flickr {
background: #ff0084 !important; }
.site-footer .widget_social-networks-widget ul li .fa-google-plus,
.site-footer .share-box ul li .fa-google-plus {
background: #df4a32 !important; }
.site-footer .widget_social-networks-widget ul li .fa-linkedin,
.site-footer .share-box ul li .fa-linkedin {
background: #0073b2 !important; }
.site-footer .widget_social-networks-widget ul li .fa-pinterest,
.site-footer .share-box ul li .fa-pinterest {
background: #c92228 !important; }
.site-footer .widget_social-networks-widget ul li .fa-rss,
.site-footer .share-box ul li .fa-rss {
background: #ff9702 !important; }
.site-footer .widget_social-networks-widget ul li .fa-skype,
.site-footer .share-box ul li .fa-skype {
background: #00aff0 !important; }
.site-footer .widget_social-networks-widget ul li .fa-tumblr,
.site-footer .share-box ul li .fa-tumblr {
background: #2c4762 !important; }
.site-footer .widget_social-networks-widget ul li .fa-twitter,
.site-footer .share-box ul li .fa-twitter {
background: #00acee !important; }
.site-footer .widget_social-networks-widget ul li .fa-vimeo-square,
.site-footer .share-box ul li .fa-vimeo-square {
background: #3b5998 !important; }
.site-footer .widget_social-networks-widget ul li .fa-youtube,
.site-footer .share-box ul li .fa-youtube {
background: #df0f32 !important; }
.site-footer .widget_social-networks-widget ul li:last-child,
.site-footer .share-box ul li:last-child {
margin-right: 0; }
.site-footer .widget_testimonial-widget {
padding: 0; }
.site-footer .widget_testimonial-widget h3 {
margin-bottom: 0; }
.site-footer .widget_testimonial-widget .testimonial-container {
padding-bottom: 20px;
background-color: transparent; }
.site-footer .widget_testimonial-widget .testimony {
width: 100%;
margin-left: 0; }
.site-footer .widget_testimonial-widget .testimony p {
font-size: 15px;
font-size: 1.5rem;
padding-top: 60px;
line-height: 1.5;
background: transparent; }
.site-footer .widget_testimonial-widget .testimony p:before {
color: #000;
font-size: 40px;
font-size: 4rem; }
.site-footer .widget_testimonial-widget .testimony .t-inner {
color: #000 !important;
text-indent: 20px; }
.site-footer .widget_testimonial-widget .testimony .t-inner:before {
background-color: transparent;
left: -19px;
top: 0%; }
.site-footer .widget_testimonial-widget ul li .client {
color: #1fb2e2; }
.site-footer .widget_testimonial-widget ul li .client strong {
color: #fff; }
.site-footer .widget_testimonial-widget .flex-direction-nav li {
position: relative !important; }
.site-footer .widget_testimonial-widget .flex-direction-nav li a {
opacity: 1;
top: -20px; }
.site-footer .alert-message {
color: #fff; }
.site-footer .alert-message a {
top: -5px !important; }
.site-footer .btn {
margin: 10px 0px; }
.site-footer .widget_alert-widget a {
color: #000 !important; }
.site-footer aside {
margin-bottom: 10px; } #secondary .left-sidebar .callout-widget {
background-color: #1fb2e2;
padding: 15px; }
#secondary .left-sidebar .callout-widget div {
width: 100%; }
#secondary .left-sidebar .callout-widget h4, #secondary .left-sidebar .callout-widget p {
margin-bottom: 10px;
width: 100%;
text-align: center;
color: #fff; }
#secondary .left-sidebar .callout-widget a {
margin: auto; }
#secondary .left-sidebar .callout-widget a:hover {
background-color: #33363a;
color: #fff; }
.left-sidebar .circle-icon-box {
padding-bottom: 20px; }
.left-sidebar .circle-icon-box .icon-wrapper {
height: 70px;
line-height: 50px; }
.left-sidebar .circle-icon-box .icon-wrapper p.fa-stack i:before {
font-size: 50px;
font-size: 5rem; }
.left-sidebar .circle-icon-box:hover .icon-wrapper p.fa-stack i:before {
color: #33363a; }
.left-sidebar .dropcap-default {
text-shadow: 1px 1px 0 #000, 2px 2px 0 #000; }
.left-sidebar .dropcap {
color: #1fb2e2; }
.left-sidebar .dropcap-circle,
.left-sidebar .dropcap-box {
background-color: #1fb2e2;
color: #fff; }
.left-sidebar .dropcap-box {
border-color: #606060;
-webkit-box-shadow: 0 0 0 transparent ;
-moz-box-shadow: 0 0 0 transparent ;
box-shadow: 0 0 0 transparent ; }
.left-sidebar .dropcap-book {
border: 2px solid #1fb2e2;
color: #fff; }
.left-sidebar .widget.widget_flexslider-widget .flexcarousel {
margin: 0;
position: relative; }
.left-sidebar .widget.widget_flexslider-widget .flexcarousel .flex-direction-nav a:before {
font-size: 16px;
font-size: 1.6rem; }
.left-sidebar .widget.widget_flexslider-widget .flexcarousel .flex-direction-nav a.flex-prev,
.left-sidebar .widget.widget_flexslider-widget .flexcarousel .flex-direction-nav a.flex-next {
background-color: #000;
text-align: center; }
.left-sidebar .widget.widget_flexslider-widget .flexcarousel .flex-direction-nav a.flex-prev:hover,
.left-sidebar .widget.widget_flexslider-widget .flexcarousel .flex-direction-nav a.flex-next:hover {
color: #fff; }
#secondary.left-sidebar .widget .flexslider .flex-direction-nav a:before {
line-height: normal;
font-size: 16px;
font-size: 1.6rem; }
#secondary.left-sidebar .widget ul.flex-control-nav li,
#secondary.left-sidebar .widget ol.flex-control-nav li,
#secondary.left-sidebar .widget ul.slides li,
#secondary.left-sidebar .widget ul.flex-direction-nav li {
padding: 0;
border: 0;
position: static; }
#secondary.left-sidebar .widget ul.flex-direction-nav li a {
width: 30px;
height: 30px;
line-height: 45px !important; }
#secondary.left-sidebar .widget ul.flex-direction-nav li a:after {
width: 30px; }
#secondary.left-sidebar .widget .flexslider {
background-color: transparent; }
#secondary.left-sidebar .widget .flexslider:hover .flex-direction-nav a.flex-prev {
left: 20px !important; }
#secondary.left-sidebar .widget .flexslider:hover .flex-direction-nav a.flex-next {
right: 20px !important; }
#secondary.left-sidebar .widget .flexslider .flex-control-nav {
bottom: 0; }
.left-sidebar .icon-horizontal .fa-stack,
.left-sidebar .icon-vertical .fa-stack {
background-color: #1fb2e2; }
.left-sidebar .icon-horizontal .fa-stack i,
.left-sidebar .icon-vertical .fa-stack i {
color: #fff; }
.left-sidebar .icon-horizontal .icon-title,
.left-sidebar .icon-vertical .icon-title {
color: #1fb2e2; }
.left-sidebar .widget_wbls-image-widget .image-widget {
position: relative; }
.left-sidebar .widget_image-box-widget .image-box img {
border: 0;
padding: 10px; }
.left-sidebar .widget_list-widget ul li {
position: relative;
padding-left: 25px;
list-style-image: none;
border-bottom: none; }
.left-sidebar .widget_list-widget ul li i {
color: #1fb2e2;
position: absolute;
top: 14px;
left: 0; }
#secondary .left-sidebar .widget.widget_ourteam-widget .team-content {
float: left;
width: 54%; }
#secondary .left-sidebar .widget.widget_ourteam-widget .team-content p, #secondary .left-sidebar .widget.widget_ourteam-widget .team-content span {
color: #000; }
#secondary .left-sidebar .widget.widget_ourteam-widget .team-content h4 {
color: #1fb2e2;
font-size: 20px;
font-size: 2rem; }
#secondary .left-sidebar .widget.widget_ourteam-widget .team-content h4:hover {
color: #000 !important; }
#secondary .left-sidebar .widget.widget_ourteam-widget .team-content ul li {
padding: 0;
margin: 0;
border: 0; }
#secondary .left-sidebar .widget.widget_ourteam-widget .team-content ul li a {
color: #fff; }
#secondary .left-sidebar .widget.widget_ourteam-widget .team-avatar {
float: left;
width: 35%; }
#secondary .left-sidebar .widget.widget_ourteam-widget .team-avatar img {
width: 100%;
height: 20% !important;
border-radius: 70%; }
#secondary .left-sidebar .widget.widget_ourteam-widget:hover .team-content h4 {
color: #fff; }
.left-sidebar .widget_siteorigin-panels-postloop section {
margin-bottom: 20px; }
.left-sidebar .widget_siteorigin-panels-postloop article {
padding: 0;
background-color: transparent; }
.left-sidebar .widget_siteorigin-panels-postloop article h1 a {
color: #fff; }
.left-sidebar .widget_siteorigin-panels-postloop article h1 a:hover {
color: #000; }
.left-sidebar .widget_quote-widget .pullnone {
padding: 20px; }
.left-sidebar .widget_quote-widget .pullnone p {
margin-bottom: 0;
line-height: 1.3; }
.left-sidebar .widget_quote-widget .pullleft, .left-sidebar .widget_quote-widget .pullright {
padding: 20px 10px;
width: 100%; }
.left-sidebar .widget_quote-widget .pullleft p, .left-sidebar .widget_quote-widget .pullright p {
margin-bottom: 0;
line-height: 1.3; }
.left-sidebar .widget_recent-posts-widget .flex-recent-posts {
overflow: hidden; }
.left-sidebar .widget_recent-posts-widget .flex-recent-posts li {
margin: 0 0 10px;
padding: 0;
border-bottom: none; }
.left-sidebar .widget_recent-posts-widget .flex-recent-posts li a {
color: #1fb2e2; }
.left-sidebar .widget_recent-posts-widget .flex-recent-posts h4 {
margin-bottom: 0;
font-size: 16px;
font-size: 1.6rem; }
.left-sidebar .widget_recent-posts-widget .flex-recent-posts .flex-direction-nav {
display: inline-block; }
.left-sidebar .widget_recent-posts-widget .flex-recent-posts .flex-direction-nav li {
position: relative; }
.left-sidebar .widget_recent-posts-widget .flex-recent-posts .flex-direction-nav li a {
top: -23px;
opacity: 1; }
.left-sidebar .widget_recent-posts-widget .flex-recent-posts .flex-direction-nav .flex-next {
left: 179px;
opacity: 1;
top: -47px; }
.left-sidebar .widget_recent-posts-widget .flex-recent-posts .flex-direction-nav .flex-prev {
top: -13px; }
.left-sidebar .widget_recent_entries .post-date {
display: block; }
.left-sidebar .widget_recent_entries h3 {
margin-bottom: 0; }
.left-sidebar .widget.widget_recent-work-widget h3 {
margin-bottom: 0; }
.left-sidebar .widget.widget_recent-work-widget ul.flex-direction-nav li {
padding: 0;
border-bottom: none;
list-style-image: none; }
.left-sidebar .widget.widget_recent-work-widget ul.flex-direction-nav li a.flex-prev,
.left-sidebar .widget.widget_recent-work-widget ul.flex-direction-nav li a.flex-next {
top: -50px !important;
width: 30px;
height: 30px;
line-height: 40px !important;
background-color: #1fb2e2; }
.left-sidebar .widget.widget_recent-work-widget ul.flex-direction-nav li a.flex-prev:hover,
.left-sidebar .widget.widget_recent-work-widget ul.flex-direction-nav li a.flex-next:hover {
color: #fff;
background-color: #33363a; }
.left-sidebar .widget.widget_recent-work-widget ul.flex-direction-nav li a:before {
font-size: 12px;
font-size: 1.2rem; }
.left-sidebar .recent-work {
position: relative; }
.left-sidebar .work {
position: relative; }
.left-sidebar .work .recent_work_overlay {
position: absolute;
text-align: center;
width: 100%;
height: 100%;
position: absolute;
top: -100px;
left: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.left-sidebar .work .recent_work_overlay h4 {
margin: 0 auto;
text-align: center !important; }
.left-sidebar .work .recent_work_overlay .icon-link a {
background-color: #000;
padding: 8px;
display: inline-block; }
.left-sidebar .work:hover .recent_work_overlay {
top: 20px; }
.left-sidebar ul li:before,
.left-sidebar ol li:before {
display: none; }
.left-sidebar .widget.widget_skill-widget .skill-container {
width: 100%;
float: none; }
.left-sidebar .widget.widget_skill-widget .skill-container .skill {
margin-bottom: 20px;
background-color: #606060;
height: 15px !important;
background: #33363a !important; }
.left-sidebar .widget.widget_skill-widget .skill-container .skill-content {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 10px;
position: relative !important;
top: -50px; }
.left-sidebar .widget.widget_skill-widget .skill-container .skill-content .txt-count {
position: relative;
top: -7px; }
.left-sidebar .widget.widget_skill-widget .skill-container .skill-content span {
padding: 0;
display: inline !important; }
.left-sidebar .widget.widget_skill-widget .skill-container .skill-percentage {
background: #1fb2e2 !important; }
.left-sidebar .widget_social-networks-widget ul {
text-align: left;
clear: both; }
.left-sidebar .widget_social-networks-widget ul li {
border: 0;
padding: 0; }
.left-sidebar .widget_social-networks-widget ul li a {
width: 40px;
height: 40px;
height: inherit !important;
width: inherit  !important;
color: #000; }
.left-sidebar .widget_social-networks-widget ul li a i {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.left-sidebar .widget_social-networks-widget ul li a:hover i {
color: #1fb2e2; }
.left-sidebar .alert-message a {
top: 6px; }
#secondary .btn:hover,
#secondary .widget_button-widget .btn:hover {
color: #fff !important; }
#secondary a.btn-inverse,
#secondary .widget_button-widget a.btn.black {
color: #fff; }
#secondary .btn-white,
#secondary .widget_button-widget .btn.white {
border: 1px solid #606060; }
#secondary .btn-white:hover,
#secondary .widget_button-widget .btn.white:hover {
color: #1fb2e2 !important; }
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce #content table.cart input,
.woocommerce table.cart input,
.woocommerce-page #content table.cart input,
.woocommerce-page table.cart input {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
color: #fff;
background: #33363a; }
.woocommerce #content input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page #content input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover {
background: none !important;
background-color: #1fb2e2 !important;
color: #fff; }
.woocommerce #content input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt {
background: #272727 !important; background: -moz-linear-gradient(top, #272727 0%, #45484d 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #272727), color-stop(100%, #45484d)) !important; background: -webkit-linear-gradient(top, #272727 0%, #45484d 100%) !important; background: -o-linear-gradient(top, #272727 0%, #45484d 100%) !important; background: -ms-linear-gradient(top, #272727 0%, #45484d 100%) !important; background: linear-gradient(to bottom, #272727 0%, #45484d 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#45484d',GradientType=0 ) !important; border: 1px solid #333; }
.woocommerce #content input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page input.button.alt:hover {
border-color: #000;
background: #666 !important; background: -moz-linear-gradient(top, #666 0%, #45484d 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #45484d)) !important; background: -webkit-linear-gradient(top, #666 0%, #45484d 100%) !important; background: -o-linear-gradient(top, #666 0%, #45484d 100%) !important; background: -ms-linear-gradient(top, #666 0%, #45484d 100%) !important; background: linear-gradient(to bottom, #666 0%, #45484d 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#45484d',GradientType=0 ) !important; }
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-message:before {
background-color: #333; }
.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message {
border-color: #333; }
.order-total .amount,
.cart-subtotal .amount {
color: #1fb2e2; }
.woocommerce #payment div.payment_box,
.woocommerce-page #payment div.payment_box {
background: #f2f9fe; background: -moz-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f9fe), color-stop(100%, #d6f0fd)); background: -webkit-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); background: -o-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); background: -ms-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); background: linear-gradient(to bottom, #f2f9fe 0%, #d6f0fd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); }
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.woocommerce #content div.product p.price,
.woocommerce #content div.product span.price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-page #content div.product p.price,
.woocommerce-page #content div.product span.price,
.woocommerce-page div.product p.price,
.woocommerce-page div.product span.price {
color: #33363a; }
.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart {
background-color: #666;
color: #fff; }
.woocommerce a.added_to_cart:hover,
.woocommerce-page a.added_to_cart:hover {
background-color: #000; }
.woocommerce .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-breadcrumb a {
color: #fff; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
background: #f2f9fe; background: -moz-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f9fe), color-stop(100%, #d6f0fd)); background: -webkit-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); background: -o-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); background: -ms-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); background: linear-gradient(to bottom, #f2f9fe 0%, #d6f0fd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); }
.woocommerce #content table.cart a.remove,
.woocommerce table.cart a.remove,
.woocommerce-page #content table.cart a.remove,
.woocommerce-page table.cart a.remove {
color: #1fb2e2; }
.woocommerce #content table.cart a.remove:hover,
.woocommerce table.cart a.remove:hover,
.woocommerce-page #content table.cart a.remove:hover,
.woocommerce-page table.cart a.remove:hover {
background-color: #33363a; }
.woocommerce #content div.product .woocommerce-tabs .panel,
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-page #content div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel {
background-color: #d7d7d7; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
background: #1fb2e2;
color: #fff; }
.woocommerce span.onsale, .woocommerce-page span.onsale {
background: #fceabb; background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceabb), color-stop(50%, #fccd4d), color-stop(51%, #f8b500), color-stop(100%, #fbdf93)); background: -webkit-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); background: -o-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); background: -ms-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); }
.woocommerce #content nav.woocommerce-pagination ul li a,
.woocommerce #content nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-page #content nav.woocommerce-pagination ul li a,
.woocommerce-page #content nav.woocommerce-pagination ul li span,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li span {
background-color: #33363a;
color: #fff !important; }
.woocommerce #content nav.woocommerce-pagination ul li a:focus,
.woocommerce #content nav.woocommerce-pagination ul li a:hover,
.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li a:focus,
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a:focus,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li span.current {
background-color: #1fb2e2;
color: #fff; }
.woocommerce #content nav.woocommerce-pagination ul li,
.woocommerce #content nav.woocommerce-pagination ul {
background-color: #33363a; }
.woocommerce-error li strong {
color: #B81C23; }
.woocommerce .site-content,
.woocommerce-page .site-content {
margin-bottom: 0; }
.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
border: 0;
padding: 5px 12px;
text-align: center;
text-decoration: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
text-shadow: 0 0 0;
font-weight: 400; }
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before {
padding-top: 0;
height: 2.5em;
line-height: 2.5;
width: 2em; }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea {
line-height: normal;
border: 1px solid #aea9a9;
color: #000; }
.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart {
padding: 2px 15px 1px 30px;
background-clip: padding-box; -webkit-border-radius: 3px;
border-radius: 3px; }
.woocommerce .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-breadcrumb a {
text-decoration: none; }
.woocommerce .woocommerce-breadcrumb a:hover,
.woocommerce-page .woocommerce-breadcrumb a:hover {
color: #1fb2e2; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
font-weight: 400;
padding: 0.5em 1em;
background-color: transparent;
background-clip: padding-box; -webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
box-shadow: 0 0 0;
border-top: 0;
position: static; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover {
position: static; }
.woocommerce #content div.product form.cart table.variations,
.woocommerce div.product form.cart table.variations,
.woocommerce-page #content div.product form.cart table.variations,
.woocommerce-page div.product form.cart table.variations,
.woocommerce #content div.product form.cart table.variations td,
.woocommerce div.product form.cart table.variations td,
.woocommerce-page #content div.product form.cart table.variations td,
.woocommerce-page div.product form.cart table.variations td {
border: 0; }
.cross-sells h2,
.shipping_calculator h2 {
font-size: 1.6em; }
.woocommerce #content table.cart a.remove,
.woocommerce table.cart a.remove,
.woocommerce-page #content table.cart a.remove,
.woocommerce-page table.cart a.remove {
margin: 0 auto; }
.woocommerce #content table.cart td.actions input#coupon_code,
.woocommerce table.cart td.actions input#coupon_code,
.woocommerce-page #content table.cart td.actions input#coupon_code,
.woocommerce-page table.cart td.actions input#coupon_code {
width: auto; }
.woocommerce button.button,
.woocommerce-page button.button {
padding: 10px 12px; }
.woocommerce .cart button.single_add_to_cart_button {
padding: 6px 12px 5px; }
.woocommerce button.button, .woocommerce-page button.button,
.woocommerce #content div.product .woocommerce-tabs .panel,
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-page #content div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel {
padding: 20px;
border: 1px solid #e0dadf;
border-top: 0; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs,
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs {
margin-bottom: 0; }
.woocommerce #content table.cart td.actions .coupon #coupon_code,
.woocommerce table.cart td.actions .coupon #coupon_code,
.woocommerce-page #content table.cart td.actions .coupon #coupon_code,
.woocommerce-page table.cart td.actions .coupon #coupon_code {
padding: 4px 6px; }
.woocommerce #content div.product .stock,
.woocommerce div.product .stock,
.woocommerce-page #content div.product .stock,
.woocommerce-page div.product .stock {
text-decoration: underline;
color: #333; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
padding: 0;
margin: 0; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
background: #33363a;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
box-shadow: 0 0 0;
margin: 0; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
color: #fff;
text-shadow: 0 0 0;
padding: 7px 20px !important; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover {
text-decoration: none; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
z-index: 2;
border-bottom-color: transparent; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before {
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
box-shadow: 0; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after {
display: none !important; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before {
display: none !important; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before {
display: none !important; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after {
display: none !important; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before {
display: none !important; }
.woocommerce span.onsale, .woocommerce-page span.onsale {
background-clip: padding-box; -webkit-border-radius: 50px;
border-radius: 50px;
padding: 10px 12px; }
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale {
margin: -15px -15px 0 0; }
.woocommerce #content nav.woocommerce-pagination ul li a,
.woocommerce #content nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-page #content nav.woocommerce-pagination ul li a,
.woocommerce-page #content nav.woocommerce-pagination ul li span,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li span {
border: 0;
padding: 3px 10px; }
.woocommerce #content nav.woocommerce-pagination ul li a:focus,
.woocommerce #content nav.woocommerce-pagination ul li a:hover,
.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li a:focus,
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a:focus,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li span.current {
border: 0; }
.woocommerce #content nav.woocommerce-pagination ul li {
border: 0; }
.woocommerce #content nav.woocommerce-pagination ul {
padding: 7px 10px;
border: 0; }
.woocommerce-page .site-footer,
.woocommerce-page .footer-bottom,
.woocommerce-page .woocommerce-breadcrumb {
padding: 0 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
margin: 0 -50%; }
.woocommerce a.remove {
background: #1fb2e2;
color: #fff !important; }
.woocommerce #primary {
margin: 50px 0px; } .container .container {
width: 100%; }
.fluid-container .container {
width: 100%;
max-width: none; }
.boxed-container {
overflow: hidden; } .single_page_flexslider_feature_image {
width: 100%; } .right-sidebar {
padding-left: 0px !important;
padding-right: 50px; }
#secondary .left-sidebar {
background: #f0f2f3 none repeat scroll 0 0;
border: 1px solid #d7d7d7;
padding: 40px 25px; }
.widget-area {
margin-top: 1.5em; }
.widget-area h4.widget-title {
margin-bottom: 40px;
padding-bottom: 20px;
border-bottom: 1px solid #1fb2e2; }
.widget-area ul li {
padding: 8px 0 8px;
border-bottom: 1px solid #d7d7d7; }
.widget-area ul li a {
color: #33363a; }
.widget-area ul li a:hover {
color: #1fb2e2; }
.widget-area ul li li:last-child {
border-bottom: 0;
padding-bottom: 0; }
.widget-area ul li ul.children,
.widget-area ul li .sub-menu {
padding-top: 5px; }
.widget-area ul li ul.children li:last-child,
.widget-area ul li .sub-menu li:last-child {
padding-bottom: 0; }
.widget-area select {
width: 100%;
background: url(//www.kappsupply.com/wp-content/plugins/wbls-modulus/public/images/down.png) no-repeat 95% 50%;
-moz-appearance: none;
border: 1px solid #d7d7d7;
padding: 5px 10% 5px 3%; }
.widget-area ul li {
background: url(//www.kappsupply.com/wp-content/plugins/wbls-modulus/public/images/sidebar-list-style.png) no-repeat left 16px;
padding-left: 25px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.widget-area ul li li {
padding-left: 5px; }
.widget-area ul li:hover {
background-position: 10px 16px; }
.widget-area ul.children {
border-top: 1px solid #d7d7d7;
padding-top: 0 !important;
margin-left: -25px;
padding-left: 0;
margin-top: 15px; }
.widget-area ul.children li {
padding-left: 50px;
background-position: 25px 16px; }
.widget-area ul.children li:hover {
background-position: 37px 16px; }
.widget-area ul.children ul.children {
margin-left: -50px; }
.widget-area ul.children ul.children li {
padding-left: 75px;
background-position: 50px 16px; }
.widget-area ul.children ul.children li:hover {
background-position: 67px 16px; }
.widget-area ul.children ul.children ul.children {
margin-left: -75px; }
.widget-area ul.children ul.children ul.children li {
padding-left: 100px;
background-position: 75px 16px; }
.widget-area ul.children ul.children ul.children li:hover {
background-position: 92px 16px; }
#secondary .widget_list-widget li {
background: none; }
#secondary .widget, .site-footer .widget, .site-header .widget {
margin: 0 0 2.5em 0; }
#secondary .widget ul, #secondary .widget ol, .site-footer .widget ul, .site-footer .widget ol, .site-header .widget ul, .site-header .widget ol {
padding: 0;
margin: 0;
list-style: none; }
#secondary .widget ul li ul, #secondary .widget ul li ol, #secondary .widget ol li ul, #secondary .widget ol li ol, .site-footer .widget ul li ul, .site-footer .widget ul li ol, .site-footer .widget ol li ul, .site-footer .widget ol li ol, .site-header .widget ul li ul, .site-header .widget ul li ol, .site-header .widget ol li ul, .site-header .widget ol li ol {
padding: 0; }
#secondary .widget select, .site-footer .widget select, .site-header .widget select {
max-width: 100%; }
.site-header .widget {
margin: 0; }
#secondary #recentcomments a {
color: #1fb2e2; }
#secondary #recentcomments a:hover {
color: #0e1353; }
#secondary .left-sidebar aside {
margin: 0 0 5.5em 0; }
#secondary .left-sidebar aside:last-child {
margin-bottom: 0; }
#secondary .left-sidebar .widget_nav_menu {
margin-bottom: 0; }
.site-info .left-sidebar .widget-title, .top-nav .widget-title {
display: none; }
.widget-area .rss-date,
.widget-area .widget_rss cite {
display: block;
color: #d7d7d7;
margin: 5px 0; }
.widget-area .widget_rss span {
color: #8f8f8f; }
.widget-area .widget_rss cite {
color: #8f8f8f; }
.widget-area .widget_rss a {
color: #1fb2e2; }
.widget-area .widget_rss a:hover {
color: #33363a; }
.widget-area .widget_rss .widget-title .rsswidget {
color: #33363a; }
.widget-area .widget_rss .widget-title .rsswidget img {
margin: 0; }
.widget-area .widget_rss ul li {
background: none;
padding-left: 0; }
.widget-area .rssSummary {
font-size: .95em; }
.widget-area .rss-date,
.widget-area .widget_rss cite {
display: block;
color: #d7d7d7;
margin: 5px 0; }
.widget-area .widget_rss span {
color: #8f8f8f; }
.widget-area .widget_rss cite {
color: #8f8f8f; }
.widget-area .widget_rss a {
color: #1fb2e2; }
.widget-area .widget_rss a:hover {
color: #33363a; }
.widget-area .widget_rss .widget-title .rsswidget {
color: #33363a; }
.widget-area .widget_rss .widget-title .rsswidget img {
margin: 0; }
.widget-area .widget_rss ul li {
background: none;
padding-left: 0; }
.widget-area .rssSummary {
font-size: .95em; }
.widget_search .search-form {
position: relative; }
.widget_search .search-form label {
display: block; }
.widget_search .search-form input[type="search"] {
color: #33363a;
width: 100%;
padding: 5px;
background: transparent; }
.widget_search .search-form input[type="search"]:focus {
background: #fff;
color: #33363a !important; }
.widget_search .search-form input[type="submit"] {
border: 0;
position: absolute;
right: 0;
top: 0;
text-indent: -9999em;
background: url(//www.kappsupply.com/wp-content/plugins/wbls-modulus/public/images/header-search.png) no-repeat 100% 40%; }
.nav-wrap .search-form {
top: 13px;
text-align: right;
position: relative;
margin: 0px 10px; }
.nav-wrap .search-form input.search-field {
padding: 1px 20px 2px 0px;
width: 95%;
border: none;
border-bottom: 1px solid #fff;
color: #fff;
background: transparent; }
.nav-wrap .search-form input[type="search"]:focus {
border-bottom-color: rgba(255, 255, 255, 0.7); }
.nav-wrap .search-form input[type="submit"] {
background: url(//www.kappsupply.com/wp-content/plugins/wbls-modulus/public/images/header-search-white.png) no-repeat 100% 40%; }
.nav-wrap .search-form .search-submit {
position: absolute;
right: -5px;
margin: 0;
padding: 0;
top: 10px;
border: none;
color: transparent;
background: url(//www.kappsupply.com/wp-content/plugins/wbls-modulus/public/images/header-search.png) no-repeat center center; }
.nav-wrap .search-form .btn-search {
position: absolute;
right: 10px;
top: 8px; }
.widget-area .textwidget select {
padding: 5px 10px;
background-color: #fff;
border: 1px solid #8f8f8f; }
.wp-caption .wp-caption-text {
margin: 0; }
.widget_tag_cloud a {
padding: 4px 15px;
color: #fff;
margin: 3px;
display: inline-block;
border: 1px solid #1fb2e2;
background-color: #1fb2e2; }
.widget_tag_cloud a:hover {
background: #33363a; }
.widget_nav_menu a {
display: block; }
.widget_nav_menu ul.sub-menu li {
text-indent: 0; }
.widget_nav_menu ul.sub-menu {
border-top: 1px solid #d7d7d7;
padding-top: 0 !important;
margin-left: -10px;
padding-left: 0;
margin-top: 15px; }
.widget_nav_menu ul.sub-menu li {
padding-left: 25px; }
.sow-carousel-wrapper .overlay {
position: static; } .site-footer .footer-widgets {
margin-top: 0; }
.site-footer .footer-widgets .widget_social-networks-widget .widget-title {
display: none; }
.site-footer .footer-widgets .widget_list-widget ul li {
background: none; }
.site-footer {
background: #33363a;
position: relative; }
.site-footer .footer-widgets {
color: #fff;
padding: 90px 0 50px; }
.site-footer .footer-widgets h4.widget-title {
color: #fff;
padding-bottom: 10px;
font-size: 28px;
font-size: 2.8rem;
text-transform: capitalize; }
.site-footer .footer-widgets ul li {
color: #BFBEBE;
border-bottom: 1px solid #8f8f8f;
background: url(//www.kappsupply.com/wp-content/plugins/wbls-modulus/public/images/footer-list-style.png) no-repeat left 12px;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.site-footer .footer-widgets ul li:hover {
background-position: 10px 12px; }
.site-footer .footer-widgets ul.children,
.site-footer .footer-widgets .widget_nav_menu ul.sub-menu {
border-color: rgba(255, 255, 255, 0.2); }
.site-footer .footer-widgets #calendar_wrap td, .site-footer .footer-widgets #calendar_wrap th {
color: #fff; }
.site-footer .footer-widgets #calendar_wrap a {
color: #1fb2e2; }
.site-footer .footer-widgets #calendar_wrap a:hover {
color: #fff; }
.site-footer .footer-widgets .widget_calendar table caption {
background: #1fb2e2; }
.site-footer .footer-widgets select {
width: 100%;
background: #fff url(//www.kappsupply.com/wp-content/plugins/wbls-modulus/public/images/down.png) no-repeat 95% 50% white;
-moz-appearance: none;
border: 1px solid #d7d7d7;
padding: 5px 10% 5px 3%; }
.site-footer .footer-widgets .widget_search .search-form input[type="search"] {
color: #fff; }
.site-footer .footer-widgets a {
color: rgba(255, 255, 255, 0.8); }
.site-footer .footer-widgets a:hover {
color: #1fb2e2; }
.site-footer .footer-widgets p {
margin-bottom: 0; }
.site-footer .footer-widgets .widget_nav_menu li {
border-bottom: none; }
.site-footer .footer-widgets .widget_nav_menu li ul.sub-menu {
border-top: none; }
.site-footer .footer-widgets .widget_tag_cloud a:hover {
color: #fff; }
.site-footer .footer-widgets .widget_text .textwidget, .site-footer .footer-widgets .widget_list-widget li {
color: rgba(255, 255, 255, 0.8) !important; }
.site-footer .footer-widgets .widget_recent_entries li .post-date {
font-size: 9px;
color: #1fb2e2;
padding-left: 10px; }
.site-footer .footer-widgets .widget_rss ul li {
background: none; }
.site-footer .footer-contact p {
margin-bottom: 10px; }
.site-footer .footer-contact p i {
margin-right: 5px; }
.site-footer .scroll-to-top {
background: #1fb2e2;
color: #fff;
bottom: 3%;
cursor: pointer;
position: fixed;
right: 20px;
z-index: 999;
text-align: center;
line-height: 40px;
width: 40px;
background-clip: padding-box; -webkit-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background-color 0.3s linear;
-moz-transition: background-color 0.3s linear;
-o-transition: background-color 0.3s linear;
transition: background-color 0.3s linear; }
.site-footer .scroll-to-top:hover {
background: rgba(31, 178, 226, 0.6); }
.site-footer .textwidget .wpcf7-form p {
margin-bottom: 3px; }
.site-footer .footer-widgets .four {
padding-right: 30px; }
.site-footer .footer-widgets .omega {
padding-right: 0; }
.site-info {
background: #525050; }
.site-info .sep:after {
border: none; }
.site-info .copyright {
padding: 20px 0px; }
.site-info .left-sidebar {
text-align: rigth;
padding-top: 12px; }
.site-info .left-sidebar li a {
font-family: "Roboto", sans-serif; }
.site-info .widget {
margin: 0; }
.site-info p {
color: #fff;
margin: 0;
padding: 4px 0px;
font-size: 14px;
font-size: 1.4rem; }
.site-info p a {
color: #1fb2e2; }
.site-info p a:hover {
color: #fff; }
.site-info .widget_nav_menu ul {
text-align: right; }
.site-info .widget_nav_menu .sub-menu {
border-top: none; }
.site-info .widget_nav_menu li {
border: 0;
padding: 0;
display: inline; }
.site-info .widget_nav_menu a {
font-family: "Roboto", sans-serif;
display: inline-block;
color: #fff;
padding: 4px 10px;
font-size: 14px;
font-size: 1.4rem;
border-top: 3px solid transparent;
position: relative; }
.site-info .widget_nav_menu a:hover {
color: #1fb2e2; } @media only screen and (min-width: 960px) {
.main-navigation ul ul li:hover > ul {
right: 100%; } }
@media only screen and (max-width: 960px) {
.main-navigation ul ul li:hover > ul {
left: 100%; }
.site-info .widget_nav_menu ul {
text-align: center; }
.top-nav .container .eight, .site-info .container .eight {
width: 100%;
text-align: center; }
.top-nav .container .eight li, .site-info .container .eight li {
display: inline-block;
float: none; }
.cart-right {
margin-top: 10px; } }
@media only screen and (max-width: 1024px) {
.widget_nav_menu ul.sub-menu li {
padding-left: 20px; }
.post-wrapper .latest-post {
margin-left: 0;
margin-right: 0; }
.mdl-layout__drawer-button {
display: block;
color: #fff; } }
@media only screen and (max-width: 850px) {
.widget_nav_menu ul.sub-menu li {
padding-left: 15px !important; } }
@media only screen and (max-width: 600px) {
.free-home .title-divider::before {
left: calc(35% + 55px); }
.free-home .title-divider::after {
left: calc(35%); } }
@media only screen and (max-width: 800px) and (min-width: 600px) {
.free-home .title-divider::before {
left: calc(40% + 55px); }
.free-home .title-divider::after {
left: calc(40%); } }
@media only screen and (max-width: 768px) {
.breadcrumb-left, .breadcrumb-right {
text-align: center !important; }
.breadcrumb .container .eight.columns, .branding .container .eight.columns {
width: 100%;
text-align: center; }
.breadcrumb .site-title, .breadcrumb .site-description, .branding .site-title, .branding .site-description {
text-align: center; }
.breadcrumb .top-right, .branding .top-right {
text-align: center; }
.breadcrumb .top-right ul, .branding .top-right ul {
float: none; }
.breadcrumb .top-right li, .branding .top-right li {
float: none;
display: inline-block; }
.breadcrumb .top-right li:first-child, .branding .top-right li:first-child {
margin-right: 10px; }
.post-wrapper .latest-post {
text-align: center; }
.widget_calendar table th, .widget_calendar table td {
padding: 7px 2px; }
.top-nav {
padding-top: 10px; }
.site-branding {
text-align: center; }
.site-branding img {
margin: 0 auto; }
.main-navigation {
margin: 0; }
.main-navigation a {
padding: 15px; }
#secondary {
padding-left: 0; }
.flexslider .flex-caption {
position: static;
background-color: #0e1353;
padding: 30px 20px;
min-height: 300px;
width: 100%; }
.flexslider ol.flex-control-paging {
bottom: 0; }
.post-wrapper .latest-post a.btn-readmore {
display: inline-block;
width: auto; }
.copyright, .left-sidebar {
text-align: center !important; }
.latest-post {
border: 1px solid #8f8f8f;
margin-bottom: 50px !important; }
.nav-wrap .search-form {
margin-bottom: 30px; }
.copyright {
padding-bottom: 0 !important; }
.site-info .left-sidebar {
padding-bottom: 10px !important; }
#secondary {
left: 0 !important; }
.portfolioeffects .overlay_icon a {
height: 35px;
width: 35px;
line-height: 35px; } }
@media only screen and (max-width: 700px) {
#commentform .comment-form-author,
#commentform .comment-form-email,
#commentform .comment-form-url {
width: 100%;
float: none;
margin-right: 0; }
#commentform .comment-form-author input,
#commentform .comment-form-url input,
#commentform .comment-form-email input {
width: 100%; }
.nav-links .nav-previous,
.nav-links .nav-next,
.comment-navigation .nav-previous,
.comment-navigation .nav-next {
width: 100%;
float: none;
margin-bottom: 10px; }
.post-navigation .nav-links a,
.comment-navigation .nav-previous a,
.comment-navigation .nav-next a {
display: block; } }
@media only screen and (max-width: 480px) {
.panel-row-style-full-width-layout, .panel-row-style-full-width-layout-carousel, .widget_testimonial-widget {
padding-left: 0 !important;
padding-right: 0 !important;
margin: auto !important; }
.main-navigation {
padding: 10px 0; }
.main-navigation button.menu-toggle {
margin: 0 auto;
font-size: 15px;
font-size: 1.5rem;
background: #33363a;
border: 1px solid #33363a; }
.main-navigation button.menu-toggle:hover {
background: #1fb2e2; }
.main-navigation .menu-all-pages-container {
padding-top: 0; }
.main-navigation ul li {
float: none; }
.main-navigation ul li a {
display: block; }
.main-navigation ul ul li:hover > ul {
left: 0% !important;
width: 100%; }
.flex-recent-posts li {
width: 100%; }
.flex-recent-posts li img {
max-width: 100%;
width: 100%; }
ol.comment-list ol.children {
margin-left: 1em; }
.flexslider ol.flex-control-paging li a {
width: 15px;
height: 15px;
line-height: 15px;
border-width: 3px; } }
@media only screen and (max-width: 400px) {
.free-home .title-divider::before {
left: calc(30% + 55px); }
.free-home .title-divider::after {
left: calc(30%); } }.bigEntrance-animation,
.boingInUp-animation,
.bounce-animation,
.bounceInLeft-animation,
.bounceInRight-animation,
.bounceInUp-animation,
.expandUp-animation,
.fade-animation,
.fadeIn-animation,
.fadeInDown-animation,
.fadeInDownBig-animation,
.fadeInLeft-animation,
.fadeInLeftBig-animation,
.fadeInRight-animation,
.fadeInRightBig-animation,
.fadeInUp-animation,
.fadeInUpBig-animation,
.flip-animation,
.flipInX-animation,
.flipInY-animation,
.floating-animation,
.foolishIn-animation,
.hatch-animation,
.lightSpeedIn-animation,
.puffIn-animation,
.pullDown-animation,
.pullUp-animation,
.pulse-animation,
.rollInLeft-animation,
.rollInRight-animation,
.rotateIn-animation,
.rotateInDownLeft-animation,
.rotateInDownRight-animation,
.rotateInUpLeft-animation,
.rotateInUpRight-animation,
.scale-down-animation,
.scale-up-animation,
.slide-bottom-animation,
.slide-left-animation,
.slide-right-animation,
.slide-top-animation,
.slideDown-animation,
.slideExpandUp-animation,
.slideInDown-animation,
.slideInLeft-animation,
.slideInRight-animation,
.slideLeft-animation,
.slideRight-animation,
.slideUp-animation, 
.spaceInDown-animation, 
.spaceInLeft-animation, 
.spaceInRight-animation, 
.spaceInUp-animation, 
.stretchLeft-animation, 
.stretchRight-animation, 
.swap-animation, 
.swashIn-animation, 
.swing-animation, 
.tinDownIn-animation, 
.tinRightIn-animation, 
.tinUpIn-animation, 
.tossing-animation, 
.twisterInDown-animation, 
.twisterInUp-animation, 
.wobble-animation,
.zoomIn-animation {
visibility: hidden;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility: visible !important;
}
.panel-grid-cell:nth-child(1) .animated {
-moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s;
}
.panel-grid-cell:nth-child(2) .animated {
-moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s;
}
.panel-grid-cell:nth-child(3) .animated {
-moz-animation-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s;
}
.panel-grid-cell:nth-child(4) .animated {
-moz-animation-delay: 1.3s; -webkit-animation-delay: 1.3s; animation-delay: 1.3s;  
}
.panel-grid-cell:nth-child(5) .animated {
-moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; animation-delay: 1.5s;  
}
.panel-grid-cell:nth-child(6) .animated {
-moz-animation-delay: 1.7s; -webkit-animation-delay: 1.7s; animation-delay: 1.7s;  
}
.panel-grid-cell:nth-child(7) .animated {
-moz-animation-delay: 1.9s; -webkit-animation-delay: 1.9s; animation-delay: 1.9s;  
}
.panel-grid-cell:nth-child(8) .animated {
-moz-animation-delay: 2.1s; -webkit-animation-delay: 2.1s; animation-delay: 2.1s;
} .bigEntrance {
animation-name: bigEntrance;
-webkit-animation-name: bigEntrance;  
animation-duration: 1.6s; 
-webkit-animation-duration: 1.6s;
animation-timing-function: ease-out;  
-webkit-animation-timing-function: ease-out;  
visibility: visible !important;     
}
@keyframes bigEntrance {
0% {
transform: scale(0.3) rotate(4deg) translateX(-20%) translateY(20%);
opacity: 0;
}
30% {
transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);    
opacity: 0.3;
}
45% {
transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 0.5;
}
60% {
transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);   
opacity: 0.6;
} 
75% {
transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 0.7;
}
90% {
transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);    
opacity: 0.9;
} 
100% {
transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}   
}
@-webkit-keyframes bigEntrance {
0% {
-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity: 0;
}
30% {
-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);    
opacity: 0.3;
}
45% {
-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 0.5;
}
60% {
-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);   
opacity: 0.6;
} 
75% {
-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 0.7;
}
90% {
-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);    
opacity: 0.9;
} 
100% {
-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}       
} .boingInUp {
-webkit-animation-name: boingInUp;
animation-name: boingInUp;
}
@-webkit-keyframes boingInUp {
0% {
opacity: 0;
-webkit-transform-origin: 50% 0%;
-webkit-transform: perspective(800px) rotateX(-90deg);
}
50% {
opacity: 1;
-webkit-transform-origin: 50% 0%;
-webkit-transform: perspective(800px) rotateX(50deg);
}
100% {
opacity: 1;
-webkit-transform-origin: 50% 0%;
-webkit-transform: perspective(800px) rotateX(0deg);
}
}
@keyframes boingInUp {
0% {
opacity: 0;
transform-origin: 50% 0%;
transform: perspective(800px) rotateX(-90deg);
}
50% {
opacity: 1;
transform-origin: 50% 0%;
transform: perspective(800px) rotateX(50deg);
}
100% {
opacity: 1;
transform-origin: 50% 0%;
transform: perspective(800px) rotateX(0deg);
}
} .bounce {
animation-name: bounce;
-webkit-animation-name: bounce; 
animation-duration: 1.6s; 
-webkit-animation-duration: 1.6s;
animation-timing-function: ease;  
-webkit-animation-timing-function: ease;  
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%;   
}
@keyframes bounce {
0% {
transform: translateY(0%) scaleY(0.6);
opacity: 0;
}
60%{
transform: translateY(-50%) scaleY(1.1);
opacity: 0.3;
}
70%{
transform: translateY(0%) scaleY(0.95) scaleX(1.05);
opacity: 0.5;
}
80%{
transform: translateY(0%) scaleY(1.05) scaleX(1);
opacity: 0.8;
} 
90%{
transform: translateY(0%) scaleY(0.95) scaleX(1);
opacity: 0.9;
}       
100%{
transform: translateY(0%) scaleY(1) scaleX(1);
opacity: 1;
} 
}
@-webkit-keyframes bounce {
0% {
-webkit-transform: translateY(0%) scaleY(0.6);
opacity: 0;
}
60%{
-webkit-transform: translateY(-50%) scaleY(1.1);
opacity: 0.3;
}
70%{
-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
opacity: 0.5;
}
80%{
-webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
opacity: 0.8;
} 
90%{
-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
opacity: 0.9;
}       
100%{
-webkit-transform: translateY(0%) scaleY(1) scaleX(1);
opacity: 1;
}   
} @-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
};
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(30px);
}
80% {
-moz-transform: translateX(-10px);
}
100% {
-moz-transform: translateX(0);
};
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
60% {
opacity: 1;
-o-transform: translateX(30px);
}
80% {
-o-transform: translateX(-10px);
}
100% {
-o-transform: translateX(0);
};
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
60% {
opacity: 1;
transform: translateX(30px);
}
80% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
};
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft;
} @-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
};
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(-30px);
}
80% {
-moz-transform: translateX(10px);
}
100% {
-moz-transform: translateX(0);
};
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
60% {
opacity: 1;
-o-transform: translateX(-30px);
}
80% {
-o-transform: translateX(10px);
}
100% {
-o-transform: translateX(0);
};
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
opacity: 1;
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
};
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight;
} @-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
};
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(-30px);
}
80% {
-moz-transform: translateY(10px);
}
100% {
-moz-transform: translateY(0);
};
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
60% {
opacity: 1;
-o-transform: translateY(-30px);
}
80% {
-o-transform: translateY(10px);
}
100% {
-o-transform: translateY(0);
};
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
};
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp;
} .expandUp {
animation-name: expandUp;
-webkit-animation-name: expandUp; 
animation-duration: 0.7s; 
-webkit-animation-duration: 0.7s;
animation-timing-function: ease;  
-webkit-animation-timing-function: ease;    
visibility: visible !important; 
}
@keyframes expandUp {
0% {
transform: translateY(100%) scale(0.6) scaleY(0.5);
opacity: 0;
}
60%{
transform: translateY(-7%) scaleY(1.12);
opacity: 0.6;
}
75%{
transform: translateY(3%);
opacity: 0.8;
} 
100% {
transform: translateY(0%) scale(1) scaleY(1);
opacity: 1;
} 
}
@-webkit-keyframes expandUp {
0% {
-webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
opacity: 0;
}
60%{
-webkit-transform: translateY(-7%) scaleY(1.12);
opacity: 0.6;
}
75%{
-webkit-transform: translateY(3%);
opacity: 0.8;
} 
100% {
-webkit-transform: translateY(0%) scale(1) scaleY(1);
opacity: 1;
} 
} .fade {
-webkit-animation-name: fade;
animation-name: fade;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
} @-webkit-keyframes fadeIn {
0% {
opacity: 0;
-webkit-transform:scale(0);
transform:scale(0);
}
100% {
opacity: 1;
-webkit-transform:scale(1);
transform:scale(1);    
}
}
@keyframes fadeIn {
0% {
opacity: 0;
-moz-transform:scale(0);
-webkit-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
}
100% {
opacity: 1;
-moz-transform:scale(1);
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);    
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
} @-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
} @-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
} @-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
} @-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
50% {
opacity: .2;
}  
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
}
50% {
opacity: .2;
}  
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
} @-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
} @-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(200px);
transform: translateX(200px);
}
50% {
opacity: .3;
}  
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(200px);
-ms-transform: translateX(200px);
transform: translateX(200px);
}
50% {
opacity: .3;
}   
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
} @-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
} @-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(200px);
transform: translateY(200px);
}
50% {
opacity: .3;
}  
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(200px);
-ms-transform: translateY(200px);
transform: translateY(200px);
}
50% {
opacity: .3;
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-moz-transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
} @-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
opacity: 1;
};
}
@-moz-keyframes flip {
0% {
-moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-moz-animation-timing-function: ease-out;
opacity: 0;
}
40% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-moz-animation-timing-function: ease-out;
}
50% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function: ease-in;
}
80% {
-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-moz-animation-timing-function: ease-in;
}
100% {
-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-moz-animation-timing-function: ease-in;
opacity: 1;
};
}
@-o-keyframes flip {
0% {
-o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-o-animation-timing-function: ease-out;
opacity: 0;
}
40% {
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-o-animation-timing-function: ease-out;
}
50% {
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-animation-timing-function: ease-in;
}
80% {
-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-o-animation-timing-function: ease-in;
}
100% {
-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-o-animation-timing-function: ease-in;
opacity: 1;
};
}
@keyframes flip {
0% {
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
animation-timing-function: ease-out;
opacity: 0;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
animation-timing-function: ease-in;
opacity: 1;
};
}
.flip {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flip;
-moz-backface-visibility: visible !important;
-moz-animation-name: flip;
-o-backface-visibility: visible !important;
-o-animation-name: flip;
backface-visibility: visible !important;
animation-name: flip;
} @-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateX(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateX(10deg);
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateX(-10deg);
}
70% {
-o-transform: perspective(400px) rotateX(10deg);
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
opacity: 1;
-webkit-backface-visibility: visible !important;
-moz-backface-visibility: visible !important;
-o-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-moz-animation-name: flipInX;
-o-animation-name: flipInX;
animation-name: flipInX;
} @-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
};
}
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateY(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateY(10deg);
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
};
}
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateY(-10deg);
}
70% {
-o-transform: perspective(400px) rotateY(10deg);
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
};
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-10deg);
}
70% {
transform: perspective(400px) rotateY(10deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
};
}
.flipInY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInY;
-o-backface-visibility: visible !important;
-o-animation-name: flipInY;
backface-visibility: visible !important;
animation-name: flipInY;
} .floating {
animation-name: floating;
-webkit-animation-name: floating;
animation-duration: 1.5s; 
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes floating {
0% {
transform: translateY(0%);  
}
50% {
transform: translateY(8%);  
} 
100% {
transform: translateY(0%);
}     
}
@-webkit-keyframes floating {
0% {
-webkit-transform: translateY(0%);  
}
50% {
-webkit-transform: translateY(8%);  
} 
100% {
-webkit-transform: translateY(0%);
}     
} .foolishIn {
-webkit-animation-name: foolishIn;
animation-name: foolishIn;
}
@-webkit-keyframes foolishIn {
0% {
opacity: 0;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(0, 0) rotate(360deg);
}
20% {
opacity: 1;
-webkit-transform-origin: 0% 100%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
}
40% {
opacity: 1;
-webkit-transform-origin: 100% 100%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
}
60% {
opacity: 1;
-webkit-transform-origin: 0%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
}
80% {
opacity: 1;
-webkit-transform-origin: 0% 0%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
}
100% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1, 1) rotate(0deg);
}
}
@keyframes foolishIn {
0% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(0, 0) rotate(360deg);
}
20% {
opacity: 1;
transform-origin: 0% 100%;
transform: scale(0.5, 0.5) rotate(0deg);
}
40% {
opacity: 1;
transform-origin: 100% 100%;
transform: scale(0.5, 0.5) rotate(0deg);
}
60% {
opacity: 1;
transform-origin: 0%;
transform: scale(0.5, 0.5) rotate(0deg);
}
80% {
opacity: 1;
transform-origin: 0% 0%;
transform: scale(0.5, 0.5) rotate(0deg);
}
100% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1, 1) rotate(0deg);
}
} .hatch {
animation-name: hatch;
-webkit-animation-name: hatch;  
animation-duration: 2s; 
-webkit-animation-duration: 2s;
animation-timing-function: ease-in-out; 
-webkit-animation-timing-function: ease-in-out;
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%; 
visibility: visible !important;   
}
@keyframes hatch {
0% {
transform: rotate(0deg) scaleY(0);
opacity: 0;
}
20% {
transform: rotate(-2deg) scaleY(1.05);
opacity: 0.2;
}
35% {
transform: rotate(2deg) scaleY(1);
opacity: 0.3;
}
50% {
transform: rotate(-2deg);
opacity: 0.5;
} 
65% {
transform: rotate(1deg);
opacity: 0.6;
} 
80% {
transform: rotate(-1deg);
opacity: 0.8;
}   
100% {
transform: rotate(0deg);
opacity: 1;
}                 
}
@-webkit-keyframes hatch {
0% {
-webkit-transform: rotate(0deg) scaleY(0);
opacity: 0;
}
20% {
-webkit-transform: rotate(-2deg) scaleY(1.05);
opacity: 0.2;
}
35% {
-webkit-transform: rotate(2deg) scaleY(1);
opacity: 0.3;
}
50% {
-webkit-transform: rotate(-2deg);
opacity: 0.5;
} 
65% {
-webkit-transform: rotate(1deg);
opacity: 0.6;
} 
80% {
-webkit-transform: rotate(-1deg);
opacity: 0.8;
}   
100% {
-webkit-transform: rotate(0deg);
opacity: 1;
}   
} @-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(0deg);
opacity: 0;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1;
};
}
@-moz-keyframes lightSpeedIn {
0% {
-moz-transform: translateX(100%) skewX(0deg);
opacity: 0;
}
100% {
-moz-transform: translateX(0%) skewX(0deg);
opacity: 1;
};
}
@-o-keyframes lightSpeedIn {
0% {
-o-transform: translateX(100%) skewX(0deg);
opacity: 0;
}
100% {
-o-transform: translateX(0%) skewX(0deg);
opacity: 1;
};
}
@keyframes lightSpeedIn {
0% {
transform: translateX(100%) skewX(0deg);
opacity: 0;
}
100% {
transform: translateX(0%) skewX(0deg);
opacity: 1;
};
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-moz-animation-name: lightSpeedIn;
-o-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
animation-duration: 0.5s;  
} .puffIn {
-webkit-animation-name: puffIn;
animation-name: puffIn;
}
@-webkit-keyframes puffIn {
0% {
opacity: 0;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(2,2);
-webkit-filter: blur(2px);
}
100% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1,1);
-webkit-filter: blur(0px);
}
}
@keyframes puffIn {
0% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(2,2);
filter: blur(2px);
}
100% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1,1);
filter: blur(0px);
}
} .pullDown {
animation-name: pullDown;
-webkit-animation-name: pullDown; 
animation-duration: 1.1s; 
-webkit-animation-duration: 1.1s;
animation-timing-function: ease-out;  
-webkit-animation-timing-function: ease-out;  
transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-webkit-transform-origin: 50% 0%;     
}
@keyframes pullDown {
0% {
transform: scaleY(0.1);
opacity: 0;
}
40% {
transform: scaleY(1.02);
opacity: 0.4;
}
60% {
transform: scaleY(0.98);
opacity: 0.6;
}
80% {
transform: scaleY(1.01);
opacity: 0.8;
}
100% {
transform: scaleY(0.98);
opacity: 1;
}       
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(1);
}             
}
@-webkit-keyframes pullDown {
0% {
-webkit-transform: scaleY(0.1);
opacity: 0;
}
40% {
-webkit-transform: scaleY(1.02);
opacity: 0.4;
}
60% {
-webkit-transform: scaleY(0.98);
opacity: 0.6;
}
80% {
-webkit-transform: scaleY(1.01);
opacity: 0.8;
}
100% {
-webkit-transform: scaleY(0.98);
opacity: 1;
}       
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(1);
}   
} .pullUp {
animation-name: pullUp;
-webkit-animation-name: pullUp; 
animation-duration: 1.1s; 
-webkit-animation-duration: 1.1s;
animation-timing-function: ease-out;  
-webkit-animation-timing-function: ease-out;  
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%;     
}
@keyframes pullUp {
0% {
transform: scaleY(0.1);
opacity: 0;
}
40% {
transform: scaleY(1.02);
opacity: 0.4;
}
60% {
transform: scaleY(0.98);
opacity: 0.6;
}
80% {
transform: scaleY(1.01);
opacity: 0.8;
}
100% {
transform: scaleY(0.98);
opacity: 1;
}       
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(1);
}             
}
@-webkit-keyframes pullUp {
0% {
-webkit-transform: scaleY(0.1);
opacity: 0;
}
40% {
-webkit-transform: scaleY(1.02);
opacity: 0.4;
}
60% {
-webkit-transform: scaleY(0.98);
opacity: 0.6;
}
80% {
-webkit-transform: scaleY(1.01);
opacity: 0.8;
}
100% {
-webkit-transform: scaleY(0.98);
opacity: 1;
}       
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(1);
}   
} .pulse {
animation-name: pulse;
-webkit-animation-name: pulse;  
animation-duration: 1.5s; 
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes pulse {
0% {
transform: scale(0.9);
opacity: 0.7;   
}
50% {
transform: scale(1);
opacity: 1; 
} 
100% {
transform: scale(0.9);
opacity: 0.7; 
}     
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(0.95);
opacity: 0.7;   
}
50% {
-webkit-transform: scale(1);
opacity: 1; 
} 
100% {
-webkit-transform: scale(0.95);
opacity: 0.7; 
}     
} @-webkit-keyframes rollInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
};
}
@-moz-keyframes rollInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg);
};
}
@-o-keyframes rollInLeft {
0% {
opacity: 0;
-o-transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg);
};
}
@keyframes rollInLeft {
0% {
opacity: 0;
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
};
}
.rollInLeft {
-webkit-animation-name: rollInLeft;
-moz-animation-name: rollInLeft;
-o-animation-name: rollInLeft;
animation-name: rollInLeft;
} @-webkit-keyframes rollInRight {
0% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
};
}
@-moz-keyframes rollInRight {
0% {
opacity: 0;
-moz-transform: translateX(100%) rotate(120deg);
}
100% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg);
};
}
@-o-keyframes rollInRight {
0% {
opacity: 0;
-o-transform: translateX(100%) rotate(120deg);
}
100% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg);
};
}
@keyframes rollInRight {
0% {
opacity: 0;
transform: translateX(100%) rotate(120deg);
}
100% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
};
}
.rollInRight {
-webkit-animation-name: rollInRight;
-moz-animation-name: rollInRight;
-o-animation-name: rollInRight;
animation-name: rollInRight;
} @-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
};
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
};
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
-o-transform: rotate(-200deg);
opacity: 0;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
};
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
};
}
.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
} @-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
};
}
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
};
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
};
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
};
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-moz-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
} @-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
};
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
};
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
};
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
};
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
} @-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
};
}
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
};
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
};
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
};
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
} @-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
};
}
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
};
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
};
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
};
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
} .scale-down {
-webkit-animation-name: scale-down;
animation-name: scale-down;
}
@-webkit-keyframes scale-down {
0% {
opacity: 0;
-webkit-transform: scale(1.8);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes scale-down {
0% {
opacity: 0;
transform: scale(1.8);
}
100% {
opacity: 1;
transform: scale(1);
}
} .scale-up {
-webkit-animation-name: scale-up;
animation-name: scale-up;
}
@-webkit-keyframes scale-up {
0% {
opacity: 0;
-webkit-transform: scale(0.9);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes scale-up {
0% {
opacity: 0;
transform: scale(0.9);
}
100% {
opacity: 1;
transform: scale(1);
}
} .slide-bottom {
-webkit-animation-name: slide-bottom;
animation-name: slide-bottom;
}
@-webkit-keyframes slide-bottom {
0% {
opacity: 0;
-webkit-transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes slide-bottom {
0% {
opacity: 0;
transform: translateY(20%);
}
100% {
opacity: 1;
transform: translateY(0);
}
} .slide-left {
-webkit-animation-name: slide-left;
animation-name: slide-left;
}
@-webkit-keyframes slide-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes slide-left {
0% {
opacity: 0;
transform: translateX(-100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
} .slide-right {
-webkit-animation-name: slide-right;
animation-name: slide-right;
}
@-webkit-keyframes slide-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes slide-right {
0% {
opacity: 0;
transform: translateX(100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
} .slide-top {
-webkit-animation-name: slide-top;
animation-name: slide-top;
}
@-webkit-keyframes slide-top {
0% {
opacity: 0;
-webkit-transform: translateY(-20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes slide-top {
0% {
opacity: 0;
transform: translateY(-20%);
}
100% {
opacity: 1;
transform: translateY(0);
}
} .slideDown {
animation-name: slideDown;
-webkit-animation-name: slideDown;  
animation-duration: 1s; 
-webkit-animation-duration: 1s;
animation-timing-function: ease;  
-webkit-animation-timing-function: ease;  
visibility: visible !important;           
}
@keyframes slideDown {
0% {
transform: translateY(-100%);
opacity: 0;
}
50%{
transform: translateY(8%);
}
65%{
transform: translateY(-4%);
}
80%{
transform: translateY(4%);
}
95%{
transform: translateY(-2%);
}     
100% {
transform: translateY(0%);
opacity: 1;
}   
}
@-webkit-keyframes slideDown {
0% {
-webkit-transform: translateY(-100%);
opacity: 0;
}
50%{
-webkit-transform: translateY(8%);
}
65%{
-webkit-transform: translateY(-4%);
}
80%{
-webkit-transform: translateY(4%);
}
95%{
-webkit-transform: translateY(-2%);
}     
100% {
-webkit-transform: translateY(0%);
opacity: 1;
} 
} .slideExpandUp {
animation-name: slideExpandUp;
-webkit-animation-name: slideExpandUp;  
animation-duration: 1.6s; 
-webkit-animation-duration: 1.6s;
animation-timing-function: ease-out;  
-webkit-animation-timing-function: ease -out;
visibility: visible !important; 
}
@keyframes slideExpandUp {
0% {
transform: translateY(100%) scaleX(0);
}
30%{
transform: translateY(-8%) scaleX(0.3);
} 
40%{
transform: translateY(2%) scaleX(0.5);
}
50%{
transform: translateY(0%) scaleX(1.1);
}
60%{
transform: translateY(0%) scaleX(0.9);    
}
70% {
transform: translateY(0%) scaleX(1.05);
}     
80%{
transform: translateY(0%) scaleX(0.95);   
}
90% {
transform: translateY(0%) scaleX(1.02);
} 
100%{
transform: translateY(0%) scaleX(1);    
}
}
@-webkit-keyframes slideExpandUp {
0% {
-webkit-transform: translateY(100%) scaleX(0);
}
30%{
-webkit-transform: translateY(-8%) scaleX(0.3);
} 
40%{
-webkit-transform: translateY(2%) scaleX(0.5);
}
50%{
-webkit-transform: translateY(0%) scaleX(1.1);
}
60%{
-webkit-transform: translateY(0%) scaleX(0.9);    
}
70% {
-webkit-transform: translateY(0%) scaleX(1.05);
}     
80%{
-webkit-transform: translateY(0%) scaleX(0.95);   
}
90% {
-webkit-transform: translateY(0%) scaleX(1.02);
} 
100%{
-webkit-transform: translateY(0%) scaleX(1);    
}
} @-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
};
}
@-moz-keyframes slideInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
100% {
-moz-transform: translateY(0);
};
}
@-o-keyframes slideInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
100% {
-o-transform: translateY(0);
};
}
@keyframes slideInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
transform: translateY(0);
};
}
.slideInDown {
-webkit-animation-name: slideInDown;
-moz-animation-name: slideInDown;
-o-animation-name: slideInDown;
animation-name: slideInDown;
} @-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-250px);
transform: translateX(-250px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-250px);
-ms-transform: translateX(-250px);
transform: translateX(-250px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
-webkit-animation-duration: 1s;
animation-duration: 1s;  
} @-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(250px);
transform: translateX(250px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(250px);
-ms-transform: translateX(250px);
transform: translateX(250px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
} .slideLeft{
animation-name: slideLeft;
-webkit-animation-name: slideLeft;  
animation-duration: 2s; 
-webkit-animation-duration: 2s;
animation-timing-function: ease-in-out; 
-webkit-animation-timing-function: ease-in-out;   
visibility: visible !important; 
}
@keyframes slideLeft {
0% {
transform: translateX(150%);
opacity: 0;
}
50%{
transform: translateX(-8%);
}
65%{
transform: translateX(4%);
}
80%{
transform: translateX(-4%);
}
95%{
transform: translateX(2%);
}     
100% {
transform: translateX(0%);
opacity: 1;
}
}
@-webkit-keyframes slideLeft {
0% {
-webkit-transform: translateX(150%);
opacity: 0;
}
50%{
-webkit-transform: translateX(-8%);
}
65%{
-webkit-transform: translateX(4%);
}
80%{
-webkit-transform: translateX(-4%);
}
95%{
-webkit-transform: translateX(2%);
}     
100% {
-webkit-transform: translateX(0%);
opacity: 1;
}
} .slideRight{
animation-name: slideRight;
-webkit-animation-name: slideRight; 
animation-duration: 2s; 
-webkit-animation-duration: 2s;
animation-timing-function: ease-in-out; 
-webkit-animation-timing-function: ease-in-out;   
visibility: visible !important; 
}
@keyframes slideRight {
0% {
transform: translateX(-150%);
opacity: 0;
}
50%{
transform: translateX(8%);
}
65%{
transform: translateX(-4%);
}
80%{
transform: translateX(4%);
}
95%{
transform: translateX(-2%);
}     
100% {
transform: translateX(0%);
opacity: 1;
} 
}
@-webkit-keyframes slideRight {
0% {
-webkit-transform: translateX(-150%);
opacity: 0;
}
50%{
-webkit-transform: translateX(8%);
}
65%{
-webkit-transform: translateX(-4%);
}
80%{
-webkit-transform: translateX(4%);
}
95%{
-webkit-transform: translateX(-2%);
}     
100% {
-webkit-transform: translateX(0%);
opacity: 1;
}
} .slideUp {
animation-name: slideUp;
-webkit-animation-name: slideUp;  
animation-duration: 1s; 
-webkit-animation-duration: 1s;
animation-timing-function: ease;  
-webkit-animation-timing-function: ease;
visibility: visible !important;     
}
@keyframes slideUp {
0% {
transform: translateY(100%);
opacity: 0;
}
50%{
transform: translateY(-8%);
}
65%{
transform: translateY(4%);
}
80%{
transform: translateY(-4%);
}
95%{
transform: translateY(2%);
}     
100% {
transform: translateY(0%);
opacity: 1;
} 
}
@-webkit-keyframes slideUp {
0% {
-webkit-transform: translateY(100%);
opacity: 0;
}
50%{
-webkit-transform: translateY(-8%);
}
65%{
-webkit-transform: translateY(4%);
}
80%{
-webkit-transform: translateY(-4%);
}
95%{
-webkit-transform: translateY(2%);
}     
100% {
-webkit-transform: translateY(0%);
opacity: 1;
} 
} .spaceInDown {
-webkit-animation-name: spaceInDown;
animation-name: spaceInDown;
}
@-webkit-keyframes spaceInDown {
0% {
opacity: 0;
-webkit-transform-origin: 50% 100%;
-webkit-transform: scale(.2) translate(0%, 200%);
}
100% {
opacity: 1;
-webkit-transform-origin: 50% 100%;
-webkit-transform: scale(1) translate(0%, 0%);
}
}
@keyframes spaceInDown {
0% {
opacity: 0;
transform-origin: 50% 100%;
transform: scale(.2) translate(0%, 200%);
}
100% {
opacity: 1;
transform-origin: 50% 100%;
transform: scale(1) translate(0%, 0%);
}
} .spaceInLeft {
-webkit-animation-name: spaceInLeft;
animation-name: spaceInLeft;
}
@-webkit-keyframes spaceInLeft {
0% {
opacity: 0;
-webkit-transform-origin: 0% 50%;
-webkit-transform: scale(.2) translate(-200%, 0%);
}
100% {
opacity: 1;
-webkit-transform-origin: 0% 50%;
-webkit-transform: scale(1) translate(0%, 0%);
}
}
@keyframes spaceInLeft {
0% {
opacity: 0;
transform-origin: 0% 50%;
transform: scale(.2) translate(-200%, 0%);
}
100% {
opacity: 1;
transform-origin: 0% 50%;
transform: scale(1) translate(0%, 0%);
}
} .spaceInRight {
-webkit-animation-name: spaceInRight;
animation-name: spaceInRight;
}
@-webkit-keyframes spaceInRight {
0% {
opacity: 0;
-webkit-transform-origin: 100% 50%;
-webkit-transform: scale(.2) translate(200%, 0%);
}
100% {
opacity: 1;
-webkit-transform-origin: 100% 50%;
-webkit-transform: scale(1) translate(0%, 0%);
}
}
@keyframes spaceInRight {
0% {
opacity: 0;
transform-origin: 100% 50%;
transform: scale(.2) translate(200%, 0%);
}
100% {
opacity: 1;
transform-origin: 100% 50%;
transform: scale(1) translate(0%, 0%);
}
} .spaceInUp {
-webkit-animation-name: spaceInUp;
animation-name: spaceInUp;
}
@-webkit-keyframes spaceInUp {
0% {
opacity: 0;
-webkit-transform-origin: 50% 0%;
-webkit-transform: scale(.2) translate(0%, -200%);
}
100% {
opacity: 1;
-webkit-transform-origin: 50% 0%;
-webkit-transform: scale(1) translate(0%, 0%);
}
}
@keyframes spaceInUp {
0% {
opacity: 0;
transform-origin: 50% 0%;
transform: scale(.2) translate(0%, -200%);
}
100% {
opacity: 1;
transform-origin: 50% 0%;
transform: scale(1) translate(0%, 0%);
}
} .stretchLeft {
animation-name: stretchLeft;
-webkit-animation-name: stretchLeft;  
animation-duration: 1.5s; 
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-out;  
-webkit-animation-timing-function: ease-out;  
transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-webkit-transform-origin: 100% 0%; 
}
@keyframes stretchLeft {
0% {
transform: scaleX(0);
}
40% {
transform: scaleX(1.02);
}
60% {
transform: scaleX(0.98);
}
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(0.98);
}       
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(1);
}             
}
@-webkit-keyframes stretchLeft {
0% {
-webkit-transform: scaleX(0);
}
40% {
-webkit-transform: scaleX(1.02);
}
60% {
-webkit-transform: scaleX(0.98);
}
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(0.98);
}       
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(1);
}   
} .stretchRight {
animation-name: stretchRight;
-webkit-animation-name: stretchRight; 
animation-duration: 1.5s; 
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-out;  
-webkit-animation-timing-function: ease-out;  
transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;    
}
@keyframes stretchRight {
0% {
transform: scaleX(0);
}
40% {
transform: scaleX(1.02);
}
60% {
transform: scaleX(0.98);
}
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(0.98);
}       
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(1);
}             
}
@-webkit-keyframes stretchRight {
0% {
-webkit-transform: scaleX(0);
}
40% {
-webkit-transform: scaleX(1.02);
}
60% {
-webkit-transform: scaleX(0.98);
}
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(0.98);
}       
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(1);
}   
} .swap {
-webkit-animation-name: swap;
animation-name: swap;
}
@-webkit-keyframes swap {
0% {
opacity: 0;
-webkit-transform-origin: 0 100%;
-webkit-transform: scale(0, 0) translate(-700px, 0px);
}
100% {
opacity: 1;
-webkit-transform-origin: 100% 100%;
-webkit-transform: scale(1, 1) translate(0px, 0px);;
}
}
@keyframes swap {
0% {
opacity: 0;
transform-origin: 0 100%;
transform: scale(0, 0) translate(-700px, 0px);
}
100% {
opacity: 1;
transform-origin: 100% 100%;
transform: scale(1, 1) translate(0px, 0px);
}
} .swashIn {
-webkit-animation-name: swashIn;
animation-name: swashIn;
}
@-webkit-keyframes swashIn {
0% {
opacity: 0;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(0, 0);
}
90% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(0.9, 0.9);
}
100% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1, 1);
}
}
@keyframes swashIn {
0% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(0, 0);
}
90% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(0.9, 0.9);
}
100% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1, 1);
}
} @-webkit-keyframes swing {
20%,40%,60%,80%,100% {
-webkit-transform-origin: top center;
}
0% {
-webkit-transform: rotate(0deg);
opacity: 0;
}  
20% {
-webkit-transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
opacity: 1;
};
}
@-moz-keyframes swing {
0% {
-webkit-transform: rotate(0deg);
opacity: 0;
}
20% {
-moz-transform: rotate(15deg);
}
40% {
-moz-transform: rotate(-10deg);
}
60% {
-moz-transform: rotate(5deg);
}
80% {
-moz-transform: rotate(-5deg);
}
100% {
-moz-transform: rotate(0deg);
opacity: 1;
};
}
@-o-keyframes swing {
0% {
-webkit-transform: rotate(0deg);
opacity: 0;
}
20% {
-o-transform: rotate(15deg);
}
40% {
-o-transform: rotate(-10deg);
}
60% {
-o-transform: rotate(5deg);
}
80% {
-o-transform: rotate(-5deg);
}
100% {
-o-transform: rotate(0deg);
opacity: 1;
};
}
@keyframes swing {
0% {
-webkit-transform: rotate(0deg);
opacity: 0;
}
20% {
transform: rotate(15deg);
}
40% {
transform: rotate(-10deg);
}
60% {
transform: rotate(5deg);
}
80% {
transform: rotate(-5deg);
}
100% {
transform: rotate(0deg);
opacity: 1;
};
}
.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-o-animation-name: swing;
animation-name: swing;
} .tinDownIn {
-webkit-animation-name: tinDownIn;
animation-name: tinDownIn;
}
@-webkit-keyframes tinDownIn {
0% {
opacity: 0;
-webkit-transform: scale(1, 1) translateY(900%);
}
50%, 70%, 90% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateY(0);
}
60%, 80%, 100% {
opacity: 1;
-webkit-transform: scale(1, 1) translateY(0);
}
}
@keyframes tinDownIn {
0% {
opacity: 0;
transform: scale(1, 1) translateY(900%);
}
50%, 70%, 90% {
opacity: 1;
transform: scale(1.1, 1.1) translateY(0);
}
60%, 80%, 100% {
opacity: 1;
transform: scale(1, 1) translateY(0);
}
} .tinRightIn {
-webkit-animation-name: tinRightIn;
animation-name: tinRightIn;
}
@-webkit-keyframes tinRightIn {
0% {
opacity: 0;
-webkit-transform: scale(1, 1) translateX(900%);
}
50%, 70%, 90% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateX(0);
}
60%, 80%, 100% {
opacity: 1;
-webkit-transform: scale(1, 1) translateX(0);
}
}
@keyframes tinRightIn {
0% {
opacity: 0;
transform: scale(1, 1) translateX(900%);
}
50%, 70%, 90% {
opacity: 1;
transform: scale(1.1, 1.1) translateX(0);
}
60%, 80%, 100% {
opacity: 1;
transform: scale(1, 1) translateX(0);
}
} .tinUpIn {
-webkit-animation-name: tinUpIn;
animation-name: tinUpIn;
}
@-webkit-keyframes tinUpIn {
0% {
opacity: 0;
-webkit-transform: scale(1, 1) translateY(-900%);
}
50%, 70%, 90% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateY(0);
}
60%, 80%, 100% {
opacity: 1;
-webkit-transform: scale(1, 1) translateY(0);
}
}
@keyframes tinUpIn {
0% {
opacity: 0;
transform: scale(1, 1) translateY(-900%);
}
50%, 70%, 90% {
opacity: 1;
transform: scale(1.1, 1.1) translateY(0);
}
60%, 80%, 100% {
opacity: 1;
transform: scale(1, 1) translateY(0);
}
} .tossing {
animation-name: tossing;
-webkit-animation-name: tossing;  
animation-duration: 2.5s; 
-webkit-animation-duration: 2.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes tossing {
0% {
transform: rotate(-4deg); 
}
50% {
transform: rotate(4deg);
}
100% {
transform: rotate(-4deg); 
}           
}
@-webkit-keyframes tossing {
0% {
-webkit-transform: rotate(-4deg); 
}
50% {
-webkit-transform: rotate(4deg);
}
100% {
-webkit-transform: rotate(-4deg); 
}       
} .twisterInDown {
-webkit-animation-name: twisterInDown;
animation-name: twisterInDown;
}
@-webkit-keyframes twisterInDown {
0% {
opacity: 0;
-webkit-transform-origin: 0 100%;
-webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
}
30% {
-webkit-transform-origin: 0 100%;
-webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
}
100% {
opacity: 1;
-webkit-transform-origin: 100% 100%;
-webkit-transform: scale(1, 1) rotate(0deg) translateY(0%);
}
}
@keyframes twisterInDown {
0% {
opacity: 0;
transform-origin: 0 100%;
transform: scale(0, 0) rotate(360deg) translateY(-100%);
}
30% {
transform-origin: 0 100%;
transform: scale(0, 0) rotate(360deg) translateY(-100%);
}
100% {
opacity: 1;
transform-origin: 100% 100%;
transform: scale(1, 1) rotate(0deg) translateY(0%);
}
} .twisterInUp {
-webkit-animation-name: twisterInUp;
animation-name: twisterInUp;
}
@-webkit-keyframes twisterInUp {
0% {
opacity: 0;
-webkit-transform-origin: 100% 0;
-webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
}
30% {
-webkit-transform-origin: 100% 0;
-webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
}
100% {
opacity: 1;
-webkit-transform-origin: 0 0;
-webkit-transform: scale(1, 1) rotate(0deg) translateY(0);
}
}
@keyframes twisterInUp {
0% {
opacity: 0;
transform-origin: 100% 0;
transform: scale(0, 0) rotate(360deg) translateY(100%);
}
30% {
transform-origin: 100% 0;
transform: scale(0, 0) rotate(360deg) translateY(100%);
}
100% {
opacity: 1;
transform-origin: 0 0;
transform: scale(1, 1) rotate(0deg) translateY(0);
}
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
};
}
@-moz-keyframes wobble {
0% {
-moz-transform: translateX(0%);
}
15% {
-moz-transform: translateX(-25%) rotate(-5deg);
}
30% {
-moz-transform: translateX(20%) rotate(3deg);
}
45% {
-moz-transform: translateX(-15%) rotate(-3deg);
}
60% {
-moz-transform: translateX(10%) rotate(2deg);
}
75% {
-moz-transform: translateX(-5%) rotate(-1deg);
}
100% {
-moz-transform: translateX(0%);
};
}
@-o-keyframes wobble {
0% {
-o-transform: translateX(0%);
}
15% {
-o-transform: translateX(-25%) rotate(-5deg);
}
30% {
-o-transform: translateX(20%) rotate(3deg);
}
45% {
-o-transform: translateX(-15%) rotate(-3deg);
}
60% {
-o-transform: translateX(10%) rotate(2deg);
}
75% {
-o-transform: translateX(-5%) rotate(-1deg);
}
100% {
-o-transform: translateX(0%);
};
}
@keyframes wobble {
0% {
transform: translateX(0%);
}
15% {
transform: translateX(-25%) rotate(-5deg);
}
30% {
transform: translateX(20%) rotate(3deg);
}
45% {
transform: translateX(-15%) rotate(-3deg);
}
60% {
transform: translateX(10%) rotate(2deg);
}
75% {
transform: translateX(-5%) rotate(-1deg);
}
100% {
transform: translateX(0%);
};
}
.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble;
} @-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3);
}
50% {
opacity: 1;
};
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3);
}
50% {
opacity: 1;
};
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}