/*
[ Table of Content ]
1. Main
2. Header
2.1 Header with static image
2.2 Header width topbar and slider
2.3 Header with topbar and white box menu
2.4 Header with green topbar and dark menu line
2.5 Header short for internal page
3. Menus
3.1 Menu Transparent
3.2 Menu with topbar and background
3.3 Menu with topbar and white box
3.4 Dark menu line and green topbar
3.5 Base menu - displays when Suppamenu turned off
4. Buttons
5. Content Blocks
5.1 Blog and sidebar
6. Pages and content block for pages
7. Call-to-Action
8. Footer
9. Shop
10. WordPress Styles
11. Visual Composer Styles
12. Animation
13. Responsive
*/

/* =========================================
1. Main
*/
#page-preloader {position: absolute;  left: 0; top:0; right: 0; bottom: 0; height: 100%; width: 100%; cursor: default;  pointer-events: none; text-align: center; vertical-align: middle; z-index: 999999999999999;}
#page-preloader .bo {position: absolute; top: calc(50% - 37px); left: calc(50% - 24px); height: 74px; width: 42px; }
#page-preloader .l1, #page-preloader .l2, #page-preloader .l3 {width:10px; border-radius: 1px; margin: auto 2px 0 2px; float: left; position: absolute;
    bottom: 0;}
#page-preloader .l1 {animation-name: grow1; left:0; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear; background-color: #dd445a}
#page-preloader .l2 {animation-name: grow2; left:15px; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear;background-color: rgba(38,183,231,1);}
#page-preloader .l3 {animation-name: grow3; left:30px; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear;background-color: rgba(68,221,97,1);}
@-ms-keyframes grow1 {0% {height:0}	33%,100% {height:30px}}
@-moz-keyframes grow1 {0% {height:0}	33%,100% {height:30px}}
@-webkit-keyframes grow1 {0% {height:0}	33%,100% {height:30px}}
@keyframes grow1 {0% {height:0}	33%,100% {height:30px}}
@-ms-keyframes grow2 {0%,34% {height:0}	66%,100% {height:45px}}
@-moz-keyframes grow2 {0%,34% {height:0}	66%,100% {height:45px}}
@-webkit-keyframes grow2 {0%,34% {height:0}	66%,100% {height:45px}}
@keyframes grow2 {0%,34% {height:0}	66%,100% {height:45px}}
@-ms-keyframes grow3 {0%,67% {height:0}	100% {height:65px}}
@-moz-keyframes grow3 {0%,67% {height:0}	100% {height:65px}}
@-webkit-keyframes grow3 {0%,67% {height:0}	100% {height:65px}}
@keyframes grow3 {0%,67% {height:0}	100% {height:65px}}

body {font-family: Lato; font-size: 15px; line-height:1.8em; color: #333333; font-weight: 400; background-color: #ffffff}
.main {background-color: transparent; }
h1:after {content: ""; display: block;  width: 44px;  height: 4px;  background: rgba(68,221,97,1); margin: 31px auto 29px; border-radius:2px}
h2:after {content: ""; display: block;  width: 44px;  height: 4px;  background: rgba(68,221,97,1); margin: 31px auto 29px; border-radius:2px}
h1 {font-family: Lato; color: #252a2c; font-weight: 400; font-size: 40px; line-height: 55px; text-transform: uppercase; text-align: center; margin:0 0 30px 0;}
h2 {font-family: Lato; color: #252a2c; font-weight: 400; font-size: 40px; line-height: 55px; text-transform: uppercase; text-align: center; margin-bottom:30px;}
h3 {font-family: Lato; color: #252a2c; font-weight: 400; font-size: 22px; line-height: 34px; text-transform: uppercase; text-align: center; margin-bottom:25px;}
h4 {font-family: Lato; color: #252a2c; font-weight: 400; font-size: 20px; line-height: 30px; text-transform: uppercase; text-align: center; margin-bottom:25px;}
h5 {font-family: Lato; color: #252a2c; font-weight: 400; font-size: 18px; line-height: 28px; text-transform: uppercase; text-align: center; margin-bottom:25px;}
h6 {font-family: Lato; color: #252a2c; font-weight: 400; font-size: 16px; line-height: 26px; text-transform: uppercase; text-align: center; margin-bottom:25px;}
a {color:rgba(38,183,231,1)}
a:hover {color:rgba(68,221,97,1)}
main {    position: relative;padding-top: 80px;}
main a, p a {text-decoration:underline}
/*#primary {padding-bottom: 80px} */
p {margin: 0 0 30px; font-size:17px; line-height: 30px;}
b {font-family: Lato;}
section {padding:60px 0 60px 0; position:relative}
blockquote {padding: 20px 20px 10px 20px; margin: 0 0 20px; font-size: 18px; border-left:rgba(68,221,97,1) 5px solid;background:rgba(248,248,248,1); position:relative}
blockquote:before {font-family: 'alico'; content: '\f10d'; font-size: 30px; color: rgba(68,221,97,1); position: absolute; top: -15px; left: 15px;}
.center-block { display: block; margin-right: auto; margin-left: auto; float: none;}
legend { display: block; width: 100%; padding: 40px 0 0 0; margin-bottom: 20px; font-size: 21px; line-height: inherit;  border: 0;  border-bottom: 1px solid #e5e5e5; font-weight: bold;}
#scroller {position: fixed; bottom:50px;right: 10%; background-color: rgba(37,42,44,1); opacity: 0.5; filter: alpha(opacity=50); color: #FFFFFF;-webkit-transition: all 600ms;  -moz-transition: all 600ms;   transition: all 600ms;  display: block; width: 60px; height: 60px; border-radius: 80px; text-align: center;padding-top: 18px;  text-decoration: none; z-index: 1050}
#scroller:hover {opacity: 1;filter: alpha(opacity=100); text-decoration: none;}
#scroller:hover:active, #scroller:active, #scroller:focus, #scroller:hover:focus {outline: none; text-decoration: none;}
#scroller .icon { color: rgba(248,248,248,1); font-size: 20px; }
/* <UL> & <OL> styles */
ol.squaredstyle, .squaredstyle ol, .widget-area ol {margin: 0 0 40px 0;counter-reset: li; list-style: none; padding: 10px;}
ol.squaredstyle li,.squaredstyle ol li, .widget-area ol li {position: relative;margin: 0 0 10px 2em;  padding: 4px 8px 4px 15px;}
ol.squaredstyle li:last-child,.squaredstyle ol li:last-child, .widget-area ol li:last-child {margin-bottom: 0;}
ol.squaredstyle li:before,.squaredstyle ol li:before, .widget-area ol li:before {content: counter(li); counter-increment: li; position: absolute; top: -2px; left: -40px; width: 40px; height: 40px; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 8px; padding: 2px; border: 2px solid rgba(38,183,231,1); background: rgba(248,248,248,1); font-weight: bold;  text-align: center;}
ol.squaredstyle li ol,.squaredstyle ol li ol, .widget-area ol li ol {margin: 20px 0 10px -10px; padding-left:0}

ul.roundedstyle, .roundedstyle ul, .widget-area ul {margin: 0 0 40px 0; list-style: disc; padding: 10px;}
ul.roundedstyle li, .roundedstyle ul li, .widget-area ul li {position: relative;margin: 0 0 5px 2em;  padding: 4px 8px;}
ul.roundedstyle li:last-child, .roundedstyle ul li:last-child, .widget-area ul li:last-child {margin-bottom: 0;}
ul.roundedstyle li:before, .roundedstyle ul li:before, .widget-area ul li:before {content:  ""; position: absolute; top: 13px; left: -20px; width: 12px; height: 12px; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 8px;
    padding: 3px; border: 3px solid #DCDCDC;text-align: center; background-color:rgba(38,183,231,1); border-radius:10px;}
ul.roundedstyle li ul, .roundedstyle ul li ul, .widget-area ul li ul { list-style:none; margin: 0 0 0 -20px; padding-left:0}
ul.roundedstyle li ul li, .widget-area ul li ul li {}
ul.roundedstyle li ul li:before, .roundedstyle ul li ul li:before, .widget-area ul li ul li:before {content:  ""; position: absolute; top: 13px; left: -20px; width: 14px; height: 14px; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 8px;
    padding: 4px; border: 3px solid #DCDCDC;text-align: center; background-color:transparent; border-radius:10px;}
/* <UL> & <OL> styles END */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.headinginfo, pre, .uvc-sub-heading {text-align:center; color:#9d9f9f; font-size:17px; margin-bottom:35px !important; border: 0; background-color: transparent;  font-family: Lato;}
.nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: transparent;}
.margintop {margin-top:20px}
.mt40 {margin-top: 40px}
.marginleft {margin-left:20px}
.ml40 {margin-left: 40px}
.mr40 {margin-right: 40px}
.marginright {margin-right:20px}
.marginbottom {margin-bottom:20px}
.mb40 {margin-bottom: 40px}
.mb80 {margin-bottom: 80px}
.marginbottom0 {margin-bottom:0}
.mb50 {margin-bottom: 50px}
.paddingtop {padding-top:40px}
.paddingbottom {padding-bottom:40px}
.paddingleft {padding-left:40px}
.paddingright {padding-right:40px}
.p0 {padding: 0 !important}
.pl0 {padding-left: 0 !important}
.pr0 {padding-right: 0 !important}
.over {z-index:99; position: relative;}
.bgrshadow {background-color:rgba(23,27,33,0.75); position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.bgrshadow2 { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.blog-bgrshadow {background-color:rgba(23,27,33,0.75); position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.blog-bgrshadow2 { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.bgrshadow100 {background-color:#171b21; position: absolute;top: 0;left: 0;width: 100%;height: 100%; opacity:0.74; filter: alpha(opacity=74); z-index: -1}
.bgrshadowwhite {background-color:#FFF; position: absolute;top: 0;left: 0;width: 100%;height: 100%; opacity:0.74; filter: alpha(opacity=74); z-index: -1}
.bgrshadowwhite0560 {background-color:#FFF; position: absolute;top: 0;left: 0;width: 100%;height: 560px; opacity:0.74; filter: alpha(opacity=74); z-index: 0}
#network, #networksecond {position:absolute; z-index: 0; top: -100px; left:0; max-width: 100%;}
#networkr {position:absolute; z-index: 0; top: -100px; right: 0; max-width: 100%;}
#networkl50 {position:absolute; z-index: 0; top: -335px; left: 0; max-width: 100%;}
#networkr0 {position:absolute; z-index: 0; top: -60px; right: 0; max-width: 100%;}
.white {color:#FFF}
.mainbgr {    background-size: 100% auto;}
.mainbox {margin: 0 auto;width: 100%;max-width: 1170px;}
#searchform input[type=text] {width: 50%; display: inline-block; margin: 0 15px;}
.tal {text-align: left}
.tar {  text-align: right;}
.tac {text-align: center}
.dnone {display: none !important}


/* FORMS & INPUTS */
.form-group {margin-bottom: 30px;}

.form-control:focus {border-color:rgba(38,183,231,1); outline: none; box-shadow:none;}
.form-control input[type=text]:focus, .form-control input[type=text]:active {border-color:transparent; outline: none; box-shadow:none;}
input { outline: none; }
form {font-family: Lato; font-weight:500;}
input[type=text], input[type=tel], input[type=email], input[type=password], input[type=url], textarea, textarea.form-control { border-top:0; border-left:0; border-right:0; border-bottom:3px #4d4f50 solid; font-size:16px; padding:15px 20px 12px 20px; color: rgba(38,183,231,1); background-color: rgba(0,0,0,0.03); display: block; height: 45px;  background-image: none; border-radius: 4px; width: 100%; max-width: 100%}
input[type=text]:active, input[type=tel]:active, input[type=email]:active, input[type=password]:active, input[type=url]:active, textarea:active, textarea.form-control:active, input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, input[type=password]:focus, input[type=url]:focus, textarea:focus, textarea.form-control:focus { background-color: rgba(0,0,0,0.06); border-color:rgba(38,183,231,1); color:rgba(37,42,44,1); outline:none}
textarea, textarea.form-control {min-height:100px}
input[type=text]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder,  input[type=password]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder, select::-webkit-input-placeholder, .select2-container a::-webkit-input-placeholder {color:$ocs_pholder_rgba$;}
input[type=text]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=url]::-moz-placeholder, textarea::-moz-placeholder,  textarea.form-control::-moz-placeholder, select::-moz-placeholder, .select2-container a::-moz-placeholder {color:$ocs_pholder_rgba$;}/* Firefox 19+ */
input[type=text]:-moz-placeholder, input[type=tel]:-moz-placeholder, input[type=email]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=url]:-moz-placeholder, textarea:-moz-placeholder,  textarea.form-control:-moz-placeholder, select:-moz-placeholder, .select2-container a:-moz-placeholder {color:$ocs_pholder_rgba$;}/* Firefox 18- */
input[type=text]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, textarea:-ms-input-placeholder,  textarea.form-control:-ms-input-placeholder, select:-ms-input-placeholder, .select2-container a:-ms-input-placeholder {color:$ocs_pholder_rgba$;}

input[type=checkbox], input[type=radio], .woocommerce .seoshop form .form-row .input-checkbox {position:relative; margin:0 14px 0 0}
input[type=checkbox]:before {content: '\f00c'; color: #fff;}
input[type=checkbox]:before, input[type=radio]:before { position:absolute;    top: -5px;  left: -1px; font-family: 'alico'; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #f2f3f3; font-size: 16px; padding: 2px; width: 20px; height: 20px; display: inline-block; border-radius: 15%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; transition: all 200ms linear; cursor:pointer}
input[type=checkbox]:checked:before { content: "\f00c"; color: rgba(38,183,231,1);}
input[type=checkbox]:hover:before { background-color: #e2e4e4;}

input[type=radio]:before { content: "\f111"; color: #fff; border-radius: 50%;  padding: 3px 4px 4px; font-size: 14px;}
input[type=radio]:checked:before, input[type=radio]:hover:before { content: "\f111"; color: rgba(38,183,231,1);}
input[type=file] {border-radius: 5px;  padding: 5px 10px; background-color: rgba(248,248,248,1);}
.form-inline input, .custom-checkbox {margin-right:10px}
select.form-control, select, .select2-container a {padding: 6px 12px; color: rgba(37,42,44,1);  background-color: rgba(248,248,248,1);  background-image: none;  border-top:0; border-left:0; border-right:0; border-bottom:3px #4d4f50 solid;  border-radius: 4px;font-size: 17px; min-height:46px}
select.form-control:hover, select.form-control:active, select.form-control:focus, select:hover, select:active, select:focus, .select2-container a:hover, .select2-container a:active, .select2-container a:focus { background-color: rgba(0,0,0,0.06); border-color:rgba(38,183,231,1); color:rgba(37,42,44,1); outline: none}
.quantity input[type=number] {color:rgba(56,63,66,1);}
label {margin-right:20px}
.content-area {}
.ctaction1 .wpcf7-mail-sent-ok {background-color:rgba(68,221,97,0.8); color: #ffffff;border:0}
table { margin-bottom: 25px !important; width: 100% !important}
table td {border-right: 1px #9c9fa2 solid !important; border-bottom: 1px #9c9fa2 solid !important; padding: 5px 10px !important}
table td:last-child {border-right: 0 !important;}
table th {padding: 5px 10px !important; font-weight: bold !important}
table tr:nth-child(odd) {}
table tr:nth-child(even) {}
caption {  padding-top: 8px !important;  padding-bottom: 12px !important;  color: #777777 !important; text-align: center !important;}
dl dt { padding: 5px 10px !important}
dl dd { padding: 5px 10px !important}
/* =========================================
2. Header
*/
.theseo_saveheader {height:400px; background-color: #53565b;  text-align: center; padding-top: 100px;}
.theseo_saveheader img {}
.mainbgr .theseo_saveheader {display: none !important}
.mainbgr .theseo_saveheader img {display: none !important}
/* =========================================
2.1 Header with static image
*/
.navbar-brand>img {display: block; max-height: 50px; max-width: 250px;}
.header-transparent {position: relative; z-index:0}
.header-transparent .container-fluid {padding-left: 0; padding-right: 0}
.blog-header-transparent {position: relative; z-index:0}
.noslider1 {padding-top:240px; text-align:center}
.noslider1 div {margin-bottom:20px}
.noslider1 img {margin-bottom:50px}
.g40 {font-size:40px; margin:60px auto 40px; color:#65ec95; font-weight:bold; text-transform:uppercase; font-family: Lato; line-height: 60px;}
.blog-g40 {font-size:40px; margin:60px auto 40px; color:#65ec95; font-weight:bold; text-transform:uppercase; font-family: Lato; line-height: 60px;}
.noslider1 p {color:#FFF; font-size:19px}
/* =========================================
2.2 Header width topbar and slider
*/
.header-topbar-slider { background:rgba(37,42,44,1); margin-top: 0; position:relative; z-index: 0}
.header-topbar-slider ul {padding:0; margin:0; width:100%}
.header-topbar-slider .tp-banner {width:100%;position:relative;}
/* Slider Captions */
.tp-caption { z-index:1; white-space:nowrap;font-family: Lato;}
.tp-caption.xlarge_bold_grayseo, .xlarge_bold_grayseo {font-size:80px;line-height:60px;font-weight:bold;color:#babcbd;text-decoration:none;background-color:transparent;border-width:0;border-color:transparent;border-style:none; opacity:0.66; filter: alpha(opacity=66)}
.tp-caption.xlarge_bold_whiteseo, .xlarge_bold_whiteseo {font-size:80px;line-height:60px;font-weight:bold;color:#FFF;text-decoration:none;background-color:transparent;border-width:0;border-color:transparent;border-style:none;}
.tp-caption.large_bold_whiteseo, .large_bold_whiteseo {font-size:50px;line-height:60px;font-weight:bold;color:#FFF;text-decoration:none;background-color:transparent;border-width:0;border-color:transparent;border-style:none;}
.tp-caption.medium_bold_whiteseo, .medium_bold_whiteseo {font-size:27px; color:#FFF;font-weight:bold;}
.tp-caption.large_bold_whiteseo, .large_bold_whiteseo {font-size:40px; color:#FFF;font-weight:bold;}
.tp-caption.small_grayseo, .small_grayseo {font-family: Lato;font-size:16px; color:#babcbd}
.tp-caption.medium_greenseo, .medium_greenseo {color:rgba(89,226,138,1); font-size:40px;}
.tp-caption.small_greenseo, .small_greenseo {color:rgba(89,226,138,1); font-size:30px;}
.tp-caption.large_bold_darkseo, .large_bold_darkseo {font-size:40px; color:rgba(37,42,44,1);font-weight:bold;line-height: 120%;}
.tp-caption.small_bold_darkseo, .small_bold_darkseo {font-size:16px; color:rgba(37,42,44,1);font-weight:bold;}
.tp-caption.gray_divider hr {height:3px; width:60px; background-color:#a2a7a8}
.tp-caption.green_divider hr {height:3px; width:60px; background-color:rgba(68,221,97,1)}
.tp-caption a {color:#FFF;text-shadow:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}
.tp-caption a:hover {color:#FFF;}
.tp-caption a:hover.btn-info {color:#FFF;background:rgba(38,183,231,1)}

/* =========================================
2.3 Header with topbar and white box menu
*/
.topbartransparent { background-color:transparent; position:absolute; left:0; right:0; height:66px; z-index:60}
.socialbartransparent {background-color:transparent; margin:0; padding:18px 0; list-style:none}
.socialbartransparent li { display:inline-block; margin:0 7px 0 0}
.socialbartransparent li a i, .socialbartransparent li a .icon {display: block; font-size:14px; color: rgba(255,255,255,1); text-align:center; width:30px; height:30px; border-radius:40px; background-color: rgba(255,255,255,0.13); padding:8px}
.socialbartransparent li a:hover { text-decoration:none;color: rgba(255,255,255,1);}
.socialbartransparent a:hover .icon-facebook { background-color:#3b67ea}
.socialbartransparent a:hover .icon-twitter { background-color:#2ec3f5}
.socialbartransparent a:hover .icon-users { background-color:#000000}
.socialbartransparent a:hover .icon-linkedin { background-color:#007ab5}
.socialbartransparent a:hover .icon-google-plus { background-color:#df4b38}
.socialbartransparent a:hover .icon-tumblr { background-color:#34465d}
.socialbartransparent a:hover .icon-pinterest-p { background-color:#f33434}
.socialbartransparent a:hover .icon-youtube-play { background-color:#f70001}
.socialbartransparent a:hover .icon-instagram { background-color:#e7d6c4}
.socialbartransparent a:hover .icon-vk { background-color:#4c75a3}
.socialbartransparent a:hover .icon-reddit { background-color:#cee3f8}
.socialbartransparent a:hover span.icon-blogger { background-color:#f47c01}
.socialbartransparent a:hover .icon-wordpress { background-color:#464442}
.socialbartransparent a:hover .icon-behance { background-color:#2551f6}

.contacttb {color: rgba(255,255,255,1); font-size:14px; padding-top:22px; text-align:right; font-family: Lato;width: 50%;  float: left;}
.contacttb > div {white-space: nowrap; display: inline-block;}
.contacttb i, .contacttb span {margin-right:5px;margin-left:35px;color: rgba(255,255,255,1);}
.headertopbartransparent {width:100%; position:relative; padding:0; margin:0}
.headertopbartransparent .header3slider {width:100%; position:relative;}
.head3 { position: absolute; left: 0; z-index: 1010;  background-color: transparent;  width: 100%;}


/* =========================================
2.4 Header with green topbar and dark menu line
*/
.topbargreen { background-color:rgba(68,221,97,1); position:relative; width:100%; height:auto; z-index:1003}
.topbargreen .socialbartransparent { padding:9px 0;}
.topbargreen .contacttb {padding-top:10px;}
.head4 { position: absolute; left: 0; z-index: 1010;  background-color: transparent;  width: 100%;}
.head4m {}


/* =========================================
2.5 Header short for internal page
*/
.header-short {height:300px; position: relative; z-index:-1;  background-repeat: no-repeat; background-attachment: scroll; background-position: center top; background-color: transparent}
.header-short .noslider1 {padding-top:140px; text-align:center}
.header-short2 {height:150px; position: relative; z-index:-1}
.blog-header-short {height:300px; position: relative; z-index:-1;  background-repeat: no-repeat; background-attachment: scroll; background-position: center top;  background-color: transparent}
.blog-header-short .noslider1 {padding-top:140px; text-align:center}
.blog-header-short2 {height:150px; position: relative; z-index:-1}


/* =========================================
3. Menus
*/


/* =========================================
3.1 Menu transparent

*/
.transparentmenu .header1and5 .suppa_top_level_link .suppa_item_title {text-transform: uppercase}
.transparentmenu .topbartransparent, .headermenuwhitebox .topbartransparent {position: relative; height: 60px; margin-bottom: 0;}
.suppa-sticky-holder {clear: both;}
.transparentmenu.fixed .topbartransparent { display: none}
.transparentmenu.default {position: absolute; left: 0; z-index:1010; background-color:transparent; width:100%}
.suppa-sticky #menu-mainmenu {width: 1170px;}
.transparentmenu .header1and5 .suppa_rwd_search input[type="text"] {border: 1px rgba(38,183,231,1) solid}
.transparentmenu .header1and5 .suppa_rwd_search {background-color: rgba(12, 152, 190, 0.8);     padding: 10px !important;}
.transparentmenu .header1and5 .suppa_menu .suppa_top_level_link .ctf_suppa_fa_box {}
.transparentmenu .header1and5 .suppa_menu .suppa_top_level_link.suppa_search_icon .ctf_suppa_fa_box,
.transparentmenu .header1and5 .suppa_menu .suppa_top_level_link.cart-contents .ctf_suppa_fa_box {display:block !important}
.header1and5 .suppa_column_link .suppa_FA_icon { color: rgba(68,221,97,1) !important;}
.header1and5 .suppa_column_link:hover .suppa_FA_icon { color: rgba(38,183,231,1) !important;}
/* Searchform */
.transparentmenu .header1and5 span.suppa_top_level_link.suppa_search_icon.suppa-search {margin-top: 10px !important; text-align: center; width: 40px; height: 40px !important; border-radius: 40px; background-color: rgba(255,255,255,0.13); padding: 9px; border-width: 2px;  border-style: solid;  border-color: transparent; font-size: 17px;}
.transparentmenu .header1and5 span.suppa_top_level_link.suppa_search_icon.suppa-search:hover {background-color: rgba(255,255,255,1); color: rgba(68,221,97,1) !important}
.transparentmenu .header1and5 .suppa_submenu_modern_search,
#navbarwhitebox .header2 .suppa_submenu_modern_search,
.head3 .header3 .suppa_submenu_modern_search {position: fixed;top: 0;left: 0; width: 100%; height: 100% !important; background-color: rgba(38,183,231,0.8);margin: 0;}
.transparentmenu .header1and5 .suppa_submenu_modern_search form,
#navbarwhitebox .header2 .suppa_submenu_modern_search form,
.head3 .header3 .suppa_submenu_modern_search form {   width: 70% !important; left: 15%; padding: 15px 30px; border: 1px rgba(38,183,231,1) solid;  border-radius: 5px !important;  margin: 0 auto; position: absolute; top: 50%; font-weight: bold;}
.head3 .header3 .suppa_submenu_modern_search input, .head3 .header3 .suppa_submenu_modern_search form {height: 70px !important}
.transparentmenu .suppa_submenu_modern_search input,
#navbarwhitebox .header2 .suppa_submenu_modern_search input,
.head3 .header3 .suppa_submenu_modern_search input { padding: 15px 30px; color: rgba(12,152,190,1) !important; font-size: 24px;  background-color: #fff; border: 0 !important;}
.transparentmenu .suppa_submenu_modern_search input:focus,
.suppa_submenu_modern_search input:active,
#navbarwhitebox .header2 .suppa_submenu_modern_search input:focus,
#navbarwhitebox .header2 .suppa_submenu_modern_search input:active,
.head3 .header3 .suppa_submenu_modern_search input:focus,
.head3 .header3 .suppa_submenu_modern_search input:active {background-color: #fff;}
.transparentmenu .header1and5 .suppa_menu_search ::-webkit-input-placeholder,
#navbarwhitebox .header2 .suppa_menu_search ::-webkit-input-placeholder,
.head3 .header3 .suppa_menu_search ::-webkit-input-placeholder { color: #ADADAD !important;}
.transparentmenu .header1and5 .suppa_menu_search::-webkit-input-placeholder,
#navbarwhitebox .header2 .suppa_menu_search::-webkit-input-placeholder,
.head3 .header3 .suppa_menu_search::-webkit-input-placeholder { color: #ADADAD !important;}
.transparentmenu .header1and5 .suppa_menu_search::-moz-placeholder,
#navbarwhitebox .header2 .suppa_menu_search::-moz-placeholder,
.head3 .header3 .suppa_menu_search::-moz-placeholder { color: #ADADAD !important;}
.transparentmenu .header1and5 .suppa_menu_search:-moz-placeholder,
#navbarwhitebox .header2 .suppa_menu_search:-moz-placeholder,
.head3 .header3 .suppa_menu_search:-moz-placeholder { color: #ADADAD !important;}
.transparentmenu .header1and5 .suppa_menu_search:-ms-input-placeholder,
#navbarwhitebox .header2 .suppa_menu_search:-ms-input-placeholder,
.head3 .header3 .suppa_menu_search:-ms-input-placeholder { color: #ADADAD !important;}
.transparentmenu .header1and5 .suppa_submenu_modern_search .suppa_search_modern_close,
#navbarwhitebox .header2 .suppa_submenu_modern_search .suppa_search_modern_close,
.head3 .header3 .suppa_submenu_modern_search .suppa_search_modern_close { padding-top: 0; padding-left: 0; padding-right: 0; height: 70px !important;  color: rgba(12,152,190,1) !important; font-size: 50px !important; position: absolute; top: 9px;  right: 16px;}
/* Shopping Cart  */
.transparentmenu .header1and5 .suppa_menu_woocommerce_cart a.cart-contents span.ctf_suppa_fa_box { font-size: 13px !important;color: #ffffff;margin-top: 0 !important; padding-right: 10px !important; padding-top: 8px !important;}

.transparentmenu .header1and5 .suppa_menu_woocommerce_cart a.cart-contents span.ctf_suppa_fa_box {color: #ffffff; margin-top: 10px !important;  text-align: center;  width: 40px;  height: 40px !important;  border-radius: 40px;  background-color: rgba(255,255,255,0.13);   padding: 10px 9px 0 9px !important;  border-width: 2px;  border-style: solid;   border-color: transparent; margin-right: 15px}
.transparentmenu .header1and5 .suppa_menu_woocommerce_cart a.cart-contents:hover span.ctf_suppa_fa_box {background-color: rgba(255,255,255,1); color: rgba(68,221,97,1) !important}
.transparentmenu .header1and5 .suppa_menu_woocommerce_cart a.cart-contents span.ctf_suppa_fa_box span {font-size: 17px !important;padding-top: 0 !important}

@media screen and (max-width: 1200px) {
    .suppa-sticky #menu-mainmenu {width: 1140px;}
}
@media screen and (max-width: 1100px) {
    .suppa-sticky #menu-mainmenu {width: 940px;}
}
@media screen and (max-width: 1024px) {
    .suppa-sticky #menu-mainmenu {width: 750px;}
}

.suppa-sticky {-webkit-animation: menuAppear 1.2s ease-in;
    -moz-animation: menuAppear 1.2s ease-in;
    animation: menuAppear 1.2s ease-in;}

.suppa-sticky-holder, .suppaMenu_wrap {-webkit-animation: menuAppear 1.2s ease-in;
    -moz-animation: menuAppear 1.2s ease-in;
    animation: menuAppear 1.2s ease-in;}

/* =========================================
3.2 Menu with wopbar and white box
*/
.headermenuwhitebox {  background-color: transparent; position: absolute;width: 100%;}

#navbarwhitebox .header2 .suppa_top_level_link.suppa_search_icon:hover {color: rgba(68,221,97,1)}
#navbarwhitebox .header2 .suppa_column_link .ctf_suppa_fa_box { color: rgba(68,221,97,1) !important;}
#navbarwhitebox .header2 .suppa_column_link .ctf_suppa_fa_box:hover { color: rgba(38,183,231,1) !important;}


.suppaMenu {-webkit-transition: color 600ms, background-color 600ms;
    -moz-transition: color 600ms, background-color 600ms;
    transition: color 600ms, background-color 600ms;}
.suppa_menu, .suppa_menu a, .suppa_menu .suppa_top_level_link, .suppa_menu_dropdown > .suppa_submenu div > a, .suppa_menu_dropdown > .suppa_submenu a, .suppa_column_link {-webkit-transition: all 600ms !important; -moz-transition: all 600ms !important; transition: all 600ms !important;}

/* =========================================
3.3 Dark menu line and green topbar
*/
.header3, .header3 .suppaMenu {-webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    transition: all 600ms;}

/* =========================================
3.4 Dark menu line and green topbar
*/
.header4, .header4 .suppaMenu {-webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    transition: all 600ms;}
/* =========================================
3.5 Base menu - displays when Suppamenu turned off
*/
.menu ul, ul.menu {background-image:none;  box-shadow:none;background-color: transparent;border:none; margin:0 0 40px 0; padding: 0; text-align: right;clear: both;}
.menu li { margin:0; padding:0;     list-style: none;  display: inline-block;}
.menu li a {color: #FFF; font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-size:13px; font-weight: bold;
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    transition: all 600ms;}
.menu li:before {content:none}
.menu li > a:hover {color: rgba(68,221,97,1);}
.menu li > a {text-shadow: none;padding: 10px 30px 10px 5px;    display: block;}
.menu li > a:focus, .menu > li > a:active {color: rgba(38,198,96,1);background-color: transparent;}

/* DROPDOWN MENU */
.menu .menu-item-has-children,
.menu .page_item_has_children {font-family: 'Raleway', sans-serif;    position: relative}
.menu > .menu-item-has-children:after,
.menu > .page_item_has_children:after {content: "\f502"; font-family: "Genericons"; font-size:10px; position: absolute;top: 14px; right: 10px; color: #FFF;}
.menu .menu-item-has-children .sub-menu,
.menu .page_item_has_children .children{ height: auto; overflow: hidden; position: absolute; top: 100%; left:0; padding:10px; margin: 0 0 0 0; background-color: rgba(255,255,255,0.87); -webkit-transition: all 600ms; -moz-transition: all 600ms; transition: all 600ms; transform: scaleY(0) }
.menu .menu-item-has-children .sub-menu,
.menu .page_item_has_children .children {text-align: left}
.menu .menu-item-has-children:hover .sub-menu,
.menu .page_item_has_children:hover .children{transform: scaleY(1);}
.menu .menu-item-has-children .sub-menu li,
.menu .page_item_has_children .children li{ list-style:none; height:auto; padding:0 0 0 0; margin: 0 0 0 0; display: block;}
.menu .menu-item-has-children .sub-menu li a,
.menu .page_item_has_children .children li a{font-family: 'Raleway', sans-serif; color:rgba(37,42,44,1); font-size:14px; padding:10px 15px; border-bottom:1px #f0f0f0 solid; display:block; clear:both; font-weight:500; -webkit-transition: all 600ms; -moz-transition: all 600ms; transition: all 600ms; white-space: nowrap}
.menu .menu-item-has-children .sub-menu li a:hover,
.menu .page_item_has_children .children li a:hover {text-decoration:none; background-color:#f4f6f6; color:rgba(38,183,231,1)}
.menu .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu,
.menu .page_item_has_children .children .page_item_has_children .children {display: none}


/* =========================================
4. Buttons
*/
a.btn, span.btn, button.btn, div.btn a, div.rev-btn.btn, div.btn button, main input[type=submit] {display: inline-block !important; text-decoration:none !important; outline: 0 !important;    padding: 11px 25px 10px 25px !important;    margin-bottom: 0 !important;    font-size: 13px !important;    font-weight: bold !important;    line-height: 1.42857 !important;    text-align: center !important; white-space: nowrap !important;    vertical-align: middle !important;    cursor: pointer !important;    -moz-user-select: none !important;    background-image: none !important;    border: 2px solid rgba(38,183,231,1) !important;border-radius: 50px !important;text-transform:uppercase !important;  -moz-box-sizing: border-box !important;  box-sizing: border-box !important; -webkit-transition: all 600ms !important;
    -moz-transition: all 600ms !important; color: rgba(37,42,44,1);
    transition: all 600ms !important;     position: relative !important; z-index: 2 !important;font-family: Lato !important; background-color: rgba(248,248,248,1) !important;}
main input[type=submit]:hover, main button:hover {color: rgba(38,183,231,1) !important;}
main input[type=submit]:active, main input[type=submit]:focus, main button:focus, main button:active { background-color: #ececec !important;}

a.btn-info, span.btn-info, button.btn-info, div.btn-info a, div.rev-btn.btn-info, div.btn-info button, .navbar-nav > li > a.btn-info, input[type=submit].btn-info {color:#FFF !important; border-width: 0 !important; border-radius:150px !important;
    background: rgba(68,221,97,1) !important;
    background: -webkit-gradient(linear, left top, right top, from(rgba(38,183,231,1)), to(rgba(68,221,97,1))) !important;
    background: -webkit-linear-gradient(left, rgba(38,183,231,1) 0%, rgba(68,221,97,1) 100%) !important;
    background: -moz-linear-gradient(left, rgba(38,183,231,1) 0%, rgba(68,221,97,1) 100%) !important;
    background: linear-gradient(to right, rgba(38,183,231,1) 0%, rgba(68,221,97,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(38,183,231,1)', endColorstr='rgba(68,221,97,1)', GradientType=1 ) !important;
    background-position: 0 0, 100% 100%  !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;}

a.btn-info:hover, span.btn-info:hover, button.btn-info:hover, div.btn-info a:hover, div.rev-btn.btn.btn-info:hover, div.btn-info button:hover, .navbar-nav > li > a.btn-info:hover, input[type=submit].btn-info:hover {color:#FFF !important; background: rgba(38,183,231,1) !important;
    background: -webkit-gradient(linear, left top, right top, from(rgba(38,183,231,1)), to(rgba(68,221,97,1))) !important;
    background: -webkit-linear-gradient(left, rgba(38,183,231,1) 0%, rgba(38,183,231,1) 100%) !important;
    background: -moz-linear-gradient(left, rgba(38,183,231,1) 0%, rgba(38,183,231,1) 100%) !important;
    background: linear-gradient(to right, rgba(38,183,231,1) 0%, rgba(38,183,231,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(38,183,231,1)', endColorstr='rgba(38,183,231,1)', GradientType=1 ) !important;}
a.btn-info:active, span.btn-info:active, button.btn-info:active, div.btn-info a:active, div.rev-btn.btn.btn-info:hover, div.btn-info button:active, a.btn-info:focus, span.btn-info:focus, button.btn-info:focus, div.btn-info a:focus, div.btn-info button:focus, .navbar-default .navbar-nav > li > a.btn-info:focus, .navbar-default .navbar-nav > li > a.btn-info:active, input[type=submit].btn-info:active, input[type=submit].btn-info:hover {color: #FFF !important; background: rgba(12,152,190,1) !important;
    background: -webkit-gradient(linear, left top, right top, from(rgba(12,152,190,1)), to(rgba(12,152,190,1))) !important;
    background: -webkit-linear-gradient(left, rgba(12,152,190,1) 0%, rgba(12,152,190,1) 100%) !important;
    background: -moz-linear-gradient(left, rgba(12,152,190,1) 0%, rgba(12,152,190,1) 100%) !important;
    background: linear-gradient(to right, rgba(12,152,190,1) 0%, rgba(12,152,190,1) 100%) !important; outline:none}
a.btn:hover, button.btn:hover, div.btn a:hover, div.rev-btn.btn:hover, div.btn button:hover { text-decoration:none !important;}
a.btn:active, button.btn:active, div.btn a:active, div.rev-btn.btn:active, div.btn button:active { outline:none}
.btn .fa, .btn .icon, .btn .iconic {margin-right:6px !important;}
a.btn-lg, button.btn-lg, span.btn-lg, div.btn-lg a, div.btn-lg button, div.rev-btn.btn.btn-lg { padding: 18px 40px 18px 40px !important; font-size: 15px !important;}
a.btn-sm, button.btn-sm, div.btn-sm a, div.btn-sm button, div.rev-btn.btn.btn-sm {padding: 8px 20px 7px 20px !important;}

a.btn-default, button.btn-default, div.btn-default a, div.rev-btn.btn.btn-default, div.btn-default button, input[type=submit].btn-default { color: rgba(68,221,97,1) !important; background-color: transparent !important; border-color: rgba(68,221,97,1) !important;}
a.btn-default:hover, button.btn-default:hover, div.btn-default a:hover, div.rev-btn.btn.btn-default:hover, div.btn-default button:hover, input[type=submit].btn-default:hover { color: #FFF !important; background-color: rgba(68,221,97,1) !important; border-color: rgba(68,221,97,1) !important;}
a.btn-default:focus, button.btn-default:focus, div.btn-default a:focus, div.rev-btn.btn.btn-default:focus, div.btn-default button:focus, input[type=submit].btn-default:focus,
a.btn-default:active, button.btn-default:active, div.btn-default a:active, div.rev-btn.btn.btn-default:active, div.btn-default button:active, input[type=submit].btn-default:active,
a.btn-default.active:focus, button.btn-default.active:focus, div.btn-default.active a:focus, div.btn-default.active button:focus,
a.btn-default.active:hover, button.btn-default.active:hover, div.btn-default.active a:hover, div.btn-default.active button:hover,
a.btn-default:active:focus, button.btn-default:active:focus, div.btn-default a:active:focus, div.btn-default button:active:focus, input[type=submit].btn-default:active:focus,
a.btn-default:active:hover, button.btn-default:active:hover, div.btn-default a:active:hover, div.btn-default button:active:hover, input[type=submit].btn-default:active:hover {outline:none !important; background-color: rgba(38,198,96,1) !important; border-color: rgba(38,198,96,1) !important;    background-image:none !important;color: #FFF !important;}

a.btn-white-white, button.btn-white-white, div.btn-white-white a, div.rev-btn.btn.btn-white-white, div.btn-white-white button, input[type=submit].btn-white-white { background-color:rgba(255,255,255,0.26) !important; border: none !important; color:#FFF !important; font-size:15px}
a.btn-white-white:hover, button.btn-white-white:hover, div.btn-white-white a:hover, div.rev-btn.btn.btn-white-white:hover, div.btn-white-white button:hover, input[type=submit].btn-white-white:hover {color:rgba(68,221,97,1) !important; background-color:#FFF !important}
a.btn-white-white:focus, button.btn-white-white:focus, div.btn-white-white a:focus,div.rev-btn.btn.btn-white-white:focus, div.btn-white-white button:focus, input[type=submit].btn-white-white:focus, a.btn-white-white:active, button.btn-white-white:active, div.btn-white-white a:active, div.rev-btn.btn.btn-white-white:active, div.btn-white-white button:active, input[type=submit].btn-white-white:active {outline:none !important;  color:rgba(68,221,97,1) !important; background-color:#f4f4f4 !important}

a.btn-primary, button.btn-primary, div.btn-primary a, div.rev-btn.btn.btn-primary, div.btn-primary button, input[type=submit].btn-primary { color: rgba(68,221,97,1) !important; background-color: transparent !important; border-color: rgba(68,221,97,1) !important;}
a.btn-primary:hover, button.btn-primary:hover, div.btn-primary a:hover, div.rev-btn.btn.btn-primary:hover, div.btn-primary button:hover, input[type=submit].btn-primary:hover { color: #FFF !important; background-color: rgba(38,183,231,1) !important; border-color: rgba(38,183,231,1) !important;}
a.btn-primary:focus, button.btn-primary:focus, div.btn-primary a:focus, div.rev-btn.btn.btn-primary:focus, div.btn-primary button:focus, input[type=submit].btn-primary:focus,
a.btn-primary:active, button.btn-primary:active, div.btn-primary a:active, div.rev-btn.btn.btn-primary:active, div.btn-primary button:active, input[type=submit].btn-primary:active,
a.btn-primary:active:focus, button.btn-primary:active:focus, div.btn-primary a:active:focus, div.btn-primary button:active:focus, input[type=submit].btn-primary:active:focus,
a.btn-primary:active:hover, button.btn-primary:active:hover, div.btn-primary a:active:hover, div.btn-primary button:active:hover, input[type=submit].btn-primary:active:hover {outline:none !important; background-color: rgba(12,152,190,1) !important; border-color: rgba(12,152,190,1) !important;    background-image:none !important;color: #FFF !important;}

a.btn-green, span.btn-green, button.btn-green, div.btn-green a, div.rev-btn.btn.btn-green, div.btn-green button, input[type=submit].btn-green { color: #FFF !important; background-color: rgba(68,221,97,1) !important; border-color: rgba(68,221,97,1) !important;}
a.btn-green:hover, span.btn-green:hover, button.btn-green:hover, div.btn-green a:hover, div.rev-btn.btn.btn-green:hover, div.btn-green button:hover, input[type=submit].btn-green:hover { color: #FFF !important; background-color: rgba(38,198,96,1) !important; border-color: rgba(38,198,96,1) !important;}
a.btn-green:focus, span.btn-green:focus, button.btn-green:focus, div.btn-green a:focus, div.rev-btn.btn.btn-green:focus, div.btn-green button:focus, input[type=submit].btn-green:focus,
a.btn-green:active, span.btn-green:active, button.btn-green:active, div.btn-green a:active, div.rev-btn.btn.btn-green:active, div.btn-green button:active, input[type=submit].btn-green:active {outline:none !important; background-color: rgba(68,221,97,1) !important; border-color: rgba(68,221,97,1) !important;    background-image:none !important;color: #FFF !important;}

a.btn-success, button.btn-success, div.btn-success a, div.rev-btn.btn.btn-success, div.btn-success button, input[type=submit].btn-success { background-color:rgba(68,221,97,1) !important; border-color:rgba(68,221,97,1) !important; color:#FFF !important}
a.btn-success:hover, button.btn-success:hover, div.btn-success a:hover, div.rev-btn.btn.btn-success:hover, div.btn-success button:hover, input[type=submit].btn-success:hover {background-color:rgba(38,183,231,1) !important; border-color:rgba(38,183,231,1) !important; color:#FFF !important}
a.btn-success:active, button.btn-success:active, div.btn-success a:active, div.rev-btn.btn.btn-success:active, div.btn-success button:active, input[type=submit].btn-success:active,
a.btn-success:focus, button.btn-success:focus, div.btn-success a:focus, div.rev-btn.btn.btn-success:focus, div.btn-success button:focus, input[type=submit].btn-success:focus,
a.btn-success:active:focus, button.btn-success:active:focus, div.btn-success a:active:focus, div.btn-success button:active:focus, input[type=submit].btn-success:active:focus,
a.btn-success:active:hover, button.btn-success:active:hover, div.btn-success a:active:hover, div.btn-success button:active:hover, input[type=submit].btn-success:active:hover {outline:none !important; background-color:rgba(12,152,190,1) !important; border-color:rgba(12,152,190,1) !important; color:#FFF !important}

a.btn-link, button.btn-link, div.btn-link a, div.rev-btn.btn.btn-link, div.btn-link button, input[type=submit].btn-link {background-color:#f8f8f8 !important; border-color:rgba(38,183,231,1) !important; color:rgba(38,183,231,1) !important}
a.btn-link:hover, button.btn-link:hover, div.btn-link a:hover, div.rev-btn.btn.btn-link:hover, div.btn-link button:hover, input[type=submit].btn-link:hover
{background-color:rgba(38,183,231,1) !important; color:#FFF !important; text-decoration:none !important}
a.btn-link:active, button.btn-link:active, div.btn-link a:active, div.rev-btn.btn.btn-link:active, div.btn-link button:active, input[type=submit].btn-link:active,
a.btn-link:focus, button.btn-link:focus, div.btn-link a:focus, div.rev-btn.btn.btn-link:focus, div.btn-link button:focus, input[type=submit].btn-link:focus,
a.btn-link:active:focus, button.btn-link:active:focus, div.btn-link a:active:focus, div.btn-link button:active:focus, input[type=submit].btn-link:active:focus,
a.btn-link:active:hover, button.btn-link:active:hover, div.btn-link a:active:hover, div.btn-link button:active:hover, input[type=submit].btn-link:active:hover {outline:none !important; background-color:rgba(12,152,190,1) !important; text-decoration:none !important; color:#FFF !important}

a.btn-gray, button.btn-gray, div.btn-gray a, div.btn-gray a, div.rev-btn.btn.btn-gray, div.btn-gray button, input[type=submit].btn-gray {background-color:rgba(248,248,248,1) !important; border-color:rgba(248,248,248,1) !important; color:rgba(38,183,231,1)}
a.btn-gray:hover, button.btn-gray:hover, div.btn-gray a:hover, div.rev-btn.btn.btn-gray:hover, div.btn-gray button:hover, input[type=submit].btn-gray:hover {background-color:rgba(38,183,231,1) !important; color:#FFF !important; text-decoration:none}
a.btn-gray:active, button.btn-gray:active, div.btn-gray a:active, div.rev-btn.btn.btn-gray:active, div.btn-gray button:active, input[type=submit].btn-gray:active,
a.btn-gray:focus, button.btn-gray:focus, div.btn-gray a:focus, div.rev-btn.btn.btn-gray:focus, div.btn-gray button:focus, input[type=submit].btn-gray:focus,
a.btn-gray:active:focus, button.btn-gray:active:focus, div.btn-gray a:active:focus, div.btn-gray button:active:focus, input[type=submit].btn-gray:active:focus,
a.btn-gray:active:hover, button.btn-gray:active:hover, div.btn-gray a:active:hover, div.btn-gray button:active:hover, input[type=submit].btn-gray:active:hover {outline:none !important; background-color:rgba(12,152,190,1) !important; text-decoration:none !important; color:#FFF !important}

a.btn-warning, button.btn-warning, div.btn-warning a, div.rev-btn.btn.btn-warning, div.btn-warning button, input[type=submit].btn-warning { background-color:rgba(38,183,231,1) !important; border-color:rgba(38,183,231,1) !important; color:#FFF !important}
a.btn-warning:hover, button.btn-warning:hover, div.btn-warning a:hover, div.rev-btn.btn.btn-warning:hover, div.btn-warning button:hover, input[type=submit].btn-warning:hover {background-color:rgba(68,221,97,1) !important; border-color:rgba(68,221,97,1) !important; color:#FFF !important}
a.btn-warning:active, button.btn-warning:active, div.btn-warning a:active, div.rev-btn.btn.btn-warning:active, div.btn-warning button:active, input[type=submit].btn-warning:active,
a.btn-warning:focus, button.btn-warning:focus, div.btn-warning a:focus, div.rev-btn.btn.btn-warning:focus,  div.btn-warning button:focus, input[type=submit].btn-warning:focus,
a.btn-warning:active:focus, button.btn-warning:active:focus, div.btn-warning a:active:focus, div.btn-warning button:active:focus, input[type=submit].btn-warning:active:focus,
a.btn-warning:active:hover, button.btn-warning:active:hover, div.btn-warning a:active:hover, div.btn-warning button:active:hover, input[type=submit].btn-warning:active:hover {outline:none !important; background-color:rgba(38,198,96,1) !important; border-color:rgba(38,198,96,1) !important; color:#FFF !important}

a.btn-danger, button.btn-danger, div.btn-danger a, div.rev-btn.btn.btn-danger, div.btn-danger button, input[type=submit].btn-danger { background-color:#B92C28 !important; border-color:#B92C28 !important; color:#FFF !important}
a.btn-danger:hover, button.btn-danger:hover, div.btn-danger a:hover, div.rev-btn.btn.btn-danger:hover, div.btn-danger button:hover, input[type=submit].btn-danger:hover {background-color:#a4100c !important; border-color:#a4100c !important; color:#FFF !important}
a.btn-danger:active, button.btn-danger:active, div.btn-danger a:active, div.rev-btn.btn.btn-danger:active, div.btn-danger button:active, input[type=submit].btn-danger:active,
a.btn-danger:focus, button.btn-danger:focus, div.btn-danger a:focus, div.rev-btn.btn.btn-danger:focus, div.btn-danger button:focus, input[type=submit].btn-danger:focus,
a.btn-danger:active:focus, button.btn-danger:active:focus, div.btn-danger a:active:focus, div.btn-danger button:active:focus, input[type=submit].btn-danger:active:focus,
a.btn-danger:active:hover, button.btn-danger:active:hover, div.btn-danger a:active:hover, div.btn-danger button:active:hover, input[type=submit].btn-danger:active:hover {outline:none !important; background-color:#8b0400 !important; border-color:#8b0400 !important; color:#FFF !important}

.btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning {text-shadow: none !important;box-shadow: none !important;}
a.btn.btn-info, button.btn.btn-info, div.btn.btn-info a, div.rev-btn.btn-lg.btn-info, div.btn.btn-info button {padding: 12px 25px 14px 25px !important;}
a.btn-lg.btn-info, span.btn-lg.btn-info, button.btn-lg.btn-info, div.btn-lg.btn-info a, div.rev-btn.btn-lg.btn-info, div.btn-lg.btn-info button {padding: 20px 42px !important;}
a.btn-sm.btn-info, button.btn-sm.btn-info, div.btn-sm.btn-info a, div.rev-btn.btn-sm.btn-info, div.btn-sm.btn-info button {padding: 9px 22px 10px 22px !important;}

.vc_btn3.vc_btn3-size-md.vc_btn3-icon-right:not(.vc_btn3-o-empty) { padding-right: 55px !important;}
.vc_btn3.vc_btn3-size-md.vc_btn3-icon-left:not(.vc_btn3-o-empty) {  padding-left: 55px !important;}

/* Bootstrap style disable; it need for correct work of visual composer buttons */
div.btn-lg { padding: 0; font-size: 17px; line-height: 1.33333; border-radius: 0;}
.vc_btn3-container.btn-default, .vc_btn3-container.btn-default:hover, .vc_btn3-container.btn-default:focus, .vc_btn3-container.btn-default:active, .vc_btn3-container.btn-success, .vc_btn3-container.btn-success:hover, .vc_btn3-container.btn-success:focus, .vc_btn3-container.btn-success:active, .vc_btn3-container.btn-primary, .vc_btn3-container.btn-primary:hover, .vc_btn3-container.btn-primary:focus, .vc_btn3-container.btn-primary:active  {  background-color: transparent;  border-color: transparent;}
div.btn-info { color: transparent; background-color:  transparent; border-color:  transparent;}
div.btn { display: inline-block;  padding: 0;  margin-bottom: 0; font-size: 17px; font-weight: 400;  line-height: 1.42857;  text-align: inherit;  white-space: normal; vertical-align: middle; cursor: inherit;  -moz-user-select: none;  background-image: none; border: 0; border-radius: 0;}
div.btn-lg.btn-info { padding: 0 !important;}
div.btn.btn-info {  padding: 0 !important;}
div.btn-info:hover {  color: transparent; background-color: transparent; border-color: transparent;}
div.btn.focus, div.btn:focus, div.btn:hover { color: transparent;  text-decoration: none;}
div.btn-info.focus, div.btn-info:focus {color: transparent;  background-color: transparent;  border-color: transparent;}
div.btn.focus, div.btn:focus, div.btn:hover { color: transparent; text-decoration: none;}
div.btn.active.focus, div.btn.active:focus, div.btn.focus, div.btn:active.focus, div.btn:active:focus, div.btn:focus {outline: none; outline-offset: 0;}
div.btn-warning { color: transparent;  background-color: transparent; border-color: transparent;}
div.btn-warning:hover { color: transparent;  background-color: transparent;  border-color: transparent;}
div.btn-warning.focus, div.btn-warning:focus {color: transparent;  background-color: transparent;  border-color: transparent;}
div.btn-warning.active, div.btn-warning:active, .open>.dropdown-toggle.btn-warning {color: transparent;  background-color: transparent;  border-color: transparent;}
div.btn-warning.active.focus, div.btn-warning.active:focus, div.btn-warning.active:hover, div.btn-warning:active.focus, div.btn-warning:active:focus, div.btn-warning:active:hover, .open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning:hover { color: transparent;  background-color: transparent;  border-color: transparent;}
div.btn-danger { color: transparent;  background-color: transparent;  border-color: transparent;}
div.btn-danger:hover {  color: transparent;   background-color: transparent;  border-color: transparent;}
div.btn-danger.focus, div.btn-danger:focus {color: transparent;  background-color: transparent;  border-color: transparent;}
div.btn-danger.active.focus, div.btn-danger.active:focus, div.btn-danger.active:hover, div.btn-danger:active.focus, div.btn-danger:active:focus, div.btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover {color: transparent;  background-color: transparent;  border-color: transparent;}
div.btn-danger.active, div.btn-danger:active, .open>.dropdown-toggle.btn-danger {  color: transparent;  background-color: transparent;  border-color: transparent;}
div.btn-info.active, div.btn-info:active, .open>.dropdown-toggle.btn-info { color: transparent; background-color: transparent;  border-color: transparent;}
div.btn.active, div.btn:active {  background-image: none; outline: 0;  box-shadow: none;}
div.btn-info.active.focus, div.btn-info.active:focus, div.btn-info.active:hover, div.btn-info:active.focus, div.btn-info:active:focus, div.btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {color: transparent; background-color: transparent; border-color: transparent;}


/* =========================================
5. Content blocks
*/
/* Facts */
.facts {margin-top: -60px; background-color:transparent; position:relative; z-index:1000; padding:0}
.fact { -webkit-transition: all 600ms;  -moz-transition: all 600ms;  transition: all 600ms; }
.fact .vc_column-inner {padding:40px 40px 20px 40px; text-align:center; text-transform:uppercase;  color:#FFF; -webkit-transition: all 600ms;  -moz-transition: all 600ms;  transition: all 600ms; }

.fact div.stats-desc>div.counter_suffix {text-transform: lowercase;font-size: 28px;font-weight: bold;}
.fact:hover .vc_column-inner {background-color:rgba(38,183,231,1) !important; margin-top: -126px}
.fact .stats-text {margin:0;  font-size:17px;}
.fact .stats-block .stats-number {font-size:48px; color:#FFF; font-weight:bold;font-family: Lato;}
.fact h3 span {font-size:28px; display:inline}
.fact:hover h3 span {display:inline}
.fact .wpb_text_column p:before {content: ""; display: block;  width: 21px;  height: 2px;  background: #ffffff; margin: 0 auto 20px;}
.fact h3 span:before {display:inline}
.fact .wpb_text_column p { display:block; text-transform:none; font-size:15px; overflow:hidden; height:0; -webkit-transition: all 600ms; 
    -moz-transition: all 600ms; 
    transition: all 600ms; }
.fact:hover .wpb_text_column p { display:block; height:126px; }
.fact .wpb_content_element {margin-bottom: 0}

/* Services list */
.serviceslist {padding: 60px 0; z-index:1; position: relative;}
.slist, .slist .col-lg-9, .slist .col-md-9, .slist .col-sm-9, .slist .col-xs-9 {}
.slist:hover .col-lg-9, .slist:hover .col-md-9, .slist:hover .col-sm-9, .slist:hover .col-xs-9 {}
.slist {padding:20px 25px 30px 25px; margin-bottom:25px; -webkit-transition: all 600ms; 
    -moz-transition: all 600ms; 
    transition: all 600ms; }
.slist img {max-width:100%}
.slist h3 {text-align:left}
.slist p, .slist .aio-icon-description {color:#9d9f9f; font-size:15px;margin-bottom: 0;line-height: 1.6em;}
.slist a.more, .slist .aio-icon-read {opacity:0; filter: alpha(opacity=0); text-transform:uppercase !important; font-weight: 700 !important;  font-size:13px !important;color:#9d9f9f !important; text-align:right; -webkit-transition: all 600ms; 
    -moz-transition: all 600ms; 
    transition: all 600ms;}
.slist:hover a.more, .slist:hover .aio-icon-read {   opacity:1; filter: alpha(opacity=100)}
.slist:hover a.more:hover, .slist:hover a.aio-icon-read:hover {color:rgba(68,221,97,1) !important;text-decoration:none !important;}
.serviceslistmain .slist:hover a.more, .serviceslistmain .slist:hover .aio-icon-read {color:#FFF !important;}
.slist:hover {transform:scale(1.08); overflow: hidden}
.slist:hover h3 {color:rgba(68,221,97,1)}
.slist .aio-icon-default { float: left;  margin-bottom: 100px; margin-right: 30px; -webkit-transition: all 600ms; 
    -moz-transition: all 600ms; 
    transition: all 600ms; }
.slist:hover .aio-icon-default {}


#filter li a, .vc_grid-filter li span, .vc_grid-filter.vc_grid-filter-size-md .vc_grid-filter-item {  font-size: 14px;padding:5px 22px; border-color:transparent; border-width:1px; color: #c0bebe; font-family: Lato; border-style:solid; border-radius:50px; text-transform:uppercase; -webkit-transition: all 600ms;    -moz-transition: all 600ms;   transition: all 600ms; }
#filter li a.current, .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item.vc_active > span, .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover {color:rgba(68,221,97,1); text-decoration:none}
#filter li a:hover, .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover, .vc_grid-filter > .vc_grid-filter-item:hover {border-color:rgba(68,221,97,1);  border-width:1px; color:rgba(68,221,97,1)}
.vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover > span { color:rgba(68,221,97,1) !important}

/* Benefits */
.benefits {position:relative; text-align:center; padding:60px 0 0 0;}
.benefits:after {content: ""; display: block; clear: both;width: 100%;}
.benefits .beninside {background-color:#f2f2f3; background-image:url(../images/benefits.jpg); background-repeat:no-repeat; background-position:center bottom;  background-size:cover;height:860px}
.benefits div {margin:auto; z-index: 99}
.benefits .why {height:410px; width:410px; position:absolute; top:105px; left:-webkit-calc(50% - 205px); left:-moz-calc(50% - 205px); left:calc(50% - 205px); background-color:#FFF;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -moz-transform: rotate(45deg);  transform: rotate(45deg);     padding: 70px;}
.benefits .why .headinginfo {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg); text-align:center}
.benefits .why h2 {margin-top:20px}
.benefits .why h2:before {margin: 20px auto 20px;}
.rhombus {position: absolute; display: block;overflow: hidden;visibility: hidden; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
.beniconblock {text-align:center; display:block; visibility: visible; -webkit-transform:scale(1.5); -ms-transform:scale(1.5); -moz-transform:scale(1.5); transform:scale(1.5);}
.beniconblock img, .beniconblock b {-webkit-transform: scale(0.66);-ms-transform: scale(0.66);-moz-transform: scale(0.66);transform: scale(0.66); line-height:0;}
.beniconblock b {font-size:18px; color:#FFF; white-space: nowrap; text-transform:uppercase; display: block;}
.bico {height:100%;width:100%; padding-top:-webkit-calc(50% - 50px); padding-top:-moz-calc(50% - 50px); padding-top:calc(50% - 50px); }
.beniconsize1 {height:210px;width:210px; top:25px; left:260px;}
.beniconsize2 {height:240px;width:240px; top:0; right:20px;}
.beniconsize3 {height:220px;width:220px; top:390px; left:20px;}
.beniconsize4 {height:210px;width:210px; top: 550px; left:340px;}
.beniconsize5 {height:230px;width:230px; top: 550px; right:20px;}
.tralign {height:100%;width:100%; background-size:cover;  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  transform: rotate(-45deg);}
.imgbgr {z-index: -1; position:absolute;left: -50px;top: -50px;visibility: visible;  -webkit-transform: scale(1.8);  -moz-transform: scale(1.8);  -ms-transform: scale(1.8);  transform: scale(1.8);}
.bluebgr { background-color:rgba(38,183,231,1);-webkit-transition: all 600ms; 
    -moz-transition: all 600ms; 
    transition: all 600ms; }
.rhombus:hover .bluebgr { background-color:rgba(38,183,231,0.8);}
.greenbgr {background-color:rgba(68,221,97,0.8);-webkit-transition: all 600ms;
    -moz-transition: all 600ms; 
    transition: all 600ms; }
.rhombus:hover .greenbgr {background-color:rgba(68,221,97,1);}
/* For mobile phones & no support csstransforms */
.no-csstransforms .benefits {position:relative; text-align:center; padding:80px 0 0 0;}
.no-csstransforms .benefits:after {content: ""; display: block; clear: both;width: 100%;}
.no-csstransforms .benefits .beninside {background-color:#f2f2f3; background-image:url(../images/benefits.jpg); background-repeat:no-repeat; background-position:center bottom;  background-size:cover;height:auto}
.no-csstransforms .benefits .why {height:auto; width:90%; position:relative;  background-color:#FFF;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -ms-transform: rotate(0deg);  transform: rotate(0deg); padding: 70px; margin:20px auto; top:auto; left:auto; right:auto}
.no-csstransforms .benefits .why .headinginfo { text-align:center; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}
.no-csstransforms .benefits .why h2 {margin-top:20px}
.no-csstransforms .benefits .why h2:before {margin: 20px auto 20px;}
.no-csstransforms .rhombus {position: relative; display: block;overflow: hidden;visibility: hidden; margin:20px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
.no-csstransforms .beniconblock {text-align:center; display:block; visibility: visible; }
.no-csstransforms .beniconblock img, .beniconblock b {line-height:0; margin:10px; clear:both}
.no-csstransforms .beniconblock b {font-size:18px; color:#FFF; white-space: nowrap; text-transform:uppercase; display: block;}
.no-csstransforms .bico {height:100%;width:100%; padding:20px; }
.no-csstransforms .beniconsize1 {height:auto;width:90%; margin:20px auto; top:auto; left:auto; right:auto}
.no-csstransforms .beniconsize2 {height:auto;width:90%; margin:20px auto; top:auto; left:auto; right:auto}
.no-csstransforms .beniconsize3 {height:auto;width:90%; margin:20px auto; top:auto; left:auto; right:auto}
.no-csstransforms .beniconsize4 {height:auto;width:90%; margin:20px auto; top:auto; left:auto; right:auto}
.no-csstransforms .beniconsize5 {height:auto;width:90%; margin:20px auto; top:auto; left:auto; right:auto}
.no-csstransforms .tralign {height:auto;width:100%; background-size:cover;  -webkit-transform: rotate(0deg);  -ms-transform: rotate(0deg);  -moz-transform: rotate(0deg);  transform: rotate(0deg);}
.no-csstransforms .imgbgr {z-index: -1; position:absolute;left: -50px;top: -50px;visibility: visible;}
.no-csstransforms .bluebgr { background-color:rgba(38,183,231,1);-webkit-transition: all 600ms;   -moz-transition: all 600ms;   transition: all 600ms; }
.no-csstransforms .rhombus:hover .bluebgr { background-color:rgba(38,183,231,1);}
.no-csstransforms .greenbgr {background-color:rgba(38,183,231,1);-webkit-transition: all 600ms;  -moz-transition: all 600ms;  transition: all 600ms; }
.no-csstransforms .rhombus:hover .greenbgr {background-color:rgba(38,183,231,1);}


/* Team index page */
.team {padding:60px 0 40px 0; background-repeat:no-repeat; background-position:center top; height:800px; position:relative}
.team .bgrshadow {background-color:#1d1f23; position: absolute;top: 0;left: 0;width: 100%;height: 560px; opacity:0.81; filter: alpha(opacity=81); z-index:0}
.team h2 {color:#FFF}
.team.nobgr {background-image:none}
#team-index { text-align: center;}
#team-index .item {background: #f6f6f6; padding: 0 27px 0 0; margin:0 10px 0 1px; text-align: left; height:310px}
#team-index .item img {float:left; margin-right:40px}
#team-index .item strong {display:block; padding-top: 40px; font-size:20px; color:rgba(37,42,44,1);font-family: Lato}
#team-index .item span {display:block; color:#3fd776; font-family: Lato; font-size:12px; text-transform:uppercase}
#team-index .item span:after {content: ""; display:block; height:3px; background-color:#dddede; width:44px; border-radius:3px; margin:11px 0 15px 302px}
#team-index .item p {font-size: 15px; color:#9d9f9f;     line-height: 23px; margin-bottom: 20px}
#team-index .item .overmember {background-color:rgba(89,226,138,0.0); position:absolute; top:0; left:0; height:100%; width:262px; text-align:center; -webkit-transition: all 600ms; 
    -moz-transition: all 600ms; 
    transition: all 600ms; }
#team-index .item .overmember i {color:#FFF; font-size:44px; top: 130px;position: relative; opacity:0; filter: alpha(opacity=0);-webkit-transition: all 600ms;
    -moz-transition: all 600ms; 
    transition: all 600ms; }
#team-index .item .overmember:hover i { opacity:1; filter: alpha(opacity=100)}
#team-index .item .overmember:hover {background-color: rgba(68,221,97,0.8)}
.overmember a {text-decoration: none}
.overmember a:hover {text-decoration: none}
.catteam #team-index {margin-bottom: 60px}
.catteam #team-index:after {content:""; display: block; clear: both}
.catteam #team-index .item {margin: 0 0 40px 0; padding: 0 20px 0 0;  position: relative;}
#team-index .owl-controls {display:none}
.customNavigation{ text-align: center;}
.customNavigation a{  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.customNavigation .prev, .customNavigation .next, #team-index .slick-prev, #team-index .slick-next {display:inline-block;height:42px; width:42px; background-repeat:no-repeat;  margin:40px 5px 20px 5px; z-index: 3;  position: relative;}
.customNavigation .prev, #team-index .slick-prev {background-image:url(../images/arrl.png);background-position:right top;}
.customNavigation .prev:hover, #team-index .slick-prev:hover {background-position:left top}
.customNavigation .next, #team-index .slick-next {background-image:url(../images/arrr.png);background-position:left top;}
.customNavigation .next:hover, #team-index .slick-next:hover {background-position:right top}
#team-index .socialprofiles, #teammate .socialprofiles {}
#team-index .socialprofiles a, #teammate .socialprofiles a {text-decoration:none;text-align:center; width:35px; height:35px; display:inline-block;  margin: 0 5px 0 0;}
#team-index .socialprofiles a i, #teammate .socialprofiles a i,
#team-index .socialprofiles a .icon, #teammate .socialprofiles a .icon { display:block;color:#FFF; text-decoration:none; font-size:15px; padding:0; border-radius:80px; background-color:#dddede; width:35px; height:35px;  line-height:35px}
#team-index .socialprofiles a:hover, #teammate .socialprofiles a:hover {text-decoration:none;}
#team-index .socialprofiles a:hover i, #teammate .socialprofiles a:hover i, #team-index .socialprofiles a:hover .icon, #teammate .socialprofiles a:hover .icon {-webkit-transition: all 600ms; 
    -moz-transition: all 600ms; 
    transition: all 600ms; }
#team-index .socialprofiles a:hover .icon-facebook , #teammate .socialprofiles a:hover .icon-facebook { background-color:#3b67ea}
#team-index .socialprofiles a:hover .icon-twitter, #teammate .socialprofiles a:hover .icon-twitter { background-color:#2ec3f5}
#team-index .socialprofiles a:hover .icon-users, #teammate .socialprofiles a:hover .icon-users { background-color:#000000}
#team-index .socialprofiles a:hover .icon-linkedin, #teammate .socialprofiles a:hover .icon-linkedin { background-color:#007ab5}
#team-index .socialprofiles a:hover .icon-google-play, #teammate .socialprofiles a:hover .icon-google-play { background-color:#df4b38}
#team-index .socialprofiles a:hover .icon-tumblr, #teammate .socialprofiles a:hover .icon-tumblr { background-color:#34465d}
#team-index .socialprofiles a:hover .icon-pinterest-p, #teammate .socialprofiles a:hover .icon-pinterest-p { background-color:#f33434}
#team-index .socialprofiles a:hover .icon-youtube-play, #teammate .socialprofiles a:hover .icon-youtube-play { background-color:#f70001}
#team-index .socialprofiles a:hover .icon-instagram, #teammate .socialprofiles a:hover .icon-instagram { background-color:#e7d6c4}
#team-index .socialprofiles a:hover .icon-vk, #teammate .socialprofiles a:hover .icon-vk { background-color:#4c75a3}
#team-index .socialprofiles a:hover .icon-reddit, #teammate .socialprofiles a:hover .icon-reddit { background-color:#cee3f8}
#team-index .socialprofiles a:hover span.icon-blogger, #teammate .socialprofiles a:hover span.icon-blogger { background-color:#f47c01}
#team-index .socialprofiles a:hover .icon-wordpress, #teammate .socialprofiles a:hover .icon-wordpress { background-color:#464442}
#team-index .socialprofiles a:hover .icon-behance, #teammate .socialprofiles a:hover .icon-behance { background-color:#2551f6}
#teammate h1, #teammate .headinginfo, #teammate h3 {text-align: left}
#teammate h1:after {  margin: 31px 0 15px;}
#teammate .headinginfo {margin-bottom: 20px !important}
#teammate h3 {margin: 35px 0 15px 0}
#teammate .socialprofiles a {margin: 0 10px 0 0;}
.teammate {}
.teammate#teammate  .socialprofiles {    margin:30px 0;}
#team-index .slick-prev {left: 0;}
#team-index .slick-next {right: 0;}
main #team-index button:focus, main #team-index button:active { background-color: transparent !important;}

/* Testimonials and clients*/
.testimonials {padding:80px 0; position:relative}
.testimonials_box .item {float: left;}
.testimonials_box .item {}
#testimonials-index .owl-item .bubbles .mention, .testimonialsingle .item .bubbles .mention, .testimonials_box .item .mention {border-radius:15px; padding:45px 50px; position: relative; margin-right: 1px}
.bubbles:nth-child(odd) .mention, .testimonialsingle .bubbles .mention, .testimonials_box .item:nth-child(odd) .bubbles .mention {background-color:rgba(68,221,97,1)}
.bubbles:nth-child(even) .mention, .testimonials_box .item:nth-child(even) .bubbles .mention  {background-color:rgba(38,183,231,0.8); margin-top:25px}
.testimonials_box .item .bubbles .mention p, .testimonial .mention p {color:#FFF}
#testimonials-index .owl-item:nth-child(odd) .mention:after, .testimonialsingle .bubbles .mention:after, .testimonials_box .item:nth-child(odd) .mention:after { content:""; position: absolute;left:25%; bottom: -21px; width: 0; height: 0; border-top: 0 solid transparent; border-left: 30px solid rgba(68,221,97,1); border-bottom: 22px solid transparent; z-index: -1;}
#testimonials-index .owl-item:nth-child(even) .mention:after, .testimonials_box .item:nth-child(even) .mention:after { content:""; position: absolute;right:25%; bottom: -21px; width: 0; height: 0; border-top: 0 solid transparent; border-right: 25px solid rgba(38,183,231,0.8); border-bottom: 22px solid transparent; z-index: -1;}
.bubbles .face strong {font-size:19px; color:rgba(37,42,44,1); margin-top: 10px; display: block;}
.bubbles .face p {color:#b2b4b4}
#testimonials-index .owl-item:nth-child(odd) .mention, .testimonials_box .item:nth-child(odd) .mention {background-color:rgba(68,221,97,1)}
#testimonials-index .owl-item:nth-child(odd) .face, .testimonialsingle .face, .testimonials_box .item:nth-child(odd) .face {margin:60px auto auto 60px; text-align:left}
#testimonials-index .owl-item:nth-child(odd) .face img, .testimonialsingle .face img, .testimonials_box .item:nth-child(odd) .face img {float:left; margin-right:20px; border-radius:50px;width: 78px; height: 78px}
#testimonials-index .owl-item:nth-child(even) .mention, .testimonials_box .item:nth-child(even) .mention {background-color:rgba(38,183,231,0.8); margin-top:25px; margin-left: -30px}
#testimonials-index .owl-item:nth-child(even) .face, .testimonials_box .item:nth-child(even) .face {margin:60px 60px auto auto; text-align:right}
#testimonials-index .owl-item:nth-child(even) .face img, .testimonials_box .item:nth-child(even) .face img {float:right; margin-left:20px; border-radius:50px}
#testimonials-index .owl-controls{margin-top: 10px;text-align: center; height:25px}
#testimonials-index .owl-controls .owl-page {display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }
#testimonials-index .owl-controls .owl-page span{display: block;	width: 12px;	height: 12px;	margin: 5px 7px;	border-radius: 20px;	background: #eae8e8;-webkit-transition: all 600ms; 
    -moz-transition: all 600ms; 
    transition: all 600ms; }
#testimonials-index .owl-controls .owl-page.active span {-webkit-transform: scale(1.5);-ms-transform: scale(1.5);-moz-transform: scale(1.5);transform: scale(1.5)}
#testimonials-index .owl-controls.clickable .owl-page:hover span{background: rgba(68,221,97,1);}
.testimonials_box .slick-dots li button:before {font-size: 12px;color: #eae8e8;}
.testimonials_box .slick-dots li button:active,.testimonials_box .slick-dots li button:focus { background-color: transparent !important;}
.testimonials_box .slick-dots li button:hover:before,.testimonials_box  .slick-dots li.slick-active button:before {-webkit-transform: scale(1.5);-ms-transform: scale(1.5);-moz-transform: scale(1.5);transform: scale(1.5); color: rgba(68,221,97,1);}

.testimonialsingle {margin-bottom: 60px}
.testimonialsingle .entry-meta {text-align: left; color: #b2b4b4;display: inline;font-family: Lato}
.testimonialsingle .bubbles .face p {margin-bottom: 0px}

.clientlogos {padding:100px 0 40px 0}
.clientlogos .vc_item { border:1px #e0e0e0 solid; text-align:center; -webkit-transition: all 600ms;   -moz-transition: all 600ms;   transition: all 600ms;  background-color: rgba(255,255,255,1)}
.clientlogos .vc_item:hover {border:1px rgba(89,226,138,1) solid}
.clientlogos .vc_item > .vc_inner {padding:80px 30px;}
.clientlogos .vc_item img { width:100%; max-width:175px;opacity:0.56; filter: alpha(opacity=56); -webkit-transition: all 600ms; 
    -moz-transition: all 600ms; 
    transition: all 600ms; }
.clientlogos .vc_item:hover img{ opacity:1; filter: alpha(opacity=100)}

/* Portfolio Feed */
.portfoliofeed {padding-bottom: 80px}
.portfoliofeed:after {content:""; display: block; clear: both}
.plist {position:relative; padding-bottom: 30px}
.plist h3 {position:absolute; bottom:30px; left:0; right:0; padding:20px 0; text-align:center; color:#FFF; background-color: rgba(38,183,231,0.8); margin: 0 15px}
.plist:hover h3 {background-color: rgba(68,221,97,0.8);}
.plist .entry-thumbnail{width:100%; padding:0; margin:0}
.plist .entry-thumbnail img{width:100%}


/* =========================================
5.1 Blog and sidebars
*/
.blogpage {}
.onecolumnnsb .post:after {content: " "; clear: both; display: block; height: 1px}
.navigation { padding-bottom: 60px; clear: both;}
.sticky .entry-meta .featured-post > .icon,
.format-audio > .iconic, .format-audio > .fa , .format-audio > .icon,
.format-gallery > .iconic, .format-gallery > .fa , .format-gallery > .icon,
.format-video > .iconic, .format-video > .fa, .format-video > .icon,
.format-link > .iconic, .format-link > .fa, .format-link > .icon,
.format-quote > .iconic, .format-quote > .fa, .format-quote > .icon,
.format-image > .iconic, .format-image > .fa, .format-image > .icon,
.format-quote > [class^="icon-"], .format-quote > [class*=" icon-"],
.format-link > [class^="icon-"], .format-link > [class*=" icon-"],
.format-audio > [class^="icon-"], .format-audio > [class*=" icon-"] {font-size:64px; color:rgba(38,183,231,1); position:absolute; top: -25px; left:15px}
.page-links {  text-align: center;}
.page-links span { display:inline-block; text-decoration:none; font-family: Lato; border-radius:60px;margin:0 5px; height:60px; width:60px; text-align:center; border:2px rgba(248,248,248,1) solid; padding:13px; font-weight:bold; font-size:20px; color:rgba(38,183,231,1);}
.page-links a span { display:inline-block; font-weight:bold;  color:rgba(38,183,231,1); background-color: transparent;  -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    transition: all 600ms; }
.page-links a:hover span { text-decoration:none; background-color:rgba(248,248,248,1); border-color:rgba(38,183,231,1)}
.page-links span { background-color:rgba(248,248,248,1)}
.page-links span.page-links-title { background-color: transparent; border-color: transparent; width: auto; color: rgba(56,63,66,1);}

.post-password-form {text-align: center}
.post-password-required {min-height: 300px}
.format-standard .entry-header .entry-meta:after, .sticky .entry-meta:after, .format-audio .entry-meta:after, .format-chat .entry-meta:after, .format-aside .entry-meta:after, .format-status .entry-meta:after {content: ""; display: block;  width: 44px;  height: 4px;  background: rgba(68,221,97,1); margin: 31px auto 29px; border-radius:2px}
.onecolumn .format-standard .entry-header .entry-meta:after, .onecolumn .sticky .entry-meta:after, .onecolumn .format-chat .entry-meta:after, .onecolumn .format-aside .entry-meta:after, .onecolumn .format-status .entry-meta:after {margin-left: 450px}
.entry-meta .fa.stickyicon {font-size: 64px; color: rgba(38,183,231,1); position: absolute; top: -25px; right: 15px;}
span.edit-link { display: inline-block;}
.entry-title a {text-decoration:none; color:rgba(37,42,44,1);  word-break: break-all}
.entry-title a:hover {text-decoration:none; color:rgba(38,183,231,1)}
.post, .onecolumn > article {position:relative; margin-bottom:60px}

.post img {max-width:100%}
.entry-content { text-align:justify; min-height: 64px}
.format-standard.has-post-thumbnail {}
.format-standard.has-post-thumbnail .entry-thumbnail {margin-bottom: 20px;}
.format-standard .entry-thumbnail {margin-bottom: 20px; width: 400px}
.format-standard.has-post-thumbnail .entry-title {text-align: left}
.format-standard .entry-meta, .format-standard.post-password-required .entry-meta {    text-align: left;}
.format-standard.has-post-thumbnail .entry-meta:after, .format-standard.has-post-thumbnail.post-password-required .entry-meta:after  {margin: 31px auto 29px 450px;}
.onecolumnnsb .format-standard .entry-header .entry-meta:after, .onecolumnnsb .sticky .entry-meta:after, .onecolumnnsb .format-chat .entry-meta:after, .onecolumnnsb .format-aside .entry-meta:after, .onecolumnnsb .format-status .entry-meta:after {margin: 31px auto 29px 450px;}
.format-image .entry-content:after, .format-gallery .entry-content:after, .format-video .entry-content:after, .format-link .entry-content:after, .format-quote .entry-content:after {content: ""; display: block;  width: 44px;  height: 4px;  background: rgba(68,221,97,1); margin: 31px auto 29px; border-radius:2px}

.entry-meta {text-align: center; font-size:15px}
.entry-meta > span {    display: inline;}
.entry-meta a { text-decoration:none; font-size:15px}
.entry-meta a:hover{color:rgba(68,221,97,1)}
.entry-meta .iconic, .entry-meta .fa, .entry-meta .icon { margin-right:10px; color:#9d9f9f}
.entry-meta .icon-pencil-square-o {margin-right: 10px !important; margin-left: 20px !important}
.blogpage .format-standard.has-post-thumbnail .entry-meta {text-align: left;}
.date {}
.categories-links, .date, .author, .comments-link {margin-right:20px}
.entry-thumbnail {float:left; margin-right:50px}
.format-standard.has-post-thumbnail h3.entry-title, .post.post-password-required h3.entry-title, .format-standard h3.entry-title {text-align:left}

.gallery-columns-4 .gallery-item {width: -webkit-calc(25% - 15px);width: -moz-calc(25% - 15px);width: calc(25% - 15px);}
.gallery-columns-4 .gallery-item:nth-of-type(4n) {margin-right:0}
.gallery-item {float: left;  margin: 0 20px 20px 0;  overflow: hidden;  position: relative; }
.gallery-item img {width:100%}
.gallery {clear:both}
.sticky {background-color:rgba(248,248,248,1); padding:20px 20px 20px 20px;}
.format-gallery, .format-image, .format-video, .format-audio, .format-link, .format-quote {background-color:rgba(248,248,248,1); padding:40px 20px 20px 20px;}
.format-quote { padding:60px 20px 60px 20px;}
.meta-nav {font-size: 18px; margin-right: 6px;}
.pagination, .blogpagination {width:100%; text-align:center;clear: both;}
.blogpagination {margin:40px auto 60px auto;}
.pagination ul {width:60%; margin:40px auto; padding:0; list-style:none}
.pagination ul li {margin:0; padding:0; display:inline-block}
.pagination ul li a, .blogpagination a, .blogpagination .current { display:block; text-decoration:none; font-family: Lato; border-radius:60px;margin:0 5px; height:60px; width:60px; text-align:center; border:2px rgba(248,248,248,1) solid; padding:13px; font-weight:bold; font-size:20px; color:rgba(38,183,231,1); -webkit-transition: all 600ms;
    -moz-transition: all 600ms; 
    transition: all 600ms; }
.blogpagination a, .blogpagination .current {display: inline-block}
.pagination ul li a .icon {margin-top:4px; display:block}
.pagination ul li.active a, .blogpagination .current { background-color:rgba(248,248,248,1)}
.pagination ul li.disabled a {color:rgba(248,248,248,1)}
.pagination ul li.disabled a:hover {border-color:rgba(248,248,248,1)}
.pagination ul li a:hover, .blogpagination a:hover { text-decoration:none; border-color:rgba(38,183,231,1)}

.nav-previous a, .nav-next a {display: inline-block; text-decoration:none; outline: 0; padding: 11px 25px 11px 25px; margin-bottom: 0; font-size: 13px;    font-weight: bold; line-height: 1.42857; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -moz-user-select: none; background-image: none; border: 2px solid rgba(68,221,97,1); color: rgba(68,221,97,1); background-color: transparent; border-radius: 50px;text-transform:uppercase; -moz-box-sizing: border-box;  box-sizing: border-box; -webkit-transition: all 600ms;  -moz-transition: all 600ms;  transition: all 600ms;   position: relative; z-index: 2; font-family: Lato;}
.nav-previous a:hover, .nav-next a:hover {color: #FFF; background-color: rgba(68,221,97,1); border-color: rgba(68,221,97,1);}
.nav-previous a:focus, .nav-previous a:active, .nav-next a:focus, .nav-next a:active {outline:none; background-color: rgba(38,198,96,1) !important; border-color: rgba(38,198,96,1) !important; background-image:none;color: #FFF;}
.comment-navigation .nav-previous { float: left;}
.comment-navigation .nav-next {float: right}
.comment-navigation {clear: both}

/* From Blog */
.post_format_query_block {position: relative; z-index: 99}
.postfb {margin-bottom:30px; padding-left:0; padding-right:30px}
.postfb article { background-color:#FFF;padding-right:25px}
.postfb .format-standard.has-post-thumbnail h3.entry-title {text-transform:none; font-size:20px;     line-height: 30px; font-family: 'Raleway', sans-serif; font-weight:500; margin:0 auto 7px; padding-top:30px}
.postfb .entry-thumbnail { width:254px; margin:0 30px 0 0; float:left}
.postfb .entry-meta{color:#bdbdbd; font-size:12px; text-transform:uppercase; text-align:left; margin-bottom:20px}
.postfb .entry-meta .author {margin-right:30px}
.postfb .format-standard .entry-header  .entry-meta:after {content:none}
.postfb .more-link { color: #2b2732; text-transform: uppercase; font-size: 11px; margin-top: 30px; text-decoration: none; font-family: 'Montserrat', sans-serif; opacity:0.3; filter: alpha(opacity=30); text-align:right; display:block}
.postfb .more-link:hover {color: rgba(68,221,97,1); opacity:1; filter: alpha(opacity=100)}
.postfb p {margin-bottom:20px; color:#767677; font-size:15px}
.postfb .format-standard.has-post-thumbnail .entry-thumbnail {   margin-bottom: 0;}

.onecolumnnsb .post {clear:both}
.onecolumnnsb .format-standard h3.entry-title, .onecolumnnsb .format-standard .entry-meta { text-align: left}
.onecolumnnsb .format-aside h3.entry-title, .onecolumnnsb .format-aside .entry-meta { text-align: left}
.onecolumnnsb .format-status h3.entry-title, .onecolumnnsb .format-status .entry-meta { text-align: left}
.onecolumnnsb .format-chat h3.entry-title, .onecolumnnsb .format-chat .entry-meta { text-align: left}
.onecolumnnsb .format-aside .entry-thumbnail, .onecolumnnsb .format-status .entry-thumbnail, .onecolumnnsb .format-chat .entry-thumbnail { margin-bottom: 20px;  width: 400px;}

.onecolumn .post:after, .onecolumn > article:after {content: ""; display: block; clear: both}

.blog2columnpage {}
.blog2columnpage .format-standard.post-password-required .entry-meta {text-align: center}
.blog2columnpage .post {display:block; float: left; min-height:200px; width:-webkit-calc(50% - 30px); width:-moz-calc(50% - 30px); width:calc(50% - 30px); margin: 0 60px 60px 0; padding:0 20px 20px 20px}
.blog2columnpage .format-gallery, .blog2columnpage .format-image, .blog2columnpage .format-video, .blog2columnpage .format-audio, .blog2columnpage .format-link {padding-top: 20px}
.blog2columnpage .post:nth-of-type(2n) {margin-right: 0;}
.blog2columnpage .post:nth-of-type(2n+1) { clear: both}
.blog2columnpage .post:nth-child(odd) {}
.blog2columnpage .post:first-child { clear: none}
.blog2columnpage .format-standard .entry-meta, .format-standard.post-password-required .entry-meta {    text-align: center;}
.blog2columnpage .format-audio .entry-content:before { content: none; width: 0}
.blog2columnpage .format-audio .audio-content {  background-image:none;padding-left: 0;float: none;  margin: 10px auto; width: 100%}
.blog2columnpage .entry-thumbnail {width:100%; float:none; height:350px; overflow:hidden;}
.blog2columnpage .entry-thumbnail img {width:100%;}
.blog2columnpage .format-standard .entry-content, .blog2columnpage .format-chat .entry-content, .blog2columnpage .format-aside .entry-content, .blog2columnpage .format-status .entry-content { display:none; color:#FFF}
.blog2columnpage .format-standard:hover .entry-content, .blog2columnpage .format-chat:hover .entry-content, .blog2columnpage .format-aside:hover .entry-content, .blog2columnpage .format-status:hover .entry-content {display:block; position:absolute; top:0; left:0; height:100%; width:100%; background-color:rgba(38,183,231,0.8); padding:40px}
.blog2columnpage .format-standard.post-password-required:hover .entry-content {}
.blog2columnpage .format-standard .entry-meta, .blog2columnpage .format-chat .entry-meta, .blog2columnpage .format-aside .entry-meta, .blog2columnpage .format-status .entry-meta {margin-top:20px}
.blog2columnpage .format-standard .entry-meta:after, .blog2columnpage .format-chat .entry-meta:after, .blog2columnpage .format-aside .entry-meta:after, .blog2columnpage .format-status .entry-meta:after {display:none}
.blog2columnpage .format-standard .entry-meta:before, .blog2columnpage .format-chat .entry-meta:before, .blog2columnpage .format-aside .entry-meta:before, .blog2columnpage .format-status .entry-meta:before {content: ""; display: block;  width: 44px;  height: 4px;  background: rgba(68,221,97,1); margin: 31px auto 29px; border-radius:2px}
.blog2columnpage .format-standard h3.entry-title, .blog2columnpage .format-chat h3.entry-title, .blog2columnpage .format-aside h3.entry-title, .blog2columnpage .format-status h3.entry-title {text-align:center}
.blog2columnpage .format-standard .more-link, .blog2columnpage .format-chat .more-link, .blog2columnpage .format-aside .more-link, .blog2columnpage .format-status .more-link {display: block; height:50px; width:50px; margin:40px auto; color: transparent;}
.blog2columnpage .format-standard .more-link:before, .blog2columnpage .format-chat .more-link:before, .blog2columnpage .format-aside .more-link:before, .blog2columnpage .format-status .more-link:before { content: "\f06e"; display: block; font-size: 50px; color: #FFF; font-family: 'alico';}
.blog2columnpage .format-standard .more-link i, .blog2columnpage .format-chat .more-link i, .blog2columnpage .format-aside .more-link i, .blog2columnpage .format-status .more-link i {font-size:50px; color:#FFF}
.blog2columnpage .format-standard .more-link:hover, .blog2columnpage .format-chat .more-link:hover, .blog2columnpage .format-aside .more-link:hover, .blog2columnpage .format-status .more-link:hover { text-decoration:none}
.blog2columnpage .format-standard.has-post-thumbnail .entry-meta { text-align: center;}
.blog2columnpage .gallery {max-height:350px; overflow:hidden}
.blog2columnpage .gallery-columns-1.gallery-size-medium, .blog2columnpage .gallery-columns-1.gallery-size-thumbnail, .blog2columnpage .gallery-columns-2.gallery-size-thumbnail, .blog2columnpage .gallery-columns-3.gallery-size-thumbnail {display: block}
.blog2columnpage .gallery-columns-3 .gallery-item { width: 31%; width: -webkit-calc(33% - 4px); width: -moz-calc(33% - 4px); width: calc(33% - 4px);}
.blog2columnpage .post.format-quote {padding-top:60px}

.blogsidebarspage .entry-thumbnail {width:100%; float:none; margin-bottom:30px}
.blogsidebarspage .entry-meta, .blogsidebarspage .format-standard.has-post-thumbnail .entry-meta { text-align: center;}
.blogsidebarspage .post {margin-bottom:60px}
.blogsidebarspage .post img {width:100%;}
.blogsidebarspage .comments-link, .blog2columnpage .comments-link {display:block}
.blogsidebarspage .format-standard h3.entry-title {text-align:center}
.blogsidebarspage .pagination ul { width: 100%;}
.blogsidebarspage .format-standard .entry-header .entry-meta:after {content: ""; display: block;  width: 44px;  height: 4px;  background: rgba(68,221,97,1); margin: 31px auto 29px; border-radius:2px}
.blogsidebarspage .onecolumnnsb .format-aside .entry-thumbnail, .blogsidebarspage .onecolumnnsb .format-status .entry-thumbnail, .blogsidebarspage .onecolumnnsb .format-chat .entry-thumbnail {width: 100%; float:none}
.blogsidebarspage .onecolumnnsb .format-standard .entry-header .entry-meta:after,
.blogsidebarspage .onecolumnnsb .sticky .entry-meta:after,
.blogsidebarspage .onecolumnnsb .format-audio .entry-meta:after,
.blogsidebarspage .onecolumnnsb .format-chat .entry-meta:after,
.blogsidebarspage .onecolumnnsb .format-aside .entry-meta:after,
.blogsidebarspage .onecolumnnsb .format-status .entry-meta:after {margin-left: auto}
.blogsidebarpage .comments-link {display: inline-block;}
.blogsidebarpage .entry-thumbnail {width:100%; float:none; margin-bottom:30px}
.blogsidebarpage .entry-meta, .blogsidebarpage .format-standard.has-post-thumbnail .entry-meta { text-align: center;}
.blogsidebarpage .post {margin-bottom:60px}
.blogsidebarpage .post img {width:100%;}
.blogsidebarpage .pagination ul { width: 100%;}
.blogsidebarpage .format-standard .entry-header .entry-meta:after {content: ""; display: block;  width: 44px;  height: 4px;  background: rgba(68,221,97,1); margin: 31px auto 29px; border-radius:2px}
/* Related*/
ul.related {list-style: none; margin: 0; padding: 0; width: 100%; display:block}
ul.related li {margin: 0 1.5% 20px 0; padding: 0; display: inline-block; position: relative; width: 32%; min-width: 320px; height: 220px; overflow: hidden;}
.blogsidebarspage ul.related li {width: 100%; margin-right: 0}
ul.related li:last-child {margin-right: 0}
ul.related li, .related li a, .related li h3 a {color:#FFF; }
ul.related li h3 a { text-decoration: none; font-size: 16px;}
ul.related li a { text-decoration: none;}
ul.related li h3 a:hover { text-decoration: underline}
ul.related li .thumb { padding: 0; margin: 0; text-align: center}
ul.related li .thumb img {width: 100%}
ul.related li h3 {position: absolute; text-align: center; line-height: 1.4em; left: 0;  right: 0;  bottom: 0;  margin: 0; padding: 20px 15px;-webkit-transition: all 600ms;  -moz-transition: all 600ms; transition: all 600ms;  font-size: 16px;}
ul.related li:hover h3 {-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
ul.related li:nth-child(odd) h3 {background-color: rgba(68,221,97,0.8);}
ul.related li:nth-child(even) h3 {background-color: rgba(38,183,231,0.8);}
ul.related li small {padding: 7px 0; display: block;text-align: center}
ul.related li .icon, .related li .iconic {margin-right: 6px}
ul.related li .iconic {margin-left: 25px}
ul.related li .vanish { position: absolute;display: block; padding: 40px 10px 0 10px; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(38,183,231,0.8);-webkit-transition: all 600ms;  -moz-transition: all 600ms; transition: all 600ms; -webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0); }
ul.related li:hover .vanish { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
ul.related li .vanish p { margin: 0}
ul.related li .vanish .more-link { display: block; text-align: center; text-decoration: none;}
ul.related li .vanish .more-link .icon {font-size: 40px; color: #FFF; text-decoration: none; margin: 10px  auto}

/* Sidebar */
.widget-area {background-color:rgba(248,248,248,1); margin-bottom: 50px; padding-top: 20px}
.widget-area ul li, .widget-area ol li {margin-bottom:0}
.widget {margin-bottom:60px; }
h3.widget-title { text-align:left}
h3.widget-title:after {content: ""; display: block; width: 44px;height: 4px; background: rgba(68,221,97,1); margin: 20px auto 29px 0; border-radius:2px}
h3.widget-title a {color: rgba(37,42,44,1); text-decoration: none}
h3.widget-title a:hover {color: rgba(68,221,97,1)}
#wp-calendar {color: rgba(37,42,44,1)}
a.rsswidget {}
a.rsswidget img {display:none}
[id*="rss-"] h3.widget-title:before {content: "\f143"; font-family: 'alico'; position: relative; display: inline; z-index: 1; color: #e77826;font-size: 22px; margin-right: 3px}
/* search widget */
.search-form, .woocommerce-product-search {border:2px #DCDCDC solid; padding:0 0 1px 0; border-radius:30px; width:100%; position:relative; margin:0; }

.search-form label { margin:0; width: -webkit-calc(100% - 120px); width: -moz-calc(100% - 120px); width: calc(100% - 120px);}
.search-form label:before {content: "\f002"; font-family: 'alico'; position: absolute; display: block; top: 3px; left: 15px; z-index: 1; color: rgba(38,183,231,1);font-size: 18px;}
.search-form .screen-reader-text {display: none;}
.search-form .search-submit {display: inline-block !important; text-decoration:none !important; outline: 0 !important;    padding: 7px 20px 7px 20px !important; margin-bottom: 0 !important;    font-size: 13px !important;    font-weight: bold !important;    line-height: 1.42857 !important;    text-align: center !important; white-space: nowrap !important;    vertical-align: middle !important;    cursor: pointer !important;    -moz-user-select: none !important; background-color:rgba(248,248,248,1) !important; background-image: none;    border: 2px solid rgba(248,248,248,1) !important;border-radius: 50px !important;text-transform:uppercase;  -moz-box-sizing: border-box !important;  box-sizing: border-box !important; -webkit-transition: all all $design-layout-subsection_transition$ms !important; -moz-transition: all all $design-layout-subsection_transition$ms !important; transition: all all $design-layout-subsection_transition$ms !important; position: absolute !important;top: 1px !important; right: 1px !important; z-index: 2 !important;font-family: Lato !important; color: rgba(38,183,231,1) !important;}
.search-form .search-submit:hover {background-color:rgba(38,183,231,1) !important; color:#FFF !important; text-decoration:none !important}
.search-form .search-submit:active, .search-form .search-submit:focus {outline:none !important; background-color:rgba(12,152,190,1) !important; text-decoration:none !important; color:#FFF !important}
.search-form input[type=search] { width: 100%; border-radius: 40px; border:0; background-color:transparent; color:rgba(56,63,66,1); font-size:16px; padding:3px 10px 4px 44px}
.e404i .search-form input[type=search] {padding-left: 0}
.woocommerce-product-search input[type=search] {height:100%; width: -webkit-calc(100% - 120px); width: -moz-calc(100% - 120px); width: calc(100% - 120px); border-radius: 40px; border:0; background-color:transparent; color:rgba(56,63,66,1); font-size:16px; padding:4px 10px 4px 44px}
.woocommerce-product-search input[type=search] {padding:4px 10px 4px 14px}
.search-form input[type=search]:focus, [id*="form-wysija-"] input[type=text]:active, .woocommerce-product-search input[type=search]:focus, .woocommerce-product-search input[type=search]:active {border:0; box-shadow:none; -webkit-box-shadow:none;}
.search-form .btn, .woocommerce-product-search .btn {float:right;font-size: 14px;}
.search-form:active, .search-form:focus, .search-form:hover, .woocommerce-product-search:active, .woocommerce-product-search:focus, .woocommerce-product-search:hover {border:2px rgba(38,183,231,1) solid;}
.search-form i {position: absolute; display:block; top: 11px;left:15px;z-index: 1; color: rgba(38,183,231,1); font-size:18px}
.search-form input[type=search]::-webkit-input-placeholder, .woocommerce-product-search input[type=search]::-webkit-input-placeholder {color:$ocs_pholder_rgba$;}
.search-form input[type=search]::-moz-placeholder, .woocommerce-product-search input[type=search]::-moz-placeholder {color:$ocs_pholder_rgba$;}
.search-form input[type=search]:-moz-placeholder, .woocommerce-product-search input[type=search]:-moz-placeholder {color:$ocs_pholder_rgba$;}
.search-form input[type=search]:-ms-input-placeholder, .woocommerce-product-search input[type=search]:-ms-input-placeholder {color:$ocs_pholder_rgba$;}
/* END SEARCH WIDGET */
.widget_wysija_cont .abs-req { display: none;}
.widget_wysija input[type=text] {width:100%; max-width:400px}
/* Calendar Widget */
.widget_calendar table {width:100%}
.widget_calendar table caption { text-align:center; font-weight:bold; font-size:18px}
.widget_calendar table td { background-color:#f5f5f5; border:1px transparent solid !important}
.widget_calendar table th {color:rgba(38,183,231,1)}
.widget_calendar table td#today {border: 1px rgba(38,183,231,1) solid}
.widget_calendar table td#prev, .widget_calendar table td#next {background-color:transparent; border:0; font-weight:bold}
.widget_calendar table td#prev:hover, .widget_calendar table td#next:hover { background-color:#f5f5f5;border: 1px rgba(38,183,231,1) solid}
.widget_calendar table td.pad, .widget_calendar table td#next.pad, .widget_calendar table td#next.pad {border-color:transparent; background-color:transparent}
.widget_calendar table,.widget_calendar td {border: 0;border-collapse: separate;border-spacing: 1px;}
.widget_calendar caption {font-size: 14px;margin: 0;}
.widget_calendar th,.widget_calendar td {padding: 0 !important;text-align: center;}
.widget_calendar a {display: block;}
.site-footer .widget_calendar tbody td {background-color: rgba(255, 255, 255, 0.05);}
.widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad {background-color: transparent;}
.widget_tag_cloud .tagcloud a, .widget_product_tag_cloud a {display: inline-block; text-decoration:none; outline: 0; padding: 4px 15px;  line-height: 1.5em; text-align: center; white-space: nowrap;    vertical-align: middle;    cursor: pointer;    -moz-user-select: none;    background-image: none;    border: 2px solid rgba(38,183,231,1);border-radius: 50px; -moz-box-sizing: border-box; box-sizing: border-box; color:rgba(38,183,231,1); margin-bottom:10px;  position: relative; z-index: 2; font-family: Lato; font-size:15px !important; -webkit-transition: all 600ms; 
    -moz-transition: all 600ms; 
    transition: all 600ms;  }
.widget_tag_cloud a:hover {color:rgba(68,221,97,1); border: 2px solid rgba(68,221,97,1);}

/* Post Page */
.size-full {max-width:100%; height:auto}
.postpage {clear: both}
.postpage .entry-meta {text-align:center; font-size:15px; margin-bottom:40px}
.postpage .format-standard .entry-header .entry-meta:after { content:none}
.postpage .entry-thumbnail {float:none}
.postpage .format-standard.has-post-thumbnail .entry-title, .postpage .format-standard.has-post-thumbnail .entry-meta, .postpage .format-standard .entry-title, .postpage .format-standard .entry-meta { text-align: center;}

.wp-caption {	background:#FFF;	border:1px solid #F0F0F0;	max-width:96%;	padding:0; margin-bottom: 35px;	text-align:center;}
.wp-caption.alignnone {	margin:5px 20px 20px 0;}
.wp-caption.alignleft {	margin:5px 20px 20px 0;}
.wp-caption.alignright {	margin:5px 0 20px 20px;}
.wp-caption img {	border:0 none;	height:auto;margin:0;	max-width:98.5%;padding:0;	width:auto;}
.wp-caption .wp-caption-text,.gallery-caption {	font-size:11px;	line-height:17px;	margin:0;	padding:0 4px 5px;}
.postpage .entry-content {clear:both; margin-bottom:40px}
.postpage .navigation {margin:40px 0}
.avatar {border-radius:50px; margin-right:30px; float:left}
#comments {padding-top:40px}
#commentform .comment-form-author, #commentform .comment-form-email, #commentform .comment-form-url {margin-bottom: 0}
#comments .fn, #comments .fn a, #comments .fn a:hover { color:rgba(37,42,44,1); font-size:19px; text-decoration:none; padding-top:5px; display:inline-block}
.comment-author-link { color:rgba(37,42,44,1);}
.comment-meta { margin-bottom:30px; clear:both}
.comment-metadata {display:inline-block}
.comment-list { margin:0; padding:0; list-style: none}
.comment-list li {margin:0 0 50px 0; padding:0}
.comment-list li.pingback {  background-color: rgba(248,248,248,1); color: rgba(37,42,44,1);   padding: 20px 20px;  border-radius: 20px;}
.comment-list li.pingback a {color: rgba(37,42,44,1);}
.comment-list li ol {padding:30px 80px; list-style: none}
.comment-list .children {list-style: none; margin-bottom: 0}
.comment-list .children li:last-child {margin-bottom: 0}
.comment-list li:before { content:none}
.comment-list li .comment-content { border-radius: 15px; padding: 45px 50px; margin-bottom:20px; position:relative; color:#FFF}
.comment-list li .comment-content p {margin-bottom:15px}
.comment-list li:nth-child(odd) .comment-content {background-color:rgba(68,221,97,1)}
.comment-list li:nth-child(even) .comment-content {background-color:rgba(38,183,231,1); margin-top:25px}
.comment-list li:nth-child(odd) .comment-content:before { content:""; position: absolute;left:10%; top: -21px; width: 0; height: 0; border-top: 22px solid transparent; border-left: 30px solid rgba(68,221,97,1); border-bottom: 0 solid transparent; z-index: 0;}
.comment-list li:nth-child(even) .comment-content:before { content:""; position: absolute;left:10%; top: -21px; width: 0; height: 0; border-top: 22px solid transparent; border-left: 30px solid rgba(38,183,231,1); border-bottom: 0 solid transparent; z-index: 0;}
.comment-list .children li:nth-child(odd) .comment-content {background-color:rgba(68,221,97,0.8)}
.comment-list .children li:nth-child(even) .comment-content {background-color:rgba(38,183,231,0.8);}
.comment-list .children li:nth-child(odd) .comment-content:before { content:""; position: absolute;left:10%; top: -21px; width: 0; height: 0; border-top: 22px solid transparent; border-left: 30px solid rgba(68,221,97,0.8); border-bottom: 0 solid transparent; z-index: -1;}
.comment-list .children li:nth-child(even) .comment-content:before { content:""; position: absolute;left:10%; top: -21px; width: 0; height: 0; border-top: 22px solid transparent; border-left: 30px solid rgba(38,183,231,0.8); border-bottom: 0 solid transparent; z-index: -1;}
.comment-list blockquote {background-color: rgba(37,42,44,1)}
.comment-list blockquote:before {color: rgba(248,248,248,1)}
.comment-list a {color:#FFF}
.comment-list a:hover {color:#FFF}
.comment-list .comment-content li {  margin: 0 0 5px 0 !important;}
#respond {padding-top:40px; margin-bottom: 80px}
#respond label {width: 150px; margin:5px 0 0 0}
#respond input, #respond textarea {margin-bottom:30px}
#respond .required {color:rgba(38,183,231,1); font-size:20px}
#respond form {width:60%; margin:0 auto}
.postsidebarpage #respond form, .blogsidebarspage #respond form {width:100%;}
.comment-notes { background-color:rgba(248,248,248,1); padding:10px 20px; border-radius:15px; margin-left:0; font-size:15px}
#email-notes {color:rgba(38,183,231,1); font-weight:bold}
code {padding: 2px 4px;font-size: 90%; color: rgba(38,183,231,1);  background-color: rgba(248,248,248,1); border-radius: 4px;}

/* =========================================
6. Pages and content block for pages
*/
/* Search Result */
.searchresult {}
.searchresult > article {position: relative; margin-bottom: 60px; clear: both; min-height: 300px}
.searchresult > article h3.entry-title { text-align: left; }
.searchresult > article h3.entry-title:after {margin: 31px auto 29px 450px; content: ""; display: block; width: 44px; height: 4px;background: rgba(68,221,97,1);border-radius: 2px;}
.searchresult .entry-thumbnail { margin-bottom: 20px;width: 400px;}
.searchresult .entry-thumbnail img {max-width:100%}
.searchresult .entry-meta { text-align: left;}
/* contact page */
.contactpage {padding:60px 0 80px 0; position:relative}
.contactpage i, .contactpage .icon, .contactpage .iconic, .contactpage .iconic.iconic-md:before {color:rgba(38,183,231,1); font-size:22px; margin-right: 12px; display:block; float:left; width:20px; margin-top:2px}
.contactpage #footermap {position:relative; width: 100%;height: 400px;margin: 0;}
.contacticons .uavc-list li {margin-bottom: 30px !important}
.contacticons .uavc-list li strong {font-weight: bold !important;}
.typographypage .row {margin-bottom:30px}
.seochecklist li:before { content:none}
.seochecklist li {font-size: 25px;  margin-bottom: 20px;}
.seochecklist i, .seochecklist .icon, .seochecklist .iconic {color:rgba(38,183,231,1); font-size:30px; margin-right:25px}
.reportbgr { background-repeat:no-repeat; background-position:right 150px}
.nomarginb {margin-bottom: 0 !important}
/* ICONBOXES */
.iconboxpage .row {padding-bottom:50px}
.iconbox1 {background-color:rgba(248,248,248,1); padding:35px 20px; text-align:center; position:relative; margin-bottom:30px}
.iconbox1 .icon, .iconbox1 .fa, .iconbox1 .iconic {color:rgba(38,183,231,1); font-size:64px}
.iconbox1 div {width:100%; height:100%; background-color:rgba(12, 152, 190, 0.8); color:#FFF; padding:15px 20px; position:absolute; top:0; left:0; right:0; display:none}
.iconbox1:hover div {display:block}
.flipbox1 .ifb-front {padding: 75px 30px !important;}
.flipbox1 .ifb-front .ifb-back {}
.flipbox1 .ifb-front:hover .ifb-back {padding:10px 20px;}
.iconbox1 h3.save {color:#FFFC9D; font-weight:bold; font-size:20px}

.iconbox2 {padding:35px 20px 15px 20px; text-align:center; position:relative; margin-bottom:30px}
.iconbox2 .iconrot45{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);width:104px; height:104px;background-color:rgba(38,183,231,1);     margin: 0 auto; -webkit-transition: all 600ms; 
    -moz-transition: all 600ms; 
    transition: all 600ms; }
.iconbox2 .iconrot45 .icon, .iconbox2 .iconrot45 .fa, .iconbox2 .iconrot45 .iconic {color:#FFF; font-size:64px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); padding:20px; display:inline-block; }
.iconbox2:hover .iconrot45{background-color:rgba(38,198,96,1)}
.iconbox2 h3 { margin-top:60px}
.iconbox2 h3.save {color:#c00000; margin-top:10px}
.iconbox2 .aio-icon {-webkit-transform:rotate(45deg) !important;-ms-transform:rotate(45deg) !important;-moz-transform:rotate(45deg) !important;transform:rotate(45deg) !important}
.iconbox2 .aio-icon i {    display: block; -webkit-transform:rotate(-45deg) !important; -ms-transform:rotate(-45deg) !important; -moz-transform:rotate(-45deg) !important; transform:rotate(-45deg) !important; }
.iconbox2 .ult-just-icon-wrapper {padding-bottom: 30px}
.iconbox2 .aio-icon-box .aio-icon {-webkit-transition: all 600ms;  -moz-transition: all 600ms;  transition: all 600ms; }
.iconbox2:hover .aio-icon-box .aio-icon {    background: rgba(68,221,97,1) !important;}
.iconbox3 {padding:35px 20px; text-align:center; position:relative; margin-bottom:30px}
.iconbox3 .grayblue{width:116px; height:116px; margin: 0 auto; border:4px #eeeeee solid; border-radius:100px; padding:2px; -webkit-transition: all 600ms; 
    -moz-transition: all 600ms; 
    transition: all 600ms; }
.iconbox3 .icon, .iconbox3 .fa, .iconbox3 .iconic {color:rgba(68,221,97,1); font-size:64px;width:104px; height:104px; padding:20px; display:inline-block; border:1px #eeeeee solid;border-radius:100px;-webkit-transition: all 600ms; 
    -moz-transition: all 600ms; 
    transition: all 600ms; }
.iconbox3:hover .grayblue, .iconbox3:hover .icon, .iconbox3:hover .fa, .iconbox3:hover .iconic { border-color:rgba(38,183,231,1)}
.iconbox3:hover .icon, .iconbox3:hover .fa, .iconbox3:hover .iconic {color:rgba(38,183,231,1)}
.iconbox3 h3 { margin-top:60px}
.iconbox3 h3.save {color:#c00000; margin-top:10px}
.aio-icon-header h3.aio-icon-title {font-size:22px}
.iconbox3 i {border: 1px #eeeeee solid; padding: 30px;  border-radius: 500px; -webkit-transition: all 600ms;  -moz-transition: all 600ms;  transition: all 600ms; }
.iconbox3 .aio-icon {padding: 2px;  border: 4px #eeeeee solid; -webkit-transition: all 600ms;  -moz-transition: all 600ms;  transition: all 600ms; }
.iconbox3:hover i, .iconbox3:hover .aio-icon { border-color:rgba(38,183,231,1) !important; color:rgba(38,183,231,1) !important}
/* price table */
.center-price { text-align:center}
.center-price > div {margin-bottom:40px}
.pricetable1 {list-style:none; margin:0 0 20px 0; padding:0; -webkit-transition: all 600ms; 
    -moz-transition: all 600ms; 
    transition: all 600ms; }
.pricetable1 li {padding:10px 10px; margin:0; background-color:rgba(248,248,248,1); border-top:1px #FFF solid; -webkit-transition: all 600ms; 
    -moz-transition: all 600ms; 
    transition: all 600ms; }
.pricetable1 li h3 {color:#FFF; margin:20px 0}
.pricetable1 li h3 span {display:block; color:#FFF; margin-bottom:10px}
.pricetable1 li span {font-size:15px; display:block; color:#929292}
.pricetable1 li.bestgreen:first-child {background-color:rgba(68,221,97,1);}
.pricetable1 li:first-child { background-color:rgba(38,183,231,1); border-top-left-radius:50px; border-top-right-radius:50px}
.pricetable1 li.worth { font-size:26px; font-weight:bold; padding:20px; background-color:rgba(38,183,231,1); color:#FFF;}
.pricetable1 li.worth.besto {background-color:rgba(68,221,97,1);}
.pricetable1 li:last-child {border-bottom-left-radius:50px; border-bottom-right-radius:50px; padding:30px 0}
.pricetable1 li:last-child span { display:inline-block; color:#FFF}
.pricetable1 li:before, .pricetable2 li:before, .pricetable2caption li:before {content:none}
.pricetable1:hover { -webkit-transform:scale(1.07); -ms-transform:scale(1.07); -moz-transform:scale(1.07); transform:scale(1.07); z-index:5}
.pricetable1:hover li { background-color:rgba(68,221,97,1); color:#FFF; border-top:1px rgba(248,248,248,1) dashed}
.pricetable1:hover li span, .pricetable1:hover li pre {font-size:15px; color:rgba(248,248,248,1); margin: 0; padding: 0}
.pricetable1:hover li:last-child {background-color:rgba(248,248,248,1);}
.pricetable1:hover li.worth {-webkit-transform:scale(1.07, 1);-ms-transform:scale(1.07, 1);-moz-transform:scale(1.07, 1);transform:scale(1.07, 1);}
.zeopadding > div {padding:0}
.pricetable2, .pricetable2caption {list-style:none; margin:0 0 40px 0;}
.pricetable2caption { padding:0}
.pricetable2caption li{ background-color:rgba(56,63,66,1); text-align:left; font-size:16px; padding:20px 10px 10px 40px; margin:0; color:#FFF; border-bottom:1px #FFFFFF solid}
.pricetable2caption li:first-child {background-color: transparent; border-bottom-color: transparent}
.pricetable2caption li:nth-child(2) {border-top-left-radius:50px;}
.pricetable2caption li:last-child {border-bottom-left-radius:50px;}
.pricetable2caption li h3 { margin-bottom:54px}
.pricetable2 {width:100%; padding:0;margin-left:1px; -webkit-transition: all 600ms; 
    -moz-transition: all 600ms; 
    transition: all 600ms; }
.pricetable2.recommended {border:1px rgba(68,221,97,1) solid;margin-left:1px}
.pricetable2.recommended li:first-child { background-color:rgba(89,226,138,1)}
.pricetable2 li, .pricetable2caption li {height:64px; margin:0 0 0 0}
.pricetable2 li { background-color:rgba(248,248,248,1); border-bottom:1px #FFF solid;  padding:20px 0 0 0; -webkit-transition: all 600ms; 
    -moz-transition: all 600ms; 
    transition: all 600ms; }
.pricetable2 li:first-child, .pricetable2 li:last-child, .pricetable2caption li:first-child {height:auto;}
.pricetable2 li:last-child { padding-bottom:20px}
.pricetable2 li h3 {margin:20px 0}
.pricetable2 li h3:after {content: ""; display: block;  width: 44px;  height: 4px;  background: rgba(68,221,97,1); margin: 31px auto 29px; border-radius:2px}
.pricetable2.recommended li:first-child h3:after {background: #FFF;}
.pricetable2 li .icon {font-size:20px}
.pricetable2 li .icon-cross2 {color:#e94545}
.pricetable2 li .icon-checkmark4 {color:rgba(68,221,97,1)}
.pricetable2 li.worth {font-size:26px; font-weight:bold;}
.pricetable2:hover { -webkit-transform:scaleY(1.1); -ms-transform:scaleY(1.1); -moz-transform:scaleY(1.1); transform:scaleY(1.1); }
.pricetable2:hover.recommended {border:0}
.pricetable2:hover.recommended li:first-child h3:after {background: #FFF;}
.pricetable2:hover li:first-child {border-top-left-radius:50px;border-top-right-radius:50px}
.pricetable2:hover li:last-child {border-bottom-left-radius:50px;border-bottom-right-radius:50px; background-color:rgba(69,198,233,1)}
.pricetable2:hover li {background-color:rgba(38,183,231,1); color:#FFF}
.pricetable2:hover li .icon-checkmark4, .pricetable2:hover li .icon-cross2 {color:#FFF}
li.pro { background-image:url(../images/best-offer.png); background-repeat:no-repeat; background-position:right top}
/* services page */
.serviceslistmain {margin-bottom: 80px;}
.serviceslistmain:after {content: " "; display: block; width: 100%; height: 1px; clear: both}
.serviceslistmain .slist {min-height:390px; margin-bottom:0}
.serviceslistmain .slist:hover {transform: scale(1)}
.serviceslistmain .slist p, .serviceslistmain .slist h3, .serviceslistmain .slist a.more {color:#FFF}
.serviceslistmain .slist p {margin-bottom: 0}
.serviceslistmain .slist a.more:hover {color:rgba(248,248,248,1)}
.serviceslistmain .slist:nth-child(odd) { background-color:rgba(68,221,97,1)}
.serviceslistmain .slist:nth-child(even) { background-color:rgba(38,183,231,1)}

/* Comments */
.comment-metadata {text-align: left; font-size:15px}
.comment-metadata a { text-decoration:none; font-size:15px; color: rgba(37,42,44,1)}
.comment-metadata a:hover {color:rgba(68,221,97,1)}
.comment-metadata .iconic, .comment-metadata .fa, .comment-metadata .icon { margin-right:10px; color:#9d9f9f}
.comment-metadata:before {content: "\ea60"; font-family: 'IcoMoon-Ultimate'; margin-right:6px; color:#9d9f9f}

/* Portfolio Item Page */
.nav-links {padding:0 0; margin: 20px 0 0 0}
.skills li:before, .results li:before {content:none}
.skills li { display:inline-block; height:30px; font-size:15px; margin:0 30px 10px 0}
.skills li img {float:left; margin-right:20px; height:30px}
.results {display:inline-block; margin:0 auto 50px auto}
.results li { display:inline-block; height:30px; font-weight:bold; margin-bottom:10px}
.results .fa, .results .icon, .results .iconic {font-size:20px; margin-right:8px; color:rgba(38,183,231,1)}
.screen { background-color:rgba(68,221,97,1); padding:30px 0; background-image:url(../images/benefits.jpg); background-repeat:no-repeat; background-position:center top}
/* Search Page */
.searchpage {padding:50px 0 50px 0}
.searchbgr { background-color:rgba(68,221,97,1); padding:40px 0 60px 0; background-image:url(../images/benefits-dark.jpg); background-repeat:no-repeat; background-position:center bottom}
.searchbgr h2, .searchbgr input[type=search] {color:#FFF}
.searchbgr .search-form input[type=search]:hover, .searchbgr .search-form input[type=search]:active, .searchbgr .search-form input[type=search]:focus { border-color:rgba(68,221,97,1)}

/* About US */
.ourresult {; color:#FFF; }
.ourresult .iconbox2 h3, .ourresult h2 {color:#FFF}

/* PPC Page */
.ppcpage .facts, .smmpage .facts {margin-top:10px}
.seopage .facts {margin-top: -30px}
.ppcpageservices, .smmpageservices, .seopageservices { color:#FFF;}
.ppcpageservices .iconbox2 h3, .ppcpageservices h2, .smmpageservices .iconbox2 h3, .smmpageservices h2, .seopageservices .iconbox2 h3, .seopageservices h2 {color:#FFF}

/* Get Report */
.getreport1 .uavc-list-icon, .getreport2 .uavc-list-icon {  font-size: 19px;}
#get_report_1 .wpb_single_image img {position: absolute; top: 80px; left: -60px; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3);}
#get_report_1 .ult-just-icon-wrapper {border-width: 2px; padding: 1px; border-style: solid; border-radius: 500px; border-color: rgba(68,221,97,1);}
#get_report_1 .aio-icon.advanced, #get_report_1 .ult-just-icon-wrapper {-webkit-transition: all 400ms; -moz-transition: all 400ms; transition: all 400ms;}
#get_report_1 .uavc-list-content:hover .ult-just-icon-wrapper, #get_report_1 .uavc-list-content:hover .aio-icon.advanced {color:rgba(38,183,231,1) !important; border-color: rgba(38,183,231,1) !important}
#get_report_1 .uavc-list-content {margin-bottom: 20px}

#get_report_2 .wpb_single_image img {position: absolute; top: 80px; left: -20px; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3);}
#get_report_2 .ult-just-icon-wrapper {border-width: 2px; padding: 1px; border-style: solid; border-radius: 500px; border-color: rgba(68,221,97,1);}
#get_report_2 .aio-icon.advanced, #get_report_2 .ult-just-icon-wrapper {-webkit-transition: all 400ms; -moz-transition: all 400ms; transition: all 400ms;}
#get_report_2 .uavc-list-content:hover .ult-just-icon-wrapper, #get_report_2 .uavc-list-content:hover .aio-icon.advanced {color:rgba(38,183,231,1) !important;}
#get_report_2 .uavc-list-content {margin-bottom: 20px}

.getreport3 .uavc-list-icon, .getreport3 .uavc-list-icon {  font-size: 19px;}
#get_report_3 .wpb_single_image img {position: absolute; top: 80px; left: -60px; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3);}
#get_report_3 .ult-just-icon-wrapper {border-width: 2px; padding: 1px; border-style: solid; border-radius: 500px; border-color: #FFF;}
#get_report_3 .aio-icon.advanced, #get_report_3 .ult-just-icon-wrapper {-webkit-transition: all 400ms; -moz-transition: all 400ms; transition: all 400ms;}
#get_report_3 .uavc-list-content:hover .ult-just-icon-wrapper, #get_report_3 .uavc-list-content:hover .aio-icon.advanced {color:rgba(37,42,44,1) !important; border-color: rgba(37,42,44,1) !important}
#get_report_3 .uavc-list-content {margin-bottom: 20px}

/* Coming Soon */
.wpb_row.vc_row-fluid.comingsoon {margin-bottom: 0 !important;}
.vc_row.comingsoon {margin-left: 0; margin-right: 0}

/* From Blog */
.post_format_query_block {position: relative; z-index: 99}
.postfb {margin-bottom:30px; padding-left:0; padding-right:30px}
.postfb article { background-color:#FFF;padding-right:25px}
.postfb .format-standard.has-post-thumbnail h3.entry-title {text-transform:none; font-size:20px;     line-height: 30px; font-family: 'Raleway', sans-serif; font-weight:500; margin:0 auto 7px; padding-top:30px}
.postfb .entry-thumbnail { width:254px; margin:0 30px 0 0; float:left}
.postfb .entry-meta{color:#bdbdbd; font-size:12px; text-transform:uppercase; text-align:left; margin-bottom:20px}
.postfb .entry-meta .author {margin-right:30px}
.postfb .format-standard .entry-header  .entry-meta:after {content:none}
.postfb .more-link { color: #2b2732; text-transform: uppercase; font-size: 11px; margin-top: 30px; text-decoration: none; font-family: 'Montserrat', sans-serif; opacity:0.3; filter: alpha(opacity=30); text-align:right; display:block}
.postfb .more-link:hover {color: rgba(68,221,97,1); opacity:1; filter: alpha(opacity=100)}
.postfb .entry-content {margin-bottom:20px; color:#767677; font-size:15px; line-height: 25px;}

/* Digital testimonials */

#digitalti { padding-top:70px; padding-left:50px; text-align:center}
#digitalti .mention p { color: #353536; font-size:15px}
#digitalti .mention { margin-bottom: 20px; }
#digitalti .face {}
#digitalti .face img {width:100px; height:100px;  border-radius:150px;     margin: 0 auto 20px auto;}
/* width:75px; height:75px; opacity:0.65 */
#digitalti .face strong {color:rgba(68,221,97,1); text-transform:uppercase; font-size:15px; display: block; font-family: 'Montserrat', sans-serif;}
#digitalti .face p {color:#b0afb0; font-size:15px;}
#digitalti .slick-next, #digitalti .slick-prev {}
#digitalti .slick-prev:before {content: "\edf2"; font-family: 'alico'; color:#d2ced6; font-size:26px; display:block; height:30px; width:30px;  position:absolute; right: -100px; bottom: -50px; visibility:visible;  -webkit-transition: all 600ms; -moz-transition: all 600ms; transition: all 600ms; }
#digitalti .slick-prev:hover:before {font-size:36px; color:#2b2732; cursor:pointer}
#digitalti .slick-next:before {content: "\edea"; font-family: 'alico'; color:#d2ced6; font-size:26px; display:block; height:30px; width:30px;  position:absolute; left: -100px; bottom:-50px; visibility:visible;  -webkit-transition: all 600ms; -moz-transition: all 600ms; transition: all 600ms;}
#digitalti .slick-next:hover:before {font-size:36px; color:#2b2732; cursor:pointer}

.ult_tabs a.more {color: rgba(38,183,231,1); text-transform:uppercase; font-size:11px; margin-top:40px; text-decoration:none; font-family: 'Montserrat', sans-serif;}
.ult_tabs a.more:hover {color:rgba(68,221,97,1);}
.digservicetab { text-align: center;}
.digservicetab .current .ult_tab_icon {font-size: 50px;}
.digservicetab .ult_tabmenu.style1 li.ult_tab_li { overflow: visible;}

.digitalicon1 {padding-top: 90px; padding-left:30px; padding-right:30px;
    border-bottom:1px solid #ededed; min-height:340px;  -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    transition: all 600ms;}
.digitalicon1:hover .top-icon .aio-icon-header h3.aio-icon-title,
.digitalicon1:hover .top-icon .aio-icon-description {color:#FFF}
.digitalicon1 .top-icon .aio-icon-description {display:none; }
.digitalicon1:hover .top-icon .aio-icon-description {display:block;}
.digitalicon1:hover .top-icon .aio-icon-header h3.aio-icon-title:after {content: " "; margin: 20px auto; display: block; width: 50px; height: 1px; background-color: #FFF;}
.digitalicon1:hover {background-color: rgba(68,221,97,1);padding-top: 60px;}
.digitalicon1:hover .aio-icon-top .aio-icon i {color:#FFFFFF !important;}

.clientlogos2 {padding:50px 0 40px 0}
.clientlogos2 .vc_item {text-align:center; -webkit-transition: all 600ms;   -moz-transition: all 600ms;   transition: all 600ms;  background-color: rgba(255,255,255,1)}
.clientlogos2 .vc_item:hover {background-color: rgba(248,248,248,1)}
.clientlogos2 .vc_item > .vc_inner {padding:40px 30px;}
.clientlogos2 .vc_item img { width:100%; max-width:160px;opacity:0.4; filter: alpha(opacity=40); -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    transition: all 600ms; }
.clientlogos2 .vc_item:hover img{ opacity:1; filter: alpha(opacity=100)}
.clientlogos2 .vc_images_carousel .vc_carousel-indicators li {background-color: #eae8e8; border-color: #eae8e8}
.clientlogos2 .vc_images_carousel .vc_carousel-indicators li:hover {background-color: rgba(38,183,231,1); border-color: rgba(38,183,231,1)}
.clientlogos2 .vc_images_carousel .vc_carousel-indicators .vc_active {    -webkit-transform: scale(1.5);-ms-transform: scale(1.5); -moz-transform: scale(1.5); transform: scale(1.5);}
/* messagesect */
.cfform {padding:0 0 0 0; background-color:#FFF; margin:220px 0 0 0; border-radius:15px}
.cfform h4 { padding:1.25em 0 0.25em 0 !important; margin-bottom:0;clear: both; font-weight: 700}
.vborder {border-top:7px rgba(38,183,231,1) solid; height:0;  border-top-left-radius:15px}
.oborder {border-top:7px rgba(68,221,97,1) solid; height:0;  border-top-right-radius:15px}
.cfform form { margin-top:0}
.messagesect {padding: 140px 0 60px 0; position:relative; color:#FFF}
.messagesect h2 {color:#FFF; text-align:left; margin-bottom:5px}
.rev_slider .cfform h4 {font-size: 26px !important; color:#171b21 !important}
.messagesect strong { text-transform:uppercase; font-size:20px; margin-bottom: 30px; display:block}
.mainform input[type=text], .mainform input[type=tel], .mainform input[type=email], .mainform textarea {border-radius: 0 !important; font-size: 15px !important; padding: 21px 20px 20px 20px !important;}
.mainform input[type=text].nameline { border-top-left-radius:4px  !important; border-right: 0}
.mainform input[type=tel].phoneline { border-top-right-radius:4px  !important; border-top-width: 2px !important}
.mainform input[type=email] {border-radius:0  !important; border-top: 0;}
.mainform textarea {border-top-left-radius:0 !important; border-top-right-radius:0 !important; resize:none; border-top: 0;border-bottom-left-radius:4px !important; border-bottom-right-radius:4px !important;}
.rev_slider .cfform {padding:0 0 0 0; background-color:#FFF; margin:150px 0 0 0; border-radius:7px}
.rev_slider .mainform input[type=submit] {font-family: Lato !important;padding: 12px 30px !important; letter-spacing: 0px !important; font-weight: 700 !important; font-size: 15px !important;text-transform: uppercase !important;line-height: 24px !important}
@media screen and (min-width: 1280px) {
    .rev_slider .mainform input[type=text],
    .rev_slider .mainform input[type=tel],
    .rev_slider .mainform input[type=email],
    .rev_slider .mainform textarea {font-size: 15px !important; padding: 14px 20px 14px 20px !important;height:45px;box-sizing: border-box}
}
@media screen and (max-width: 1280px) {
    .rev_slider .mainform input[type=text],
    .rev_slider .mainform input[type=tel],
    .rev_slider .mainform input[type=email] {font-size: 15px !important; padding: 15px 14px 14px 14px !important;    height: 48px;}
    .rev_slider .mainform textarea {font-size: 15px !important; padding: 10px 14px 10px 14px !important; height:45px;box-sizing: border-box}
    .rev_slider .cfform h4 {font-size: 18px !important}
}
.padding30 {padding: 30px;}
/* =========================================
7. Call-to-Action
*/

/* Call-to-Action Block 1 Get free SEO Audit */
.calltoactionblock {position:relative; z-index:1;padding:0}
.calltoactionblock form { margin-top:0}
.ctaction1 {padding: 80px 0 100px 0; text-align:left; position:relative; z-index:-2; background-size: cover;}
.ctaction1 h2 {color:#FFF; text-align:left}
.ctaction1 h2:after {margin-left:0}
.ctaction1 p {font-size:17px; color:#FFF}
.ctaction1 .hiddendesc {display:none}
.requestform {position: absolute; right: 2000px; top:0; z-index:3}
.requestform.bounceInLeft { right: 0}
.hiderform {font-size:13px; text-transform:uppercase; color:#b2b4b4; font-weight:bold;}
.hiderform:hover {color:#FFF; cursor:pointer}
.ctaction1 input[type=text], .ctaction1 input[type=email], .ctaction1 input[type=tel], .ctaction1  textarea { border-top:0; border-left:0; border-right:0; border-bottom:3px #b8b6b7 solid;font-size:16px; padding:12px 20px 9px 20px; background-color:rgba(255,255,255,0.2); color:#FFF; height: 40px;}
.ctaction1 input[type=text]:active, .ctaction1 input[type=email]:active, .ctaction1 input[type=tel]:active, .ctaction1  textarea:active, .ctaction1 input[type=text]:focus, .ctaction1 input[type=email]:focus, .ctaction1 input[type=tel]:focus, .ctaction1  textarea:focus { background-color:#FFF; border-color:#FFF; color:#354549; }
.ctaction1 input[type=tel] {width: 100%}
.ctaction1 input[type=text]::-webkit-input-placeholder, .ctaction1 input[type=email]::-webkit-input-placeholder, .ctaction1 input[type=tel]::-webkit-input-placeholder, .ctaction1  textarea::-webkit-input-placeholder {color:#FFF;}
.ctaction1 input[type=text]::-moz-placeholder, .ctaction1 input[type=email]::-moz-placeholder, .ctaction1 input[type=tel]::-moz-placeholder, .ctaction1  textarea::-moz-placeholder {color:#FFF;}/* Firefox 19+ */
.ctaction1 input[type=text]:-moz-placeholder, .ctaction1 input[type=email]:-moz-placeholder, .ctaction1 input[type=tel]:-moz-placeholder, .ctaction1  textarea:-moz-placeholder {color:#FFF;}/* Firefox 18- */
.ctaction1 input[type=text]:-ms-input-placeholder, .ctaction1 input[type=email]:-ms-input-placeholder, .ctaction1 input[type=tel]:-ms-input-placeholder, .ctaction1  textarea:-ms-input-placeholder {color:#FFF;}
.alert-box.green {background-color: rgba(68,221,97,1); color: #FFF; display:none}
.success-contact {display: none;}
.alert-box { border-style: solid; border-width: 1px; display: block; margin-bottom: 20px; position: relative; padding: 14px 25px 15px 25px; font-size: 14px;  background-color: rgba(248,248,248,1); border-color: #d1d1d1; color: #9a9a9a;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);}
.wpcf7-validation-errors {background-color: #fff; border-radius: 100px; padding: 0.7em 2.3em !important;}
.wpcf7-mail-sent-ok {background-color: rgba(68,221,97,0.19); border-radius: 100px; padding: 0.7em 2.3em !important;}
#dblock {display:block}

/* Call-to-Action Block 2 Ready to get started? */
.calltoactionblock2 {  position:relative; text-align: left; color:#FFF;padding:0}
.calltoactionblock2 .ovgreencta2 {background-color:rgba(68,221,97,0.8); position:relative;  padding:60px 0 40px 0; height:100%}
.calltoactionblock2 .biglogobgr {position: absolute; top: -30px; left:-60px; z-index: -1}
.calltoactionblock2 h3 {color:#FFF; text-align:left; margin-bottom:15px; font-size:40px}

/* CTA 3 */
.calltoactionblock3 {padding:70px 0; }
.calltoactionblock3 h3 { text-align:left; margin-top:0}
.calltoactionblock3 p { font-size:19px; margin:0}


/* =========================================
8. Footer
*/
.footer {padding:0}
.footer .widget {margin-bottom:0}
.gcontact {position:relative; height: 600px; padding:0}
#footermap {position:relative; width: 100%;height: 600px;margin: 0;}

.map-info .cusinfopos {    padding-left: 50px; width:665px; text-align:left; position:absolute; right:0; padding-top:100px}
.map-info {position: absolute; width:100%;height: 100%;margin: 0;	padding: 0;	background: rgba(44,51,53, 0.7);color: #fff;font-size: 17px;
    float: right;font-weight:bold; top:0; right:0; line-height:2.2em}
.map-info h2 {text-align:left; color:#FFF}
.map-info h2:after {display: none}
.map-info strong {font-size:55px; color: rgba(89,226,138,1); font-family: Lato; margin:40px 0 30px 0; display:block}
.map-info .see {font-size:13px; text-transform:uppercase; color:#b2b4b4 }
.map-info .see:hover {color:#FFF; cursor:pointer}
#sbtn {position:absolute !important; bottom:90px; right:500px;}
#dnone {display:none !important;}

.map-info i {margin-right:10px}
.map-info .icon-skype {margin-left:30px}
.socialbottom {background-size:cover; color:#FFF; background-color:#27282a; height:600px; text-align:left; padding:60px 0 0 60px}
.socialbottom a {text-decoration:none;text-align:center; width:80px; height:80px; display:inline-block; margin: 0 40px 20px 0;  }
.socialbottom a i, .socialbottom a .icon {color:#FFF; text-decoration:none; font-size:36px; padding:0; border-radius:80px; background-color: rgba(255,255,255,0.14); display:block; width:80px; height:80px; line-height:80px}
.socialbottom a:hover {text-decoration:none;}
.socialbottom a:hover i, .socialbottom a:hover .icon {text-decoration:none; -webkit-transition: all 600ms; 
    -moz-transition: all 600ms; 
    transition: all 600ms; }
.socialbottom a:hover .icon-facebook { background-color:#3b67ea}
.socialbottom a:hover .icon-twitter { background-color:#2ec3f5}
.socialbottom a:hover .icon-users { background-color:#000000}
.socialbottom a:hover .icon-linkedin { background-color:#007ab5}
.socialbottom a:hover .icon-google-plus { background-color:#df4b38}
.socialbottom a:hover .icon-tumblr { background-color:#34465d}
.socialbottom a:hover .icon-pinterest-p { background-color:#f33434}
.socialbottom a:hover .icon-youtube-play { background-color:#f70001}
.socialbottom a:hover .icon-instagram { background-color:#e7d6c4}
.socialbottom a:hover .icon-vk { background-color:#4c75a3}
.socialbottom a:hover .icon-reddit { background-color:#cee3f8}
.socialbottom a:hover span.icon-blogger { background-color:#f47c01}
.socialbottom a:hover .icon-wordpress { background-color:#464442}
.socialbottom a:hover .icon-behance { background-color:#2551f6}

.footerline {background-color: rgba(68,221,97,1); padding:40px 0; color:#FFF}

/* Subscribe Form */
[id*="wysija-"] h3 {display: none}
[id*="form-wysija-"] {border:2px rgba(255,255,255,0.37) solid; padding:8px 0 7px 15px; border-radius:30px; width:500px; position:relative; margin:5px 0 0 0}
[id*="form-wysija-"]:active, [id*="form-wysija-"]:focus, [id*="form-wysija-"]:hover {border:2px rgba(255,255,255,1) solid}
[id*="msg-form-wysija-"] { border: 0;}
[id*="msg-form-wysija-"]:active, [id*="msg-form-wysija-"]:hover, [id*="msg-form-wysija-"]:focus { border: 0;}
[id*="form-wysija-"] .wysija-paragraph label {display: none}
[id*="form-wysija-"] input[type=text] {height:100%; width:230px; border-radius: 40px; border:0; background-color: transparent; color:#FFF; font-size:16px; padding: 0 10px 0 40px;float: left;margin:0;}
[id*="form-wysija-"] input[type=text]:focus, [id*="form-wysija-"] input[type=text]:active {border:0; box-shadow:none; -webkit-box-shadow:none;}

[id*="form-wysija-"] input[type=submit].wysija-submit {display: inline-block !important; text-decoration:none; outline: 0;    padding: 11px 25px 11px 25px;    margin: 0 !important;   font-weight: bold;    line-height: 1.42857;    text-align: center; white-space: nowrap;    vertical-align: middle;    cursor: pointer;    -moz-user-select: none;    background-image: none;border-radius: 50px;text-transform:uppercase;  -moz-box-sizing: border-box;  box-sizing: border-box; -webkit-transition: all 600ms; 
    -moz-transition: all 600ms;  transition: all 600ms;      position: absolute; z-index: 2; font-family: Lato;     right: 2px;top: 2px;}
[id*="form-wysija-"] input[type=submit].wysija-submit { background-color:rgba(255,255,255,0.26); border: none; color:#FFF;float:right;font-size: 14px;}
[id*="form-wysija-"] input[type=submit].wysija-submit:hover {color:rgba(68,221,97,1); background-color:#FFF}
[id*="form-wysija-"] input[type=submit].wysija-submit:focus, [id*="form-wysija-"] .widget_wysija_cont .wysija-submit:active {outline:none;  color:rgba(68,221,97,1); background-color:#f4f4f4}

[id*="form-wysija-"] .wysija-paragraph:before {content: "\f003"; font-family: 'alico'; position: absolute; display:block; top: 7px;left:20px;z-index: 1; color: #FFF; font-size:18px}
[id*="form-wysija-"] input[type=text]::-webkit-input-placeholder {color:#FFF;}
[id*="form-wysija-"] input[type=text]::-moz-placeholder {color:#FFF;}/* Firefox 19+ */
[id*="form-wysija-"] input[type=text]:-moz-placeholder {color:#FFF;}/* Firefox 18- */
[id*="form-wysija-"] input[type=text]:-ms-input-placeholder {color:#FFF;}

.subscribedigital {}
.subscribedigital [id*="form-wysija-"] {border-color: rgba(38,183,231,1); width: 100%;}
.subscribedigital [id*="form-wysija-"] input[type=submit].wysija-submit {color:rgba(38,183,231,1)}
.subscribedigital [id*="form-wysija-"]:active, [id*="form-wysija-"]:focus, [id*="form-wysija-"]:hover {border-color: rgba(38,183,231,1);}
.subscribebottom [id*="form-wysija-"]:active, .subscribebottom [id*="form-wysija-"]:focus, .subscribebottom [id*="form-wysija-"]:hover {border-color:#FFF;}

/* =========================================
9. Shop
*/
.woocommerce-checkout #payment div.payment_box:before { content: none !important;}
.woocommerce-cart .seoshop table.cart img {  width: 80px;}
.seoshop > .container {position: relative; z-index: 3}
.woocommerce .seoshop .widget_layered_nav_filters ul li:before {content: none}
.woocommerce .seoshop div.product p.price, .woocommerce div.product span.price, .woocommerce-cart ul.products li.product .price {    color: #dd4444;}
.woocommerce .seoshop a.button {border-radius: 30px}
.woocommerce .seoshop input.button { color: #ffffff;}
.woocommerce .seoshop #content {padding-bottom: 60px}
.woocommerce .seoshop .woocommerce-breadcrumb { text-align: center;  color: #9d9f9f; font-size: 15px; margin-bottom: 35px;}
.woocommerce .seoshop .woocommerce-breadcrumb a {}
.woocommerce .seoshop ul.products li.product {position:relative}
.woocommerce .seoshop ul.products li.product:before, .woocommerce-page ul.products li.product:before, .woocommerce .seoshop ul.product_list_widget li:before, .woocommerce .seoshop ul.products li.product3:before, .woocommerce-page ul.products li.product3:before, .payment_methods li:before, .woocommerce .seoshop div.product .woocommerce-tabs ul.tabs li:before, .woocommerce .seoshop #reviews #comments ol.commentlist li:before {content:none}
.woocommerce .seoshop .woocommerce-result-count, .woocommerce-page .woocommerce-result-count, .woocommerce .seoshop .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { font-size:15px}
.woocommerce .seoshop ul.products li.product .price, .product_list_widget ins .amount, .product_list_widget del .amount, .product_list_widget .amount, .woocommerce .seoshop div.product p.price {color: #dd4444;}
.woocommerce .seoshop ul.products li.product .price .amount, .product_list_widget ins .amount, .product_list_widget del .amount, .product_list_widget .amount {font-weight:bold}
.woocommerce .seoshop ul.products li.product .price ins, .product_list_widget ins, .woocommerce .seoshop div.product p.price ins { text-decoration: none;}
.woocommerce .seoshop ul.products li.product .price del .amount, .product_list_widget del .amount, .woocommerce .seoshop div.product p.price del, .woocommerce .seoshop div.product span.price del { opacity: 1; filter: alpha(opacity=100); font-weight:normal}
.woocommerce .seoshop div.product p.price del, .woocommerce .seoshop div.product span.price del { display: inline-block; margin-right:20px}
.woocommerce .seoshop .products ul, .woocommerce .seoshop ul.products { margin: 0 0 1em; padding: 0; list-style: none; clear: both;}
.woocommerce .seoshop ul.products li.product, .woocommerce-page ul.products li.product { float: left; margin: 0 3.8% 2.992em 0; padding: 0; position: relative; width: 22.05%; text-align:center}
.woocommerce .seoshop ul.products li.last, .woocommerce-page ul.products li.last {  margin-right: 0;}
.woocommerce .seoshop .cart-collaterals, .woocommerce-page .cart-collaterals, .woocommerce-checkout {margin-bottom: 80px}
.woocommerce table td { border-right: 0 !important; border-bottom: 0 !important;}
.woocommerce-cart table.cart .product-thumbnail img {  width: 80px;}
.woocommerce-page #payment #place_order {color:rgba(38,183,231,1) !important;}

/* WOO BUTTONS */
.woocommerce .seoshop #respond input#submit, .woocommerce .seoshop a.button, .woocommerce .seoshop button.button, .woocommerce .seoshop input.button, .woocommerce .seoshop  .woocommerce-product-search input[type=submit], .woocommerce a.button.alt, .woocommerce-cart a.button { background:rgba(38,183,231,1); border-color:rgba(38,183,231,1);display: inline-block; text-decoration:none; outline: 0;    padding: 8px 20px 7px 20px !important;    margin-bottom: 0;    font-size: 13px;    font-weight: bold;    line-height: 1.42857;    text-align: center; white-space: nowrap;    vertical-align: middle;    cursor: pointer;    -moz-user-select: none;    background-image: none;    border-width: 2px;border-style: solid;border-radius: 50px;text-transform:uppercase;  -moz-box-sizing: border-box;  box-sizing: border-box; position: relative; z-index: 2; font-family: Lato; color:#FFF; -webkit-transition: all 600ms;
    -moz-transition: all 600ms; 
    transition: all 600ms;     }
.woocommerce .cart_totals a.button.alt {background-color:rgba(38,183,231,1);}
.woocommerce .cart_totals a.button.alt:hover {background-color:rgba(68,221,97,1);}
.woocommerce .seoshop #respond input#submit {color: rgba(37,42,44,1);}
.cart_totals table {width: 100%}
.cart-subtotal th {width: 40%}
.woocommerce .seoshop a.button.add_to_cart_button { background:rgba(38,183,231,1); border-color:rgba(38,183,231,1);display: inline-block; text-decoration:none; outline: 0;    padding: 5px 10px 4px 10px !important;    margin-bottom: 0;    font-size: 10px;    font-weight: bold;    line-height: 1.42857;    text-align: center; white-space: nowrap;    vertical-align: middle;    cursor: pointer;    -moz-user-select: none;    background-image: none;    border-width: 2px;border-style: solid;border-radius: 50px;text-transform:uppercase;  -moz-box-sizing: border-box;  box-sizing: border-box; position: relative; z-index: 2; font-family: Lato; color:#FFF; -webkit-transition: all 600ms; 
    -moz-transition: all 600ms; 
    transition: all 600ms;     }
.woocommerce .seoshop #respond input#submit:hover, .woocommerce .seoshop a.button:hover, .woocommerce .seoshop button.button:hover, .woocommerce .seoshop input.button:hover {background-color:rgba(68,221,97,1); border-color:rgba(68,221,97,1); color:#FFF}
.woocommerce .seoshop #respond input#submit:active, .woocommerce .seoshop a.button:active, .woocommerce .seoshop button.button:active, .woocommerce .seoshop input.button:active, .woocommerce .seoshop #respond input#submit:focus, .woocommerce .seoshop a.button:focus, .woocommerce .seoshop button.button:focus, .woocommerce .seoshop input.button:focus, .woocommerce .seoshop #respond input#submit:active:focus, .woocommerce .seoshop a.button:active:focus, .woocommerce .seoshop button.button:active:focus, .woocommerce .seoshop input.button:active:focus, .woocommerce .seoshop #respond input#submit:active:hover, .woocommerce .seoshop a.button:active:hover, .woocommerce .seoshop button.button:active:hover, .woocommerce .seoshop input.button:active:hover {background-color:rgba(38,198,96,1); border-color:rgba(38,198,96,1); color:#FFF}
.woocommerce .seoshop .widget_price_filter .price_slider_amount button {background-color:transparent; border-color:rgba(68,221,97,1); color:rgba(68,221,97,1)}
.woocommerce-product-search input[type=submit] {float:right; background-color:transparent !important; border-color:#DCDCDC !important; color:#DCDCDC !important}
.woocommerce-product-search input[type=submit]:hover {border-color:rgba(68,221,97,1) !important; color:rgba(68,221,97,1) !important}
.woocommerce-product-search input[type=submit]:focus, .woocommerce-product-search input[type=submit]:active {border-color:rgba(68,221,97,1) !important; color:#FFF !important; background-color:rgba(68,221,97,1) !important}
.woocommerce .seoshop .woocommerce-product-search input[type=submit] {margin-top: 1px; margin-right: 1px}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {padding-left: 20px; padding-right: 20px}
.woocommerce .seoshop table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {width: 200px !important; margin-right: 30px; padding: 14px 20px 16px 20px;height: 44px;}
.woocommerce .seoshop nav.woocommerce-pagination ul{display:inline-block;white-space:nowrap;padding:0;border:0;border-right:0;margin:1px}
.woocommerce .seoshop nav.woocommerce-pagination ul li{border:0;padding:0;margin:0;float:left;display:inline;overflow:hidden}
.woocommerce .seoshop nav.woocommerce-pagination ul li a,.woocommerce .seoshop nav.woocommerce-pagination ul li span{display:block; text-decoration:none; font-family: Lato; border-radius:60px;margin:0 5px; height:60px; width:60px; text-align:center; border:2px rgba(248,248,248,1) solid; padding:18px 13px 13px 13px; font-weight:bold; font-size:20px; color:rgba(38,183,231,1); -webkit-transition: all 600ms; 
    -moz-transition: all 600ms; 
    transition: all 600ms; }
.woocommerce .seoshop nav.woocommerce-pagination ul li a:focus,.woocommerce .seoshop nav.woocommerce-pagination ul li a:hover,.woocommerce .seoshop nav.woocommerce-pagination ul li span.current{background-color:rgba(248,248,248,1)}
.woocommerce .seoshop span.onsale { min-height: 3.236em; min-width: 3.236em;padding: 6px 13px; font-weight: 700;position: absolute;  text-align: center;  line-height: 3.236; top: -.5em; left: -.5em; margin: 0; border-radius: 100px; background-color: #dd4444; color: #fff; font-size: .857em;   -webkit-font-smoothing: antialiased;}
.woocommerce .seoshop .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li:before {content:none}
.woocommerce .seoshop a.remove{display:block;font-size: 30px; height: 32px; width: 32px;text-align:center;line-height:1;border-radius:100%;color:#dd4444 !important;text-decoration:none;font-weight:700;border:0}
.woocommerce .seoshop a.remove:hover{color:#fff !important;background:#dd4444}
.woocommerce .seoshop .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { padding-left: 2em;  position: relative; padding-top: 0; margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px #666 dashed;}
.woocommerce .seoshop a.checkout {float:right}
.woocommerce .seoshop .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border-top: 0 !important; padding: 4px 0 0; text-align:right;     margin: 0 0 10px;}
.woocommerce .seoshop a.button.wc-forward {float: left}
.woocommerce .seoshop a.wc-forward.checkout {  float: right;}
.widget_shopping_cart h3.widget-title {}
.widget_shopping_cart h3.widget-title:before { content:'\e151'; display:inline-block; font-family: 'alico'; font-size:22px; margin-right:10px;}
.woocommerce .seoshop table.cart img { width: 70px; box-shadow: none;}
.woocommerce .seoshop table.cart td.actions .input-text {float: left;width:200px; padding: 18px 20px 16px 20px; margin-right: 30px;}
.woocommerce .seoshop table.cart input[type=number] { border: 2px solid rgba(248,248,248,1); font-family: inherit;  padding: 5px;}
.woocommerce .seoshop table.cart td.actions {padding:20px 20px}
.woocommerce .seoshop .cart_totals { background-color:rgba(248,248,248,1); text-align:right; float: right;  width: 48%; padding:40px 40px}
.woocommerce .seoshop .cart_totals table { width:100%; margin-bottom:40px}
.woocommerce .seoshop .cart_totals table tr { border-bottom:1px #666 dashed}
.woocommerce .seoshop .cart_totals table td, .woocommerce .seoshop .cart_totals table th {padding:7px 10px}
.woocommerce-shipping-calculator {margin:0}
.woocommerce .seoshop #respond input#submit.alt:hover, .woocommerce .seoshop a.button.alt:hover, .woocommerce .seoshop button.button.alt:hover, .woocommerce .seoshop input.button.alt:hover { background-color: rgba(68,221,97,1);color: #fff;}
.woocommerce .seoshop ul.products li.product3, .woocommerce-page ul.products li.product3 { position:relative; float: left;  margin: 0 3.8% 2.992em 0;  padding: 0;  width: 29.45%; text-align: center;}
.woocommerce .seoshop .woocommerce-info:before { color:rgba(68,221,97,1);}
.woocommerce .seoshop .woocommerce-info {  border-top-color: rgba(68,221,97,1);}
.woocommerce .seoshop .woocommerce-error:before, .woocommerce .seoshop .woocommerce-info:before, .woocommerce .seoshop .woocommerce-message:before { font-family: WooCommerce;   content: "?";  display: inline-block;  position: absolute;  top: 1em;  left: 1.5em;}
.woocommerce .seoshop .woocommerce-error:after, .woocommerce .seoshop .woocommerce-error:before, .woocommerce .seoshop .woocommerce-info:after, .woocommerce .seoshop .woocommerce-info:before, .woocommerce .seoshop .woocommerce-message:after, .woocommerce .seoshop .woocommerce-message:before {  content: " "; display: table;}
.added_to_cart {background-color:transparent; border-color:rgba(38,183,231,1);display: inline-block; text-decoration:none; outline: 0;    padding: 5px 12px 4px 12px !important;    margin: 5px 0 0 0;    font-size: 10px;    font-weight: bold;    line-height: 1.42857;    text-align: center; white-space: nowrap;    vertical-align: middle;    cursor: pointer;    -moz-user-select: none;    background-image: none;    border-width: 2px;border-style: solid;border-radius: 50px;text-transform:uppercase;  -moz-box-sizing: border-box;  box-sizing: border-box; position: relative; z-index: 2; font-family: Lato; color:rgba(38,183,231,1); -webkit-transition: all 600ms;
    -moz-transition: all 600ms; 
    transition: all 600ms; }
.added_to_cart:hover {border-color:rgba(68,221,97,1); color:rgba(38,183,231,1)}
.added_to_cart:focus, .added_to_cart:active {color:rgba(68,221,97,1)}
.added_to_cart:before {content:"\ee0b"; display:inline-block; font-family: 'alico'; font-size:11px; margin-right:5px;}
.add_to_cart_button:before {content:"\ed8a"; display:inline-block; font-family: 'alico'; font-size:10px; margin-right:5px;}
.woocommerce .seoshop .woocommerce-product-search label {display: none}
.woocommerce .seoshop ul.products li.product .button {   margin-top: 5px;}
.woocommerce-cart .seoshop table.cart img {width: 100px;}
.woocommerce .seoshop table td{border-bottom:0}
/* CHeckout */
.payment_method_paypal label {width: 90%}
.woocommerce-checkout #payment {background: rgba(248,248,248,1);  border-radius: 0;}
.woocommerce-checkout #payment div.payment_box { position: relative;  width: 96%; padding: 1em 2%; margin: 1em 0; font-size: .92em;  border-radius: 0;  line-height: 1.5; background-color: rgba(69,198,233,1);  color: #FFF;}
.woocommerce-checkout #payment div.payment_box:after { content: ""; display: block; border: 11px solid rgba(69,198,233,1); border-right-color: transparent;border-left-color: transparent;  border-top-color: transparent;position: absolute; top: -6px; left: 0; margin: -1em 0 0 2em;}
.woocommerce .seoshop a.button.alt.wc-forward, .woocommerce .seoshop button.button.alt, .woocommerce .seoshop input.button.alt { background-color: rgba(68,221,97,1);   border:2px rgba(68,221,97,1) solid; color: #fff;  -webkit-font-smoothing: antialiased;}
.woocommerce .seoshop a.button.alt.wc-forward:active, .woocommerce .seoshop button.button.alt:active, .woocommerce .seoshop input.button.alt:active, .woocommerce .seoshop a.button.alt.wc-forward:focus, .woocommerce .seoshop button.button.alt:focus, .woocommerce .seoshop input.button.alt:focus { background-color:rgba(38,198,96,1); border-color:rgba(38,198,96,1)}
.woocommerce .seoshop form .form-row label.inline {margin-left:50px}
.woocommerce .seoshop .quantity .qty { margin-right:15px; border: 2px solid rgba(248,248,248,1);}
.product_meta {font-size:15px;}
.product_meta span {margin-right:20px}
.woocommerce .seoshop div.product .woocommerce-tabs ul.tabs li { border: 1px solid rgba(56,63,66,1); background-color: rgba(248,248,248,1);  display: inline-block;  position: relative; z-index: 0; border-radius: 0; margin: 0 -5px; padding: 0 1em;}
.woocommerce .seoshop div.product .woocommerce-tabs ul.tabs:before { position: absolute; content: " "; width: 100%; bottom: 0;left: 0; border-bottom: 1px solid rgba(56,63,66,1);}
.woocommerce .seoshop #reviews h3 { margin: 20px 0;}
#review_form {background-color:rgba(248,248,248,1); padding: 40px 20px;}
.woocommerce .seoshop #reviews #comments ol.commentlist li img.avatar { float: left; position: absolute; top: 0; left: 0;padding: 3px; width: 60px;   height: auto; background:rgba(248,248,248,1); border: 0; margin: 0; box-shadow: none;}
.woocommerce .seoshop #reviews #comments ol.commentlist li .comment-text {  margin: 0 0 0 80px; border: 1px solid #e4e1e3; border-radius: 4px;   padding: 1em 1em 0;}
.woocommerce .seoshop div.product .woocommerce-tabs ul.tabs li.active:after {  box-shadow:none;}
.woocommerce .seoshop div.product .woocommerce-tabs ul.tabs li:after {right: -6px;    -moz-border-bottom-left-radius: 4px;   border-bottom-left-radius: 4px;  border-width: 0;  box-shadow:none;}
.woocommerce .seoshop div.product .woocommerce-tabs ul.tabs { list-style: none; padding: 0 0 0 1em; margin: 0 0 0 0;overflow: hidden; position: relative;}
.woocommerce .seoshop div.product .woocommerce-tabs .panel { margin: 0 0 60px;  padding: 40px;border: 1px solid rgba(56,63,66,1); border-top:0;     border-radius: 0;}
.woocommerce .seoshop #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 80px; background-color:rgba(38,183,231,1);   border: 0;  border-radius: 0; padding: 1em 1em 0; position:relative}
.woocommerce .seoshop #reviews #comments ol.commentlist li .comment-text:before { content:" "; border:15px rgba(38,183,231,1) solid; border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent; position:absolute; top: 20px; left: -28px;}
.woocommerce .seoshop #reviews #comments ol.commentlist li .meta {color: rgba(248,248,248,1);}
.woocommerce .seoshop #reviews #comments ol.commentlist li .description {color:#FFF}
.woocommerce .seoshop #review_form #respond textarea {width:100%; height:100px}
#rating {width:100%; background-color:#f1f1f1}
.woocommerce .seoshop form.checkout_coupon, .woocommerce .seoshop form.login, .woocommerce .seoshop form.register {border: 0;}
.woocommerce-edit-account .entry-content { width: 50%; margin: 0 auto}
.woocommerce .panel {background-color: transparent !important;}
.woocommerce .seoshop nav.woocommerce-pagination {  padding-bottom: 60px;}


/* WooCommerce Widgets */
.woocommerce .seoshop .star-rating span {color:rgba(68,221,97,1)}
.woocommerce .seoshop .widget_price_filter .price_slider{margin-bottom:1em}
.woocommerce .seoshop .widget_price_filter .price_slider_amount {text-align:right;line-height:2.4;font-size:.8751em; position:relative}
.woocommerce .seoshop .widget_price_filter .price_slider_amount .button{font-size:13px;float:left}
.woocommerce .seoshop .widget_price_filter .ui-slider{position:relative;text-align:left;margin-left:.5em;margin-right:.5em}
.woocommerce .seoshop .widget_price_filter .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1em;height:1em;background-color:rgba(68,221,97,1);border-radius:1em;cursor:ew-resize;outline:0;top:-.3em;margin-left:-.5em}
.woocommerce .seoshop .widget_price_filter .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;border-radius:1em;background-color:rgba(68,221,97,1)}
.woocommerce .seoshop .widget_price_filter .price_slider_wrapper .ui-widget-content{border-radius:1em;background-color:rgba(68,221,97,1);border:0}
.woocommerce .seoshop .widget_price_filter .ui-slider-horizontal{height:.5em}
.woocommerce .seoshop .widget_price_filter .ui-slider-horizontal .ui-slider-range{top:0;height:100%}
.woocommerce .seoshop .widget_price_filter .ui-slider-horizontal .ui-slider-range-min{left:-1px}
.woocommerce .seoshop .widget_price_filter .ui-slider-horizontal .ui-slider-range-max{right:-1px}
.woocommerce .seoshop ul.product_list_widget li {margin-bottom: 6px;  padding-bottom: 6px;  border-bottom: 1px #666 dashed;}
.woocommerce .seoshop ul.product_list_widget li img {float: right; margin-left: 4px; width: 70px; height: auto; box-shadow: none;}
/* =========================================
10. WordPress Styles
*/
.page-header {padding-bottom: 9px; margin: 0 0 20px; border-bottom: 0;}

/**
 * Repeatable Patterns
 * ----------------------------------------------------------------------------
 */
.tags-links {margin-bottom: 20px; display: block; clear: both}
.single .post:after  {clear: both; display: block; content: " ";}
.page > .entry-content:after  {clear: both; display: block; content: " ";}
.genericon:before,.menu-toggle:after,.featured-post:before,.date a:before,.entry-meta .author a:before,.format-audio .entry-content:before,.comments-link a:before,.tags-links a:first-child:before,.categories-links a:first-child:before,.edit-link a:before,.attachment .entry-title:before,.attachment-meta:before,.attachment-meta a:before,.comment-awaiting-moderation:before,.comment-reply-link:before,.comment-reply-login:before,.comment-reply-title small a:before,.bypostauthor > .comment-body .fn:before,.error404 .page-title:before {	-webkit-font-smoothing: antialiased;	display: inline-block;font: normal 16px/1 Genericons;vertical-align: text-bottom;}
.clear:before,.clear:after,.attachment .entry-header:before,.attachment .entry-header:after,.site-footer .widget-area:before,.site-footer .widget-area:after,.entry-content:before,.entry-content:after,.page-content:before,.page-content:after,.navigation:before,.navigation:after,.nav-links:before,.nav-links:after,.gallery:before,.gallery:after,.comment-form-author:before,.comment-form-author:after,.comment-form-email:before,.comment-form-email:after,.comment-form-url:before,.comment-form-url:after,.comment-body:before,.comment-body:after {content: "";display: table;}

/*
 * Responsive images
 * Fluid images for posts, comments, and widgets
 */
.entry-content img,.entry-summary img,.comment-content img,.widget img,.wp-caption {max-width: 100%;}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,.entry-summary img,.comment-content img[height], img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {height: auto;}
img.size-full,img.size-large,img.wp-post-image {height: auto;max-width: 100%;}

/* Make sure videos and embeds fit their containers. */
embed,iframe,object,video {max-width: 100%;}

/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {max-width: 100% !important;}

/* Images */
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
figure.wp-caption.alignleft,img.alignleft {margin: 5px 30px 5px 0;}
.wp-caption.alignleft {margin: 5px 10px 5px 0;}
figure.wp-caption.alignright, img.alignright {margin: 5px 0 5px 30px;}
.wp-caption.alignright {margin: 5px 0 5px 10px;}
img.aligncenter {margin: 5px auto;}
img.alignnone {margin: 5px 0;}
.wp-caption .wp-caption-text,.entry-caption,.gallery-caption {color: #220e10;font-size: 18px;font-style: italic;font-weight: 300;margin: 15px 15px;}
div.wp-caption.alignright img[class*="wp-image-"] {float: right;}
div.wp-caption.alignright .wp-caption-text {padding-left: 10px;}
img.wp-smiley,.rsswidget img {border: 0;border-radius: 0;box-shadow: none;margin-bottom: 0;margin-top: 0;padding: 0;}
.wp-caption.alignleft + ul,.wp-caption.alignleft + ol {list-style-position: inside;}

/**
 * Entry Meta
 * ----------------------------------------------------------------------------
 */
.entry-meta > span:last-child {margin-right: 0;}

/* Mediaelements */
.hentry .mejs-mediaelement,.hentry .mejs-container .mejs-controls {background: #220e10;}
.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {background: #fff;}
.hentry .mejs-controls .mejs-time-rail .mejs-time-current {}
.hentry .mejs-controls .mejs-time-rail .mejs-time-total,.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {background: #595959;}
.hentry .mejs-controls .mejs-time-rail span,.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {border-radius: 0;}


/**
 * Galleries
 * ----------------------------------------------------------------------------
 */
.gallery {margin-bottom: 20px;margin-left: -4px; }
.gallery:after {clear:both}
.gallery-item {float: left;margin: 0 4px 4px 0;overflow: hidden;position: relative;}
.gallery-columns-1.gallery-size-medium,.gallery-columns-1.gallery-size-thumbnail,.gallery-columns-2.gallery-size-thumbnail,.gallery-columns-3.gallery-size-thumbnail {display: table;margin: 0 0 20px 0; width: 100%}
.gallery-columns-1 .gallery-item,.gallery-columns-2 .gallery-item,.gallery-columns-3 .gallery-item {text-align: center;}
.gallery-columns-2 .gallery-item {max-width: 47%;max-width: -webkit-calc(50% - 4px);max-width: -moz-calc(50% - 4px);max-width: calc(50% - 4px);}
.gallery-columns-3 .gallery-item {max-width: 31%;max-width: -webkit-calc(33% - 4px);max-width:  -moz-calc(33% - 4px);max-width:  calc(33% - 4px);}
.gallery-columns-4 .gallery-item {max-width: 23%;max-width: -webkit-calc(25% - 4px);max-width: -moz-calc(25% - 4px);max-width: calc(25% - 4px);}
.gallery-columns-5 .gallery-item {max-width: 19%;max-width: -webkit-calc(20% - 4px);max-width:  -moz-calc(20% - 4px);max-width: calc(20% - 4px);}
.gallery-columns-6 .gallery-item {max-width: 15%;max-width: -webkit-calc(16.7% - 4px);max-width: -moz-calc(16.7% - 4px);max-width:         calc(16.7% - 4px);}
.gallery-columns-7 .gallery-item {max-width: 13%;max-width: -webkit-calc(14.28% - 4px);max-width:         -moz-calc(14.28% - 4px);max-width:         calc(14.28% - 4px);}
.gallery-columns-8 .gallery-item {max-width: 11%;max-width: -webkit-calc(12.5% - 4px);max-width:         -moz-calc(12.5% - 4px);max-width:         calc(12.5% - 4px);}
.gallery-columns-9 .gallery-item {max-width: 9%;max-width: -webkit-calc(11.1% - 4px);max-width:         -moz-calc(11.1% - 4px);max-width:         calc(11.1% - 4px);}
.gallery-columns-1 .gallery-item:nth-of-type(1n),.gallery-columns-2 .gallery-item:nth-of-type(2n),.gallery-columns-3 .gallery-item:nth-of-type(3n),.gallery-columns-4 .gallery-item:nth-of-type(4n),.gallery-columns-5 .gallery-item:nth-of-type(5n),.gallery-columns-6 .gallery-item:nth-of-type(6n),.gallery-columns-7 .gallery-item:nth-of-type(7n),.gallery-columns-8 .gallery-item:nth-of-type(8n),.gallery-columns-9 .gallery-item:nth-of-type(9n) {margin-right: 0;}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {clear: left;}
.gallery-caption {background-color: rgba(68,221,97,0.8);-moz-box-sizing: border-box;box-sizing: border-box;color: #fff;font-size: 14px;line-height: 1.3;margin: 0;max-height: 50%;opacity: 0;filter: alpha(opacity=0);padding: 8px 10px;position: absolute;bottom: 0;left: 0;text-align: left;-webkit-transition: opacity 400ms ease;-moz-transition:  opacity 400ms ease;transition:  opacity 400ms ease;width: 100%; font-style: normal}
.gallery-caption:before {content: "";height: 100%;min-height: 49px;position: absolute;left: 0;top: 0;width: 100%;}
.gallery-item:hover .gallery-caption {opacity: 1;filter: alpha(opacity=100);}
.gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption {display: none;}

/**
 * Post Formats
 * ----------------------------------------------------------------------------
 */
/* Audio */
.format-audio .entry-content:before {content: "\f109";float: left;font-size: 64px;position: relative;top: 4px;}
.format-audio .audio-content {background: url(../images/dotted-line.png) repeat-y left top;background-size: 4px 4px;padding-left: 35px;width: 80%;width: -webkit-calc(100% - 85px);width:  -moz-calc(100% - 85px);width:  calc(100% - 85px); min-height: 74px; padding-top: 20px; display: inline-block}
.audio-content:after {clear:both;  content: ""; display: table;}
.format-audio audio {max-width: 100% !important; /* Avoid player width overflow. */}

/**
 * Attachments
 * ----------------------------------------------------------------------------
 */
.attachment .hentry {}
.attachment .entry-header {margin-bottom: 0;padding: 30px 0;}
.attachment .entry-title {}
.attachment .entry-title:before {}
.attachment .entry-meta {padding: 9px 0;}
.hentry.attachment:not(.image-attachment) .entry-meta {}
.attachment footer.entry-meta {display: none;}
.attachment-meta:before {}
.full-size-link a {display: block}
.full-size-link a:before {content: "\f402";}
.full-size-link:before {content: none;}
.attachment .entry-meta a,.attachment .entry-meta .edit-link:before,.attachment .full-size-link:before {}
.attachment .entry-content {max-width: 100%;padding: 0 0;}
.image-navigation {margin: 0 auto;position: relative;}
.image-navigation a:hover {text-decoration: none;}
.image-navigation .nav-previous,.image-navigation .nav-next {position: absolute;top: 50px;}
.image-navigation .nav-previous {left: 0;}
.image-navigation .nav-next {right: 0;}
.image-navigation .meta-nav {font-size: 18px;font-weight: 300;vertical-align: 0;}
.attachment .entry-attachment,.attachment .type-attachment p {margin: 0 auto;text-align: center;}
.attachment .entry-attachment .attachment {display: inline-block;}
.attachment .entry-caption p:last-child,.attachment .entry-description p:last-child {margin: 0;}
.attachment .site-main .sidebar-container {display: none;}
.attachment .entry-content .mejs-audio {max-width: 400px;margin: 0 auto;}
.attachment .entry-content .wp-video {margin: 0 auto;}
.attachment .entry-content .mejs-container {margin-bottom: 24px;}

/* =========================================
11. Visual Composer Styles
*/
.ultimate-map-wrapper.ult-adjust-bottom-margin {margin-bottom: 0}
.theseo_digital_icons .vc_col-has-fill>.vc_column-inner,.theseo_digital_icons .vc_column-inner,
.theseo_digital_icons .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
.theseo_digital_icons .vc_row-has-fill>.vc_column_container>.vc_column-inner  {padding-top: 0 !important}
.theseo_digital_icons .vc_column_container>.vc_column-inner {padding-left: 0; padding-right: 0}
.theseo_digital_icons .aio-icon-component {margin-bottom: 0}
.wpb_row.somefacts, .wpb_row.whyusm, .wpb_row.nobtnmrg {margin-bottom: 0}
.whyusm .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .whyusm .vc_column-inner {padding-top: 0 !important}
.vc_infolist_1 {}
.smile_icon_list_wrap h3 {text-align: left; margin: 20px 0 20px 0 !important}
.iconsline {}
.iconsline .vc_icon_element-inner {border: 2px rgba(68,221,97,1) solid !important; border-radius: 100px; padding: 20px}
div.vc_btn3-container.btn { display: block;}
.vc_btn3.vc_btn3-block { display: block !important; width: 100% !important;  text-align: inherit !important;}
.vc_icon_solo {}
.separator1 {}
.textseparator1 {}
.infomessagebox {}
.successmessagebox {}
.errormessagebox {}
.vc_advanced_tabs {}
.strip_highlight_text span {    margin-bottom: 50px;  padding-bottom: 20px;}
/* Coming Soon*/
.comingsooncounter {font-family: Lato}
.comingsoonsubscribe {margin-top: 100px;}
.comingsoonsubscribe [id*="form-wysija-"] {margin: 0 auto;}
.comingsoon h2:after {content: none}
.comingsooncounter .ult_countdown-section .ult_countdown-period {text-transform:uppercase; text-align: left;}
.comingsooncounter .ult_countdown-section .ult_countdown-amount:after {content: ":"; color: #FFFFFF; font-size: 80px; margin: auto 0 0 30px; font-weight: 400}
.comingsooncounter .ult_countdown-section:last-child .ult_countdown-amount:after {content: none;}
.comingsooncounter .ult_countdown-amount {padding:10px; text-align:left;}
.ult_countdown-period {text-transform:uppercase}
.comingsooncounter .ult_countdown, .wpb_row .wpb_column .wpb_wrapper .ult_countdown {float: none !important}
/* toggles */
.faq_toggle .vc_toggle_title {  padding: 10px 25px !important; color:#FFF; background-color: rgba(68,221,97,1); border-radius: 20px}
.faq_toggle .vc_toggle_content {color:#FFF !important}
.faq_toggle .vc_toggle_title h4{ color:#FFF}
.faq_toggle .vc_toggle_icon {color:#FFF}
.vc_toggle_content {padding-left:20px !important; padding-right:20px !important}
.faq_toggle_classic {}
.vc_toggle_title {padding: 10px 25px !important;}


/* Gallery */
.vc_image_gallery {}
.vc_image_gallery .flex-control-paging {}
.wpb_gallery .wpb_flexslider .flex-control-nav {bottom: -60px !important;}
.flex-control-paging li a {display: block;	background: #eae8e8 !important;-webkit-transition: all 600ms;   -moz-transition: all 600ms;     transition: all 600ms;  box-shadow:none !important}
.flex-control-paging li a.flex-active, .vc_pagination-color-grey.vc_pagination-style-outline .vc_active .vc_pagination-trigger, .vc_pagination-color-grey.vc_pagination-style-outline .vc_pagination-trigger:hover, .vc_pagination.vc_pagination-style-flat .vc_active .vc_pagination-trigger, .vc_pagination.vc_pagination-style-flat .vc_pagination-trigger:hover {-webkit-transform: scale(1.5);-ms-transform: scale(1.5);-moz-transform: scale(1.5); transform: scale(1.5)}
.flex-control-paging li a.flex-active, .flex-control-paging li a:hover, .vc_pagination.vc_pagination-style-flat .vc_active .vc_pagination-trigger, .vc_pagination.vc_pagination-style-flat .vc_pagination-trigger:hover, .vc_pagination-color-grey.vc_pagination-style-outline .vc_active .vc_pagination-trigger {background: rgba(68,221,97,1) !important;}
.vc_pagination-color-grey.vc_pagination-style-outline .vc_pagination-trigger:hover, .vc_pagination-color-grey.vc_pagination-style-outline .vc_active .vc_pagination-trigger  {border-color: rgba(68,221,97,1) !important}

.vc_images_carousel .vc_carousel-indicators { bottom: -35px !important;}
.vc_images_carousel .vc_carousel-control .icon-prev, .vc_images_carousel .vc_carousel-control .icon-next {  font-size: 80px !important;}
.pageable {}
.vc_tabs {}
.vc_vert_tabs {}
.vc_post_slider {}
.vc_progress_bars {}
.vc_round_charts {}
.vc_line_charts {}
.vc_cta_block1 {}
.vc_cta_block1_icon {}

.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner {padding-top: 0}

/* =========================================
12. Animation
*/
@-webkit-keyframes flipInY {
    0% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; filter: alpha(opacity=0);  }
    40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  -webkit-transition-timing-function: ease-in;  transition-timing-function: ease-in;  }
    60% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; filter: alpha(opacity=100); }
    80% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}
    100% { -webkit-transform: perspective(400px); transform: perspective(400px);}
}
@-moz-keyframes flipInY {
    0% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; transition-timing-function: ease-in;opacity: 0;filter: alpha(opacity=0);}
    40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -moz-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in;-moz-transition-timing-function: ease-in;transition-timing-function: ease-in; }
    40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -moz-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in;-moz-transition-timing-function: ease-in;transition-timing-function: ease-in; }
    60% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  -moz-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  opacity: 1;  filter: alpha(opacity=100);  }
    80% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); -moz-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}
    100% { -webkit-transform: perspective(400px);  -ms-transform: perspective(400px);  -moz-transform: perspective(400px);  transform: perspective(400px);  }
}
@keyframes flipInY {
    0% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; transition-timing-function: ease-in;opacity: 0;filter: alpha(opacity=0);}
    40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -moz-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in;-moz-transition-timing-function: ease-in;transition-timing-function: ease-in; }
    40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -moz-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in;-moz-transition-timing-function: ease-in;transition-timing-function: ease-in; }
    60% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  -moz-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  opacity: 1;  filter: alpha(opacity=100);  }
    80% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); -moz-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}
    100% { -webkit-transform: perspective(400px);  -ms-transform: perspective(400px);  -moz-transform: perspective(400px);  transform: perspective(400px);  }
}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}
@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes menuAppear {
    0% { opacity:0 }
    50% { opacity:0 }
    100% { opacity:1 }
}
@-moz-keyframes menuAppear {
    0% { opacity:0 }
    50% { opacity:0 }
    100% { opacity:1 }
}
@keyframes menuAppear {
    0% { opacity:0 }
    50% { opacity:0 }
    100% { opacity:1 }
}


/* =========================================
13. Responsive
*/
@media screen and (max-width: 1200px) {
    .header-short .noslider1 {padding-top: 150px;}
    .beniconsize1 {left:155px;}
    .navbar-nav > li.headercta {display:none}
    .mainbox {max-width: 100%;}
}
@media screen and (max-width: 1100px) {

    #navbar-transparent .container-fluid {padding-right: 0;padding-left: 0; }
    .map-info .cusinfopos {width: 600px;}
    .beniconsize2 {right:50px;}
    .calltoactionblock2 { background-position: -365px top;}
    .calltoactionblock2 .biglogobgr {left: -13%;  top: 31px; width: 100%;}
    #portfoliogrid .item { margin:0; position:relative; width:33.33%; overflow:hidden}
}
@media screen and (max-width: 1024px) {
    .serviceslistmain .slist {min-height: 410px;}
    .formtopslidera {min-width:960px;}
    .noslider1 .mobi100 {max-width:100%}
    .beniconsize1 {  left: 55px;}
    .beniconsize2 {right: 40px;}
    .beniconsize4 { left: 180px;}
    .beniconsize5 { right: 40px;}
    .ctaction1 { background-position: left;}

}
@media only screen and (-webkit-device-pixel-ratio:2) and (min-resolution: 169dpi) and (max-width: 1024px) and (orientation : landscape) {

}
@media screen and (max-width: 960px) {
    .benefits .beninside {height: auto; padding-bottom: 20px; margin-bottom: 0;}
    .socialbartransparent {text-align: center;}
    .suppaMenu_rwd_wrap .suppa_rwd_menu > .suppa_rwd_submenu {width: 100% !important; margin-left: 0 !important;  }
    .cfform .wpcf7-form-control-wrap, .mainform .wpcf7-form-control-wrap {margin-bottom: 0;}
    .headermenuwhitebox { margin-top: 0; }
    .testimonials_box .item:nth-child(even) .mention {  margin-left: 0;  }
    .wpcf7-form-control-wrap {margin-bottom: 30px; display: block;}
    .formtopslidera {min-width:900px;}
    .header-transparent .noslider1 {padding-top:200px; text-align:center}
    .blog-header-transparent .noslider1 {padding-top:200px; text-align:center}
    #network, #networksecond, #networkr, #networkl50, #networkr0 { width: 100%;}
    #testimonials-index .owl-item:nth-child(even) .mention {margin-left: 0;}
    .calltoactionblock2 { background-position: left top;}
    .formtopslider input[type=text], .formtopslider input[type=email], .formtopslider  textarea { font-size:22px}
    .formtopslider a#sendtopform {font-size:24px; padding:20px 40px}
    .topbartransparent {height:100px;}
    .socialbartransparent { padding:8px 0; text-align:center}
    .contacttb {   padding: 5px 0;font-size: 1.1em;text-align: center;  width: 100%;}
    .contacttb > div {margin-bottom: 8px; text-align: center;  width: 100%; white-space: normal}
    .header-topbar-slider {margin-top: 0;}
    .serviceslistmain > div.slist:nth-child(1), .serviceslistmain > div.slist:nth-child(4), .serviceslistmain > div.slist:nth-child(5), .serviceslistmain > div.slist:nth-child(8), .serviceslistmain > div.slist:nth-child(9), .serviceslistmain > div.slist:nth-child(12), .serviceslistmain > div.slist:nth-child(13), .serviceslistmain > div.slist:nth-child(16), .serviceslistmain > div.slist:nth-child(17), .serviceslistmain > div.slist:nth-child(20) { background-color:rgba(68,221,97,1)}
    .serviceslistmain > div.slist:nth-child(2), .serviceslistmain > div.slist:nth-child(3), .serviceslistmain > div.slist:nth-child(6), .serviceslistmain > div.slist:nth-child(7), .serviceslistmain > div.slist:nth-child(10), .serviceslistmain > div.slist:nth-child(11), .serviceslistmain > div.slist:nth-child(14), .serviceslistmain > div.slist:nth-child(15), .serviceslistmain > div.slist:nth-child(18), .serviceslistmain > div.slist:nth-child(19) { background-color:rgba(38,183,231,1)}

    ul.related li {margin: 0 0 20px 0; width: 100%;overflow: hidden; height: 400px}
    ul.related li img {margin:0; max-width: 100%;}
    ul.related li:nth-child(even) {margin-right: 0}
    .blogsidebarspage ul.related li {width: 100%; margin-right: 0}
    .calltoactionblock3 .btn {margin-top: 40px;}
    .postfb .format-standard.has-post-thumbnail h3.entry-title {font-size: 28px;  margin: 0 25px 7px 25px;}
    .postfb .entry-meta, .postfb .entry-content { margin: 0 20px 20px 20px;  }
    .postfb .entry-content {font-size: 18px}
    .postfb {padding-right: 0}
    .hidebgr .upb_row_bg {background-image: none !important}
    .leftcbgr .upb_row_bg {background-position: left center !important}
    .rightcbgr .upb_row_bg {background-position: right center !important}
    .cfform .wpcf7-form-control-wrap, .mainform .wpcf7-form-control-wrap {margin-bottom: 0;}
    .post.digital-format {height: auto; margin-bottom: 0; }
    .requestform .wpcf7-form-control-wrap {margin-bottom: 0}
    .socialbottom {height: auto;padding: 60px 0 40px 60px;}
    .footerline .text-right {margin-top: 25px}
    .map-info .cusinfopos {right: auto; left: 0; }
    [id*="form-wysija-"] {margin: 0 auto; }
    .header3 .suppa_top_level_link, .header3 .suppa_menu_woocommerce_cart, .header3 .suppa_menu_woocommerce_cart a { border-radius: 0 !important}
    .head3 { position: relative;}
    .head4 { position: relative;}
}
@media screen and (max-width: 768px) {
    .contacttb i, .contacttb span { margin-left: 0;}
    .digservicetab .ult_tabmenu .aio-icon { font-size: 25px!important; }
    .slist {padding-bottom: 10px}
    .requestform .form-group { margin-bottom: 0; }
    span.btn.hiddesc {margin-bottom: 30px !important; margin-left: 0}
    .transparentmenu .topbartransparent, .headermenuwhitebox .topbartransparent {height:auto}
    #portfoliogrid .item { margin:0; position:relative; width:49.99%;}
    .topbartransparent {height:100px;}
    a.btn, span.btn, button.btn, div.btn a, div.rev-btn.btn, div.btn button, main input[type=submit] {margin-bottom: 20px !important;}
    .formtopslidera {min-width:700px;}
    .header-transparent {margin-top: 0;}
    .blog-header-transparent {margin-top: 0;}
    .menutopbar .navbar { position:relative}
    .menutopbar .logoline { padding-bottom: 0;}
    .facts {  margin-top: 0;}
    .fact .stats-block, .wpb_row .fact.wpb_column .wpb_wrapper .stats-block {  margin-bottom: 5px; }
    .noslider1 {padding-top: 120px;}
    .socialbottom a {  display: inline-block; margin: 0 20px 20px 0;}
    .socialbottom a i, .socialbottom a .icon {  display: inline-block;}
    .socialbottom {height: auto; padding: 60px 0 60px 0; text-align:center}
    .map-info .cusinfopos {  width: 100%;}
    #sbtn {position:absolute; bottom:90px; right:55%;}
    .hiderform {font-size:16px;}
    .menutopbar .logotb, .menutopbar .phone, .menutopbar .buttsect {padding-bottom:20px; text-align:center;}
    .menutopbar .logotb .navbar-brand {text-align:center;float:none}
    .menutopbar .logotb .navbar-brand img {margin: 0 auto}
    .calltoactionblock { position: relative; z-index: 2;}
    .serviceslistmain .slist:nth-child(odd) { background-color:rgba(68,221,97,1) !important}
    .serviceslistmain .slist:nth-child(even) { background-color:rgba(38,183,231,1) !important}
    #respond form {width:100%; margin:0 auto}
    .benefits { height:auto; }
    .benefits div {margin:0 auto 20px auto;}
    .benefits .rhombus {width: 100%;}
    .benefits .beniconblock, .benefits .tralign {margin-bottom: 0}
    .benefits .why {height:auto; width:100%; position:relative; padding: 40px 20px; margin:20px auto; top:auto; left:auto; right:auto; -webkit-transform:none; -moz-transform:none; -ms-transform:none; transform:none}
    .benefits .why .headinginfo { text-align:center; -webkit-transform:none; -moz-transform:none; -ms-transform:none; transform:none}
    .benefits .why h2 {margin-top:20px;}
    .benefits .why h2:before {margin: 20px auto 20px;}
    .rhombus {position: relative; display: block;overflow: hidden;visibility: hidden; margin:20px; -webkit-transform:none; -moz-transform:none; -ms-transform:none; transform:none}
    .beniconblock {text-align:center; display:block; visibility: visible; }
    .beniconblock {-webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
    .beniconblock img, .beniconblock b {line-height:0; margin:10px; clear:both; -webkit-transform:none; -moz-transform:none; -ms-transform:none; transform:none}
    .beniconblock img {}
    .beniconblock b {font-size:14px; color:#FFF; white-space: nowrap; text-transform:uppercase; display: block;}
    .bico {height:100%;width:100%; padding:20px; }
    .beniconsize1 {height:auto;width:90%; margin:20px auto; top:auto; left:auto; right:auto}
    .beniconsize2 {height:auto;width:90%; margin:20px auto; top:auto; left:auto; right:auto}
    .beniconsize3 {height:auto;width:90%; margin:20px auto; top:auto; left:auto; right:auto}
    .beniconsize4 {height:auto;width:90%; margin:20px auto; top:auto; left:auto; right:auto}
    .beniconsize5 {height:auto;width:90%; margin:20px auto; top:auto; left:auto; right:auto}
    .tralign {height:auto;width:100%; background-size:cover;  -webkit-transform:none;  -moz-transform:none;  -ms-transform:none;  transform:none}
    .imgbgr {z-index: -1; position:absolute;left: -50px;top: -50px;visibility: visible;}
    .benefits .imgbgr { width: 100%;left: 0; top: 0;}
    .bluebgr { background-color:rgba(38,183,231,1);-webkit-transition: all 600ms;   -moz-transition: all 600ms;   transition: all 600ms; }
    .rhombus .bluebgr { background-color:rgba(38,183,231,1);}
    .greenbgr {background-color:rgba(68,221,97,0.8);-webkit-transition: all 600ms;  -moz-transition: all 600ms;  transition: all 600ms; }
    .rhombus:hover .greenbgr {background-color:0000;}
    .calltoactionblock2 h3 {font-size: 26px;}
    .map-info strong {font-size: 35px;}
    .team {height: auto;}
    #team-index .item {padding: 0 0 0 0; }
    #team-index .item span:after {  margin: 15px 0 15px 2px;}
    #team-index .item .overmember { width: 100%;}
    #team-index .item strong, #team-index .item span, #team-index .item span:after, #team-index .item p, #team-index .socialprofiles, #teammate .socialprofiles {margin-left:40px; margin-right: 40px;}
    #team-index .item .overmember i {font-size:88px; margin:48% auto auto auto;}
    #team-index .item .desrdivider:after {display: none; margin: 0}
    #team-index .item .desrdivider {margin-bottom: 10px}
    #team-index .item p { max-height: 62px; overflow: hidden; }
    #team-index .socialprofiles a, #teammate .socialprofiles a {margin-bottom: 8px}
    .format-standard .entry-header .entry-meta:after {margin: 31px auto 29px auto;}
    .footerline .text-right {text-align: center}
    .upb_row_bg { max-width: 100% !important;min-width: 200px !important; }
    .pricetable2 li, .pricetable2caption li { height: 84px; margin: 0 0 0 0; line-height:22px;    font-size: 18px;}
    .clientlogos ul {border: 0; text-align:center; display:block}
    .clientlogos ul li {   display: inline-block; border-left-color: #e0e0e0;    margin: 0 0 0 -3px;}
    .post img, .entry-thumbnail {width: 100%; height: auto; float:none; clear:both; margin:0 0 30px 0}
    .entry-header, .format-standard.has-post-thumbnail h3.entry-title, .blogpage .format-standard.has-post-thumbnail .entry-meta {text-align:center}
    .pagination ul li {margin: 20px 0 0 0;}
    .blog2columnpage .post {display:block; float:none; min-height: unset; width:100%; margin: 0 0 60px 0; padding:20px}
    .widget_wysija input[type=text] { width: 100%; max-width: none;}
    .woocommerce .seoshop ul.products li.product, .woocommerce-page ul.products li.product { width: 48%; float: left; clear: both; margin: 0 0 2.992em;}
    #navbardarkline .navbar-header {float:none; width:100%}

    .marginbottom30 {margin-bottom: 30px;}
    .format-standard .entry-thumbnail {margin-bottom: 20px;  width: 100%;    }
    .cta1desc a {float: right}
    .vc_grid-filter-dropdown .vc_grid-styled-select select, .vc_grid-filter-select .vc_grid-styled-select select {min-height: unset}
    .calltoactionblock3 .text-right {text-align: left}
    .aio-icon-component.slist {margin-bottom: 0}
    .uvc-heading .uvc-main-heading h1, .uvc-heading .uvc-main-heading h2, .uvc-heading .uvc-main-heading h3, .uvc-heading .uvc-main-heading h4, .uvc-heading .uvc-main-heading h5, .uvc-heading .uvc-main-heading h6, h1, h2, h3, h4, h5, h6 {font-weight: bold}
    .slist .aio-icon-default {margin-bottom: 40px;}
    .slist p, .slist .aio-icon-description {line-height: 1.7em; }

    .dcontact .map-info h2 {font-size: 28px; line-height: 1.4em;margin-bottom: 20px;}
    .dcontact .map-info .cusinfopos { padding-left: 10px; padding-top: 30px; }
    .digital-format.post img, .digital-format .entry-thumbnail {width: auto;float: left; clear: none; margin: 0 15px 0 0;}
    .digital-format .postfb .entry-thumbnail {width: auto !important}
    #digitalti { padding-top: 40px; padding-left: 0;}
    .clientlogos .vc_item > .vc_inner { padding: 80px 0; }
}

@media screen and (max-width: 640px) {
    .container {width:610px}
    .noslider1.mobi100 {width:100%}
    .noslider1 img {max-width:100%}
    [id*="form-wysija-"] {  width: 100%;}
    .requestform .wpcf7-form-control-wrap {margin-bottom: 30px}
    .rev_slider .cfform {border-radius: 7px !important; }
}
@media screen and (max-width: 600px) {
    ul.related li {margin: 0 0 20px 0; width: 100%;}
    .container {width:570px}
    .cta1desc a { float: left; margin-left: 0;     margin-right: 50px;}
}
@media screen and (max-width: 540px) {
    .container {width:510px}
}
@media screen and (max-width: 520px) {
    .digital-format.post img, .digital-format .entry-thumbnail { width: 100%; float: none; clear: both; margin: 0 0 0 0; }
    .container {width:490px}
    .calltoactionblock2 .ovgreencta2 {padding: 20px 0 40px 0;}
    .map-info .cusinfopos {padding: 10px 30px 5px 30px; }
    .map-info strong {  margin: 20px 0 20px 0;}
    .map-info h2 {margin-bottom: 20px; font-size: 34px;}
    #team-index .item img {float: none; margin: 0 auto 0 auto;width: 100%;}
    .catteam #team-index .item {  padding: 0 0 20px 0;}
    #team-index .item {padding: 0 0 35px 0; height: auto;margin: 0;}

    .slist { padding-left: 0;padding-right: 0}
    a.btn-lg.btn-info, span.btn-lg.btn-info, button.btn-lg.btn-info, div.btn-lg.btn-info a, div.rev-btn.btn-lg.btn-info, div.btn-lg.btn-info button { padding: 20px 25px !important; }
    a.btn-lg, button.btn-lg, span.btn-lg, div.btn-lg a, div.btn-lg button, div.rev-btn.btn.btn-lg { padding: 18px 25px 18px 25px !important;}
    #team-index .socialprofiles a, #teammate .socialprofiles a {margin-bottom: 10px;}
    .mention p {line-height: 1.5em; }
    .mention p:last-child {margin-bottom: 0}
    #testimonials-index .owl-item .bubbles .mention, .testimonialsingle .item .bubbles .mention, .testimonials_box .item .mention {padding: 20px 25px 20px 25px;}
    .dcontact .map-info i, .dcontact .map-info .line {margin-bottom: 15px; }
    .dcontact .map-info .cusinfopos {line-height: 1.5em; }
    .mainform input[type=text].nameline {border-top-right-radius: 4px !important; border-right: 2px rgba(211,207,215,1) solid;}
    .mainform input[type=tel].phoneline { border-top-right-radius: 0 !important; border-top: 0; }
    .serviceslistmain .slist p {  line-height: 1.6em; }
    .serviceslistmain .slist {min-height: unset}
    .suppa_rwd_menu_links .suppa_rwd_submenu_columns_wrap  {margin-left: 0 !important; left: 0 !important; width: 100% !important;}
    .suppa_rwd_menu_links .suppa_rwd_submenu_columns_wrap .suppa_column {width: 90% !important}

    .cta1desc a { float: none; margin-left: 0}
    .benefits .why h2 {font-size: 30px;}
}
@media screen and (max-width: 480px) {
    .container {width:440px}
    a.btn, span.btn, button.btn, div.btn a, div.rev-btn.btn, div.btn button, main input[type=submit] {white-space: normal !important;}

}
@media screen and (max-width: 420px) {
    .container {width:380px}
    #portfoliogrid .item { margin:0; position:relative; width:100%;}
}
@media screen and (max-width: 400px) {
    .container {width:360px}
}
@media screen and (max-width: 320px) {
    .container {width:280px}
    .contacttb {font-size: 0.9em; }
    .transparentmenu.default {background-color: rgba(0,0,0,0.75)}

    .map-info strong { font-size: 29px; margin: 10px 0; }

}

/* ===============================
NEW
*/

.pracownik{
    margin-bottom: 0px !important;
    bottom: -40px;
    position: relative;
}

.slist {
    padding: 20px 25px 30px 25px;
    margin-bottom: 0px !important;
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    transition: all 600ms;
}