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,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
line-height: 1;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,
th,
td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q,
blockquote {
quotes: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
display: block;
}
.fade.show{
opacity: 1;
} body {
font-size: 15px;
color: #333333;
overflow-x: hidden;
}
* {
outline: none !important;
}
.vcenter {
display: inline-block;
vertical-align: middle;
float: none;
}
.img-responsive {
display: inline-block;
vertical-align: middle;
}
.vtop {
display: inline-block;
vertical-align: top;
float: none;
}
.vertical-middle {
vertical-align: middle;
}
.vertical-bottom {
vertical-align: bottom;
}
.no-margin {
margin: 0 !important;
}
.row.row-margin {
margin-bottom: 40px;
}
.row.no-gutter {
margin-left: 0;
margin-right: 0;
}
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
padding-left: 0;
padding-right: 0;
}
.relative {
position: relative;
}
.text-white {
color: #fff;
}
.no-border {
border: none !important;
}
.font-bold {
font-weight: bold;
}
.font-bold.btn {
font-weight: bold;
}
.invertX {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
.gmnoprint a,
.gmnoprint span,
.gm-style-cc {
display: none;
}
.gmnoprint div {
background: none !important;
}
h1 {
font-size: 44px;
margin: 0;
font-weight: 400;
}
h2 {
font-size: 36px;
margin: 0 ;
font-weight: 400;
}
h3 {
font-size: 28px;
margin: 0 
font-weight: 400;
}
h4 {
font-size: 20px;
margin: 0 ;
font-weight: 400;
} 
h5 {
font-size: 18px;
margin: 0 ;
font-weight: 400;
}
h6 {
font-size: 16px;
margin: 0 ;
font-weight: 400;
}
h1.bold,
h2.bold,
h3.bold,
h4.bold,
h5.bold,
h6.bold {
font-weight: 500;
}
h1.with-underline.under-orange:after,
h2.with-underline.under-orange:after,
h3.with-underline.under-orange:after,
h4.with-underline.under-orange:after,
h5.with-underline.under-orange:after,
h6.with-underline.under-orange:after {
border-color: #ed912a;
}
h1.with-underline.under-blue:after,
h2.with-underline.under-blue:after,
h3.with-underline.under-blue:after,
h4.with-underline.under-blue:after,
h5.with-underline.under-blue:after,
h6.with-underline.under-blue:after {
border-color: #088cdc;
}
h1.with-underline:after,
h2.with-underline:after,
h3.with-underline:after,
h4.with-underline:after,
h5.with-underline:after,
h6.with-underline:after {
content: "";
display: block;
width: 60px;
max-width: 100%;
border-bottom: 1px solid #088cdc;
margin-top: 20px;
margin-bottom: 0.5em;
}
.bold {
font-weight: bold;
}
a.orange:hover {
color: #ed912a;
}
a:hover {
text-decoration: none;
}
p , .rtd {
font-size: 16px;
line-height: 1.7;
margin-bottom: 10px;
}
p span.hightlited-blue,
p span.hightlited-orange {
padding: 0 5px;
color: #fff;
}
p span.hightlited-blue {
background: #088cdc;
}
p span.hightlited-orange {
background: #ed912a;
}
p span.hightlited-dotted {
border: 1px dotted #777777;
color: #088cdc;
padding: 0 5px;
}
p .first-letter {
font-size: 48px;
width: 60px;
font-weight: bold;
text-align: center;
line-height: 60px;
margin: 8px 15px 15px 0;
float: left;
text-transform: uppercase;
}
p .first-letter.circle {
border-radius: 50%;
}
p .first-letter.blue-first-letter {
background: #237ac6;
color: #fff;
}
p .first-letter.square {
font-size: 32px;
line-height: 40px;
height: 40px;
width: 40px;
}
p .first-letter.orange-first-letter {
background: #ed912a;
color: #fff;
}
blockquote {
display: block;
}
blockquote.blockquote-free {
padding: 15px 0 15px 70px;
font-size: 26px;
color: #333;
font-style: italic;
line-height: 36px;
margin-bottom: 60px;
}
blockquote.blockquote-free .author {
font-size: 14px;
font-weight: bold;
color: #ed912a;
text-transform: uppercase;
font-style: normal;
}
blockquote.blockquote-box {
padding: 15px 35px 10px 35px;
font-size: 14px; font-style: italic;
line-height: 28px;
margin-bottom: 60px;
background: #f6f6f6;
border-left: 5px solid #ed912a;
}
blockquote.blockquote-box p{
font-size: 14px; 
font-style: italic;
line-height: 28px;
}
blockquote.blockquote-box.text-left {
text-align: left;
}
blockquote.blockquote-box.white-blockquote {
background-color: #fff;
}
blockquote.blockquote-full {
padding: 50px 25px 50px 135px;
font-size: 16px;
color: #fff;
font-weight: bold;
line-height: 30px;
margin-bottom: 60px;
background-color: #237ac6;
}
.blockquote-box {
text-align: right;
margin-bottom: 20px;
}
.blockquote-box.white-box blockquote {
background-color: #fff;
background-size: 25px 20px;
}
.blockquote-box.white-box blockquote:after {
border-left-color: #fff;
}
.blockquote-box.white-box .wrap-author .avatar {
border: 5px solid #fff;
}
.blockquote-box blockquote {
text-align: left;
padding: 40px 20px 40px 80px;
color: #333333;
font-style: italic;
line-height: 28px;
position: relative;
margin-bottom: 30px;
background-color: #f6f6f6;
background-size: 25px 20px;
}
.blockquote-box blockquote:after {
content: "";
border: 20px solid transparent;
border-left-color: #f6f6f6;
display: block;
position: absolute;
top: 100%;
right: 30px;
margin-top: -20px;
}
.blockquote-box blockquote:before{
font-family: "FontAwesome";
content: "\f10d"; 
font-size: 20px;
font-style: normal;
font-weight: normal;
left: 35px;
position: absolute;
top: 25px;
}
.blockquote-box .wrap-author {
display: inline-block;
text-align: left;
}
.blockquote-box .wrap-author .avatar {
overflow: hidden;
width: 60px;
height: 60px;
border: 5px solid #f6f6f6;
border-radius: 50%;
background: #fff;
}
.blockquote-box .wrap-author .author {
padding-left: 10px;
}
.blockquote-box .wrap-author .author a {
display: block;
color: #237ac6;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
.blockquote-box .wrap-author .author span {
color: #777777;
font-size: 13px;
font-style: italic;
text-align: left;
}
.post-password-form input[type=password]{
background: #fff none repeat scroll 0 0;
border: 1px solid #dddddd;
border-radius: 0;
color: #333;
font-size: 15px;
padding: 5px;
}
input[type=submit] , button[type=submit]  {
font-size: 15px;
font-weight: 400;
padding: 10px 25px;
line-height: 18px;
border-radius: 3px;
text-transform: uppercase;
background: #ed912a;
box-shadow: none !important;
color: #fff;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
border: 0;
}
.pix-row-overlay{
overflow: hidden;
}
.wpcf7  input[type=submit]  {
float: right;
}
.wpcf7 input[type=text] , .wpcf7 input[type=email]{
border: 0;
border-bottom: 1px solid #eee ;
margin-bottom: 25px !important;
width: 100%;
margin: 10px 0px;
background: transparent;
}
.wpcf7-textarea{
border-bottom: 1px solid #eee !important;
background: transparent;
margin-bottom: 25px !important;
padding: 10px !important;
width: 100%;
margin: 10px 0px;
height: 245px;
border: 0;
}
.wpcf7  label {
display: inline-block;
width: 100%;
}
.wpcf7  .order-form label{
display: inline-block !important;
width: auto !important;
margin: 0 13px;
font-size: 39px;
}
.text-white-color  ::-webkit-input-placeholder {color:#fff; opacity: 0.5;}
.text-white-color  ::-moz-placeholder          {color:#fff;  opacity: 0.5;} .text-white-color  :-moz-placeholder           {color:#fff;  opacity: 0.5;} .text-white-color  :-ms-input-placeholder      {color:#fff;  opacity: 0.5;}
.text-white-color .wpcf7 input[type=text] , .text-white-color .wpcf7 input[type=email]{
color: #fff !important;
}
.wpcf7-select {
border: 1px solid red !important;
}
.wpcf7  .order-form input[type=text],  .wpcf7  .order-form input[type=email] {
border-bottom: 1px solid #eee !important;
color: #333333;
font-size: 35px;
padding-left: 0 !Important;
margin-left: 10px;
position: relative;
top: -2px;
margin-bottom: 0 !important;
}
.wpcf7  .order-form input[type=submit] {
float: none;
display: block;
margin: 29px auto 0 !important;
padding: 15px;
font-size: 18px;
height: auto;
max-width: 800px;
width: 100%;
}
.wpcf7  .order-form .wpcf7-form-control-wrap {
position: relative;
display: inline-block;
}
#respond .btn {
margin: 25px 0;
float: right;
}
.btn.btn-warning {
background: #ed912a;
border: 1px solid #ed912a !important;
color: #fff;
font-size: 15px;
font-weight: 400;
padding: 10px 25px;
line-height: 30px;
border-radius: 3px;
text-transform: uppercase;
box-shadow: none !important;
}
.btn .fa {
font-size: 14px;
padding-left: 10px;
}
.btn .icon-envelope {
line-height: 30px;
display: inline-block;
vertical-align: bottom;
margin-right: 10px;
}
.btn.btn-sm {
padding: 5px 15px;
font-size: 13px;
}
.btn.btn-lg {
padding: 15px 35px;
font-size: 18px;
}
.btn.btn-checkbox {
padding: 0;
line-height: 30px;
color: #555555;
text-transform: none;
margin-right: 10px;
}
.btn.btn-checkbox.active:before {
font-family: FontAwesome;
content: "\f00c";
color: #555;
}
.btn.btn-checkbox.checkbox-blue:before {
background: #088cdc;
border-color: #088cdc;
color: #fff;
}
.btn.btn-checkbox.checkbox-orange:before {
background: #ed912a;
border-color: #ed912a;
color: #fff;
}
.btn.btn-checkbox:before {
content: "";
width: 22px;
height: 22px;
border: 1px solid #cccccc;
background: #fff;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
margin-bottom: 5px;
line-height: 20px;
text-align: center;
}
.btn.btn-radio {
padding: 0;
line-height: 30px;
color: #555555;
text-transform: none;
margin-right: 10px;
}
.btn.btn-radio.active:before {
font-family: FontAwesome;
content: "\f111";
color: #555;
}
.btn.btn-radio.radio-blue:before {
background: #088cdc;
border-color: #088cdc;
color: #fff;
}
.btn.btn-radio.radio-white:before {
border: 1px solid #ccc;
background: #fff;
color: #088cdc;
}
.btn.btn-radio:before {
content: "";
width: 18px;
height: 18px;
border: 1px solid #cccccc;
background: #fff;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
margin-bottom: 5px;
line-height: 16px;
text-align: center;
border-radius: 50%;
font-size: 10px;
}
.btn.btn-primary {
background: #237ac6;
border: 1px solid #237ac6 !important;
color: #fff;
}
.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:hover {
background: #1664A9;
}
.btn.btn-white-orange {
color: #333;
background: #fff;
border: 1px solid #ddd;
}
.btn.btn-white-orange.orange {
color: #ed912a;
}
.btn.btn-white-orange.orange i {
color: #088cdc;
}
.btn.btn-white-orange:active,
.btn.btn-white-orange:focus,
.btn.btn-white-orange:hover {
background: #ed912a;
border: 1px solid #ed912a !important;
color: #fff;
}
.btn.btn-white-orange:active i,
.btn.btn-white-orange:focus i,
.btn.btn-white-orange:hover i {
color: #fff;
}
.btn.btn-white-orange:active.no-border,
.btn.btn-white-orange:focus.no-border,
.btn.btn-white-orange:hover.no-border {
border: none !important;
}
.btn.btn-white-orange.no-border {
border: none !important;
}
.under-name:after {
border-top: 2px solid #f0c000;
content: "";
display: block;
margin: 15px auto 0;
width: 40px;
}
.post-body  .btn {
background: #ed912a;
border: 1px solid #ed912a !important;
color: #fff;
}
.btn.btn-warning:active,
.btn.btn-warning:focus,
.btn.btn-warning:hover {
background: #DF831D;
}
.btn.btn-default {
background: #f6f6f6;
border: 2px solid #eeeeee !important;
color: #555555;
}
.btn.btn-default:active,
.btn.btn-default:focus,
.btn.btn-default:hover {
background: #EFEFEF;
}
.btn.btn-default.btn-default-bordered {
border: 2px solid #cccccc !important;
}
.btn.btn-transparent {
background: none;
border: none;
box-shadow: none;
}
.btn.btn-transparent.orange i {
color: #237ac6;
}
.btn.btn-transparent.orange:hover {
color: #ed912a;
}
.input-group input[type=text] {
height: 52px;
background: #fff;
}
.input-group input[type=text]:first-child {
padding-left: 15px;
border-radius: 3px 0 0 3px;
}
.form-group.has-feedback input[type=text]-feedback {
line-height: 40px;
height: 40px;
color: #ed912a;
}
.form-group.has-feedback input[type=text] {
padding-right: 45px;
}
textarea {
max-width: 100%;
}
textareainput[type=text] {
margin-bottom: 40px;
min-height: 100px;
resize: none;
}
input[type=text] {
padding: 10px 0;
background: none;
box-shadow: none !important;
outline: none;
border: none;
border-bottom: 1px solid #dddddd;
border-radius: 0;
border-radius: none;
padding-left: 0;
color: #999;
color: #aaaaaa;
font-size: 15px;
font-weight: 400;
width: 100%;
margin-bottom: 25px;
}
textarea {
background: none;
box-shadow: none !important;
outline: none;
border: none;
border-bottom: 1px solid #dddddd;
border-radius: 0;
border-radius: none;
padding-left: 0;
color: #999;
color: #aaaaaa;
font-size: 15px;
font-weight: 400;
width: 100%;
padding: 10px 0;
}
#respond textarea {
background: #fff;
border: 1px solid #dddddd;
border-radius: 0;
padding-left: 0;
font-size: 15px;
width: 100% !important;
padding: 15px;
min-height: 180px;
color: #333;
line-height: 26px;
}
.logged-in-as{
padding-bottom: 15px;
}
.comment-reply-title {
position: relative;
font-size: 20px;
}
.comment-reply-title small {
padding-left: 10px;
}
.comment-reply-title:after {
content: "";
display: block;
width: 60px;
max-width: 100%;
border-bottom: 1px solid #088cdc;
margin-top: 15px;
margin-bottom: 25px;
}
input[type=text]:focus,
input[type=text]:active {
border-color: #dddddd;
}
input[type=text].bordered {
border: 1px solid #ddd;
border-radius: 2px;
color: #777777;
font-style: italic;
padding: 0 15px;
}
input[type=text]-feedback { }
.orange {
color: #ed912a;
}
.orange + .tooltip .tooltip-inner {
background: #ed912a;
color: #fff;
text-transform: uppercase;
border-radius: 0;
}
.orange + .tooltip .tooltip-arrow {
border-top-color: #ed912a;
}
.blue {
color: #088cdc;
}
.blue + .tooltip .tooltip-inner {
background: #088cdc;
color: #fff;
text-transform: uppercase;
border-radius: 0;
}
.blue + .tooltip .tooltip-arrow {
border-top-color: #088cdc;
}
.grey {
color: #aaaaaa;
}
.dark {
position: relative;
}
.dark.dark-strong:after {
background: #0b0f12;
opacity: 0.9;
}
.dark:after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #191919;
opacity: 0.72;
z-index: 1;
}
.blue-dark {
position: relative;
}
.blue-dark:after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #237ac6;
opacity: 0.95;
z-index: 1;
}
.blue-dark.solid:after {
opacity: 1;
}
.orange-dark {
position: relative;
}
.orange-dark:after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #ed912a;
opacity: 0.95;
z-index: 1;
}
.dark-content {
position: relative;
z-index: 2;
}
.light-title {
font-size: 30px;
margin-bottom: 30px;
font-weight: 100;
color: #777777;
}
ul.list,
ol.list {
margin-bottom: 30px;
}
ul.list.list-round-check.orange-list li:before,
ol.list.list-round-check.orange-list li:before {
color: #ed912a;
}
.list-round-check{
padding-left: 25px;
}
.list-round-check li{
position: relative;
}
ul.list.list-round-check li:before,
ol.list.list-round-check li:before {
font-family: FontAwesome;
content: "\f05d";
color: #05a85e;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
position: absolute;
top: 8px;
left: -25px;
}
ul.list.list-caret-right li:before,
ol.list.list-caret-right li:before {
font-family: FontAwesome;
content: "\f0da";
color: #237ac6;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
}
ul.list.list-check li:before,
ol.list.list-check li:before {
font-family: FontAwesome;
content: "\f00c";
color: #088cdc;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
}
ul.list.list-check li.disable:before,
ol.list.list-check li.disable:before {
content: "\f00d";
color: #ed912a;
}
ul.list.list-angle-right li:before,
ol.list.list-angle-right li:before {
font-family: FontAwesome;
content: "\f105";
color: #ed912a;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
}
ul.list.list-square li:before,
ol.list.list-square li:before {
font-family: FontAwesome;
content: "\f096";
color: #088cdc;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
}
ul.list.list-arrow-right li:before,
ol.list.list-arrow-right li:before {
font-family: FontAwesome;
content: "\f178";
color: #088cdc;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
}
ul.list.list-circle li:before,
ol.list.list-circle li:before {
font-family: FontAwesome;
content: "\f111";
color: #ed912a;
font-size: 10px;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
}
ul.list li,
ol.list li {
line-height: 30px;
color: #333333;
font-size: 15px;
text-align: left;
list-style: none;
}
ul.list-counter,
ol.list-counter {
counter-reset: item;
}
ul.list-counter li,
ol.list-counter li {
line-height: 30px;
color: #333333;
font-size: 15px;
text-align: left;
}
ul.list-counter li:before,
ol.list-counter li:before {
content: counter(item) ". ";
counter-increment: item;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
color: #ed912a;
}
ul.list-counter.list-counter-circle li:before,
ol.list-counter.list-counter-circle li:before {
content: counter(item);
color: #fff;
background: #111;
border-radius: 50%;
line-height: 20px;
width: 20px;
text-align: center;
}
.table { border: 1px solid #eeeeee; }
.table thead tr th {
font-weight: bold;
text-transform: uppercase;
color: #333333;
font-size: 14px;
font-weight: 900;
text-align: left;
line-height: 30px;
padding: 12px 15px;
border-bottom: 4px solid #237ac6;
}
.table thead tr th:first-child {
text-align: center;
}
.table tbody tr td {
color: #333333;
font-size: 15px;
font-weight: 400;
line-height: 25px;
text-align: left;
border-bottom: 1px solid #eeeeee;
padding: 10px 15px;
}
.table tbody tr td:first-child {
text-align: center;
}
.table.table-warning thead tr th {
border-bottom: 4px solid #ed912a;
}
.table.table-mixed thead tr th {
background: #237ac6;
color: #fff;
border-left: none;
border-right: none;
border-bottom: 4px solid #ed912a;
}
.table.table-mixed tbody tr td {
border-color: #eeeeee;
} .footer .common-footer{
padding: 80px 0 80px;
}
.footer.contact-footer {
padding: 100px 0 20px;
}
.footer .footer-text {
margin-bottom: 60px;
color: #fefefe;
}
.footer .footer-logo {
margin-bottom: 20px;
}
.footer .list-social {
margin-bottom: 20px;
}
footer ul{
list-style: none;
margin: 0;
padding: 0;
}
.footer .list-social ul li {
display: inline-block;
vertical-align: middle;
}
.footer .list-social ul li a {
font-size: 16px;
color: rgba(170, 170, 170, 0.8);
padding: 0 10px;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.footer .list-social ul li a:hover {
color: #fff;
}
.footer .copyright {
color: #7e848e;
font-size: 12px;
}
.footer input[type=text] {
border-color: #444444;
}
.footer{
margin-top: 40px;
font-size: 14px; 
}
.footer-fixed.footer {
position: fixed;
width: 100%;
bottom: 0;
left: 0;
}
.fixed-footer-layout{
position: relative;
z-index: 3;
background: #fff;
}
.footer li , .single-staticblocks .page-content li{
padding-bottom: 15px;
font-size: 14px;
}
.background-attachment-fixed {
background-attachment: fixed !important;
display: inline-block;
width: 100%;
}
.single-staticblocks .page-content{
padding-top: 5%;
}
.coming-soon-footer {
padding: 60px 0;
border-top: 1px solid #eeeeee;
position: relative;
color: #7e848e;
text-transform: uppercase;
}
.coming-soon-footer .footer-logo {
margin-bottom: 20px;
}
.coming-soon-footer .list-social {
margin-bottom: 20px;
}
.coming-soon-footer .list-social ul li {
display: inline-block;
vertical-align: middle;
}
.coming-soon-footer .list-social ul li a {
font-size: 16px;
color: rgba(170, 170, 170, 0.8);
padding: 0 10px;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.coming-soon-footer .list-social ul li a:hover {
color: #fff;
}
.coming-soon-footer .copyright {
color: #7e848e;
font-size: 12px;
}
.coming-soon-footer:before {
content: "";
background-color: #ffffff;
border: 1px solid #eeeeee;
width: 10px;
height: 11px;
display: block;
position: absolute;
top: 0;
left: 50%;
margin-left: -5px;
margin-top: -5px;
} body{
background: #fff  ;
transition: background 0.5s ease;
}
.page-layout-full-width   .page-content > .container{
width: 100%; 
}
.page-layout-boxed{
max-width: 1240px;
overflow: hidden;
margin: 0 auto;
background: #fff;
} .work-body-sticky  .sticky {
margin-top: 20px;
position: fixed;
z-index: 101;
}
.work-body-sticky  .stop {
position: relative;
z-index: 101;
}
.sidebar-widget {
margin-bottom: 40px;
}
.sidebar-widget .widget-heading {
color: #333333;
font-size: 14px;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 25px;
}
.sidebar-widget .widget-heading:after {
content: "";
display: block;
width: 60px;
max-width: 100%;
border-bottom: 1px solid #ddd;
margin-top: 15px;
margin-bottom: 0.5em;
}
.sidebar-widget.widget-categories .categories-list ul li a.active,
.sidebar-widget.widget-categories .categories-list ul li:hover a {
color: #237ac6;
}
.sidebar-widget.widget-categories .categories-list ul li a.active i,
.sidebar-widget.widget-categories .categories-list ul li:hover a i {
color: #ed912a;
}
.sidebar-widget.widget-categories .categories-list ul li a {
color: #333333;
font-size: 15px;
line-height: 26px;
text-align: left;
display: block;
padding: 12px 0;
border-bottom: 1px solid #eeeeee;
}
.sidebar-widget.widget-categories .categories-list ul li a i {
color: #237ac6;
margin-right: 10px;
}
.sidebar-widget.widget-recents-posts .posts-list .list-item {
padding: 20px 0;
margin: 0;
border-bottom: 1px solid #eeeeee;
}
.sidebar-widget.widget-recents-posts .posts-list .list-item img {
width: 70px;
max-height: 70px;
}
.sidebar-widget.widget-recents-posts .posts-list .list-item .media-left {
padding-right: 20px;
}
.sidebar-widget.widget-recents-posts .posts-list .list-item .post-title {
color: #333333;
font-size: 15px;
font-weight: 700;
line-height: 22px;
text-align: left;
margin-bottom: 10px;
display: block;
}
.sidebar-widget.widget-recents-posts .posts-list .list-item .post-description a {
color: #237ac6;
font-size: 12px;
margin-right: 10px;
}
.sidebar-widget.widget-recents-posts .posts-list .list-item .post-description a span {
color: #ddd;
}
.sidebar-widget.widget-tags .btn {
margin-bottom: 5px;
text-transform: capitalize;
} .top-arrow-effect {
position: relative;
}
.top-arrow-effect:before {
content: "";
display: block;
pointer-events: none;
height: 10px;
width: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
background: linear-gradient(to top, #f6f6f6, #ececec);
background: -webkit-linear-gradient(to top, #f6f6f6, #ececec);
background: -moz-linear-gradient(to top, #f6f6f6, #ececec);
}
.top-arrow-effect:after {
content: "";
position: absolute;
top: 0;
left: 50%;
border: 20px solid transparent;
border-left-width: 30px;
border-right-width: 30px;
border-top-color: #fff;
margin-left: -30px;
}
.bulge-bottom-container {
margin-top: -90px;
position: relative;
bottom: -90px;
}
.bulge-top-container {
margin-bottom: -70px;
position: relative;
top: -70px;
}
.counter-item .count {
color: #333333;
font-size: 52px;
font-weight: 700;
margin-bottom: 5px;
}
.counter-item .counter-title {
color: #555555;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
}
.counter-item .counter-title:after {
content: "";
display: block;
border-top: 1px solid #237ac6;
width: 40px;
margin-top: 20px;
}
.sep-element {
border-bottom: 1px solid #237ac6;
width: 100px;
display: inline-block;
position: relative;
margin: 0 auto;
}
.sep-element:after {
content: "";
background-color: #ffffff;
border: 1px solid #237ac6;
width: 10px;
height: 11px;
display: block;
position: absolute;
top: 0;
left: 50%;
margin-left: -5px;
margin-top: -5px;
}
.section-heading {
text-align: center;
padding: 50px 0 50px;
}
.section-heading.white-heading .section-subtitle {
color: #fff !important;
}
.section-heading.white-heading .section-title {
color: #ffffff;
}
.section-heading.white-heading .sep-element {
border-color: #fff;
}
.section-heading.white-heading .sep-element:after {
border-color: #fff;
background: #2f3849;
}
.section-heading .section-subtitle { 
color: rgba(170, 170, 170, 0.8);
font-size: 20px;
font-weight: 400;
margin-bottom: 15px;
text-transform: uppercase;
letter-spacing: 4px;
}
.section-heading .section-title {
color: #333333;
font-size: 44px;
font-weight: 400;
margin-bottom: 20px; }
.header-section {
padding: 180px 0 100px;
text-align: center;
border-bottom: 6px solid #088cdc;
}
.page-title-box {
line-height: 44px;
}
.ui-title-page h1{
color: #fff;
margin: 0;
font-size: 44px;
text-transform: uppercase;
font-weight: normal !important;
}
.ui-title-page.pull-left h1, .ui-title-page.pull-left .subtitle{
text-align: left;
}
.ui-title-page.pull-right h1, .ui-title-page.pull-right .subtitle{
text-align: right;
}
.ui-title-page .subtitle{
color: #fff;
display: inline-block;
width: 100%;
line-height: 26px;
max-width: 1000px;
margin-top: 10px;
}
.breadcrumbs, .breadcrumbs a {
color: #fff;
text-transform: uppercase;
font-size: 12px;
}
.header-section p {
color: #fff;
}
.header-section.elements-header {
background: url(//sppsecurite.com/wp-content/themes/guardteam/img/sections/section-1.jpg) top center no-repeat;
background-size: cover;
}
.header-section.portfolio-single-header {
background: url(//sppsecurite.com/wp-content/themes/guardteam/img/sections/section-6.jpg) top center no-repeat;
background-size: cover;
}
.section-headings {
padding: 110px 0 80px;
background: #fff;
border-bottom: 1px solid #eeeeee;
margin-bottom: 3px;
}
.section-texts {
padding: 80px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 3px;
}
.section-lists {
padding: 80px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 3px;
}
.section-blockquotes {
padding: 80px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 3px;
}
.section-blockquotes .light-title {
margin-bottom: 70px;
}
.section-buttons {
padding: 80px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 3px;
}
.section-buttons .buttons-row {
padding: 17px 0;
}
.section-buttons .buttons-row .btn {
margin: 0 10px;
display: inline-block;
vertical-align: middle;
}
.section-pagination {
padding: 80px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 3px;
}
.section-forms {
padding: 80px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 3px;
}
.section-alerts {
padding: 80px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 3px;
}
.section-bars {
padding: 80px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 3px;
}
.section-tables {
padding: 80px 0;
border-top: 1px solid #eee;
}
.section-header-slider .vertical-slider {
text-align: center;
width: 100%;
max-width: 100% !important;
position: relative;
}
.section-header-slider .vertical-slider .sp-buttons {
position: absolute;
right: 30px;
top: 50%;
width: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.section-header-slider .vertical-slider .sp-buttons .sp-button {
display: block;
width: 10px;
height: 10px;
margin-bottom: 5px;
border-radius: 50%;
border: 1px solid #666668;
}
.section-header-slider .vertical-slider .sp-buttons .sp-button:hover,
.section-header-slider .vertical-slider .sp-buttons .sp-button.sp-selected-button {
background: #088cdc;
border-color: #088cdc;
}
.section-header-slider .vertical-slider .sp-layer {
position: relative;
}
.section-header-slider .vertical-slider .sp-mask {
height: 800px !important;
width: 100% !important;
background: #333;
}
.section-header-slider .vertical-slider .slide-item {
width: 100%;
text-align: center;
z-index: 5;
position: absolute;
height: 800px !important;
width: 100% !important;
}
.section-header-slider .vertical-slider .slide-item .slider-title {
font-size: 12px;
text-transform: uppercase;
color: #dddddd;
font-weight: bold;
margin-bottom: 40px;
}
.section-header-slider .vertical-slider .slide-item .slider-title i {
margin: 0 5px 0 8px;
font-size: 24px;
color: #ed912a;
text-shadow: #393a39 2px 0px, #393a39 2px 2px, #393a39 0px 2px, #393a39 -2px 2px, #393a39 -2px 0px, #393a39 -2px -2px, #393a39 0px -2px, #393a39 2px -2px, #393a39 0 0 3px, #393a39 0 0 3px, #393a39 0 0 3px, #393a39 0 0 3px, #393a39 0 0 3px, #393a39 0 0 3px, #393a39 0 0 3px, #393a39 0 0 3px;
}
.section-header-slider .vertical-slider .slide-item p {
color: #fff;
}
.section-header-slider .vertical-slider .slide-item .slide-image {
background: #000;
height: 800px;
overflow: hidden;
}
.section-header-slider .vertical-slider .slide-item .slide-image img {
width: auto;
min-width: 100%;
}
.section-header-slider .vertical-slider .slide-item .time {
color: #999999;
font-size: 13px;
font-style: italic;
margin-bottom: 30px;
display: inline-block;
vertical-align: middle;
}
.section-header-slider .vertical-slider .slide-item .slide-content {
padding: 250px 15px 0;
position: absolute;
top: 0;
left: 0;
right: 0;
padding-top: 320px;
padding-bottom: 280px;
}
.section-header-slider .vertical-slider .slide-item .slide-content.right-slide-content {
text-align: left;
}
.section-header-slider .vertical-slider .slide-item .slide-content .above-title {
color: #ffffff;
font-size: 30px;
font-weight: 300;
text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
text-transform: uppercase;
letter-spacing: 6px;
margin-bottom: 5px;
}
.section-header-slider .vertical-slider .slide-item .slide-content h1 {
color: #ffffff;
font-size: 50px;
font-weight: 700;
text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}
.section-header-slider .vertical-slider .slide-item .slide-content p {
color: #ffffff;
font-size: 18px;
font-weight: 400;
line-height: 26px;
text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
margin-bottom: 30px;
}
.section-header-slider .vertical-slider .slide-item .slide-content .slider-buttons .btn {
color: #fff;
margin: 0 4px;
min-width: 145px;
margin-bottom: 10px;
margin-left: 0;
}
.section-header-slider .vertical-slider .slide-item .slide-content .slider-buttons .btn:first-child {
margin-left: 0;
}
.section-header-slider .vertical-slider .slide-item .slide-content .slider-buttons .btn:hover,
.section-header-slider .vertical-slider .slide-item .slide-content .slider-buttons .btn:focus,
.section-header-slider .vertical-slider .slide-item .slide-content .slider-buttons .btn.active {
color: #fff;
background: #ed912a;
border-color: #ed912a !important;
}
.section-header-slider .vertical-slider .slide-item .slide-content .watch-video {
text-decoration: none !important;
}
.section-header-slider .vertical-slider .slide-item .slide-content .watch-video i {
font-size: 30px;
display: inline-block;
color: #ed912a;
margin-bottom: 15px;
}
.section-header-slider .vertical-slider .slide-item .slide-content .watch-video span {
display: block;
text-transform: uppercase;
color: #ffffff;
font-size: 15px;
font-weight: 700;
font-style: italic;
text-decoration: none !important;
text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
}
.section-header-slider .vertical-slider .owl-dots {
position: absolute;
right: 30px;
top: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.section-header-slider .vertical-slider .owl-dots .owl-dot {
display: block;
width: 10px;
height: 10px;
margin-bottom: 5px;
border-radius: 50%;
border: 1px solid #666668;
}
.section-header-slider .vertical-slider .owl-dots .owl-dot:hover,
.section-header-slider .vertical-slider .owl-dots .owl-dot.active {
background: #088cdc;
border-color: #088cdc;
}
.section-intro .iphone {
margin-top: -60px;
margin-bottom: -60px;
}
.section-intro .iphone  img{
max-width: 100%;
height: auto;
}
.section-intro .arrow {
padding-top: 155px;
margin-bottom: 30px;
}
.section-intro{
min-height: 315px;
}
.section-intro .intro-title {
color: #ffffff;
font-size: 60px;
font-weight: 700;
padding-left: 20px;
text-transform: uppercase;
}
.section-intro .intro-text {
color: #ffffff;
font-size: 28px;
font-weight: 400;
height: 219px;
padding-top: 68px;
text-align: left;
margin-bottom: 11px;
line-height: 40px;
}
.section-intro .under-intro-text {
color: #ffffff;
font-size: 28px;
font-weight: 700;
text-align: left;
}
.section-intro-2 {
padding: 60px 0;
border-bottom: 1px solid #ebebeb;
}
.section-intro-2 .counters {
padding-top: 70px;
}
.section-intro-2 p {
margin-bottom: 32px;
}
.section-services-2 {
background: url(//sppsecurite.com/wp-content/themes/guardteam/img/sections/section-4.jpg) top center no-repeat;
background-size: cover;
background-attachment: fixed;
}
.service-features-section {
padding-bottom: 80px;
position: relative;
}
.service-features-section .pages a {
display: inline-block;
vertical-align: middle;
margin: 0 5px;
opacity: 0.7;
text-decoration: none;
}
.service-features-section .pages a:hover {
opacity: 1;
}
.service-features-section .pages a i {
font-size: 16px;
color: #fff;
}
.section-gallery {
padding-top: 80px;
}
.section-error-404 {
text-align: center;
padding: 220px 0 0 0;
margin-bottom: 30px;
}
.section-error-404 .logo-container {
background: #f6f6f6;
padding: 0 15px;
}
.section-error-404 .logo-container .text-404 {
width: 378px;
height: 164px;
background: url(//sppsecurite.com/wp-content/themes/guardteam/img/404.png) center no-repeat;
background-size: contain;
margin: 0 auto -30px;
position: relative;
top: -70px;
max-width: 100%;
}
.section-error-404 .logo-container h5 {
letter-spacing: 7px;
margin-bottom: 75px;
}
.section-error-404 .logo-container p {
font-size: 20px;
margin-bottom: 100px;
}
.section-error-404 .logo-container p strong {
font-weight: bold;
}
.section-error-404 .gohome-container {
background: #237ac6;
padding: 35px 0;
margin-top: -35px;
}
.section-coming-soon {
padding: 140px 0 120px;
background: url(//sppsecurite.com/wp-content/themes/guardteam/img/sections/section-2.jpg) top center no-repeat;
background-size: cover;
text-align: center;
}
.section-coming-soon .big-logo {
margin-bottom: 35px;
}
.section-coming-soon.section-contact-2 {
background: url(//sppsecurite.com/wp-content/themes/guardteam/img/sections/section-2.jpg) top center no-repeat;
background-size: cover;
}
.section-coming-soon h5 {
color: #ffffff;
font-size: 26px;
font-weight: 400;
line-height: 26px;
letter-spacing: 7px;
text-transform: uppercase;
margin-bottom: 80px;
}
.section-coming-soon .wrap-email-form {
padding-top: 60px;
}
.section-coming-soon-2 {
background: url(//sppsecurite.com/wp-content/themes/guardteam/img/sections/section-6.jpg) top center no-repeat;
background-size: cover;
}
.section-contact {
padding: 120px 0;
background: #f6f6f6;
}
.section-socials {
padding: 90px 0;
}
.section-socials h4 {
margin-bottom: 35px;
letter-spacing: 4px;
}
.blog-content-section {
padding: 0;
}
.map-section {
padding: 70px 0;
background: url(//sppsecurite.com/wp-content/themes/guardteam/img/sections/map-section.jpg) top center/cover no-repeat;
}
.map-section a {
color: #ffffff;
font-size: 16px;
text-align: center;
text-transform: uppercase;
letter-spacing: 3px;
display: block;
text-decoration: none;
}
.section-purchase {
padding: 60px 0;
color: #fff;
display: inline-block;
width: 100%;
font-weight: normal;
}
.section-purchase h3 {
font-size: 26px;
margin: 0;
padding-bottom: 10px;
}
.section-purchase .btn.btn-default {
color: #fff;
padding: 5px 10px;
width: 100%;
text-align: center;
font-size: 12px;
margin-top: 25px;
}
.section-purchase .btn.btn-default:hover {
color: #333;
background: #fff;
}
.section-purchase .logo-block {
text-transform: uppercase;
padding: 20px 60px 20px 0;
}
.banner-info-block p{
margin: 0;
padding: 0;
}
.banner-info-block{
padding-left: 85px;
padding-top: 5px;
min-height: 100px;
display: grid;
align-content: center;
}
.section-who-we-are .text-container .col-md-6 {
margin-bottom: 30px;
}
.section-who-we-are .who-we-are-image {
padding-top: 60px;
text-align: center;
}
.section-who-we-are .who-we-are-image img {
max-width: 100%;
}
.section-who-we-are .who-we-are-collage {
padding-top: 60px;
text-align: center;
position: relative;
min-height: 700px;
margin-bottom: -100px;
}
.section-who-we-are .who-we-are-collage img {
max-width: 100%;
}
.section-who-we-are .who-we-are-collage .collage-item {
position: absolute;
}
.section-who-we-are .who-we-are-collage .collage-item.item-brac {
top: 57%;
right: 20%;
}
.section-who-we-are .who-we-are-collage .collage-item.item-camera {
top: 51%;
left: 15%;
}
.section-who-we-are .who-we-are-collage .collage-item.item-clips {
top: 28%;
left: 5%;
}
.section-who-we-are .who-we-are-collage .collage-item.item-headphones {
top: 25%;
right: 0%;
}
.section-who-we-are .who-we-are-collage .collage-item.item-keyboard {
top: 48%;
right: 42%;
}
.section-who-we-are .who-we-are-collage .collage-item.item-mouse {
top: 48%;
right: 32%;
}
.section-who-we-are .who-we-are-collage .collage-item.item-pen {
top: 39%;
right: 26%;
}
.section-skills .feature-section .wrap-feature-content {
position: relative;
}
.section-skills .feature-section .wrap-feature-content > img {
width: 100%;
}
.section-skills .feature-section .wrap-feature-content .feature-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.section-skills .feature-section .wrap-feature-content .feature-content img {
display: block;
margin: 0 auto 20px;
}
.section-skills .feature-section .wrap-feature-content .feature-content .feature-text {
text-align: center;
color: #ffffff;
font-size: 24px;
font-weight: 700;
line-height: 26px;
}
.section-skills .feature-section .wrap-feature-content .feature-content .feature-text span {
display: block;
color: #cccccc;
font-size: 20px;
font-weight: 400;
line-height: 26px;
}
.section-skills .feature-section .section-heading {
padding-top: 100px;
}
.section-skills .skills-section .skills-features-section {
padding: 70px 15px;
background: url(//sppsecurite.com/wp-content/themes/guardteam/img/sections/section-9.jpg) bottom center/cover no-repeat;
position: relative;
color: #fff;
}
.section-skills .skills-section .skills-features-section:before {
content: "";
border-left: 1px solid #4590cf;
position: absolute;
display: block;
top: 55px;
bottom: 55px;
left: 50%;
z-index: 2;
}
.section-trust-us {
padding: 120px 0 120px;
position: relative;
}
.section-trust-us .trus-image {
width: 50%;
position: absolute;
right: 50%;
top: 30px;
bottom: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.section-trust-us .trus-image img {
max-width: 100%;
max-height: 100%;
}
.section-trust-us .section-heading {
padding-top: 40px;
text-align: left;
}
.section-trust-us .section-heading .section-title {
margin-bottom: 7px;
}
.section-blog {
background: url(//sppsecurite.com/wp-content/themes/guardteam/img/sections/section-10.jpg) top center/cover no-repeat;
background-attachment: fixed;
}
.section-blog .blog-list-container {
padding: 55px 15px 35px;
bottom: -80px;
}
.section-feedbacks {
padding-top: 80px;
}
.section-feedbacks .feedbacks-container {
background: #f6f6f6;
padding: 100px 0 100px;
}
.feedbacks-container .feedbacks-carousel .wrap-author {
margin-right: 30px;
}
.owl-dots {
text-align: center;
}
.owl-dots .owl-dot {
display: inline-block;
vertical-align: middle;
width: 11px;
height: 11px;
border-radius: 50%;
border: 1px solid #cecece;
margin: 0 4px;
}
.owl-dot.active,
.owl-dots .owl-dot:hover {
border-color: #088cdc !important;
background: #088cdc !important;
}
.feedbacks-container .carousel-item {
margin: 0 15px;
}
.section-brands {
text-align: center;
}
.section-brands .brand-item {
display: inline-block;
vertical-align: middle;
padding: 10px 30px;
}
.brand-item img{
max-width: 100%;
height: auto;
}
.section-price {
padding-bottom: 90px;
}
.section-price .list-prices {
padding: 40px 0 0 0;
}
.big-map-section .big-map {
height: 600px;
max-height: 70vh;
}
.contact-form-section {
padding: 60px 0;
background: #F9F9F9;
}
.contact-form-section .top-info {
margin-bottom: 15px;
}
.contact-form-section .bottom-info i,
.contact-form-section .bottom-info p,
.contact-form-section .bottom-info label {
margin: 0;
display: inline-block;
vertical-align: middle;
}
.contact-form-section .bottom-info i {
margin-right: 5px;
color: #088cdc;
}
.contact-form-section .bottom-info label {
margin-right: 15px;
font-weight: bold;
min-width: 70px;
}
@media (max-width: 991px) {
.contact-form-section .reply-form {
margin-bottom: 30px;
}
} .loader-center{
height: 60px;
left: 50%;
margin-left: -30px;
margin-top: -30px;
position: absolute;
top: 50%;
width: 60px;
}
.loader01 {
width: 56px;
height: 56px;
border: 8px solid #0052ec;
border-right-color: transparent;
border-radius: 50%;
position: relative;
animation: loader-rotate 1s linear infinite;
top: 50%;
margin: -28px auto 0 auto; }
.loader01:after {
content: '';
width: 8px;
height: 8px;
background: #0052ec;
border-radius: 50%;
position: absolute;
top: -1px;
left: 33px; }
@keyframes loader-rotate {
0% {
transform: rotate(0); }
100% {
transform: rotate(360deg); } }
.loader02 {
width: 56px;
height: 56px;
border: 8px solid rgba(0, 82, 236, 0.25);
border-top-color: #0052ec;
border-radius: 50%;
position: relative;
animation: loader-rotate 1s linear infinite;
top: 50%;
margin: -28px auto 0 auto; }
@keyframes loader-rotate {
0% {
transform: rotate(0); }
100% {
transform: rotate(360deg); } }
.loader03 {
width: 56px;
height: 56px;
border: 8px solid transparent;
border-top-color: #0052ec;
border-bottom-color: #0052ec;
border-radius: 50%;
position: relative;
animation: loader-rotate 1s linear infinite;
top: 50%;
margin: -28px auto 0 auto; }
@keyframes loader-rotate {
0% {
transform: rotate(0); }
100% {
transform: rotate(360deg); } }
.loader04 {
width: 56px;
height: 56px;
border: 2px solid rgba(0, 82, 236, 0.5);
border-radius: 50%;
position: relative;
animation: loader-rotate 1s ease-in-out infinite;
top: 50%;
margin: -28px auto 0 auto; }
.loader04:after {
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
background: #0052ec;
position: absolute;
top: -6px;
left: 50%;
margin-left: -5px; }
@keyframes loader-rotate {
0% {
transform: rotate(0); }
100% {
transform: rotate(360deg); } }
.loader05 {
display: inline-block;
width: 56px;
height: 56px;
border: 4px solid #ed912a;
border-radius: 50%;
position: relative;
animation: loader-scale 1s ease-out infinite;
top: 50%;
margin: -28px auto 0 auto; }
@keyframes loader-scale {
0% {
transform: scale(0);
opacity: 0; }
50% {
opacity: 1; }
100% {
transform: scale(1);
opacity: 0; } }
.loader06 {
width: 56px;
height: 56px;
border: 4px solid transparent;
border-radius: 50%;
position: relative;
top: 50%;
margin: -28px auto 0 auto; }
.loader06:before {
content: '';
border: 4px solid rgba(0, 82, 236, 0.5);
border-radius: 50%;
width: 67.2px;
height: 67.2px;
position: absolute;
top: -9.6px;
left: -9.6px;
animation: loader-scale 1s ease-out infinite;
animation-delay: 1s;
opacity: 0; }
.loader06:after {
content: '';
border: 4px solid #0052ec;
border-radius: 50%;
width: 56px;
height: 56px;
position: absolute;
top: -4px;
left: -4px;
animation: loader-scale 1s ease-out infinite;
animation-delay: 0.5s; }
@keyframes loader-scale {
0% {
transform: scale(0);
opacity: 0; }
50% {
opacity: 1; }
100% {
transform: scale(1);
opacity: 0; } }
.loader07 {
width: 16px;
height: 16px;
border-radius: 50%;
position: relative;
animation: loader-circles 1s linear infinite;
top: 50%;
margin: -8px auto 0 auto; }
@keyframes loader-circles {
0% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.05), 19px -19px 0 0 rgba(0, 82, 236, 0.1), 27px 0 0 0 rgba(0, 82, 236, 0.2), 19px 19px 0 0 rgba(0, 82, 236, 0.3), 0 27px 0 0 rgba(0, 82, 236, 0.4), -19px 19px 0 0 rgba(0, 82, 236, 0.6), -27px 0 0 0 rgba(0, 82, 236, 0.8), -19px -19px 0 0 #0052ec; }
12.5% {
box-shadow: 0 -27px 0 0 #0052ec, 19px -19px 0 0 rgba(0, 82, 236, 0.05), 27px 0 0 0 rgba(0, 82, 236, 0.1), 19px 19px 0 0 rgba(0, 82, 236, 0.2), 0 27px 0 0 rgba(0, 82, 236, 0.3), -19px 19px 0 0 rgba(0, 82, 236, 0.4), -27px 0 0 0 rgba(0, 82, 236, 0.6), -19px -19px 0 0 rgba(0, 82, 236, 0.8); }
25% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.8), 19px -19px 0 0 #0052ec, 27px 0 0 0 rgba(0, 82, 236, 0.05), 19px 19px 0 0 rgba(0, 82, 236, 0.1), 0 27px 0 0 rgba(0, 82, 236, 0.2), -19px 19px 0 0 rgba(0, 82, 236, 0.3), -27px 0 0 0 rgba(0, 82, 236, 0.4), -19px -19px 0 0 rgba(0, 82, 236, 0.6); }
37.5% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.6), 19px -19px 0 0 rgba(0, 82, 236, 0.8), 27px 0 0 0 #0052ec, 19px 19px 0 0 rgba(0, 82, 236, 0.05), 0 27px 0 0 rgba(0, 82, 236, 0.1), -19px 19px 0 0 rgba(0, 82, 236, 0.2), -27px 0 0 0 rgba(0, 82, 236, 0.3), -19px -19px 0 0 rgba(0, 82, 236, 0.4); }
50% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.4), 19px -19px 0 0 rgba(0, 82, 236, 0.6), 27px 0 0 0 rgba(0, 82, 236, 0.8), 19px 19px 0 0 #0052ec, 0 27px 0 0 rgba(0, 82, 236, 0.05), -19px 19px 0 0 rgba(0, 82, 236, 0.1), -27px 0 0 0 rgba(0, 82, 236, 0.2), -19px -19px 0 0 rgba(0, 82, 236, 0.3); }
62.5% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.3), 19px -19px 0 0 rgba(0, 82, 236, 0.4), 27px 0 0 0 rgba(0, 82, 236, 0.6), 19px 19px 0 0 rgba(0, 82, 236, 0.8), 0 27px 0 0 #0052ec, -19px 19px 0 0 rgba(0, 82, 236, 0.05), -27px 0 0 0 rgba(0, 82, 236, 0.1), -19px -19px 0 0 rgba(0, 82, 236, 0.2); }
75% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.2), 19px -19px 0 0 rgba(0, 82, 236, 0.3), 27px 0 0 0 rgba(0, 82, 236, 0.4), 19px 19px 0 0 rgba(0, 82, 236, 0.6), 0 27px 0 0 rgba(0, 82, 236, 0.8), -19px 19px 0 0 #0052ec, -27px 0 0 0 rgba(0, 82, 236, 0.05), -19px -19px 0 0 rgba(0, 82, 236, 0.1); }
87.5% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.1), 19px -19px 0 0 rgba(0, 82, 236, 0.2), 27px 0 0 0 rgba(0, 82, 236, 0.3), 19px 19px 0 0 rgba(0, 82, 236, 0.4), 0 27px 0 0 rgba(0, 82, 236, 0.6), -19px 19px 0 0 rgba(0, 82, 236, 0.8), -27px 0 0 0 #0052ec, -19px -19px 0 0 rgba(0, 82, 236, 0.05); }
100% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.05), 19px -19px 0 0 rgba(0, 82, 236, 0.1), 27px 0 0 0 rgba(0, 82, 236, 0.2), 19px 19px 0 0 rgba(0, 82, 236, 0.3), 0 27px 0 0 rgba(0, 82, 236, 0.4), -19px 19px 0 0 rgba(0, 82, 236, 0.6), -27px 0 0 0 rgba(0, 82, 236, 0.8), -19px -19px 0 0 #0052ec; } }
.loader08 {
width: 20px;
height: 20px;
position: relative;
animation: loader08 1s ease infinite;
top: 50%;
margin: -46px auto 0 auto; }
@keyframes loader08 {
0%, 100% {
box-shadow: -13px 20px 0 #0052ec, 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2); }
25% {
box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 #0052ec, 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2); }
50% {
box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 #0052ec, -13px 46px 0 rgba(0, 82, 236, 0.2); }
75% {
box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 #0052ec; } }
.loader09 {
width: 10px;
height: 48px;
background: #0052ec;
position: relative;
animation: loader09 1s ease-in-out infinite;
animation-delay: 0.4s;
top: 50%;
margin: -28px auto 0 auto; }
.loader09:after, .loader09:before {
content: '';
position: absolute;
width: 10px;
height: 48px;
background: #0052ec;
animation: loader09 1s ease-in-out infinite; }
.loader09:before {
right: 18px;
animation-delay: 0.2s; }
.loader09:after {
left: 18px;
animation-delay: 0.6s; }
@keyframes loader09 {
0%, 100% {
box-shadow: 0 0 0 #0052ec, 0 0 0 #0052ec; }
50% {
box-shadow: 0 -8px 0 #0052ec, 0 8px 0 #0052ec; } }
.loader10 {
width: 28px;
height: 28px;
border-radius: 50%;
position: relative;
animation: loader10 0.9s ease alternate infinite;
animation-delay: 0.36s;
top: 50%;
margin: -42px auto 0 auto; }
.loader10:after, .loader10:before {
content: '';
position: absolute;
width: 28px;
height: 28px;
border-radius: 50%;
animation: loader10 0.9s ease alternate infinite; }
.loader10:before {
left: -40px;
animation-delay: 0.18s; }
.loader10:after {
right: -40px;
animation-delay: 0.54s; }
@keyframes loader10 {
0% {
box-shadow: 0 28px 0 -28px #0052ec; }
100% {
box-shadow: 0 28px 0 #0052ec; } }
.loader11 {
width: 20px;
height: 20px;
border-radius: 50%;
box-shadow: 0 40px 0 #0052ec;
position: relative;
animation: loader11 0.8s ease-in-out alternate infinite;
animation-delay: 0.32s;
top: 50%;
margin: -50px auto 0 auto; }
.loader11:after, .loader11:before {
content: '';
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
box-shadow: 0 40px 0 #0052ec;
animation: loader11 0.8s ease-in-out alternate infinite; }
.loader11:before {
left: -30px;
animation-delay: 0.48s; }
.loader11:after {
right: -30px;
animation-delay: 0.16s; }
@keyframes loader11 {
0% {
box-shadow: 0 40px 0 #0052ec; }
100% {
box-shadow: 0 20px 0 #0052ec; } }
.loader12 {
width: 20px;
height: 20px;
border-radius: 50%;
position: relative;
animation: loader12 1s linear alternate infinite;
top: 50%;
margin: -50px auto 0 auto; }
@keyframes loader12 {
0% {
box-shadow: -60px 40px 0 2px #0052ec, -30px 40px 0 0 rgba(0, 82, 236, 0.2), 0 40px 0 0 rgba(0, 82, 236, 0.2), 30px 40px 0 0 rgba(0, 82, 236, 0.2), 60px 40px 0 0 rgba(0, 82, 236, 0.2); }
25% {
box-shadow: -60px 40px 0 0 rgba(0, 82, 236, 0.2), -30px 40px 0 2px #0052ec, 0 40px 0 0 rgba(0, 82, 236, 0.2), 30px 40px 0 0 rgba(0, 82, 236, 0.2), 60px 40px 0 0 rgba(0, 82, 236, 0.2); }
50% {
box-shadow: -60px 40px 0 0 rgba(0, 82, 236, 0.2), -30px 40px 0 0 rgba(0, 82, 236, 0.2), 0 40px 0 2px #0052ec, 30px 40px 0 0 rgba(0, 82, 236, 0.2), 60px 40px 0 0 rgba(0, 82, 236, 0.2); }
75% {
box-shadow: -60px 40px 0 0 rgba(0, 82, 236, 0.2), -30px 40px 0 0 rgba(0, 82, 236, 0.2), 0 40px 0 0 rgba(0, 82, 236, 0.2), 30px 40px 0 2px #0052ec, 60px 40px 0 0 rgba(0, 82, 236, 0.2); }
100% {
box-shadow: -60px 40px 0 0 rgba(0, 82, 236, 0.2), -30px 40px 0 0 rgba(0, 82, 236, 0.2), 0 40px 0 0 rgba(0, 82, 236, 0.2), 30px 40px 0 0 rgba(0, 82, 236, 0.2), 60px 40px 0 2px #0052ec; } }
.thecube {
width: 75px;
height: 75px;
margin: 0 auto;
margin-top: 50px;
position: relative;
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.thecube .cube {
position: relative;
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.thecube .cube {
float: left;
width: 50%;
height: 50%;
position: relative;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.thecube .cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #2796de;
-webkit-animation: foldthecube 2.4s infinite linear both;
-moz-animation: foldthecube 2.4s infinite linear both;
-ms-animation: foldthecube 2.4s infinite linear both;
-o-animation: foldthecube 2.4s infinite linear both;
animation: foldthecube 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.thecube .c2 {
-webkit-transform: scale(1.1) rotateZ(90deg);
-moz-transform: scale(1.1) rotateZ(90deg);
-ms-transform: scale(1.1) rotateZ(90deg);
-o-transform: scale(1.1) rotateZ(90deg);
transform: scale(1.1) rotateZ(90deg);
}
.thecube .c3 {
-webkit-transform: scale(1.1) rotateZ(180deg);
-moz-transform: scale(1.1) rotateZ(180deg);
-ms-transform: scale(1.1) rotateZ(180deg);
-o-transform: scale(1.1) rotateZ(180deg);
transform: scale(1.1) rotateZ(180deg);
}
.thecube .c4 {
-webkit-transform: scale(1.1) rotateZ(270deg);
-moz-transform: scale(1.1) rotateZ(270deg);
-ms-transform: scale(1.1) rotateZ(270deg);
-o-transform: scale(1.1) rotateZ(270deg);
transform: scale(1.1) rotateZ(270deg);
}
.thecube .c2:before {
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
-ms-animation-delay: 0.3s;
-o-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.thecube .c3:before {
-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
-ms-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.thecube .c4:before {
-webkit-animation-delay: 0.9s;
-moz-animation-delay: 0.9s;
-ms-animation-delay: 0.9s;
-o-animation-delay: 0.9s;
animation-delay: 0.9s;
}
@-webkit-keyframes foldthecube {
0%,
10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
-moz-transform: perspective(140px) rotateX(-180deg);
-ms-transform: perspective(140px) rotateX(-180deg);
-o-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
-moz-transform: perspective(140px) rotateX(0deg);
-ms-transform: perspective(140px) rotateX(0deg);
-o-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
-webkit-transform: perspective(140px) rotateY(180deg);
-moz-transform: perspective(140px) rotateY(180deg);
-ms-transform: perspective(140px) rotateY(180deg);
-o-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
@keyframes foldthecube {
0%,
10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
-moz-transform: perspective(140px) rotateX(-180deg);
-ms-transform: perspective(140px) rotateX(-180deg);
-o-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
-moz-transform: perspective(140px) rotateX(0deg);
-ms-transform: perspective(140px) rotateX(0deg);
-o-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
-webkit-transform: perspective(140px) rotateY(180deg);
-moz-transform: perspective(140px) rotateY(180deg);
-ms-transform: perspective(140px) rotateY(180deg);
-o-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
.spinner {
position: absolute;
z-index: 1001;
top: 50%;
left: 50%;
display: block;
width: 100px;
height: 100px;
margin-top: -50px;
margin-left: -50px;
-webkit-animation: spin 2.5s infinite linear;
animation: spin 2.5s infinite linear;
border: 3px solid transparent;
border-top-color: #a91605;
border-radius: 50%;
}
.spinner:before,  .spinner:after {
position: absolute;
content: '';
border-radius: 50%;
}
.spinner:before {
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
border: 3px solid transparent;
border-top-color: red;
}
.spinner:after {
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
-webkit-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
border: 3px solid transparent;
border-top-color: #549404;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#page-preloader {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #f1f3f2;
z-index: 100500;
}
#page-preloader .spinner {
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 100px;
height: 100px;
margin-top: -50px;
margin-left: -50px;
border: 3px solid transparent;
border-top-color: #00c8c8;
border-radius: 50%;
z-index: 1001;
-webkit-animation: spin 2.5s infinite linear;
animation: spin 2.5s infinite linear;
}
#page-preloader .spinner:before, #page-preloader .spinner:after {
content: '';
position: absolute;
border-radius: 50%;
}
#page-preloader .spinner:before {
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border: 3px solid transparent;
border-top-color: #088cdc;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
#page-preloader .spinner:after {
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border: 3px solid transparent;
border-top-color: #52bf81;
-webkit-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .portfolio-list-section .portfolio-pagination-loading {
display: none;
padding-top: 30px;
}
.portfolio-list-section .portfolio-pagination a {
margin-top: 30px;
}
.portfolio-related-projects-section {
padding-top: 0;
padding-bottom: 50px;
border-top: 1px solid #eeeeee;
}
.portfolio-related-projects-section .list-works {
padding-top: 0;
}
.portfolio-section {
padding: 0 0 50px 0;
}
.work-footer {
position: relative;
padding-right: 0;
text-align: center;
padding: 20px;
background: #f9f9f9;
margin-bottom: -40px;
}
.work-footer .category {
margin-bottom: 5px;
}
.work-footer .category a , .portfolio-section .work-footer .category  {
font-size: 12px;
color: #999999;
}
.work-footer .views .icon {
font-size: 16px;
color: #666666;
margin-right: 5px;
vertical-align: middle;
display: inline-block;
}
.work-footer .views span:not(.icon) {
font-size: 12px;
color: #999999;
vertical-align: middle;
display: inline-block;
}
.work-footer .controls ul li {
display: inline-block;
vertical-align: middle;
margin: 0 5px;
}
.work-footer .controls ul li a {
line-height: 24px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.work-footer .controls ul li .fa {
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.work-footer .controls ul li a:hover .fa {
color: #000;
}
.work-footer .controls ul li a .fa {
font-size: 24px;
color: #cccccc;
line-height: 24px;
}
.work-footer .controls ul li a .fa.fa-th {
font-size: 16px;
line-height: 24px;
}
.portfolio-section .work-image {
margin-bottom: 30px;
}
.portfolio-section .work-image .portfolio-gallery-none {
display: none;
}
.portfolio-section .work-image .image {
text-align: center;
position: relative;
}
.portfolio-section .work-image .image img {
max-width: 100%;
height: auto;
}
.portfolio-section .work-image .image .controls {
position: absolute;
bottom: 30px;
right: 30px;
z-index: 8;
}
.portfolio-section .work-image .image .controls .big-view a {
display: block;
width: 40px;
height: 40px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #2a64d9;
color: #fff;
text-align: center;
line-height: 44px;
text-decoration: none;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.portfolio-section .work-image .image .controls .big-view a:hover {
opacity: 0.8;
}
.portfolio-section .work-image .image .controls .big-view a span {
color: #fff;
font-size: 16px;
}
.portfolio-section .work-image .owl-controls .owl-pagination {
position: absolute;
top: 100%;
width: 100%;
z-index: 9;
padding: 15px 0;
text-align: center;
}
.portfolio-section .work-image .owl-controls .owl-pagination .owl-page {
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
border: 1px solid #8e9195;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
margin: 0 4px;
cursor: pointer;
}
.portfolio-section .work-image .owl-controls .owl-pagination .owl-page.active {
background: #ff6400;
border-color: #ff6400;
}
.portfolio-section .work-body .work-body-left, .portfolio-section .work-body .work-body-right {
margin-bottom: 30px;
}
.portfolio-section .work-body .summary-list .col-md-12 {
padding: 15px;
border-bottom: 1px solid #eeeeee;
}
.portfolio-section .work-body .summary-list .col-md-12:first-child {
padding-top: 0;
}
.portfolio-section .work-body .summary-list .type-info {
font-size: 14px;
line-height: 12px;
text-transform: uppercase;
}
.portfolio-section .work-body .summary-list .type-info i {
min-width: 20px;
font-size: 21px;
display: inline-block;
vertical-align: baseline;
margin-right: 10px;
position: relative;
top: 2px;
}
.work-body  .pull-right *{
color:#8a8a8a;
}
.portfolio-section .work-body .summary-list .info .list-socials li {
display: inline-block;
vertical-align: middle;
padding: 0 3px;
}
.portfolio-section .work-body .summary-list .info .list-socials li a {
color: #7e848e;
}
.work-body   .btn{
display: inline-block;
width: 100%;
text-transform: uppercase;
font-size: 14px;
text-align: center;
background: #ed912a !important;
color: #fff;
border-color: #ed912a !important;
}
.box-sticky {
max-width: 393px;
margin-top: 30px;
}
.stack-portfolio-carousel img{
margin-bottom: 25px;
}
.work-image  .owl-dots {
text-align: center;
position: absolute;
bottom: 15px;
width: 100%;
text-align: center;
}
.work-image  .owl-dot {
border: 0;
background: #fff;
}
.work-body h5{
font-weight: 600;
margin-bottom: 0;
font-size: 32px;
padding-bottom: 10px;  
}
.work-heading  h3{
font-weight: 600;
margin-bottom: 0;
font-size: 27px;
padding-bottom: 10px;
}
.work-body  h5{
font-weight: 600;
margin-bottom: 20px;
font-size: 17px;
border-bottom: 1px solid #eeeeee;
padding-bottom: 15px;
}
.work-name{
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px solid #eeeeee;
}
.work-name h3 {
margin-bottom: 10px;
font-weight: 400;
font-size: 24px;
}
.work-body{
padding-bottom: 25px;
}
.summary-list{
padding-top: 20px;
border-top: 1px solid #eeeeee;
margin-top: 20px;
display: inline-block;
width: 100%;
}
.portfolio-centerd  .summary-list {
margin-top: 48px;
}
.portfolio-isotope  .summary-list {
margin-top: 48px;
}
.portfolio-isotope{
padding-bottom: 25px;
}
.portfolio-custom-content {
padding-left: 15px;
padding-right: 15px;
}
.work-category a{
font-size: 14px;
color: #999999;
font-weight: normal;
}
.work-body  .pix-social-share li{
list-style: none;
display: inline-block;
margin-right: 10px;
font-size: 16px;
margin-top: 3px;
}
.work-body  .pix-social-title{
display: none;
}
.work-body  .pix-social-share{
display: inline-block;
width: 100%;
} .folio-isotop-filter ul {
text-align: center;
border: none;
font-size: 0;
padding: 0 0 50px 0;
}
.folio-isotop-filter ul > li {
float: none;
display: inline-block;
border: 1px solid #eee;
border-right: 4px solid #eee;
margin-right: 5px;
background: #fff;
margin-bottom: 10px;
}
.folio-isotop-filter ul > li a {
display: block;
line-height: 1.1;
border: none;
padding: 0 35px;
line-height: 45px;
background: #fff;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
color: #333;
font-size: 11px;
text-transform: uppercase;
position: relative;
margin: 0;
}
html .folio-isotop-filter ul > li a.selected {
background: #2a64d9;
color: #fff !important;
text-decoration: none;
}
.sidebar-container ul.styled {
margin: 0;
padding: 0;
} #page-preloader {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #fff;
z-index: 100500;
}
#page-preloader .spinner {
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 100px;
height: 100px;
margin-top: -50px;
margin-left: -50px;
border: 3px solid transparent;
border-top-color: #ed5c2a;
border-radius: 50%;
z-index: 1001;
-webkit-animation: spin 2.5s infinite linear;
animation: spin 2.5s infinite linear;
}
#page-preloader .spinner:before,
#page-preloader .spinner:after {
content: '';
position: absolute;
border-radius: 50%;
}
#page-preloader .spinner:before {
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border: 3px solid transparent;
border-top-color: #ed912a;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
#page-preloader .spinner:after {
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border: 3px solid transparent;
border-top-color: #fff;
-webkit-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .alert {
padding: 5px 20px;
line-height: 30px;
border-radius: 0;
border: none;
color: #fff;
}
.alert.alert-default {
background: #eeeeee;
color: #333333;
}
.alert.alert-default span {
color: #333;
}
.alert.alert-warning {
background: #edb82a;
}
.alert.alert-danger {
background: #ed5c2a;
}
.alert.alert-success {
background: #4fcd24;
}
.alert.alert-info {
background: #237ac6;
}
.alert.alert-default-2 {
background: #7323c6;
}
.alert span {
margin-right: 20px;
font-size: 16px;
color: #fff;
}
.alert.alert-dismissable {
position: relative;
padding: 30px 60px 30px 120px;
background: #fff;
border: 1px solid #eeeeee;
color: #333333;
}
.alert.alert-dismissable .alert-icon {
position: absolute;
top: 50%;
height: 50px;
left: 50px;
margin-top: -25px;
line-height: 50px;
font-size: 30px;
min-width: 30px;
text-align: center;
}
.alert.alert-dismissable .close {
position: absolute;
top: 50%;
right: 15px;
color: #ccc;
margin-top: -10px;
opacity: 1;
}
.alert.alert-dismissable .title {
color: #333333;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.alert.alert-dismissable.alert-warning {
background: #ffecb7;
border: none;
}
.alert.alert-dismissable.alert-warning .alert-icon,
.alert.alert-dismissable.alert-warning .close .fa {
color: #edb82a;
}
.alert.alert-dismissable.alert-danger {
background: #fcccd1;
border: none;
}
.alert.alert-dismissable.alert-danger .alert-icon,
.alert.alert-dismissable.alert-danger .close .fa {
color: #ed5c2a;
}
.alert.alert-dismissable.alert-success {
background: #c0f4af;
border: none;
}
.alert.alert-dismissable.alert-success .alert-icon,
.alert.alert-dismissable.alert-success .close .fa {
color: #4fcd24;
} .progress {
border: 1px solid #eeeeee;
border-radius: 0;
background: #fff;
box-shadow: none;
}
.progress.bordered.progress-primary {
border: 2px solid #237ac6;
}
.progress.bordered.progress-warning {
border: 2px solid #ed912a;
}
.progress.progress-primary .progress-bar {
background-color: #237ac6;
}
.progress.progress-warning .progress-bar {
background-color: #ed912a;
}
.progress.progress-danger .progress-bar {
background-color: #ed5c2a;
}
.progress.progress-custom .progress-bar {
background-color: #7323c6;
}
.progress.progress-custom-2 .progress-bar {
background-color: #c924ab;
}
.progress.progress-success .progress-bar {
background-color: #4fcd24;
}
.progress .progress-bar {
box-shadow: none;
} .wrap-services-tabs .wrap-tabs {
text-align: center;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs {
border: none;
text-align: center;
font-size: 0;
margin-bottom: 55px;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li {
float: none;
display: inline-block;
vertical-align: middle;
font-size: 1em;
border: none !important;
background: none !important;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li:last-child a {
border: none;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a {
padding-top: 20px;
padding-bottom: 5px;
text-align: center;
border: none;
background: none;
border-right: 1px solid #f0f0f0;
padding-left: 40px;
padding-right: 40px;
background: transparent !important;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons {
display: block;
height: 42px;
width: 100%;
margin-bottom: 25px;
font-size: 40px;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-support {
height: 41px;
background: url(//sppsecurite.com/wp-content/themes/guardteam/images/icons/tabs/support.png) top center no-repeat;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-responsive {
background: url(//sppsecurite.com/wp-content/themes/guardteam/images/icons/tabs/responsive.png) top center no-repeat;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-analytics {
background: url(//sppsecurite.com/wp-content/themes/guardteam/images/icons/tabs/analytics.png) top center no-repeat;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-customizable {
background: url(//sppsecurite.com/wp-content/themes/guardteam/images/icons/tabs/customizable.png) top center no-repeat;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-multipurpose {
background: url(//sppsecurite.com/wp-content/themes/guardteam/images/icons/tabs/multipurpose.png) top center no-repeat;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a span {
color: #555555;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a.active,
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li:hover a {
background: none;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a.active .icons,
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li:hover a .icons {
background-position: bottom center;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a.active span,
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li:hover a span {
color: #ed912a;
}
.wrap-tabs-content {
background: #f6f6f6;
padding: 90px 0;
}
.wrap-tabs-content img {
max-width: 100%;
}
.wrap-tabs-content .tab-pane h5,
.wrap-tabs-content .tab-pane p,
.wrap-tabs-content .tab-pane ul {
margin-bottom: 30px;
}
.wrap-tabs-content .tab-pane .designations .last-year {
color: #999999;
font-size: 13px;
font-weight: 700;
text-align: left;
float: left;
margin-right: 30px;
text-transform: uppercase;
}
.wrap-tabs-content .tab-pane .designations .last-year span {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
background-color: #237ac6;
width: 15px;
height: 10px;
}
.wrap-tabs-content .tab-pane .designations .this-year {
color: #999999;
font-size: 13px;
font-weight: 700;
text-align: left;
float: left;
margin-right: 30px;
text-transform: uppercase;
}
.wrap-tabs-content .tab-pane .designations .this-year span {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
background-color: #cccccc;
width: 15px;
height: 10px;
} .service-item {
padding-top: 60px;
padding-bottom: 60px;
}
.service-item.border-bottom {
}
.service-item.right-text-item {
text-align: right;
}
.service-item.right-text-item .item-heading > .icon {
margin-right: 0;
margin-left: 15px;
}
.service-item.right-text-item .item-heading .title {
position: relative;
margin-bottom: 16px;
}
.service-item.right-text-item .item-heading .title:after {
position: absolute;
right: 0;
}
.service-item.right-text-item .item-body p {
text-align: right;
}
.service-item .item-heading {
margin-bottom: 30px;
}
.service-item .item-heading  .feature-number{
left: -5px;
opacity: 0.7;
position: relative;
top: -6px;
font-size: 48px;
}
.right-text-item.service-item .item-heading  .feature-number{
right: -5px;
left: auto;
}
.service-item .item-heading > .icon {
display: inline-block;
vertical-align: middle;
margin-right: 15px;
}
.service-item .item-heading > .icon span {
font-size: 44px;
}
.service-item .item-heading .title {
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
font-size: 18px;
font-weight: 600;
text-align: left;
}
.service-item .item-heading .title:after {
width: 40px;
content: "";
display: block;
border-bottom: 1px solid #92c0e4;
margin-top: 15px;
}
.service-item .item-body,
.service-item .item-body p {
margin: 0;
line-height: 28px;
text-align: left;
}
.text-white .service-item .item-body,
.text-white .service-item .item-body p{
color: #b7deff !important;
} .counters .counter-item {
margin-bottom: 15px;
display: inline-block;
vertical-align: middle;
padding: 0 30px 0;
}
.counters .counter-item:last-child .top-counter:after {
display: none;
}
.counters .counter-item .top-counter {
border-radius: 50%;
width: 115px;
height: 115px;
text-align: center;
border: 1px solid #fff;
margin-bottom: 30px;
position: relative;
}
.counters .counter-item .top-counter:after {
content: ":";
font-size: 48px;
font-weight: bold;
color: #fff;
display: block;
position: absolute;
top: 50%;
line-height: 40px;
margin-top: -25px;
left: 133%;
margin-left: -10px;
}
.counters .counter-item .top-counter span {
line-height: 115px;
color: #fff;
font-size: 48px;
font-weight: bold;
}
.counters .counter-item .bottom-counter {
position: relative;
color: #ffffff;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}
.counters .counter-item .bottom-counter:after {
content: "";
width: 40px;
border-top: 1px solid #fff;
margin: 25px auto 0;
display: block;
} .social-list {
display: inline-block;
font-size: 0;
}
.social-list.round-social-list li {
margin: 0 4px 8px;
}
.social-list.round-social-list li a {
margin: 0;
border-radius: 50%;
border-color: #cdcdcd;
color: #999999;
}
.social-list.round-social-list li a:hover {
border-color: #088cdc;
background: #088cdc;
}
.social-list li {
display: inline-block;
vertical-align: middle;
font-size: 15px;
}
.social-list li a {
display: block;
line-height: 48px;
width: 48px;
height: 48px;
border: 1px solid #cccccc;
margin-right: -1px;
margin-top: -1px;
color: #ccc;
}
.social-list li a:hover {
background: #088cdc;
border-color: #088cdc;
color: #fff;
} .pagination.text-center {
text-align: center;
width: 100%;
}
.pagination ul li {
display: inline-block;
vertical-align: middle;
margin: 0 5px 5px;
}
.pagination ul li span.current {
color: #fff;
line-height: 30px;
text-align: center;
width: 36px;
height: 36px;
font-size: 14px;
display: inline-block;
background: #ed912a;
border: 3px solid #ed912a;
}
.pagination ul li a {
line-height: 30px;
width: 36px;
height: 36px;
text-align: center;
color: #555555;
font-size: 14px;
display: inline-block;
border: 3px solid #eeeeee;
text-decoration: none;
}
.pagination ul li:hover a{
background: #ed912a;
border-color:#ed912a;
color: #fff;
}
.pagination.orange-pagination ul li a:hover {
color: #ed912a;
}
.pagination.orange-pagination ul li.active span {
background: #ed912a;
border: 3px solid #ed912a;
}
.pagination.blue-pagination ul li a:hover {
color: #237ac6;
}
.pagination.blue-pagination ul li.active span {
background: #237ac6;
border: 3px solid #237ac6;
} .nav.nav-tabs.theme-tab {
border: none;
text-align: center;
font-size: 0;
}
.nav.nav-tabs.theme-tab li {
border: none;
background: none;
float: none;
display: inline-block;
vertical-align: middle;
margin: 0 4px;
font-size: 14px;
}
.nav.nav-tabs.theme-tab li:hover a,
.nav.nav-tabs.theme-tab li a.active {
border-color: #ed912a;
color: #fff;
}
.nav.nav-tabs.theme-tab li a {
padding: 20px 65px;
line-height: 1;
margin: 0;
background: none;
border: none;
border-bottom: 3px solid #555555;
color: rgba(170, 170, 170, 0.8);
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
}
.tab-content.theme-tab-content {
padding: 70px 0 100px;
} .contact-item .dotted-line {
position: absolute;
top: 0;
right: -51%;
overflow: hidden;
width: 100%;
}
.contact-item .dotted-line:after {
line-height: 100px;
content: '\2022\2022\2022\2022\2022\2022\2022\2022\2022\2022\2022\2022';
letter-spacing: 14px;
color: #555555;
font-size: 20px;
}
.contact-item h5 {
margin-top: 27px;
color: #ffffff;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.contact-item p {
color: #cccccc;
font-size: 14px;
font-weight: 400;
line-height: 28px;
}
.contact-item .striped-icon-xlarge {
font-size: 36px;
font-weight: 700;
line-height: 100px;
position: relative;
width: 100px;
height: 100px;
margin: auto;
text-align: center;
color: #fff;
border-radius: 50%;
background: rgba(35, 122, 198, 0.4);
}
.contact-item .striped-icon-xlarge:after {
position: absolute;
z-index: 0;
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
content: '';
border-radius: 50%;
background: content-box #237ac6;
}
.contact-item .striped-icon-xlarge span {
vertical-align: middle;
position: relative;
z-index: 1;
top: -6px;
} .gallery-controls {
text-align: center;
margin-bottom: 40px;
}
.gallery-controls .btn-group a {
background: none !important;
border: 0;
color: #555555;
font-size: 17px;
text-transform: uppercase;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.gallery-controls .btn-group a i {
opacity: 0;
display: block;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform: translate(0, -10px);
transform: translate(0, -10px);
padding: 0;
margin: auto;
font-size: 22px;
}
.gallery-controls .btn-group a:hover,
.gallery-controls .btn-group a.active {
color: #ed912a;
}
.gallery-controls .btn-group a:hover i,
.gallery-controls .btn-group a.active i {
color: #ed912a;
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.gallery-item {
position: relative;
width: 25%;
}
.gallery-item img {
vertical-align: middle;
width: 100%;
height: auto
}
.gallery-item .pix-gallery-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.8);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
opacity: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.gallery-item .pix-gallery-info .description {
text-align: center;
}
.gallery-item .pix-gallery-info .description a {
color: #fff;
}
.gallery-item .pix-gallery-info .description a span {
font-size: 22px;
color: #ed912a;
margin-bottom: 20px;
}
.gallery-item:hover .description span {
top: 0px;
}
.gallery-item .pix-gallery-info .description span {
display: block;
color: #ffffff;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 10px;
position: relative;
top: -30px;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.gallery-item .pix-gallery-info .description span + span a,
.gallery-item .pix-gallery-info .description span + span {
color: #cccccc;
font-size: 13px;
}
.gallery-item:hover .pix-gallery-info {
opacity: 1;
} .feature-item {
margin-bottom: 30px;
}
.feature-item h5 {
color: #ffffff;
font-size: 20px;
font-weight: 400;
padding-bottom: 15px;
}
.feature-item h5 span {
color: #ed912a;
font-size: 18px;
font-weight: 700;
margin-right: 10px;
}
.feature-item p {
color: #aaaaaa;
font-size: 15px;
line-height: 24px;
}
.feature-item.right-feature-item {
text-align: left;
}
.feature-item.right-feature-item h5 span {
margin-left: 10px;
margin-right: 0;
}
.feature-item.right-feature-item.feature-divider .feature-divider-item {
margin-left: 0;
}
.feature-item.feature-divider {
padding: 66px 0;
}
.feature-item.feature-divider .feature-divider-item {
width: 125px;
height: 2px;
background: #777777;
position: relative;
margin-left: auto;
}
.feature-item.feature-divider .feature-divider-item:before {
content: "";
width: 5px;
height: 5px;
background: #777777;
border-radius: 50%;
position: absolute;
left: 0;
top: -1px;
}
.feature-item.feature-divider .feature-divider-item:after {
content: "";
width: 5px;
height: 5px;
background: #777777;
border-radius: 50%;
position: absolute;
right: 0;
top: -1px;
} .skill-item {
margin-bottom: 50px;
}
.skill-item:last-child {
margin-bottom: 0;
}
.skill-item .skill-label {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
color: #828282;
}
.skill-item .skill-label span {
margin-right: 9px;
font-size: 25px;
color: #555555;
}
.skill-item .skill-line {
height: 3px;
width: 100%;
background: #ffffff;
position: relative;
}
.skill-item .skill-line span {
display: block;
height: 3px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
background: #fff;
}
.skill-item .skill-count {
color: #000000;
font-size: 22px;
line-height: 10px;
} .panel-alt-two {
position: relative;
border: 0;
border: none;
box-shadow: none;
}
.panel-alt-two::after {
content: "";
position: absolute;
top: 25px;
bottom: 25px;
left: 25px;
width: 2px;
background: #eeeeee;
}
.panel-alt-two:before {
content: "";
position: absolute;
width: 8px;
height: 8px;
bottom: 25px;
left: 22px;
border-radius: 50%;
background: #eeeeee;
}
.panel-alt-two .panel-heading {
padding-left: 70px;
}
.panel-alt-two .panel-body {
padding-left: 70px;
padding-top: 0;
line-height: 25px;
font-size: 15px;
}
.panel-alt-two .panel-body p {
color: #555555;
}
.panel-alt-two .panel-heading {
border: 0;
padding-bottom: 25px;
background: none;
}
.panel-alt-two .panel-heading .panel-title {
position: relative;
font-weight: 700;
}
.panel-alt-two .panel-heading .panel-title a {
color: #2b2e33;
font-weight: 600;
text-decoration: none;
font-size: 17px;
}
.panel-alt-two .panel-heading .panel-title a b {
font-weight: bold;
}
.panel-alt-two .panel-heading .panel-title a:after {
content: "";
width: 40px;
border-top: 1px solid #ddd;
display: block;
margin-top: 15px;
}
.panel-alt-two .panel-heading .panel-title a:hover {
color: #237ac6;
}
.panel-alt-two .panel-heading a:hover .accordion-icon {
background: rgba(221, 221, 221, 0.3);
}
.panel-alt-two .panel-heading.active a {
color: #237ac6;
}
.panel-alt-two .panel-heading.active .accordion-icon {
background: rgba(221, 221, 221, 0.5);
}
.panel-alt-two .panel-heading.active .accordion-icon .stacked-icon {
color: white;
background: #237ac6;
}
.accordion-icon {
position: absolute;
top: -18px;
left: -72px;
background: transparent;
border-radius: 50%;
width: 56px;
height: 56px;
line-height: 50px;
padding: 3px;
z-index: 3;
}
.accordion-icon .stacked-icon {
height: 100%;
background: white;
border: 2px solid #e8e9ed;
border-radius: 50%;
color: #cacddb;
font-size: 18px;
text-align: center;
display: block;
} .disable-owl-carousel > div {
display: inline-block;
max-width: 24%;
}
.disable-owl-carousel.pix-col-3 > div {
max-width: 32.8%;
}
.ms-tableCell  .disable-owl-carousel > div {
display: inline-block;
max-width: 32%;
}
.wrap-team-slider .image-overlay ul li:before{
display: none !important;
}
.wrap-team-slider {
margin-bottom: 0px;
padding: 0;
}
.wrap-team-slider .sp-thumbnail {
border: medium none;
max-width: 300px;
margin: 0 10px;
position: relative;
}
.wrap-team-slider .wrap-user-images {
font-size: 0;
margin-right: -15px;
}
.wrap-team-slider .team-slider { padding-left: 15px;
}
.wrap-team-slider .team-slider:after {
content: "";
display: table;
clear: both;
height: 0;
}
.wrap-team-slider .team-slider .sp-slides-container {
padding-left: calc((100vw - 1200px) / 2);
width: 50%;
float: left;
padding-right: 15px;
}
.wrap-team-slider .team-slider .sp-slides-container .sp-mask {
width: 100% !important;
}
.wrap-team-slider .team-slider .sp-slides-container .sp-mask .sp-slides .sp-slide {
width: 100% !important;
}
.wrap-team-slider .team-slider .sp-thumbnails-container {
width: 50% !important;
float: left;
margin: 0;
}
.sp-thumbnail {
border: medium none;
max-width: 300px;
position: relative;
}
.sp-thumbnail:hover .image-overlay {
opacity: 1 !important;
}
.wrap-team-slider .team-slider .sp-thumbnails-container .wrap-user-images .sp-thumbnail-container {
margin: 0;
font-size: 14px;
display: inline-block;
vertical-align: top;
width: 212px !important;
position: relative;
height: auto !important;
}
.wrap-team-slider img {
max-width: 100%;
width: 100%;
vertical-align: middle;
}
.wrap-team-slider .image-overlay ul {}
.wrap-team-slider .image-overlay:hover ul li {
top: 0;
}
.wrap-team-slider .image-overlay ul li {
display: inline-block;
position: relative;
top: 50px;
transition: all 0.3s ease-out;
}
.wrap-team-slider .image-overlay ul li a {
margin: 0 5px;
}
.wrap-team-slider .image-overlay ul li i {
color: #fff;
font-size: 18px;
}
.wrap-team-slider .image-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.8);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
transition: all 0.3s ease-out;
opacity: 0;
}
.wrap-team-slider .team-slider .sp-thumbnails-container .wrap-user-images .sp-thumbnail-container .image-overlay ul li {
display: inline-block;
vertical-align: middle;
color: #cccccc;
margin: 0 5px;
}
.wrap-team-slider .team-slider .sp-thumbnails-container .wrap-user-images .sp-thumbnail-container .image-overlay ul li a {
color: #ccc;
}
.person-description {
padding: 20px 10px;
text-align: center;
}
.person-description h5 {
color: #000000;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
padding-bottom: 7px;
}
.person-description .under-name {
color: #8a8a8a;
font-size: 14px;
margin-bottom: 35px;
text-transform: uppercase;
padding-bottom: 10px;
}
.portfolio-image  .under-name:after {
margin: 15px 0 0;
border-color: #fff !important;
margin: 15px 0 0;
width: 40px;
} .responsive-features-list {
font-size: 0;
}
.responsive-features-list .list-item {
display: inline-block;
vertical-align: middle;
width: 50%;
font-size: 14px;
margin-bottom: 30px;
}
.responsive-features-list .list-item .icon {
height: 56px;
width: 56px;
background: #fff;
line-height: 56px;
text-align: center;
margin-right: 10px;
}
.responsive-features-list .list-item .icon span {
color: #ed912a;
font-size: 20px;
line-height: 56px;
}
.responsive-features-list .list-item > span {
color: #333333;
font-size: 14px;
font-weight: 700;
line-height: 22px;
text-align: left;
} .taxonomy-page{
padding-top: 50px;
padding-bottom: 80px;
}
.sidebar-services li{
position: relative;
list-style: none;
margin-bottom: 6px;
}
.sidebar-services li a {
padding: 20px 20px;
text-transform: uppercase;
display: inline-block;
background: #f5f5f5;
width: 100%;
font-size: 13px;
font-weight: 700;
color: #333;
border: 0;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
text-decoration: none !important;
position: relative;
}
.sidebar-services li:before {
display: none !important;
}
.sidebar-services li:after {
content: "";
display: block;
width: 4px;
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
background: #e3e3e3;
}
.sidebar-services li a:hover, .sidebar-services .active a, .sidebar-services .current-cat a{
background: #337ab7;
border-color: transparent;
color: #fff;
text-decoration: none;
}
html .sidebar-services .current-cat:after , .sidebar-services .active:after {
background: #337ab7;
}
.services h4{
font-weight: 700 !important;
text-transform: uppercase;
font-size: 17px;
margin: 0;
padding: 15px 0;
}
.services .service-item {
float: none;
display: inline-block;
vertical-align: top;
margin-left: -4px;
}
.services .service-item {
padding-top: 0;
padding-bottom: 50px;
}
.service-item .btn{
margin-top: 20px;
}
.services .isotope-frame {
padding-top: 20px;
}
.services .nav-tabs > a{
float:none;
display:inline-block;
border:1px solid #eee;
margin-right:5px;
background:#fff;
}
.services .nav-tabs > a + a{
margin: 10px 5px;
}
.services .nav-tabs > a.btn.active, .nav-tabs > a.btn.active:focus, .nav-tabs > a.btn.active:hover{
background: #fcb137;
color: #fff;
border-color: #fcb137;
}
.services .nav-tabs > a.btn{
position: relative;
border-radius: 3px;
margin-right: 0px;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
padding: 5px 25px;
cursor: pointer;
}
.services .nav-tabs > a.btn > i{
display: none;
}
.services   .nav-tabs {
border-bottom: 0;
max-width: 80%;
text-align: center;
margin: 0 auto 10px;
}
html .our-services div > a:hover:after{
background: #ed912a !important ;
} .portfolio-item {
margin: 0 0 30px 0;
}
.portfolio-item .portfolio-image {
position: relative;
cursor: pointer;
overflow: hidden;
}
.portfolio-item .portfolio-image:hover > a::after,
.portfolio-item .portfolio-image:hover .portfolio-item-body {
opacity: 1;
}
.portfolio-item .portfolio-image > a {
display: block;
position: relative;
}
.portfolio-item .portfolio-image > a:after {
content: "";
background: rgba(0, 0, 0, 0.8);
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.tax-portfolio_category  .gallery-item-hover{
top: 30%;
}
.gallery-item-hover{
position: absolute;
top: 45%;
left: 0;
width: 100%;
text-align: center;
opacity: 0;
}
.portfolio-item:hover .gallery-item-hover{
opacity: 0.9;
}
.item-hover-icon{
color: #fff;
border: 2px solid #fff;
width: 40px;
height: 40px;
display: inline-block;
text-align: center;
border-radius: 100px;
margin: 0 10px;
line-height: 37px;
font-size: 14px;
font-weight: normal;
}
.portfolio-item .portfolio-image img {
width: 100%;
height: auto;
vertical-align: middle;
min-width: 100%;
}
.portfolio-item .portfolio-image .portfolio-item-body {
position: absolute;
z-index: 3;
bottom: 15px;
left: 15px;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
opacity: 0;
}
.portfolio-item .portfolio-image .portfolio-item-body.center-body {
top: 50%;
margin-top: -20px;
left: 0;
right: 0;
text-align: center;
}
.portfolio-item .portfolio-image .portfolio-item-body.center-body ul li {
display: inline-block;
vertical-align: middle;
margin: 0 5px;
}
.portfolio-item .portfolio-image .portfolio-item-body.center-body ul li a {
display: block;
width: 40px;
height: 40px;
border: 1px solid #fff;
border-radius: 50%;
text-align: center;
text-decoration: none;
color: #fff;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.portfolio-item .portfolio-image .portfolio-item-body.center-body ul li a:hover {
background: #ed912a;
border-color: #ed912a;
}
.portfolio-item .portfolio-image .portfolio-item-body.center-body ul li a span {
font-size: 16px;
line-height: 40px;
}
.portfolio-item .portfolio-image .portfolio-item-body .name {
color: #fff;
font-size: 12px;
text-transform: uppercase;
margin-bottom: 5px;
}
.portfolio-item .portfolio-image .portfolio-item-body .name:before {
margin-bottom: 15px;
content: "";
width: 12px;
height: 12px;
border: 2px solid #fff;
border-radius: 50%;
display: block;
}
.portfolio-item .portfolio-image .portfolio-item-body .under-name,
.portfolio-item .portfolio-image .portfolio-item-body .under-name a {
color: #fff;
font-size: 12px;
font-weight: normal;
}
.portfolio-item .portfolio-item-footer {
padding-top: 25px;
position: relative;
padding-bottom: 25px;
border-bottom: 1px solid #eff2f7;
}
.portfolio-item .portfolio-item-footer .name {
font-size: 14px;
color: #333;
text-transform: uppercase;
margin-bottom: 5px;
font-weight: bold;
}
.portfolio-item .portfolio-item-footer .under-name {
color: #999999;
font-size: 12px;
}
.portfolio-item .portfolio-item-footer .views {
position: absolute;
line-height: 20px;
top: 50%;
margin-top: -10px;
right: 0;
}
.portfolio-item .portfolio-item-footer .views .icon {
font-size: 16px;
color: #666666;
margin-right: 5px;
vertical-align: middle;
display: inline-block;
}
.portfolio-item .portfolio-item-footer .views span:not(.icon) {
font-size: 12px;
color: #999999;
vertical-align: middle;
display: inline-block;
}
.portfolio-item .portfolio-item-footer .under-name:after{
display: none !important;
}
.pix-no-space{
padding-right: 0 !important;
padding-left: 0 !important;
}
.pix-no-space  .portfolio-item {
margin: 0;
} .wrap-contact-form input[type="text"],
.wrap-contact-form input[type="email"],
.wrap-contact-form input[type="phone"],
.wrap-contact-form input[type="password"],
.wrap-contact-form textarea {
color: #fff;
}
.wrap-contact-form input[type="text"]:-moz-placeholder,
.wrap-contact-form input[type="email"]:-moz-placeholder,
.wrap-contact-form input[type="phone"]:-moz-placeholder,
.wrap-contact-form input[type="password"]:-moz-placeholder,
.wrap-contact-form textarea:-moz-placeholder {
color: #fff;
opacity: 1;
}
.wrap-contact-form input[type="text"]::-moz-placeholder,
.wrap-contact-form input[type="email"]::-moz-placeholder,
.wrap-contact-form input[type="phone"]::-moz-placeholder,
.wrap-contact-form input[type="password"]::-moz-placeholder,
.wrap-contact-form textarea::-moz-placeholder {
color: #fff;
opacity: 1;
}
.wrap-contact-form input[type="text"]:-ms-input-placeholder,
.wrap-contact-form input[type="email"]:-ms-input-placeholder,
.wrap-contact-form input[type="phone"]:-ms-input-placeholder,
.wrap-contact-form input[type="password"]:-ms-input-placeholder,
.wrap-contact-form textarea:-ms-input-placeholder {
color: #fff;
}
.wrap-contact-form input[type="text"]::-webkit-input-placeholder,
.wrap-contact-form input[type="email"]::-webkit-input-placeholder,
.wrap-contact-form input[type="phone"]::-webkit-input-placeholder,
.wrap-contact-form input[type="password"]::-webkit-input-placeholder,
.wrap-contact-form textarea::-webkit-input-placeholder {
color: #fff;
} @media (max-width: 1199px) {
.header .navbar .navbar-nav li a {
font-size: 12px;
padding: 0 8px;
}
.portfolio-item .portfolio-image img {
}
.portfolio-list-section .list-works.mini-list-works .portfolio-item .portfolio-image img {
}
.section-intro .arrow {
padding-top: 70px;
}
.section-intro .intro-title {
padding-left: 0;
}
.section-intro .intro-text {
padding-top: 25px;
margin-bottom: 25px;
}
.section-intro .under-intro-text {
margin-bottom: 20px;
}
.section-intro .iphone img {
max-width: 100%;
}
.feature-item.feature-divider {
padding: 10px 0;
}
.wrap-team-slider .team-slider {
padding-left: 0;
}
.wrap-team-slider .team-slider .sp-slides-container {
padding-left: 15px;
}
.section-who-we-are .who-we-are-collage .collage-item.item-headphones {
right: -9%;
}
.section-who-we-are .who-we-are-collage .collage-item.item-clips {
left: -3%;
}
.section-who-we-are .who-we-are-collage .collage-item.item-keyboard {
top: 44%;
right: 36%;
}
}
@media (max-width: 991px) {
.header .navbar .navbar-nav li a {
padding: 0 4px;
margin: 0 0px;
font-size: 11px;
}
.portfolio-item .portfolio-image .portfolio-item-body {
bottom: 15px;
left: 15px;
}
.portfolio-item .portfolio-image img {
}
.counters .counter-item .top-counter {
width: 90px;
height: 90px;
}
.counters .counter-item .top-counter span {
font-size: 36px;
line-height: 90px;
}
.section-intro-2 .counters {
padding-top: 0;
}
.section-intro-2 .counters .counter-item {
padding: 0;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a {
padding-left: 15px;
padding-right: 15px;
}
.section-skills .feature-section .wrap-feature-content {
display: none !important;
}
.feature-item {
display: inline-block;
width: 49%;
vertical-align: top;
text-align: left !important;
}
.feature-item.feature-divider {
display: none;
}
.wrap-team-slider .team-slider .team-slide .person-description {
margin-bottom: 30px;
}
.wrap-team-slider .team-slider .sp-slides-container {
float: none;
width: 100%;
}
.wrap-team-slider .team-slider .sp-thumbnails-container {
width: 100% !important;
float: none;
}
.section-trust-us .trus-image {
display: none !important;
}
}
@media (max-width: 767px) {
.header .navbar.navbar-default {
position: static !important;
}
.portfolio-item .portfolio-image {
height: 220px;
}
.portfolio-item .portfolio-image img {
height: auto;
min-height: auto%;
min-width: 100%;
max-width: 100%;
}
.portfolio-list-section .list-works.mini-list-works .portfolio-item .portfolio-image {
height: 250px;
}
.portfolio-list-section .list-works.mini-list-works .portfolio-item .portfolio-image img {
height: auto;
min-height: 100%;
min-width: 100%;
max-width: 100%;
}
.header .navbar.navbar-default {
background: rgba(255, 255, 255, 0.9);
border-bottom: 1px solid #E4E4E4;
padding-top: 20px;
padding-bottom: 19px;
}
.header .navbar.navbar-default .navbar-nav li {
padding: 0;
}
.header .navbar.navbar-default .navbar-nav li a {
color: #333;
}
.header .navbar.navbar-default .normal-logo {
display: none;
}
.header .navbar.navbar-default .scroll-logo {
display: inline-block !important;
}
.wrap-inside-nav {
position: static;
padding: 0;
}
.wrap-inside-nav .inside-col {
padding: 15px 0;
border-right: none;
border-bottom: 1px solid #26282d;
}
.wrap-inside-nav .inside-col .inside-nav li {
float: left;
width: 49%;
}
.wrap-inside-nav .inside-col .inside-nav li a {
font-size: 12px;
padding-left: 20px;
}
.header .navbar .main-menu > li.hidden-menu-item {
position: static;
right: 0;
}
.header .right-nav-block {
float: none !important;
}
.header .right-nav-block .navbar-collapse {
margin-top: 55px;
border: none;
box-shadow: none;
}
.header .right-nav-block .navbar-collapse .navbar-nav {
display: block;
}
.header .right-nav-block .navbar-collapse .navbar-nav.social-nav li {
display: inline-block;
}
.header .right-nav-block .navbar-collapse .navbar-nav.social-nav li a {
padding: 0 15px;
}
.header .navbar .navbar-nav li a {
padding: 0 15px;
margin-bottom: 5px;
}
.wrap-blog-post .post-description {
padding: 15px 15px 0 15px;
}
.wrap-blog-post.wrap-wide-blog-post .wrap-image .post-date {
left: 15px;
bottom: 15px;
}
.wrap-blog-post .wrap-image .post-date {
right: 15px;
bottom: 15px;
}
.wrap-blog-post .post-body {
padding: 0 15px 15px 15px;
}
.counters .counter-item {
width: 48%;
margin-bottom: 30px;
}
.counters .counter-item .top-counter {
margin-left: auto;
margin-right: auto;
}
.counters .counter-item .top-counter:after {
display: none;
}
.section-coming-soon {
padding: 40px 0;
}
.footer {
padding-bottom: 30px;
}
.footer .tab-content.theme-tab-content {
padding: 30px 0 40px;
}
blockquote.blockquote-box {
padding: 35px 15px 35px 15px;
}
blockquote.blockquote-box.blue-blockquote {
background-position: 15px 5px;
}
blockquote.blockquote-full.blue-blockquote {
padding: 60px 15px 50px 15px;
background-position: 15px 15px;
background-size: 40px 40px;
}
.blog-post .post-body {
padding-left: 15px;
padding-right: 15px;
}
.post-footer {
margin-left: 15px;
margin-right: 15px;
}
.blog-comments .comment-item {
padding: 15px;
}
.blog-comments .comment-item .media-left img {
width: 50px;
}
.blog-comments .comment-item .comment-item-heading .btn {
margin-top: 10px;
}
.counters .counter-item {
width: 100%;
}
.service-item {
padding: 15px 0;
border: none !important;
text-align: left !important;
}
.service-item .item-body p {
text-align: left !important;
}
.service-item.right-text-item .item-heading > .icon {
float: left;
margin-left: 0;
margin-right: 15px;
}
.service-item.right-text-item .item-heading .title:after {
right: auto;
left: 0;
}
.service-features-section:before {
display: none;
}
.gallery-item {
width: 50%;
}
.section-purchase .logo-block {
text-align: left;
padding: 10px 15px;
}
.section-purchase .col-md-2.text-right {
text-align: left !important;
}
.skill-item:last-child {
margin-bottom: 50px;
}
.section-skills .skills-section .skills-features-section:before {
display: none;
}
.section-trust-us {
padding: 60px 0;
}
.section-intro {
padding: 30px 0;
}
.section-header-slider .vertical-slider .slide-item .slide-content {
padding-top: 170px;
padding-bottom: 170px;
padding-left: 15px;
padding-right: 15px;
}
.section-header-slider .vertical-slider .slide-item .slide-content .above-title {
font-size: 22px;
}
.section-header-slider .vertical-slider .slide-item .slide-content h1 {
font-size: 38px;
}
.section-header-slider .vertical-slider .slide-item .slide-content p {
font-size: 16px;
}
.section-header-slider .vertical-slider .sp-mask {
height: 600px !important;
}
.section-header-slider .vertical-slider .slide-item {
height: 600px !important;
}
.wrap-team-slider .team-slider .sp-thumbnails-container .wrap-user-images .sp-thumbnail-container {
min-width: 200px;
}
}
@media (max-width: 500px) {
.list-works .col-xs-6 {
width: 100%;
float: none;
}
.list-works .portfolio-item .portfolio-image {
height: auto;
}
.list-works .portfolio-item .portfolio-image img {
width: 100%;
height: auto;
}
.list-works.mini-list-works .portfolio-item .portfolio-image {
height: auto;
}
.list-works.mini-list-works .portfolio-item .portfolio-image img {
width: 100%;
}
} .pricing-switcher {
margin-bottom: 50px;
text-align: center;
padding-top: 50px;
}
.pricing-switcher .btn-info {
background-color: #fff;
border: 1px solid #eee;
color: #333;
}
.pricing-switcher .btn.active {
color: #fff;
background-color: #237AC5!important;
border-color: #237ac6;
}
.touch .cd-pricing-wrapper {
-webkit-perspective: 2000px;
-moz-perspective: 2000px;
perspective: 2000px;
}
.cd-pricing-wrapper {
position: relative;
}
.cd-pricing-wrapper .is-visible {
position: relative;
z-index: 5;
}
.cd-pricing-wrapper .is-hidden {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.cd-pricing-wrapper .is-selected {
z-index: 3!important;
}
.cd-pricing-wrapper.is-switched .is-visible {
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-animation: cd-rotate .5s;
-o-animation: cd-rotate .5s;
animation: cd-rotate .5s;
}
.cd-pricing-wrapper.is-switched .is-hidden {
-webkit-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
-webkit-animation: cd-rotate-inverse .5s;
-o-animation: cd-rotate-inverse .5s;
animation: cd-rotate-inverse .5s;
opacity: 0;
}
.cd-pricing-wrapper.is-switched .is-selected {
opacity: 1;
}
.cd-pricing-wrapper.is-switched.reverse-animation .is-visible {
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-animation: cd-rotate-back .5s;
-o-animation: cd-rotate-back .5s;
animation: cd-rotate-back .5s;
}
.cd-pricing-wrapper.is-switched.reverse-animation .is-hidden {
-webkit-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
-webkit-animation: cd-rotate-inverse-back .5s;
-o-animation: cd-rotate-inverse-back .5s;
animation: cd-rotate-inverse-back .5s;
opacity: 0;
}
.cd-pricing-wrapper.is-switched.reverse-animation .is-selected {
opacity: 1;
}
.cd-pricing-wrapper > li {
outline: 1px solid transparent;
background-color: #fff;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.cd-pricing-wrapper > li .is-ended::after {
display: none;
}
.cd-pricing-wrapper.panel-highlited {
margin: -10px;
position: relative;
z-index: 8;
}
.cd-pricing-wrapper.panel-highlited .panel {
-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
box-shadow: 0 1px 10px rgba(0,0,0,.1);
}
.cd-pricing-wrapper.panel-highlited .panel .gap {
width: 100%;
height: 10px;
margin: 0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background-color: #28ad62;
}
.cd-pricing-wrapper.panel-highlited .panel .panel-footer {
padding-bottom: 50px;
}
.panel-highlited  .btn.btn-info {
background-color: #28ad62;
border-color: #28ad62;
color: #fff;
}
.no-js .cd-pricing-wrapper .is-hidden {
position: relative;
margin-top: 1em;
-webkit-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
@-webkit-keyframes cd-rotate {
0% {
-webkit-transform: perspective(2000px) rotateY(0);
}
70% {
-webkit-transform: perspective(2000px) rotateY(200deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(180deg);
}
}
@-moz-keyframes cd-rotate {
0% {
-moz-transform: perspective(2000px) rotateY(0);
}
70% {
-moz-transform: perspective(2000px) rotateY(200deg);
}
100% {
-moz-transform: perspective(2000px) rotateY(180deg);
}
}
@keyframes cd-rotate {
0% {
-webkit-transform: perspective(2000px) rotateY(0);
-moz-transform: perspective(2000px) rotateY(0);
-ms-transform: perspective(2000px) rotateY(0);
-o-transform: perspective(2000px) rotateY(0);
transform: perspective(2000px) rotateY(0);
}
70% {
-webkit-transform: perspective(2000px) rotateY(200deg);
-moz-transform: perspective(2000px) rotateY(200deg);
-ms-transform: perspective(2000px) rotateY(200deg);
-o-transform: perspective(2000px) rotateY(200deg);
transform: perspective(2000px) rotateY(200deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(180deg);
-moz-transform: perspective(2000px) rotateY(180deg);
-ms-transform: perspective(2000px) rotateY(180deg);
-o-transform: perspective(2000px) rotateY(180deg);
transform: perspective(2000px) rotateY(180deg);
}
}
@-webkit-keyframes cd-rotate-inverse {
0% {
-webkit-transform: perspective(2000px) rotateY(-180deg);
}
70% {
-webkit-transform: perspective(2000px) rotateY(20deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(0);
}
}
@-moz-keyframes cd-rotate-inverse {
0% {
-moz-transform: perspective(2000px) rotateY(-180deg);
}
70% {
-moz-transform: perspective(2000px) rotateY(20deg);
}
100% {
-moz-transform: perspective(2000px) rotateY(0);
}
}
@keyframes cd-rotate-inverse {
0% {
-webkit-transform: perspective(2000px) rotateY(-180deg);
-moz-transform: perspective(2000px) rotateY(-180deg);
-ms-transform: perspective(2000px) rotateY(-180deg);
-o-transform: perspective(2000px) rotateY(-180deg);
transform: perspective(2000px) rotateY(-180deg);
}
70% {
-webkit-transform: perspective(2000px) rotateY(20deg);
-moz-transform: perspective(2000px) rotateY(20deg);
-ms-transform: perspective(2000px) rotateY(20deg);
-o-transform: perspective(2000px) rotateY(20deg);
transform: perspective(2000px) rotateY(20deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(0);
-moz-transform: perspective(2000px) rotateY(0);
-ms-transform: perspective(2000px) rotateY(0);
-o-transform: perspective(2000px) rotateY(0);
transform: perspective(2000px) rotateY(0);
}
}
@-webkit-keyframes cd-rotate-back {
0% {
-webkit-transform: perspective(2000px) rotateY(0);
}
70% {
-webkit-transform: perspective(2000px) rotateY(-200deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(-180deg);
}
}
@-moz-keyframes cd-rotate-back {
0% {
-moz-transform: perspective(2000px) rotateY(0);
}
70% {
-moz-transform: perspective(2000px) rotateY(-200deg);
}
100% {
-moz-transform: perspective(2000px) rotateY(-180deg);
}
}
@keyframes cd-rotate-back {
0% {
-webkit-transform: perspective(2000px) rotateY(0);
-moz-transform: perspective(2000px) rotateY(0);
-ms-transform: perspective(2000px) rotateY(0);
-o-transform: perspective(2000px) rotateY(0);
transform: perspective(2000px) rotateY(0);
}
70% {
-webkit-transform: perspective(2000px) rotateY(-200deg);
-moz-transform: perspective(2000px) rotateY(-200deg);
-ms-transform: perspective(2000px) rotateY(-200deg);
-o-transform: perspective(2000px) rotateY(-200deg);
transform: perspective(2000px) rotateY(-200deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(-180deg);
-moz-transform: perspective(2000px) rotateY(-180deg);
-ms-transform: perspective(2000px) rotateY(-180deg);
-o-transform: perspective(2000px) rotateY(-180deg);
transform: perspective(2000px) rotateY(-180deg);
}
}
@-webkit-keyframes cd-rotate-inverse-back {
0% {
-webkit-transform: perspective(2000px) rotateY(180deg);
}
70% {
-webkit-transform: perspective(2000px) rotateY(-20deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(0);
}
}
@-moz-keyframes cd-rotate-inverse-back {
0% {
-moz-transform: perspective(2000px) rotateY(180deg);
}
70% {
-moz-transform: perspective(2000px) rotateY(-20deg);
}
100% {
-moz-transform: perspective(2000px) rotateY(0);
}
}
@keyframes cd-rotate-inverse-back {
0% {
-webkit-transform: perspective(2000px) rotateY(180deg);
-moz-transform: perspective(2000px) rotateY(180deg);
-ms-transform: perspective(2000px) rotateY(180deg);
-o-transform: perspective(2000px) rotateY(180deg);
transform: perspective(2000px) rotateY(180deg);
}
70% {
-webkit-transform: perspective(2000px) rotateY(-20deg);
-moz-transform: perspective(2000px) rotateY(-20deg);
-ms-transform: perspective(2000px) rotateY(-20deg);
-o-transform: perspective(2000px) rotateY(-20deg);
transform: perspective(2000px) rotateY(-20deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(0);
-moz-transform: perspective(2000px) rotateY(0);
-ms-transform: perspective(2000px) rotateY(0);
-o-transform: perspective(2000px) rotateY(0);
transform: perspective(2000px) rotateY(0);
}
}
.cd-pricing-wrapper  .panel{
border: 0;
}
.pricing__feature-list li {
border-bottom: 1px solid #eeeeee;
padding: 10px;
}
.list-prices .panel{
border: 0 !important;
}
.list-prices  .btn {
text-transform: uppercase;
}
.pricing * {
line-height: 1.42857143;
color: #333;
}
.pricing__currency {
margin-right: 5px;
color: #fff;
}
.plan-item {
text-align: center;
margin: 0 15px;
}
.plan-item .item-heading {
background: #237ac6;
padding-top: 60px;
padding-bottom: 90px;
}
.plan-item .item-heading.blue-heading {
position: relative;
}
.plan-item .item-heading.orange-heading {
position: relative;
background: #ed912a;
}
.plan-item .item-heading.orange-heading:after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #ed912a;
opacity: 0.9;
z-index: 1;
}
.plan-item .item-heading h4 {
color: #ffffff;
font-size: 20px;
font-weight: 900;
text-transform: uppercase;
position: relative;
z-index: 2;
margin-bottom: 5px;
}
.plan-item .item-heading span {
color: #ffffff;
position: relative;
z-index: 2;
}
.plan-item .item-body {
border: 2px solid #eeeeee;
border-top: none;
padding: 0 50px 30px;
}
.plan-item .item-body .price-count {
top: -55px;
margin: 0 auto 0;
border-radius: 50%;
background-color: #ffffff;
text-align: center;
line-height: 110px;
width: 110px;
height: 110px;
position: relative;
z-index: 3;
border: 5px solid #f6f6f6;
box-shadow: 0 0 0 2px #eeeeee inset;
}
.plan-item .item-body .price-count span {
color: #333333;
position: relative;
font-size: 33px;
font-weight: 700;
top: -5px;
}
.plan-item .item-body .price-count span i {
font-size: 30px;
}
.plan-item .item-body .price-type {
color: #555555;
position: relative;
margin-bottom: 35px;
text-transform: uppercase;
}
.plan-item .item-body .price-type:after {
content: "";
display: block;
background-color: #237ac6;
width: 40px;
height: 1px;
margin: 10px auto;
}
.plan-item .item-body ul {
margin-bottom: 20px;
}
.plan-item .item-body ul li {
padding: 10px 0;
line-height: 30px;
border-bottom: 1px solid #eeeeee;
color: #555555;
font-size: 15px;
list-style: none;
}
.plan-item .item-body ul li:before{
display: none !important;
}
.plan-item .item-body ul li:last-child {
border-bottom: none;
}
.pricing {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
margin: 0 auto 3em;
}
.pricing__item {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: stretch;
align-items: stretch;
text-align: center;
-webkit-flex: 0 1 330px;
flex: 0 1 330px;
}
.pricing__feature-list {
text-align: left;
}
.pricing__action {
color: inherit;
border: none;
background: none;
}
.pricing__action:focus {
outline: none;
} .pricing--sonam .pricing__item {
margin: 1em;
padding: 2em;
cursor: default;
border-radius: 10px;
background: #1F1F1F;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05), 0 15px 30px -10px rgba(0, 0, 0, 0.3);
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.pricing--sonam .pricing__item:hover {
background: #141315;
}
.pricing--sonam .pricing__title {
font-size: 2em;
width: 100%;
margin: 0 0 0.25em;
padding: 0 0 0.5em;
border-bottom: 3px solid rgb(27, 26, 28);
}
.pricing--sonam .pricing__price {
color: #E06060;
font-size: 1.75em;
padding: 1em 0 0.75em;
}
.pricing--sonam .pricing__sentence {
font-weight: bold;
}
.pricing--sonam .pricing__feature-list {
margin: 0;
padding: 1em 1.25em 2em;
}
.pricing--sonam .pricing__action {
font-weight: bold;
margin-top: auto;
padding: 0.75em 2em;
border-radius: 5px;
background: #E06060;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.pricing--sonam .pricing__action:hover,
.pricing--sonam .pricing__action:focus {
background: #BD3C3C;
} .pricing--jinpa .pricing__item {
margin: 1.5em 0;
padding: 2em;
cursor: default;
color: #fff;
border: 2px solid #eeeeee;
-webkit-transition: background-color 0.6s, color 0.3s;
transition: background-color 0.6s, color 0.3s;
}
.pricing--jinpa .pricing__item:nth-child(2) {
border-right: none;
border-left: none;
}
.pricing--jinpa .pricing__item:hover {}
.pricing--jinpa .pricing__title {
font-size: 2em;
width: 100%;
margin: 0;
padding: 0;
}
.pricing--jinpa .pricing__price {
font-size: 1.45em;
font-weight: bold;
line-height: 95px;
width: 100px;
height: 100px;
margin: 1.15em auto 1em;
border-radius: 50%;
color: #fff;
background: #ea716e;
-webkit-transition: color 0.3s, background 0.3s;
transition: color 0.3s, background 0.3s;
}
.pricing--jinpa .pricing__item:first-child .pricing__price {
background: #eac36e;
}
.pricing--jinpa .pricing__item:nth-child(2) .pricing__price {
background: #eaa36e;
}
.pricing--jinpa .pricing__item:hover .pricing__price {
color: #fff;
background: #088cdc;
}
.pricing--jinpa .pricing__sentence {}
.pricing--jinpa .pricing__feature-list {
margin: 0;
padding: 1em 1em 2em 1em;
list-style: none;
text-align: center;
}
.pricing--jinpa .pricing__action {
font-weight: bold;
margin-top: auto;
padding: 0.75em 2em;
opacity: 0;
color: #fff;
background: #088cdc;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
.pricing--jinpa .pricing__item:hover .pricing__action {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.pricing--jinpa .pricing__action:hover,
.pricing--jinpa .pricing__action:focus {
background: #6EA76B;
}
@media screen and (max-width: 60em) {
.pricing--jinpa .pricing__item {
max-width: none;
width: 90%;
flex: none;
}
.pricing--jinpa .pricing__item:nth-child(2) {
border: 1px solid #fff;
}
} .pricing--tenzin .pricing__item {
margin: 1em;
padding: 2em 2.5em;
text-align: left;
color: #262b38;
background: #EEF0F3;
border-top: 3px solid #EEF0F3;
-webkit-transition: border-color 0.3s;
transition: border-color 0.3s;
}
.pricing--tenzin .pricing__item:hover {
border-color: #3e62e0;
}
.pricing--tenzin .pricing__title {
font-size: 1em;
margin: 0 0 1em;
}
.pricing--tenzin .pricing__price {
font-size: 2em;
font-weight: bold;
padding: 0.5em 0 0.75em;
border-top: 3px solid rgba(139, 144, 157, 0.18);
}
.pricing--tenzin .pricing__currency {
font-size: 0.5em;
vertical-align: super;
}
.pricing--tenzin .pricing__sentence {
font-weight: bold;
padding: 0 0 0.5em;
color: #9CA0A9;
border-bottom: 3px solid rgba(139, 144, 157, 0.18);
}
.pricing--tenzin .pricing__feature-list {
font-size: 0.85em;
font-style: italic;
margin: 0;
padding: 0.25em 0 2.5em;
list-style: none;
text-align: right;
color: #8b909d;
}
.pricing--tenzin .pricing__action {
font-weight: bold;
margin-top: auto;
padding: 1em 2em;
color: #fff;
border-radius: 30px;
background: #3e62e0;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.pricing--tenzin .pricing__action:hover,
.pricing--tenzin .pricing__action:focus {
background-color: #3b5ac5;
} .pricing--yama .pricing__item {
margin: 1em;
padding: 0 0 2em;
color: #fff;
background: #1e1c20;
}
.pricing--yama .pricing__title {
font-size: 2.35em;
font-weight: 900;
line-height: 1;
width: 290px;
margin: 0 auto;
padding: 1em 1em 0em;
}
.pricing__amp {
padding: 0.15em 0 0.1em;
color: #0f0e0f;
}
.pricing--yama .pricing__sentence {
margin-bottom: 2em;
color: #555357;
}
.pricing--yama .pricing__price {
font-size: 2em;
font-weight: bold;
position: relative;
z-index: 10;
overflow: hidden;
padding: 0.75em;
cursor: default;
color: #ef7d46;
background: #1a181b;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.pricing--yama .pricing__item:hover .pricing__price {
color: #fff;
}
.pricing--yama .pricing__price::before {
content: '';
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background: #141315;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translate3d(-150%, 0, 0) skewX(40deg);
transform: translate3d(-150%, 0, 0) skewX(40deg);
}
.pricing--yama .pricing__item:hover .pricing__price::before {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) skewX(0deg);
transform: translate3d(0, 0, 0) skewX(0deg);
}
.pricing--yama .pricing__period {
font-size: 0.5em;
font-weight: normal;
display: block;
color: #2a272c;
}
.pricing--yama .pricing__feature-list {
margin: 0;
padding: 2em 1em;
list-style: none;
text-align: center;
color: #6a6563;
}
.pricing--yama .pricing__action {
font-weight: bold;
margin: 0 2em;
padding: 1em 2em;
border-radius: 4px;
background: #ef7d46;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.pricing--yama .pricing__action:hover,
.pricing--yama .pricing__action:focus {
color: #ef7d46;
background: #fff;
} .pricing--rabten .pricing__item {
padding: 2em 4em;
cursor: default;
color: #262b38;
max-width: 320px;
}
.pricing--rabten .pricing__item:nth-child(2) {
border-right: 1px solid rgba(139, 144, 157, 0.18);
border-left: 1px solid rgba(139, 144, 157, 0.18);
}
.pricing--rabten .pricing__title {
font-size: 1em;
margin: 1.5em 0 0;
}
.pricing--rabten .icon {
font-size: 2.5em;
color: #8b909d;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.pricing--rabten .pricing__item:hover .icon {
color: #E03E3E;
}
.pricing--rabten .pricing__price {
font-size: 2em;
font-weight: bold;
margin: 0.5em 0 0.75em;
overflow: hidden;
}
.pricing--rabten .pricing__currency {
font-size: 0.5em;
vertical-align: super;
}
.pricing--rabten .pricing__period {
font-size: 0.35em;
color: #8b909d;
}
.pricing--rabten .pricing__anim {
display: inline-block;
position: relative;
}
.pricing--rabten .pricing__item:hover .pricing__anim {
-webkit-animation: moveUp 0.4s forwards;
animation: moveUp 0.4s forwards;
-webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.pricing--rabten .pricing__item:hover .pricing__anim--2 {
-webkit-animation-delay: 0.05s;
animation-delay: 0.05s;
}
@-webkit-keyframes moveUp {
50% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
51% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
52% {
opacity: 1;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes moveUp {
50% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
51% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
52% {
opacity: 1;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.pricing--rabten .pricing__sentence {
font-weight: bold;
margin: 0 0 1em 0;
padding: 0 0 0.5em;
color: #8b909d;
}
.pricing--rabten .pricing__feature-list {
font-size: 0.85em;
margin: 0;
padding: 0.25em 0 2.5em;
list-style: none;
text-align: center;
color: #8b909d;
}
.pricing--rabten .pricing__action {
font-weight: bold;
margin-top: auto;
padding: 1em 2em;
color: #fff;
border-radius: 30px;
background: #E03E3E;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.pricing--rabten .pricing__action:hover,
.pricing--rabten .pricing__action:focus {
background-color: #C53737;
}
@media screen and (max-width: 60em) {
.pricing--rabten .pricing__item {
max-width: none;
width: 90%;
flex: none;
border: none !important;
opacity: 1 !important;
}
} .pricing--pema .pricing__item {
padding: 2em 3em;
margin: 1em;
color: #262b38;
background: #fff;
cursor: default;
overflow: hidden;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}
@media screen and (min-width: 66.250em) {
.pricing--pema .pricing__item {
margin: 1.5em 0;
}
.pricing--pema .pricing__item--featured {
z-index: 10;
margin: 0;
font-size: 1.15em;
}
}
.pricing--pema .pricing__title {
font-size: 2em;
margin: 0.5em 0 0;
color: #1d211f;
}
.pricing--pema .icon {
display: inline-block;
min-width: 2em;
color: #8A9790;
vertical-align: middle;
}
.pricing--pema .pricing__price {
font-size: 5em;
font-weight: 800;
color: #6ed19c;
position: relative;
z-index: 100;
}
.pricing--pema .pricing__currency {
font-size: 0.5em;
vertical-align: super;
}
.pricing--pema .pricing__period {
font-size: 0.25em;
display: inline-block;
padding: 0 0 0 0.5em;
color: #CEDED6;
}
.pricing--pema .pricing__sentence {
font-weight: bold;
margin: 0 0 1em 0;
padding: 0 0 0.5em;
color: #6ed19c;
}
.pricing--pema .pricing__feature-list {
font-size: 0.95em;
margin: 0;
padding: 1.5em 0.5em 2.5em;
list-style: none;
}
.pricing--pema .pricing__feature {
padding: 0.15em 0;
}
.pricing--pema .pricing__action {
font-weight: bold;
margin-top: auto;
padding: 1em 2em;
color: #fff;
border-radius: 5px;
background: #6ed19c;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.pricing--pema .pricing__action:hover,
.pricing--pema .pricing__action:focus {
background-color: #4F5F56;
} .pricing--karma .pricing__item {
margin: 1em;
color: #382628;
background: #fff;
cursor: default;
text-transform: uppercase;
letter-spacing: 4px;
border: 2px solid #382628;
border-radius: 5px;
}
.pricing--karma .pricing__title {
font-size: 1em;
font-weight: 700;
margin: 0.5em 0 0;
padding: 1em;
border-bottom: 2px solid #382628;
}
.pricing--karma .icon {
display: inline-block;
min-width: 2em;
}
.pricing--karma .pricing__price {
font-size: 3em;
padding: 0.5em 0 0 0;
margin: 1em;
font-weight: bold;
border: 2px solid #382628;
position: relative;
z-index: 100;
}
.pricing--karma .pricing__item--featured .pricing__price::after {
background: url(//sppsecurite.com/wp-content/themes/guardteam/img/stamp.png);
background-size: cover;
content: '';
position: absolute;
top: -30px;
right: -20px;
width: 100px;
height: 100px;
pointer-events: none;
}
.pricing--karma .pricing__currency {
font-size: 0.5em;
vertical-align: super;
}
.pricing--karma .pricing__period {
font-size: 0.25em;
display: block;
padding: 1em;
margin-top: 1.25em;
border-top: 2px solid #382628;
}
.pricing--karma .pricing__sentence {
margin: 0 0 1em 0;
padding: 1em;
font-size: 0.85em;
border-bottom: 2px solid #382628;
}
.pricing--karma .pricing__feature-list {
font-size: 0.85em;
margin: 0;
letter-spacing: 0;
padding: 0 1em 2.5em 4em;
list-style-type: square;
}
.pricing--karma .pricing__action {
font-weight: bold;
flex: none;
margin: auto 1em 1em;
padding: 1.25em 2em;
color: #fff;
background: #382628;
letter-spacing: 2px;
border-radius: 5px;
border: 2px solid #382628;
font-size: 0.95em;
text-transform: uppercase;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.pricing--karma .pricing__action:hover,
.pricing--karma .pricing__action:focus {
background-color: #ffdbd5;
color: #382628;
} .pricing--norbu .pricing__item {
margin: 1em;
color: #fff;
cursor: default;
border: 1px solid rgba(255, 255, 255, 0.4);
background: rgba(255, 255, 255, 0.08);
border-radius: 10px;
-webkit-transition: border-color 0.3s, background 0.3s;
transition: border-color 0.3s, background 0.3s;
}
.pricing--norbu .pricing__item:hover {
border: 1px solid rgba(255, 255, 255, 1);
background: rgba(255, 255, 255, 0.18);
}
.pricing--norbu .pricing__title {
font-size: 2em;
font-weight: 400;
margin: 0.5em 0;
padding: 1em;
position: relative;
}
.pricing--norbu .pricing__title::after {
content: '';
position: absolute;
width: 20%;
height: 1px;
background: #fff;
left: 40%;
bottom: 0;
}
.pricing--norbu .icon {
display: inline-block;
min-width: 2em;
}
.pricing--norbu .pricing__price {
font-size: 3.5em;
padding: 0.5em 0 0 0;
font-weight: 400;
position: relative;
z-index: 100;
}
.pricing--norbu .pricing__currency {
font-size: 0.5em;
vertical-align: super;
}
.pricing--norbu .pricing__period {
font-size: 0.25em;
display: block;
padding: 1em;
}
.pricing--norbu .pricing__sentence {
padding: 1em 2em;
font-size: 1em;
margin: 0 auto 1em;
}
.pricing--norbu .pricing__feature-list {
font-size: 1.15em;
margin: 0 2em;
letter-spacing: 0;
padding: 2em 0;
list-style: none;
}
.pricing--norbu .pricing__feature {
line-height: 1.4;
}
.pricing--norbu .pricing__feature::before {
content: "\e87a";
font-family: 'linearicons';
display: inline-block;
vertical-align: middle;
padding: 0 0.75em 0 0;
}
.pricing--norbu .pricing__action {
font-weight: bold;
flex: none;
margin: auto 1em 1em;
padding: 1.25em 2em;
color: #4aa8e4;
background: rgba(255, 255, 255, 0.7);
border-radius: 5px;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.pricing--norbu .pricing__action:hover,
.pricing--norbu .pricing__action:focus {
background: #fff;
} .pricing--dawa .pricing__item {
padding: 0 2em;
}
.pricing--dawa .pricing__title {
font-weight: bold;
font-size: 1.8em;
padding: 0 0 0.5em;
background: url(//sppsecurite.com/wp-content/themes/guardteam/img/line.png) no-repeat 50% 100%;
}
.pricing--dawa .pricing__price {
font-size: 3.75em;
line-height: 1;
margin: 1em 0 0.65em;
}
.pricing--dawa .pricing__period {
font-size: 0.25em;
display: block;
}
.pricing--dawa .pricing__sentence {
margin: 0;
}
.pricing--dawa .pricing__feature-list {
margin: 0 0 1.5em;
padding: 1em;
list-style: none;
text-align: center;
}
.pricing--dawa .pricing__action {
border-radius: 30px;
font-size: 1.5em;
padding: 0.5em 1.5em;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.pricing--dawa .pricing__action:hover,
.pricing--dawa .pricing__action:focus {
color: #fffa5c;
}
@media screen and (max-width: 40em) {
.pricing--dawa .pricing__item {
border: 1px solid rgba(255, 255, 255, 0.6);
margin: 1em;
}
} .pricing--yonten .pricing__item {
padding: 2em 4em;
cursor: default;
color: #fff;
margin: 1em;
border: 1px solid #5c6552;
max-width: 320px;
}
@media screen and (min-width: 66.250em) {
.pricing--yonten .pricing__item {
margin: 0;
}
.pricing--yonten .pricing__item:nth-child(2) {
border-right: none;
border-left: none;
}
}
.pricing--yonten .pricing__item:hover {
z-index: 100;
}
.pricing--yonten .pricing__item:hover::after {
content: '';
pointer-events: none;
position: absolute;
top: -5px;
left: -5px;
width: 100%;
height: 100%;
box-sizing: content-box;
border: 5px solid #8bc34a;
}
.pricing--yonten .pricing__title {
font-size: 1.5em;
margin: 0 0 0.5em 0;
padding: 0 0 0.5em;
}
.pricing--yonten .icon {
font-size: 3em;
margin: 0 0 0.5em 0;
color: #85c34a;
}
.pricing--yonten .pricing__price {
font-size: 2em;
margin: 0 0 0.5em 0;
font-weight: bold;
color: #85c34a;
}
.pricing--yonten .pricing__currency {
font-size: 0.5em;
vertical-align: super;
}
.pricing--yonten .pricing__period {
font-size: 0.35em;
padding: 0 0 0 0.5em;
color: #646D5B;
}
.pricing--yonten .pricing__feature-list {
margin: 0;
padding: 0.25em 0 8em;
list-style: none;
text-align: center;
color: #81867D;
}
.pricing--yonten .pricing__feature {
padding: 0.25em;
}
.pricing--yonten .pricing__action {
font-weight: bold;
margin-top: auto;
padding: 1em 2em;
border-radius: 40px;
background: #85c34a;
color: ;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.pricing--yonten .pricing__action:hover,
.pricing--yonten .pricing__action:focus {
color: #85c34a;
background: #fff;
} .pricing--tashi .pricing__item {
margin: 0.5em;
padding: 2em 2.5em;
text-align: left;
color: #fff;
background: #262c37;
}
.pricing--tashi .pricing__title {
font-size: 2em;
font-weight: 300;
margin: 0 0 0.15em;
color: #E25A77;
}
.pricing--tashi .pricing__item:nth-child(2) .pricing__title {
color: #E25ABC;
}
.pricing--tashi .pricing__item:nth-child(3) .pricing__title {
color: #7E5AE2;
}
.pricing--tashi .pricing__price {
font-size: 3em;
font-weight: 300;
padding: 0.85em 0;
}
.pricing--tashi .pricing__currency {
font-size: 0.65em;
vertical-align: super;
color: #394150;
}
.pricing--tashi .pricing__period {
font-size: 0.35em;
padding: 0 0 0 0.5em;
color: #535965;
}
.pricing--tashi .pricing__sentence {
padding: 0 0 0.5em;
margin: 0;
color: #535965;
}
.pricing--tashi .pricing__feature-list {
font-size: 0.95em;
margin: 0;
padding: 0 0 2.5em;
list-style: none;
color: #757983;
}
.pricing--tashi .pricing__feature {
position: relative;
display: block;
padding: 0 0 0 20px;
line-height: 1.5;
}
.pricing--tashi .pricing__feature::before {
content: '';
position: absolute;
width: 10px;
height: 2px;
background: #1F242D;
left: 0;
top: 50%;
margin: -2px 0 0 0;
}
.pricing--tashi .pricing__action {
-webkit-align-self: flex-end;
align-self: flex-end;
margin-top: auto;
font-size: 1.55em;
width: 60px;
height: 60px;
line-height: 60px;
color: #fff;
border-radius: 30px;
background: #E25A77;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.pricing--tashi .pricing__item:nth-child(2) .pricing__action {
background: #E25ABC;
}
.pricing--tashi .pricing__item:nth-child(3) .pricing__action {
background: #7E5AE2;
}
.pricing--tashi .pricing__action:hover,
.pricing--tashi .pricing__action:focus {
background: #1A1F28 !important;
} .pricing--palden .pricing__item {
cursor: default;
color: #84697c;
background: #fff;
box-shadow: 0 0 10px rgba(46, 59, 125, 0.23);
border-radius: 20px 20px 10px 10px;
margin: 1em;
}
@media screen and (min-width: 66.250em) {
.pricing--palden .pricing__item {
margin: 1em -0.5em;
}
.pricing--palden .pricing__item--featured {
margin: 0;
z-index: 10;
box-shadow: 0 0 20px rgba(46, 59, 125, 0.23);
}
}
.pricing--palden .pricing__deco {
border-radius: 10px 10px 0 0;
background: #7a90ff;
padding: 4em 0 9em;
position: relative;
}
.pricing--palden .pricing__deco-img {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 160px;
}
.pricing--palden .pricing__item--featured .pricing__deco {
padding: 5em 0 8.885em 0;
}
.pricing--palden .pricing__title {
font-size: 0.75em;
margin: 0;
text-transform: uppercase;
letter-spacing: 5px;
color: #ffd5bd;
}
.pricing--palden .deco-layer {
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.pricing--palden .pricing__item:hover .deco-layer--1 {
-webkit-transform: translate3d(15px, 0, 0);
transform: translate3d(15px, 0, 0);
}
.pricing--palden .pricing__item:hover .deco-layer--2 {
-webkit-transform: translate3d(-15px, 0, 0);
transform: translate3d(-15px, 0, 0);
}
.pricing--palden .icon {
font-size: 2.5em;
}
.pricing--palden .pricing__price {
font-size: 5em;
font-weight: bold;
padding: 0;
color: #fff;
margin: 0 0 0.25em 0;
line-height: 0.75;
}
.pricing--palden .pricing__currency {
font-size: 0.15em;
vertical-align: top;
color: rgba(0, 0, 0, 0.4);
}
.pricing--palden .pricing__period {
font-size: 0.15em;
padding: 0 0 0 0.5em;
color: rgba(0, 0, 0, 0.4);
font-style: italic;
}
.pricing--palden .pricing__sentence {
font-weight: bold;
margin: 0 0 1em 0;
padding: 0 0 0.5em;
}
.pricing--palden .pricing__feature-list {
margin: 0;
padding: 0.25em 0 2.5em;
list-style: none;
text-align: center;
}
.pricing--palden .pricing__feature {
padding: 1em 0;
}
.pricing--palden .pricing__action {
font-weight: bold;
margin: auto 3em 2em 3em;
padding: 1em 2em;
color: #fff;
border-radius: 30px;
background: #ffae7e;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.pricing--palden .pricing__action:hover,
.pricing--palden .pricing__action:focus {
background-color: #f38747;
} .wpb_gallery_slides.flexslider .slides img {
max-width: 100%;
display: block;
height: auto;
}
html .wpb_heading.wpb_pie_chart_heading{
color: #8a8a8a;
padding-top: 20px;
font-size: 14px;
text-transform: uppercase;
}
.home-template .vc_row {
position: relative;
}
.vc_row-overlay {
display: inline-block;
position: absolute !important;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.vc_row-overlay:after {
display: block;
content: '';
background-color: rgba(0, 0, 0, 0.1);
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
}
.vc_row-overlay .wpb_column {
position: relative;
z-index: 3;
}
html .vc_row.vc_row-padding-top {
padding-top: 50px;
}
html .vc_row.vc_row-padding-bottom {
padding-bottom: 80px;
}
.vc_row.vc_row-padding-both {
padding-top: 50px;
padding-bottom: 50px;
}
.no-overlay {
overflow: inherit !important;
z-index: 7;
}
.text-white-color a {
color: #fff;
}
html body  .container .text-white-color * {
color: #fff;
}
.text-white-color  .gallery-controls .btn-group a  ,  .text-white-color .section-heading , .white-heading * , .gallery-controls .btn-group a:hover i, .text-white-color .gallery-controls .btn-group a.active i{
color: #fff !important;
}
.skills-features-section {
position: relative;
z-index: 88;
}
aside .widget-title {
color: #333333;
font-size: 14px;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 25px;
}
aside .widget-title:after {
content: "";
display: block;
width: 60px;
max-width: 100%;
border-bottom: 1px solid #ddd;
margin-top: 15px;
margin-bottom: 0.5em;
}
.block_content {
margin-bottom: 30px;
display: inline-block;
width: 100%;
} .vc_progress_bar .vc_single_bar
{
background: #eff2f7 !important;
margin-bottom: 35px !important;
height: 5px;
margin-top: 35px;
}
.vc_progress_bar .vc_single_bar .vc_label
{
padding: .5em 0 !important;
top: -23px;
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
}
.vc_progress_bar .vc_single_bar .vc_label .vc_label_units {
float: right;
color: #999;
}
.vc_progress_bar .wpb_progress_bar_heading {
margin-bottom: 55px;
}
.wpb_content_element,.wpb_row
{
margin-bottom: 0 !important;
}
.vc_btn3.vc_btn3-size-md
{
font-size: 14px !important;
text-transform: uppercase;
line-height: 20px !important;
font-weight: 400 !important;
}
.rtd > .vc_row {
margin-left: 0;
margin-right: 0;
} .vc_row.jarallax-nopadding{
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.jarallax {
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
z-index: 1;
position: relative;
width: 100%;
}
.jarallax-content , .jarallax-content-inner{
width: 100%;
}
.background-attachment-fixed{
display: inline-block;
width: 100%;
}
.vc_row_use_jarallax.vc_row {
margin-left: 0;
margin-right: 0;
}
.vc_row.vc_row-flex>.vc_column_container.vc_row_use_jarallax>.vc_column-inner .wpb_wrapper{
display: flex;
height: 100%;
}
.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner .wpb_wrapper  .jarallax{
display: flex;
height: 100%;
}
.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner .wpb_wrapper  .jarallax  .jarallax-content{
display: flex;
height: 100%;
} .btn1{
font-weight: 500 !important;
position: relative;
font-size: 12px !important;
padding: 11px 23px !Important;
text-transform: uppercase;
border-radius: 0px;
border: 1px solid #acacac;
color: #313647;
background: #fff;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
html .btn-style-1 {
font-weight: 500 !important;
position: relative;
font-size: 12px !important;
padding: 11px 23px !Important;
text-transform: uppercase;
border-radius: 0px;
border: 1px solid #acacac;
color: #313647;
background: #fff;
border-right: 0;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
html .btn-style-1:before , .btn-style-1-hovered:before {
content: "";
display: block;
position: absolute;
right: 0px;
top: -1px;
bottom: -1px;
width: 4px;
opacity: 1;
transition: 0.4s;
transition-timing-function: cubic-bezier(.36,.99,.69,1.2);
z-index: 1;
background: #0060c1 ;
}
html .btn-style-1:hover:before  , .btn-style-1-hovered:before{
width: 100%  !important;
z-index: 1 !important;
}
html .btn-style-1:hover , html .btn-style-1:hover >  button {
color: #fff !important; 
}
.btn-style-1-hovered {
color: #fff !important;
border-left: 0 !important;  
}
.btn-style-1-hovered:hover {
opacity: 0.8; 
}
html .btn-style-1 span {
position: relative;
z-index: 2;
}
.guardteam-column-info  .btn-style-1{
margin: 35px 0 0 0;
display: inline-block;
padding: 13px 24px 13px 20px;
}
html .btn-style-1  button{
padding: 0 !important;
margin: 0 !important;
position: relative;
z-index: 2;
background: transparent !important;
color: #000 !important;
text-transform: uppercase;
}
.column-info h3 {
margin-top: 40px;
margin-bottom: 25px;
font-size: 19px;
}
html .btn-style-1:hover{
box-shadow: 5px 6px 8px #ccc;
}
.btn-style-1-hovered{
box-shadow: none !important; 
} html .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-sm.vc_icon_element-have-style-inner {
width: auto !important;
height: auto !important;
margin: 3px 15px 0 10px !important;
}
footer .pix_icon_element_content {
}
.vc_icon_element {
line-height: 0;
font-size: 14px;
margin: 0px 5px 0 0 !important;
display: inline-block;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xs.vc_icon_element-have-style-inner {
border: 1px solid #555;
}
.pix_icon_element_content {
width: 100%;
display: inline-block;
}
.pix_icon_element .vc_icon_element-inner {
margin-right: 15px;
}
.pix_icon_element_content .vc_icon_element-inner {
float: left;
}
.vc_icon_content {
float: left;
padding-top: 0;
margin-top: -5px;
padding-bottom: 22px;
margin-left: 0;
}
footer .vc_icon_content strong {
color: #fff;
}
.vc_icon_content p {
padding: 0;
margin: 0;
}
.pix_icon_element_content .vc_icon_element-inner {
float: left;
width: auto !important;
margin: 0 22px 0 0;
}
footer .pix_icon_element_content .fa-map-marker {
position: relative;
top: 5px !important;
}
.pix_icon_element_content .vc_icon_content {
padding-left: 10px;
}
.vc_icon_element-style-boxed-outline .vc_icon_element-icon {
border: 0;
border-right: 0;
margin: 9px 25px 0 0;
padding: 11px 5px 0 0;
height: 40px;
}
.vc_icon_element-style-boxed-outline .vc_icon_element-icon:before {
font-size: 16px !important;
top: -8px;
position: relative;
left: -3px;
}
_element-outer .vc_icon_content {
padding-left: 30px !important;
padding-top: 8px;
padding-bottom: 9px;
}
.vc_icon_element-outer .vc_icon_content {
padding-left: 0 !important;
padding-top: 0;
padding-bottom: 20px;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon {
top: 0 !important;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
height: auto !important;
width: auto !important;
margin: 0 10px;
}
input[type="submit"] {
background-color: #ed912a !important;
border-color: #ed912a !important;
font-size: 12px;
}
.wpb_map_wraper iframe {
pointer-events: none;
} .shuffle h4{
min-height: 26px;
opacity: 0;
}
.shuffle-start {
opacity: 1 !important;
}
.vc_custom_heading.shuffle {
opacity: 0;  
min-height: 72px;
}
.vc_custom_heading.shuffle.shuffle-start{
opacity: 1;
}
footer .wpcf7-not-valid-tip{
display: none !important;
}
footer  .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {¬4291
width: auto;
} .b-advantages {
margin: 0 15px 0;
padding: 67px 50px 60px;
text-align: center;
border: 1px solid #f4f4f4;
background: #fff;
font-size: 14px;
line-height: 19px;
}
.b-advantages__title {
margin-top: 27px;
margin-bottom: 18px;
font-size: 16px;
font-weight: 700;
}
.b-advantages  .btn {
margin-top: 33px;
border-width: 1px;
background-color: #fff;
}
.b-advantages img {
height: auto;
max-width: 100px;
} .typed-cursor{
opacity: 1;
font-weight: 100;
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
-ms-animation: blink 0.7s infinite;
-o-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
@-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-ms-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
} .portfolio-image .btn-hover:after {
border-radius: 100px;
}
.btn-hover , .btn {
position: relative;
}
.btn-hover:after , .btn:after  {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 1px;
content: '';
-webkit-box-sizing: content-box; 
-moz-box-sizing: content-box; 
box-sizing: content-box;
}
.btn-hover , .btn {
-webkit-transition: background 0.1s, color 0.1s;
-moz-transition: background 0.1s, color 0.1s;
transition: background 0.1s, color 0.1s
}
.btn-hover:after , .btn:after {
top: -7px;
left: -7px;
padding: 7px;
box-shadow: 0 0 0 4px #fff;
-webkit-transition: -webkit-transform 0.1s, opacity 0.1s;
-webkit-transform: scale(.8);
-moz-transition: -moz-transform 0.1s, opacity 0.1s;
-moz-transform: scale(.8);
-ms-transform: scale(.8);
transition: transform 0.1s, opacity 0.1s;
transform: scale(.8);
opacity: 0;
}
.btn-hover , .btn {
background: rgba(255,255,255,0.1);
-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
transition: transform ease-out 0.1s, background 0.2s;
cursor: pointer;
}
.btn-hover:after , .btn:after  {
top: 0;
left: 0;
padding: 0;
z-index: -1;
box-shadow: 0 0 0 1px rgba(255,255,255,0.1);
opacity: 0;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.btn-hover:hover:after  , .btn:hover:after {
-webkit-animation: sonarEffect 1.3s ease-out 75ms;
-moz-animation: sonarEffect 1.3s ease-out 75ms;
animation: sonarEffect 1.3s ease-out 75ms;
}
@-webkit-keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 7px 7px #ccc, 0 0 0 5px rgba(255,255,255,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 7px 7px #ccc, 0 0 0 5px rgba(255,255,255,0.5);
-webkit-transform: scale(1.1);
opacity: 0;
}
}
@-moz-keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 7px 7px #ccc, 0 0 0 5px rgba(255,255,255,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 7px 7px #ccc, 0 0 0 5px rgba(255,255,255,0.5);
-moz-transform: scale(1.1);
opacity: 0;
}
}
@keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 7px 7px #ccc, 0 0 0 5px rgba(255,255,255,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 7px 7px #ccc, 0 0 0 5px rgba(255,255,255,0.5);
transform: scale(1.1);
opacity: 0;
}
} .img-hover-effect {
position: relative;
overflow: hidden;
}
.img-hover-effect a{
display: inherit;
font-size: 0;
}
.img-hover-effect::before {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255,255,255,.2);
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
cursor: pointer;
}
.img-hover-effect:hover::before {
-webkit-animation: circle .75s;
animation: circle .75s;
}
.img-hover-effect img {
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.img-hover-effect:hover img {
transform: scale(1.1);
}
@-webkit-keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
@keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
.btn-simple{
text-transform: uppercase;
font-size: 14px;
padding: 0;
display: inline-block;  
}
.btn-simple i {
color: #000;
padding-left: 16px;
}