/* Add Font Family */
/*
@import url('https://fonts.googleapis.com/css?family=Open+Sans:100,100i,300,300i,400,400i,500,600,700,700i,800,900,900i');
*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900');
@import url('https://fonts.googleapis.com/css?family=Poppins:200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900');
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section */
/***********************************************/
/****************************************/
/* HubSpot Style Boilerplate */
/****************************************/
/* These includes are optional, but helpful. */
/* Images */
img {
max-width: 100%;
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: bottom; /* Suppress the space beneath the baseline */
}
/* Videos */
video {
max-width: 100%;
height: auto;
}
/* Embed Container (iFrame, Object, Embed) */
.hs-responsive-embed {
position: relative;
height: auto;
overflow: hidden;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
width: 100%;
height: 100%;
border: 0;
}
.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
padding-bottom: 2%;
}
.hs-responsive-embed.hs-responsive-embed-instagram {
padding-bottom: 116.01%;
}
.hs-responsive-embed.hs-responsive-embed-pinterest {
height: auto;
overflow: visible;
padding: 0;
}
.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
position: static;
width: auto;
height: auto;
}
iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
width: 100%;
max-width: 100%;
}
@media (max-width: 568px) {
iframe {
max-width: 100%;
}
}
/* Forms */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
padding: 6px;
display: inline-block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Menus */
.hs-menu-wrapper ul {
padding: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal ul {
list-style: none;
margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
display: inline-block;
margin-bottom: 20px;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
content: " ";
display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
content: " ";
display: table;
clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
display: inline-block;
padding: 10px 20px;
white-space: nowrap;
max-width: 140px;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.4s;
position: absolute;
z-index: 10;
left: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
display: block;
white-space: nowrap;
width: 140px;
overflow: hidden;
text-overflow: ellipsis;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
left: 180px;
top: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
opacity: 1;
visibility: visible;
}
.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
position: relative;
margin-bottom: 20px;
min-height: 7em;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
position: static;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
display: none;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
display: block;
visibility: visible;
opacity: 1;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
content: " ";
display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
content: " ";
display: table;
clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
display: inline-block;
padding: 10px 20px;
white-space: nowrap;
max-width: 140px;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
}
.hs-menu-wrapper.hs-menu-flow-vertical {
width: 100%;
}
.hs-menu-wrapper.hs-menu-flow-vertical ul {
list-style: none;
margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical li a {
display: block;
white-space: nowrap;
width: 140px;
overflow: hidden;
text-overflow: ellipsis;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul {
margin-bottom: 20px;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
width: auto;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
padding: 10px 20px;
text-decoration: none;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
position: relative;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.4s;
position: absolute;
z-index: 10;
top: 0;
left: 180px;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
opacity: 1;
visibility: visible;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
min-width: 140px;
width: auto;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
max-width: 100%;
overflow: hidden;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
display: none;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
display: block;
visibility: visible;
opacity: 1;
position: static;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
padding-left: 4em;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
padding-left: 6em;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
padding-left: 8em;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
padding-left: 140px;
}
.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}
@media (max-width: 568px) {
.hs-menu-wrapper, .hs-menu-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
}
.hs-menu-wrapper.hs-menu-flow-horizontal ul {
list-style: none;
margin: 0;
display: block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
display: block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
float: none;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
display: block;
max-width: 100%;
width: 100%;
}
}
.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
visibility: visible;
opacity: 1;
}
/* Space Module */
.widget-type-space {
visibility: hidden;
}
/* Blog Author Section */
.hs-author-listing-header {
margin: 0 0 .75em 0;
}
.hs-author-social-links {
display: inline-block;
}
.hs-author-social-links a.hs-author-social-link {
width: 24px;
height: 24px;
border-width: 0px;
border: 0px;
line-height: 24px;
background-size: 24px 24px;
background-repeat: no-repeat;
display: inline-block;
text-indent: -99999px;
}
.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}
/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Wrapper */
.hs_cos_wrapper_type_image_slider {
display: block;
overflow: hidden
}
/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}
.carousel li {margin-right: 5px}
/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
margin: 0px;
padding: 0px;
list-style: none;
}
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }
/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}
.hs_cos_flex-slider .caption {
background-color: rgba(0,0,0,0.5);
position: absolute;
font-size: 2em;
line-height: 1.1em;
color: white;
padding: 0px 5% 0px 5%;
width: 100%;
bottom: 0;
text-align: center;
}
.hs_cos_flex-slider .superimpose .caption {
color: white;
font-size: 3em;
line-height: 1.1em;
position: absolute;
padding: 0px 5% 0px 5%;
width: 90%;
top: 40%;
text-align: center;
background-color: transparent;
}
@media all and (max-width: 400px) {
.hs_cos_flex-slider .superimpose .caption {
background-color: black;
position: static;
font-size: 2em;
line-height: 1.1em;
color: white;
width: 90%;
padding: 0px 5% 0px 5%;
top: 40%;
text-align: center;
}
/* beat recaptcha into being responsive, !importants and specificity are necessary */
#recaptcha_area table#recaptcha_table {width: 300px !important;}
#recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;}
#recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;}
#recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;}
}
.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
color: white;
}
/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
display: inline-block;
margin: 0px;
padding: 0px;
margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
max-height: 150px;
margin: 0px;
padding: 0px;
border-width: 0px;
}
/* responsive pre elements */
pre {
overflow-x: auto;
}
/* responsive pre tables */
table pre {
white-space: pre-wrap;
}
/* adding minimal spacing for blog comments */
.comment {
margin: 10px 0 10px 0;
}
/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
word-wrap: break-word;
}
/* HTML 5 Reset */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
/* Support migrations from wordpress */
.wp-float-left {
float: left;
margin: 0 20px 20px 0;
}
.wp-float-right {
float: right;
margin: 0 0 20px 20px;
}
/* Responsive Google Maps */
#map_canvas img, .google-maps img {
max-width: none;
}
/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}
/*****************************************/
/* Start your style declarations here */
/*****************************************/
/***** Theme Adjustments *****/
/***** Used to base font family for all elements *****/
/***** Used for font family for all Headings *****/
/***** Used for light gray color used in backgrounds *****/
/***** Used for blue color used in the CTAs and other elements *****/
/***** Used for Hover color of CTAs *****/
/***** Used for Navigation Background Color *****/
/***** Used for Navigation Text Color *****/
body{
padding:0;
font-size: 17px ;
line-height: 1.3;
overflow-x:hidden;
-webkit-font-smoothing: antialiased;
font-family: 'Roboto', sans-serif; ;
width:100%;
letter-spacing:0;
background: #fff ;
margin:0 auto;
color: #424242;
}
body .container-fluid .row-fluid .wrapper{
max-width: 1110px;
margin-left:auto;
margin-right:auto;
float: none;
padding-left:15px;
padding-right:15px;
}
img{
height:auto;
}
h1,h2,h3,h4,h5,h6,p,a{
text-transform:initial;
margin:0;
padding:0;
text-decoration:none;
margin-bottom:15px;
color:#43484d;
}
h1,h2,h3,h4,h5,h6{
color:#43484d;
font-family: 'Poppins', sans-serif ;
}
.body-container-wrapper ul,
.body-container-wrapper li{
margin-bottom:15px;
}
a{
margin-bottom:0;
}
h1{
font-size: 60px;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 20px;
}
h2{
font-size: 42px;
font-weight: 800;
letter-spacing: 0.8px;
}
h3{
font-size: 30px;
font-weight: 700;
letter-spacing: .5px;
}
h4{
font-size: 20px;
line-height:27px;
font-weight: 600;
letter-spacing: .4px;
margin-bottom:10px;
color:#43484d;
}
h5{
font-size: 18px;
font-weight: 600;
letter-spacing: 0;
}
h6{
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
}
p,
.body-container-wrapper li{
font-size: 16px;
line-height: 24px;
color: #495057;
letter-spacing: 0;
font-weight: 400;
}
h3+p{
margin-top:15px;
}
.body-container-wrapper {
background:#fff;
overflow:hidden;
position:relative;
}
.body-container-wrapper ul{
padding:0;
text-decoration:none;
margin:20px 0;
}
.body-container-wrapper ol{
margin:0;
padding:0;
text-decoration:none;
margin-bottom:15px;
}
.forn-sidebar h3 {
font-size: 22px;
}
.forn-sidebar .hs-richtext p {
font-size: 13px;
line-height: 19px;
padding-top: 5px;
margin-bottom: 0px;
}
.forn-sidebar {
background-color: #fff;
border-radius: 3px;
box-shadow: 0 0 4px 0 rgb(0 0 0 / 15%);
display: block;
margin-bottom: 20px;
width: 100%;
padding: 20px;
border-top: 3px solid #51aa43;
}
.body-container-wrapper li{
margin-left:26px;
margin-bottom:0;
}
.body-container-wrapper ol li:before{
display:none;
}
.no-list-style ul{
margin:0;
list-style:none;
}
.no-list-style li{
margin:0;
}
.no-list-style li:before{
display:none;
}
.body-container-wrapper a{
color:#49aa43;
transition: all ease-in-out .2s;
}
blockquote{
margin: 0;
font-size: 18px;
font-style: italic;
color: #495057;
font-weight: 400;
margin-top: 25px;
margin-bottom: 20px;
letter-spacing: 1px;
}
.widget-type-cta{
margin-top:15px;
}
body a.cta_button[title],
body .container-fluid .row-fluid .hs-button{
font-size: 16px;
line-height: 18px;
padding: 16px 34px;
font-family: 'Roboto', sans-serif; ;
text-align: center;
display: inline-block;
letter-spacing: 1px;
color: #fff;
margin-bottom: 0;
position: relative;
z-index: 1;
transition: all .15s ease;
top: 0;
background: #49aa43;
text-shadow: 0 1px 3px rgba(36,180,126,.4);
text-transform: uppercase;
font-weight: 600;
cursor:pointer;
box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
border-radius: 4px;
border:1px solid #49aa43;
}
body .blue-cta a.cta_button[title]{
color: #fff;
background: #49aa43;
}
body .row-fluid .simple-cta a.cta_button[title],
body .row-fluid .simple-cta a.cta_button[title]:hover{
background: transparent;
color: #000;
box-shadow: none;
padding: 0;
text-shadow: none;
text-decoration: underline;
text-transform: inherit;
border:0;
width:auto;
}
.arrow-button,
.arrow-button-white,
body .row-fluid .arrow-image a{
position:relative;
}
.arrow-button:after,
.arrow-button-white:after,
body .row-fluid .arrow-image a:after{
content:"";
position:absolute;
background:url('https://159642.fs1.hubspotusercontent-na1.net/hubfs/159642/Shift%20Learning%20Theme%202021/images/large-arrow-1-2-01.png');
width:46px;
height:9px;
right: -56px;
top: 6px;
background-repeat: no-repeat;
background-size: 100%;
}
body .row-fluid .arrow-image a.cta_button:after{
display:none;
}
.arrow-button-white:after{
background:url('//3842749.fs1.hubspotusercontent-na1.net/hubfs/3842749/Pack%202/large-arrow-1-4.svg');
}
.hs-cta-wrapper a.cta_button{
padding:0;
border:none;
}
.hs-cta-wrapper a.cta_button img{
height:auto;
}
body .white-cta a.cta_button[title]{
color:#000;
text-shadow: none;
background:#fff;
border:1px solid #fff;
}
body .transparent-cta a.cta_button[title]{
color:#fff;
text-shadow: none;
background:transparent;
border:1px solid #fff;
}
body a.cta_button[title]:hover,
body .white-cta a.cta_button[title]:hover,
body .container-fluid .row-fluid .hs-button:hover{
transform: translateY(-1px);
background: #377c32;
border-color: #377c32;
box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
}
body a.cta_button[title]:hover{
top:0;
}
.align-center {
text-align:center;
}
.align-left {
text-align:left;
}
.align-right {
text-align:right;
}
.float-left{
float:left;
}
.float-right{
float:right;
}
.overlay,
.base-color-overlay{
position:relative;
z-index:1;
}
.overlay:before{
position: absolute;
content: '';
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgb(0, 0, 0);
z-index: -1;
opacity: .6;
}
.base-color-overlay:before{
position: absolute;
content: '';
top: 0;
left: 0;
bottom: 0;
right: 0;
//background:linear-gradient(30deg ,#4098da 20%,#af0078);
background: rgba(0, 0, 0, 0.85);
z-index: -1;
opacity:.75;
}
.grey-bg{
background: #f5f7fa ;
}
body .container-fluid .row-fluid .section-heading.align-center {
max-width: 840px;
float: none;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
}
.section-heading p,
.section-heading li{
font-size: 18px;
font-weight: 400;
line-height:1.5;
}
.section-heading li{
margin-top:16px;
}
.section-heading h5{
margin:0;
color:#86939e;
font-size:18px;
font-weight:500;
}
.all-text-white,
.all-text-white h1,
.all-text-white h2,
.all-text-white h3,
.all-text-white p,
.all-text-white h4,
.all-text-white h5,
.all-text-white h6,
.all-text-white li,
.all-text-white .fa,
.all-text-white a{
color:#fff;
text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6);
}
.text-margin-zero h1,
.text-margin-zero h2,
.text-margin-zero h3,
.text-margin-zero p,
.text-margin-zero h4,
.text-margin-zero h5,
.text-margin-zero h6,
.text-margin-zero .fa,
.text-margin-zero a{
margin:0;
}
.base-color-text h1,
.base-color-text h2,
.base-color-text h3,
.base-color-text p,
.base-color-text h4,
.base-color-text h5,
.base-color-text h6,
.base-color-text .fa,
.base-color-text a{
color:#49aa43;
}
.body-container-wrapper .all-text-white li:before{
background:#fff;
}
body .container-fluid .row-fluid .pad-bottom{
margin-bottom:80px;
}
.section-bg{
background-size: cover!important;
background-position: center center!important;
}
.section-bg.ovelay{
background-color:#43484d;
}
.section-bg .bg-image{
display:none!important;
}
.section-padding{
padding:100px 0;
}
.section-padding-80{
padding:80px 0;
}
.section-padding-60{
padding:60px 0;
}
.section-border{
border-bottom:1px solid #e7e7e7;
}
.cta-margin{
margin-top:40px;
}
@media (min-width: 768px) {
.equal-height-container > .row-fluid-wrapper > .row-fluid {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: stretch;
-moz-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
body .row-fluid .vertical-center{
display: flex;
display: -webkit-flex;
-webkit-flex-direction: column;
flex-direction: column;
justify-content: center;
-webkit-justify-content: center;
justify-content: center;
}
body .row-fluid .flex-center{
display: flex;
display: -webkit-flex;
-webkit-flex-direction: column;
flex-direction: column;
justify-content: center;
-webkit-justify-content: center;
justify-content: center;
align-items:center;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
}
}
.inner-page-hero{
padding:120px 0 80px;
}
.inner-page-hero p{
font-size: 20px;
font-weight: 400;
line-height: 1.5;
letter-spacing: .3px;
}
body .row-fluid .inner-page-hero .banner-heading{
width: 100%;
max-width: 800px;
margin: 0 auto;
float: none;
text-align: center;
}
.slick-initialized .slick-slide:focus,
.slick-dots li button{
outline:none;
}
.site-search-outer {
padding: 50px 0px 0px;
}
.section1-wrap {
padding: 100px 0px;
background-color: #f5f7fa;
}
.image-text-right ul {
display: flex;
align-items: center;
flex-wrap:wrap;
}
.image-text-right li {
max-width: 50%;
flex: 0 0 50%;
}
.image-text-right li {
max-width: 45%;
flex: 0 0 45%;
width: 100%;
padding-bottom: 15px;
}
.testimonial-wrap {
/* background-color: #f5f7fa; */
padding: 80px 0px;
}
.left-image {
text-align: center;
}
@media (min-width:1025px){
.pad-left{
padding-left:40px;
}
.pad-right{
padding-right:40px;
}
.pad-centered{
padding:0 20px;
}
}
/*========================================================
Responsive Styling
========================================================*/
@media (min-width:768px) and (max-width:1024px){
body .container-fluid .row-fluid .wrapper{
padding-left:40px;
padding-right:40px;
}
h1{
font-size: 42px;
}
h2{
font-size: 26px;
}
h3{
font-size: 20px;
}
h4{
font-size: 18px;
}
h5{
font-size: 16px;
font-weight:600;
}
h6{
font-size: 14px;
}
.section-padding,.section-padding-80 {
padding: 60px 0;
}
body .container-fluid .row-fluid .section-heading.align-center {
margin-bottom: 30px;
}
p, .body-container-wrapper li{
font-size: 14px;
line-height:24px;
}
.section-heading p {
font-size: 16px;
}
.cta-margin {
margin-top: 30px;
}
.inner-page-hero {
padding: 140px 0 80px;
}
.section-heading li,
.section-heading p{
font-size: 16px;
}
.section-heading li{
margin-top: 20px;
margin-bottom: 20px;
}
body a.cta_button[title], body .container-fluid .row-fluid .hs-button {
white-space: normal;
}
}
@media (max-width:767px){
body .container-fluid .row-fluid .wrapper{
padding-left:20px;
padding-right:20px;
}
h1{
font-size: 30px;
}
h2{
font-size: 24px;
}
h3{
font-size: 20px;
}
h4{
font-size: 16px;
line-height:22px;
}
h5{
font-size: 16px;
font-weight:600;
}
h6{
font-size: 16px;
}
.section-padding,.section-padding-80 {
padding: 60px 0;
}
.align-right {
text-align: center;
}
.align-left {
text-align: center;
}
body .container-fluid .row-fluid .section-heading.align-center{
margin-bottom: 30px;
}
p, .body-container-wrapper li {
font-size: 14px;
line-height: 24px;
}
.primary-banner {
padding: 120px 0 40px;
}
.section-heading p {
font-size: 16px;
}
.cta-margin {
margin-top: 20px;
}
body a.cta_button[title],
body .container-fluid .row-fluid .hs-button{
font-size: 14px;
box-sizing: border-box!important;
width: 100%;
max-width:360px;
padding-left:0;
padding-right:0;
}
.inner-page-hero {
padding: 110px 0 40px;
}
.inner-page-hero p{
font-size:17px;
}
body a.cta_button[title], body .container-fluid .row-fluid .hs-button {
white-space: normal;
}
.section-heading li{
font-size: 16px;
}
.image-text-right ul {
display: block;
align-items: center;
flex-wrap: wrap;
}
.image-text-right li {
max-width: 100%;
flex: 0 0 100%;
width: 100%;
padding-bottom: 15px;
}
.section1-wrap {
padding: 50px 0px;
background-color: #f5f7fa;
}
.testimonial-wrap {
padding: 50px 0px;
}
.video-text {
margin-top: 30px;
}
}
/*==================================================
Two Col Adjust
==================================================*/
body .container-fluid .row-fluid .two-col-adjust>span {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: stretch;
-moz-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
flex-wrap: wrap;
-wevkit-flex-wrap: wrap;
flex-direction: row;
-webkit-flex-direction: row;
margin-right: -2.5%;
}
body .row-fluid .two-col-adjust span>.hs_cos_wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-basis: 47.4%;
-webkit-flex-basis: 47.4%;
float: left;
margin-right: 2.43%;
margin-top: 25px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position:relative;
}
@media (max-width:767px){
body .container-fluid .row-fluid .two-col-adjust>span {
display: block;
margin-right: 0;
}
body .row-fluid .two-col-adjust span>.hs_cos_wrapper {
display: block;
margin: 0;
margin-top: 20px;
max-width: 379px;
width: 100%;
margin: 30px auto 0;
float: none;
}
}
/*==================================================
Three Col Adjust
==================================================*/
body .container-fluid .row-fluid .three-col-adjust>span {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: stretch;
-moz-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
flex-wrap: wrap;
-wevkit-flex-wrap: wrap;
flex-direction: row;
-webkit-flex-direction: row;
margin-right: -2.5%;
}
body .row-fluid .three-col-adjust span>.hs_cos_wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-basis: 30.9%;
-webkit-flex-basis: 30.9%;
float: left;
margin-right: 2.43%;
margin-top: 25px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position:relative;
}
.redirect-page{
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
width:100%;
height:100%;
display:block;
cursor:pointer;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
body .container-fluid .row-fluid .three-col-adjust.have-box-border span>.hs_cos_wrapper:hover .redirect-page{
border:1px solid #49aa43;
}
@media (max-width:767px){
body .container-fluid .row-fluid .three-col-adjust>span {
display: block;
margin-right: 0;
}
body .row-fluid .three-col-adjust span>.hs_cos_wrapper {
display: block;
margin: 0;
margin-top: 20px;
max-width: 379px;
width: 100%;
margin: 30px auto 0;
float: none;
}
}
/*==================================================
Four Col Adjust
==================================================*/
body .container-fluid .row-fluid .four-col-adjust>span {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: stretch;
-moz-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
flex-wrap: wrap;
-wevkit-flex-wrap: wrap;
flex-direction: row;
-webkit-flex-direction: row;
margin-right: -2.565%;
}
body .row-fluid .four-col-adjust span>.hs_cos_wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-basis: 22.5%;
-webkit-flex-basis: 22.5%;
float: left;
margin-right: 2.5%;
margin-top: 30px;
box-sizing:border-box;
position:relative;
}
@media (max-width:767px){
body .container-fluid .row-fluid .four-col-adjust>span {
display: block;
margin-right: 0;
}
body .row-fluid .four-col-adjust span>.hs_cos_wrapper {
display: block;
flex-basis: 100%;
width:100%;
-webkit-flex-basis: 100%;
margin:0;
margin-top: 20px;
}
.change-mobile .wrapper .row-fluid-wrapper>.row-fluid,
.change-on-mobile>.row-fluid-wrapper>.row-fluid{
display: flex;
display: -webkit-flex;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.mobile-top-margin{
margin-top:40px;
}
}
/*=========================================================
FORM STYLE
=========================================================*/
::-webkit-input-placeholder {
color: #989898;
}
:-moz-placeholder {
color: #989898;
}
::-moz-placeholder {
color: #989898;
}
:-ms-input-placeholder {
color: #989898;
}
select::-ms-expand {
display: none;
}
.row-fluid form li{
margin:0;
}
.row-fluid form li:before{
display:none;
}
.row-fluid form input,
.row-fluid form select,
.row-fluid form textarea{
height: 46px;
font-family: 'Roboto', sans-serif; ;
border: 0;
font-size: 14px;
line-height: 20px;
letter-spacing: 1px;
padding: 0;
margin-bottom: 2px;
border-radius: 0;
background: #f5f5f5;
padding: 5px 10px;
color: #000;
font-weight: 400;
background: #fff;
border: 1px solid #dedede;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.row-fluid form input.file-up-filed{
background:transparent;
}
.row-fluid form input:focus,
.row-fluid form select:focus,
.row-fluid form textarea:focus{
outline:0;
border:1px solid #49aa43;
}
.row-fluid form textarea{
height:150px;
}
.row-fluid form .hs_file_upload input,
.row-fluid form .hs-form-checkbox input,
.row-fluid form .hs-form-radio input,
.row-fluid form .hs-form-booleancheckbox input{
height:auto;
padding:0;
border:0;
}
.row-fluid form .hs-form-checkbox input,
.row-fluid form .hs-form-radio input,
.row-fluid form .hs-form-booleancheckbox input{
height:auto;
padding:0;
border:0;
margin-bottom:0;
}
.row-fluid form .field>label{
font-size: 12px;
line-height: 1;
font-weight: 400;
display: block;
margin-bottom: 4px;
margin-top: 11px;
}
.row-fluid form .hs_submit .actions{
text-align:center;
}
.row-fluid form .hs-button.primary{
height: auto;
margin-top: 24px;
}
.row-fluid .full-width-button form .hs-button.primary{
padding-left:0;
padding-right:0;
width:100%;
}
form .hs-error-msgs{
margin:0;
padding:0;
}
.row-fluid .hs-form fieldset.form-columns-1 .hs-input {
width: 100%;
}
body .row-fluid .hs-form fieldset {
max-width: 100%;
}
body .row-fluid .hs-form legend{
margin-bottom:8px;
}
form .hs-form-required{
display:none;
}
.body-container-wrapper form ul,
.body-container-wrapper form li{
margin:0;
padding:0;
}
.body-container-wrapper form li{
font-size: 14px;
color: #43484d;
letter-spacing: 0;
font-weight: 400;
}
.body-container-wrapper form .hs-error-msgs li{
line-height: 1;
color: red;
font-weight: 500;
font-size: 11px;
position: relative;
top: 0;
letter-spacing: 0.3px;
}
.body-container-wrapper form ul,
form ul{
list-style:none;
}
.body-container-wrapper form li:before{
display:none;
}
body form .hs-form-checkbox:last-child,
body form .hs-form-radio:last-child,
body form .hs-form-booleancheckbox{
margin-bottom:20px;
}
body .row-fluid .hs-form fieldset.form-columns-3 .hs-form-field {
width: 32%;
margin-right:2%;
}
body .row-fluid .hs-form fieldset.form-columns-2 .hs-form-field {
width: 49%;
margin-right:2%;
}
body .row-fluid .hs-form fieldset .hs-form-field:last-child{
margin-right:0;
}
body .row-fluid .hs-form fieldset.form-columns-2 .input,
body .row-fluid .hs-form fieldset.form-columns-3 .input {
margin-right:0px;
}
body .container-fluid .row-fluid .hs-form fieldset .field:last-child .input{
margin-right:0;
}
body .row-fluid select{
background: #fff url(//2558848.fs1.hubspotusercontent-na1.net/hubfs/2558848/Product-3-Pack/Select%20Arrow%20Small.png) no-repeat;
background-position: center right;
-webkit-appearance: none;
}
/*=======================================================
CHECKBOX AND RADIO BUTTONS STYLING
=======================================================*/
.row-fluid .hs-form .field .input input[type="checkbox"],
.row-fluid .hs-form .field .input input[type="radio"]{
width:auto;
}
.row-fluid .hs-form .field .input input[type="checkbox"],
.row-fluid .hs-form .field .input input[type="radio"]{
padding: 0;
border-radius: 4px;
background: #fff;
margin-left: 0;
position: relative;
overflow: hidden;
cursor: pointer;
color: #cfd3d7;
-webkit-appearance: none;
border: 1px solid #989898;
margin-right: 8px;
top: 5px;
width: 20px;
height: 20px;
}
.row-fluid .hs-form .field .input input[type="checkbox"]:checked:after {
content: '';
position: absolute;
width: 9px;
height: 5px;
top: 3px;
left: 2px;
border: 3px solid #49aa43;
border-top: 0;
border-right: 0;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
.row-fluid .hs-form .field .input input[type="radio"]{
border-radius: 50%;
}
.row-fluid .hs-form .field .input input[type="radio"]:checked:after {
content: '';
position: absolute;
width: 10px;
height: 10px;
top: 4px;
background: #49aa43;
left: 4px;
border-top: 0;
border-right: 0;
border-radius: 50%;
}
@media (max-width:480px){
body form.hs-form .form-columns-2 .hs-form-field .hs-input,body form.hs-form .form-columns-3 .hs-form-field .hs-input{
width:100%;
}
body .row-fluid .hs-form fieldset .input{
margin:0;
}
body .row-fluid .hs-form fieldset.form-columns-3 .hs-form-field {
width: 100%;
margin-right: 0;
}
body .row-fluid .hs-form fieldset.form-columns-2 .hs-form-field {
width: 100%;
margin-right: 0;
}
.row-fluid form .hs_submit .actions{
text-align:center;
}
}
body .container-fluid .row-fluid .ps-vision-header-container{
position:absolute;
left:0;
top:0;
right:0;
z-index:12;
}
/*=====================================================
Header Top Bar
=====================================================*/
.ps-vision-top-bar{
padding:10px 0;
background:#43484d;
}
.ps-vision-top-bar .fa{
font-style:normal;
}
.ps-vision-top-bar a,
.ps-vision-top-bar .time{
font-size:14px;
line-height:1;
font-weight:300;
color:#d0d0d0;
letter-spacing:1px;
}
.ps-vision-top-bar a:hover{
color:#fff;
}
.ps-vision-top-bar .fa{
margin-right: 10px;
font-size: 20px;
position: relative;
top: 2px;
}
.ps-vision-top-bar .contacts .fa-phone{
margin-left:30px;
}
/*=====================================================
LP Header Styling
=====================================================*/
.ps-vision-lp-header{
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 12;
padding: 21px 0;
background:#fff;
text-align:center;
}
@media (max-width:1024px){
}
@media (max-width:767px){
}
/*=====================================================
Header Styling
=====================================================*/
@media (min-width:768px){
.ps-vision-header .hs-menu-wrapper{
line-height:0;
text-align:center;
float:right;
position:relative;
right:-15px;
}
.ps-vision-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1{
line-height:0;
}
.ps-vision-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1>a {
line-height: 1;
color: #43484d;
font-size: 14px;
padding: 32px 18px;
letter-spacing: 0;
font-weight: 600;
position: relative;
margin-bottom: -1px;
z-index: 99;
border: 1px solid transparent;
border-top:0;
}
.ps-vision-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1:hover>a{
background: #ffffff;
border: 1px solid #e7e7e7;
border-bottom: 0;
border-top:0;
}
}
.ps-vision-header .widget-type-cta{
margin-top:0;
}
.ps-vision-header .wrapper{
position:relative;
}
.ps-vision-header .main-navigation{
// padding-right:35px;
}
/*=============================================================
SUB MENU STYLING
=============================================================*/
@media (min-width:768px){
.ps-vision-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper{
background: #fff;
border: 1px solid #e7e7e7;
border-bottom: 0;
}
.ps-vision-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
color:#000;
font-size: 14px;
padding: 10px 20px;
line-height:1;
letter-spacing: .8px;
font-weight: 400;
text-align: left;
border-bottom: 1px solid #e7e7e7;
min-width:140px;
text-indent:0;
}
.ps-vision-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover{
background: #f5f7fa;
color: #000;
}
.ps-vision-header .hs-menu-wrapper ul>li.hs-item-has-children>a:after,
.ps-vision-header .hs-menu-wrapper ul>li.hs-item-has-children>ul>li.hs-item-has-children>a:after {
font-family: FontAwesome;
content: "\f067";
font-weight: 300;
font-size: 10px;
color:#43484d;;
padding-left: 8px;
position: relative;
top: -2px;
}
.ps-vision-header .hs-menu-wrapper ul>li.hs-item-has-children>ul>li.hs-item-has-children>a:after {
color:#000;
position: absolute;
right: 18px;
top: 13px;
}
.ps-vision-header .hs-menu-wrapper ul>li.hs-item-has-children:hover>a:after,
.ps-vision-header .hs-menu-wrapper ul>li.hs-item-has-children>ul>li.hs-item-has-children:hover>a:after {
content: "\f068";
}
.ps-vision-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-2>:last-child>a{
border-bottom:0;
}
}
/*============Tab Responsive ================*/
@media (min-width:768px) and (max-width:1024px){
.ps-vision-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{
font-size: 10px;
min-width: 86px;
}
.ps-vision-top-bar a, .ps-vision-top-bar .time {
font-size: 12px;
letter-spacing: .5px;
}
.ps-vision-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a {
font-size: 12px;
padding: 26px 10px;
}
.image-text-right li {
max-width: 100%;
flex: 0 0 100%;
width: 100%;
padding-bottom: 15px;
}
}
/*=====================================================
Fixed Navigation Styling
=====================================================*/
@media (min-width:768px){
.ps-vision-header{
background: #fff;
}
/*
body .container-fluid .row-fluid .ps-vision-header-container{
transition:all .3s ease-in-out;
position:fixed;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
opacity:1;
}
body .container-fluid .row-fluid .fixed-nav{
top:-90px;
}
*/
}
/*=====================================================
LP Header Styling
=====================================================*/
body .container-fluid .row-fluid .pth-lp-header{
position:absolute;
left:0;
right:0;
z-index:11;
padding:20px 0;
background:#49aa43;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
width:100%;
max-width:;
margin:0 auto;
}
/*=====================================================
Footer Styling
=====================================================*/
.ps-vision-footer{
padding: 65px 0;
background: #f5f7fa ;
}
.ps-vision-footer .hs-menu-wrapper.hs-menu-flow-vertical > ul{
margin: 0;
border-top: 1px solid #e7e7e7;
padding-top: 18px;
margin-top: 6px;
}
.ps-vision-footer .left-col{
padding-right:70px;
}
.ps-vision-footer .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a{
padding: 5px 0;
font-size: 15px;
}
.ps-vision-footer .logo{
margin-bottom:30px;
}
body .row-fluid .ps-vision-footer .logo img{
width:100%;
max-width:250px;
}
.footer-bottom-bar {
background:#43484d;
padding:18px 0;
}
.footer-bottom-bar .social-icons .fa{
color: #fff;
font-size:20px;
margin-left:20px;
}
@media (max-width:1024px){
}
@media (max-width:767px){
.ps-vision-footer .left-col {
padding-right: 0;
margin-bottom: 30px;
text-align:left;
}
.ps-vision-footer .hs-menu-wrapper.hs-menu-flow-vertical > ul {
padding-top: 12px;
margin-top: 0px;
margin-bottom: 40px;
}
.ps-vision-footer{
padding: 40px 0 0px;
}
.footer-bottom-bar{
text-align:center;
}
.footer-bottom-bar .social-icons{
margin-top:8px;
}
.footer-bottom-bar .social-icons .fa {
margin: 10px;
}
}
/*====================================================
MONILE MENU
====================================================*/
/* ==========================================================================
Custom Menu Primary
========================================================================== */
/* Set ul background color */
/* Set li background Color */
/* Set link Color */
/* Set link Hover Color */
/* Parent List */
.vision-menu-primary .hs-menu-wrapper > ul{
background:;
}
.vision-menu-primary .hs-menu-wrapper > ul > li{
background:;
}
.vision-menu-primary .hs-menu-wrapper > ul > li > a{
color:;
}
.vision-menu-primary .hs-menu-wrapper > ul > li > a:hover{
color:;
}
/* Child List */
.vision-menu-primary .hs-menu-wrapper > ul ul{}
.vision-menu-primary .hs-menu-wrapper > ul ul li{
background:;
}
.vision-menu-primary .hs-menu-wrapper > ul ul li a{
color:;
}
.vision-menu-primary .hs-menu-wrapper > ul ul li a:hover{
color:;
}
/* Override max width on menu links */
.vision-menu-primary .hs-menu-wrapper > ul li a,
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
overflow: visible !important;
max-width: none !important;
width: auto !important;
}
/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width:768px) {
.vision-menu-primary .hs-menu-wrapper {
display:block !important;
}
}
/* ==========================================================================
Mobile Menu - Hubspot Standard Toggle Menu
========================================================================== */
/**
* Special Note
*
* When the menu is open, a class of .mobile-open is applied to the body. You can
* use this for custom styling on any element when the menu is in the open position.
*/
.mobile-trigger, .child-trigger{
display: none; /* Hide button on Desktop */
}
@media (max-width: 767px){
/* Variables
========================================================================== */
/* Set Mobile Menu Background Color */
/* Set Link Color */
/* Set Link Hover Color */
/*
* Menu Reset
*
* Remove styling from desktop version of vision-menu-primary. Place any
* additional CSS you want removed from the mobile menu in this reset
*/
.vision-menu-primary,
.vision-menu-primary .hs-menu-wrapper > ul,
.vision-menu-primary .hs-menu-wrapper > ul li,
.vision-menu-primary .hs-menu-wrapper > ul li a{
display: block;
float: none;
position: static;
top: auto;
right: auto;
left: auto;
bottom: auto;
padding: 0px;
margin: 0px;
background-image: none;
background-color: transparent;
border: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
max-width: none;
width: 100%;
height: auto;
line-height: 1;
font-weight: normal;
text-decoration: none;
text-indent: 0px;
text-align: left;
color:#ffffff;
}
/* Toggle Button
========================================================================== */
.mobile-trigger{
display: inline-block !important; /* Show button on mobile */
cursor: pointer; /* Mouse pointer type on hover */
position: absolute; /*******************************************/
top: 0px; /* Position Button at right of screen */
right: 10px; /*******************************************/
width: auto; /* Button width */
height: auto; /* Button height */
padding: 7px 10px 8px 10px;
background: #ffffff; /* Background color */
border: 1px solid #000000;
font-size: 16px;
font-weight: normal;
text-align: left;
text-transform: uppercase;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #000000;
}
.mobile-trigger:hover{
text-decoration: none; /* Removes link text underline on button */
color:#ffffff;
background-color: #000000;
border-color: transparent;
}
/* Change button when menu is open */
.mobile-open .mobile-trigger{
color:#ffffff;
background-color: #000000;
border-color: transparent;
}
/* Toggle Button Icon
========================================================================== */
.mobile-trigger i{
display: inline;
position: relative;
top: -4px;
}
.mobile-trigger i:before, .mobile-trigger i:after{
position: absolute;
content: '';
}
.mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
width: 22px; /* Icon line width */
height: 2px; /* Icon line height */
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
background-color: #000000; /* Icon color */
display: inline-block;
}
.mobile-trigger i:before{
top: -6px; /* Position top line */
}
.mobile-trigger i:after{
top: 6px; /* Position bottom line */
}
.mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,
.mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
background-color: #ffffff; /* Icon color */
}
/* Child Toggle Button
========================================================================== */
.child-trigger{
display: block !important; /* Hide button on Desktop */
cursor: pointer; /* Mouse pointer type on hover */
position: absolute;
top: 0px;
right: 0px;
width: 55px !important; /* Button width */
min-width: 55px !important;
height: 45px !important; /* Button height */
padding: 0 !important;
border-left: 1px dotted rgba(255, 255, 255, .20);
}
.child-trigger:hover{
text-decoration: none;
}
.child-trigger i{
position: relative;
top: 50%; /* Centers icon inside button */
margin: 0 auto !important;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.child-trigger i:after{
position: absolute;
content: '';
}
.child-trigger i, .child-trigger i:after{
width: 10px; /* Icon line width */
height: 1px; /* Icon line height */
background-color:#000; /* Icon color */
display: block;
}
.child-trigger i:after{
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.child-trigger.child-open i:after{
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.child-trigger.child-open i{
}
/* Menu Styles on Mobile Devices
========================================================================== */
.vision-menu-primary.js-enabled{
position: relative;
padding-top: 44px; /* Makes room for button */
margin: 10px 0 10px 0;
}
/* Hide menu on mobile */
.vision-menu-primary.js-enabled .hs-menu-wrapper,
.vision-menu-primary.js-enabled .hs-menu-children-wrapper{
display: none;
}
/* Make child lists appear below parent items */
.vision-menu-primary ul.hs-menu-children-wrapper{
visibility: visible !important;
opacity: 1 !important;
position: static !important;
display: none;
}
/* Mobile Menu Styles */
.vision-menu-primary.js-enabled .hs-menu-wrapper{
width: 100%;
position: relative; /**************************************************************/
top: 0; /* Positions the menu to drop from the very top of the screen */
left: 0; /**************************************************************/
padding: 0;
}
.vision-menu-primary .hs-menu-wrapper{
background-color:#000000; /* Menu background color set off global menuColorMobile variable */
width: 100%; /* Full screen width */
}
/* Level 1 Menu List Styles */
.vision-menu-primary .hs-menu-wrapper > ul > li{
position: relative;
}
.vision-menu-primary .hs-menu-wrapper > ul > li a{
font-size: 22px; /* Font size of top level list items */
line-height: 45px;
overflow: visible;
}
/* Level 1 and Higher Menu List Styles */
.vision-menu-primary .hs-menu-wrapper > ul li{
border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
}
.vision-menu-primary .hs-menu-wrapper > ul li a{
padding: 0 10px;
color:#ffffff; /* link color set by global mobile-aColor variable */
}
/* Level 2 and Higher Menu List Styles */
.vision-menu-primary .hs-menu-wrapper > ul ul li{
background-color: rgba(255, 255, 255, .08);
}
.vision-menu-primary .hs-menu-wrapper > ul ul li a{
text-indent: 10px; /* Indent Child lists */
font-size: 16px; /* Font size of child lists */
}
/* Level 3 and Higher Menu List Styles */
.vision-menu-primary .hs-menu-wrapper > ul ul ul li a{
text-indent: 30px; /* Indent Child lists */
}
.vision-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
text-indent: 50px; /* Indent Child lists */
}
}
/*============================================================
HEADER Mobile Responsive
===========================================================*/
@media (max-width:767px){
.vision-menu-primary .hs-menu-wrapper{
display:none;
}
.mobile-trigger {
border: 0;
top: 0;
right: 14px;
background:transparent;
}
.mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after {
width: 25px;
background:#49aa43;
height:3px;
}
.mobile-trigger i:before {
top: -6px;
}
.mobile-trigger i:after {
top: 6px;
}
.mobile-trigger {
top: 2px;
right: 8px;
}
.mobile-open .mobile-trigger {
background-color: transparent;
z-index:5;
}
.mobile-trigger:hover {
background-color: rgba(0, 0, 0, 0);
border-color: transparent;
}
.mobile-trigger:hover i, .mobile-trigger:hover i:before,
.mobile-trigger:hover i:after, .mobile-open .mobile-trigger i,
.mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after {
background-color: #49aa43;
}
.mobile-trigger i{
transition: all .5s ease-in;
}
.mobile-open .mobile-trigger i{
background:transparent;
transition: all .1s ease-in;
}
.mobile-trigger i:before,
.mobile-trigger i:after{
transition: all .3s ease-in;
}
.mobile-open .mobile-trigger i:before {
top: 0;
transform: rotate(45deg);
background:#49aa43;;
}
.mobile-open .mobile-trigger i:after{
top: 0;
transform: rotate(-45deg);
background:#49aa43;;
}
.vision-menu-primary.js-enabled{
position: absolute;
padding-top: 0;
margin: 10px 0 10px 0;
left: 0;
right: 0;
top: 0;
margin:0;
}
body .header-container-wrapper .ps-vision-header .logo{
max-width: 180px;
float: left;
margin-top: 0;
margin-left: 0;
position:relative;
z-index:11;
}
.vision-menu-primary .hs-menu-wrapper>ul li {
border-top: 0px;
border-bottom: 1px solid #e7e7e7;
}
.vision-menu-primary.js-enabled .hs-menu-wrapper{
padding: 0;
margin:0;
z-index:1;
background: #fff;
top:49px;
border-bottom:1px solid #fff;
}
body .header-container-wrapper .ps-vision-header ul>li{
border:0;
}
body .header-container-wrapper .ps-vision-header ul>li>a {
padding: 15px 20px;
line-height: 1;
font-size: 14px;
padding-right: 82px;
border-top:1px solid #e7e7e7;
color:#000;
}
body .container-fluid .row-fluid .ps-vision-header {
padding: 15px 0;
background:#fff;
border-bottom:1px solid #e7e7e7;
}
body .row-fluid .ps-vision-top-bar{
display:none
}
body .row-fluid .ps-vision-header .search-icon{
display:none;
}
.ps-vision-header .main-navigation{
padding:0;
}
}
/****************** END Header Mobile Responsive *******************/
/************************************************************************************
================ Talk To Us Global Section =======================
************************************************************************************/
.ps2-talk-to-us-global {
padding:130px 0;
background:#49aa43;
}
body .container-fluid .row-fluid .ps2-talk-to-us-global .section-heading{
max-width:1060px;
padding:0;
}
body .row-fluid .ps2-talk-to-us-global .icon{
margin-bottom:30px;
}
.ps2-talk-to-us-global .button a{
color: #fff;
border: 1px solid;
padding: 14px 26px;
display: inline-block;
margin-top: 10px;
font-weight: 400;
letter-spacing: 1px;
width: 100%;
max-width: 210px;
}
.ps2-talk-to-us-global .button a .fa{
font-size: 20px;
position: relative;
margin-right: 14px;
}
.ps2-talk-to-us-global .divider{
margin:50px 0 30px;
}
@media (max-width:1024px){
.ps2-talk-to-us-global {
padding: 70px 0;
}
}
@media (max-width:767px){
body .container-fluid .row-fluid .ps2-talk-to-us-global .section-heading {
padding: 0;
margin-bottom: 0;
}
body .row-fluid .ps2-talk-to-us-global .icon-img{
margin: 20px auto 20px;
}
.ps2-talk-to-us-global .left-col{
margin-bottom:50px;
}
.ps2-talk-to-us-global {
padding: 50px 0;
}
}
/***********************************************************************************
**************Generic Page Styling*******************************
************************************************************************************/
.generic-section-style h4{
font-size: 22px;
line-height: 32px;
margin-bottom: 25px;
}
.generic-section-style p,
.generic-section-style li{
font-size: 18px;
line-height: 30px;
letter-spacing: 0;
}
.generic-section-style li{
margin-top:28px;
margin-bottom:28px;
}
.generic-section-style h2{
font-size: 28px;
line-height: 32px;
font-weight: 600;
margin: 25px 0px;
}
.generic-section-style img{
margin:40px 0 55px;
}
.generic-section-style iframe{
margin:14px 0 50px;
}
.generic-section-style h3{
font-size:24px;
line-height:51px;
font-weight:500;
letter-spacing:-.9px;
}
.generic-section-style h6{
font-size:14px;
line-height:31px;
font-weight:700;
font-family: 'Roboto', sans-serif;
text-transform:uppercase;
}
.generic-section-style h5{
font-size: 20px;
line-height: 29px;
font-weight: 400;
letter-spacing: 0;
font-family: 'Roboto', sans-serif;
width: 100%;
margin: 45px auto;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
box-sizing: border-box;
padding: 30px 0px;
}
.generic-section-style hr{
border: 0;
margin: 60px 0;
border-bottom: 2px solid #979090;
}
@media (max-width:767px){
.generic-section-style h4 {
font-size: 20px;
line-height: 28px;
}
.generic-section-style p, .generic-section-style li {
font-size: 16px;
line-height: 26px;
}
.generic-section-style h2 {
font-size: 24px;
line-height: 34px;
}
}
/*********************************************************************
***********************HOMEPAGE 1****************************************
************************************************************************/
/************************************************************************************
Hero Section
************************************************************************************/
body .container-fluid .row-fluid .ps1-home-1-hero-section {
padding: 200px 0 100px;
}
.ps1-home-1-hero-section h1{
font-size:42px;
margin-bottom:10px;
}
.row-fluid .ps1-home-1-hero-section p{
font-size: 20px;
font-weight: 400;
line-height: 1.5;
letter-spacing: .3px;
}
.ps1-home-1-hero-section i.fa.fa-angle-double-down {
position: absolute;
bottom: 60px;
font-size: 30px;
}
.ps1-home-1-hero-section .row-fluid .widget-type-rich_text.hero-heading{
max-width: 920px;
margin: 0 auto;
float: none;
padding-bottom: 5px;
}
.ps1-home-1-hero-section .bottom-heading{
margin-top:39px;
}
.ps1-home-1-hero-section .bottom-heading p{
font-size:15px;
margin-bottom:10px;
}
.ps1-home-1-hero-section .bottom-heading a{
font-weight: 700;
text-decoration-style: dotted;
text-decoration: underline;
}
@media (max-width:1024px){
body .container-fluid .row-fluid .ps1-home-1-hero-section {
padding: 140px 0px 110px;
}
}
@media (max-width:767px){
body .container-fluid .row-fluid .ps1-home-1-hero-section {
padding: 90px 0px 60px;
}
.ps1-home-1-hero-section .row-fluid .widget-type-rich_text.hero-heading{
padding-bottom:0px;
}
.row-fluid .ps1-home-1-hero-section p{
font-size:16px;
}
.ps1-home-1-hero-section h1 {
font-size: 28px;
}
}
/************************************************************************************
************* logo Section*******************
************************************************************************************/
.ps1-home-1-logo-section{
position: relative;
z-index: 2;
padding:60px 0 40px;
}
.ps1-home-1-logo-section ul {
margin: 13px 0 0;
text-align: center;
}
.ps1-home-1-logo-section ul li {
width: 100%;
display: inline-block;
vertical-align: middle;
margin: 16px 10px;
padding: 0 10px;
max-width: 130px;
filter:grayscale(1);
transition:all .4s ease-in;
}
.ps1-home-1-logo-section:hover ul li {
filter:grayscale(0);
}
@media (max-width:1024px){
.ps1-home-1-logo-section {
padding:30px 0;
}
}
@media (max-width:767px){
.ps1-home-1-logo-section ul {
display: block;
}
.ps1-home-1-logo-section ul li {
width: 100%;
max-width: 100px;
margin: 15px 0;
display: inline-block;
height: auto;
border: 0;
}
}
/************************************************************************************
************* Form Section*******************
************************************************************************************/
body .row-fluid .ps1-home-1-form-section .form-container{
padding: 30px 40px;
background: #fff;
box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.37);
border-top: 4px solid #49aa43;
max-width: 500px;
margin: 0 auto;
float: none;
}
@media (max-width:1024px){
}
@media (max-width:767px){
body .row-fluid .ps1-home-1-form-section .form-container {
padding: 10px 20px 30px;
}
}
/************************************************************************************
************ Features Section********************
************************************************************************************/
.ps1-home-1-features-section{
}
.ps1-home-1-features-section .row-fluid .three-col-adjust span>.hs_cos_wrapper{
z-index:1;
padding:30px 0 20px;
background:#fff;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.29);
}
.ps1-home-1-features-section .row-fluid .three-col-adjust span>.hs_cos_wrapper .feature-cm{
padding:0 20px;
}
.ps1-home-1-milestone .heading{
position:relative;
margin-bottom:20px;
padding-bottom:10px;
}
.ps1-home-1-milestone .heading:before{
position: absolute;
content: '';
left: 0;
right: 0;
bottom: 0;
width: 40px;
margin: 0 auto;
background: white;
height: 1px;
}
@media (max-width:1024px){
}
@media (max-width:767px){
}
/***********************************************************************************
=================== Home Vide Section =============================
***********************************************************************************/
body .row-fluid .ps1-home-2-video-section-99 .video {
max-width: 800px;
margin: 0 auto;
float: none;
}
@media (max-width:1024px){
}
@media (max-width:767px){
}
/************************************************************************************
====================Blog Rss ******************
************************************************************************************/
.ps1-home-1-blog-section .featured-posts {
overflow: hidden;
}
.ps1-home-1-blog-section .featured-posts h2,
.ps1-home-1-blog-section .featured-posts h2 a{
font-size:20px;
line-height:1.4;
color:#ffffff;
letter-spacing:.25px;
font-weight:600;
margin-bottom: 8px;
}
.ps1-home-1-blog-section .featured-posts .post-boxes{
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
overflow:hidden;
position:relative;
z-index: 1;
padding:20px;
}
.ps1-home-1-blog-section .featured-posts .post-boxes:before{
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
display: block;
z-index: -1;
opacity:.6;
transition:all .3s ease-in-out;
background: rgba(0, 0, 0, 0.7);
background: linear-gradient(20deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
background: -webkit-linear-gradient(20deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
background: -o-linear-gradient(20deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
background: -moz-linear-gradient(20deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
}
.ps1-home-1-blog-section .featured-posts .post-boxes:hover:before{
opacity:.9;
}
.ps1-home-1-blog-section .featured-posts .post-date,.author-data{
color:#ffffff;
font-size:14px;
}
.ps1-home-1-blog-section .featured-posts .item-1 {
height: 500px;
display: block;
width: 48.717948718%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.ps1-home-1-blog-section .featured-posts .item-2{
display: block;
width: 48.717948718%;
height: 250px;
float: left;
margin-left: 2.564102564%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.ps1-home-1-blog-section .featured-posts .item-3,.featured-posts .item-4{
width: 23.076923077%;
display: block;
float: left;
height:225px;
margin-left: 2.564102564%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
margin-top:26px;
}
.ps1-home-1-blog-section .featured-posts .post-boxes a.author-link{
color:#ffffff;
}
.ps1-home-1-blog-section .featured-posts .post-boxes .item-wrapper {
position: absolute;
bottom: 20px;
left:20px;
right:20px;
}
@media (max-width:767px){
.ps1-home-1-blog-section .featured-posts .item-1 {
height: 300px;
width: 100%;
}
.ps1-home-1-blog-section .featured-posts .item-2 {
margin: 20px 0;
width: 100%;
height: 300px;
}
.ps1-home-1-blog-section .featured-posts .item-3, .featured-posts .item-4 {
width: 100%;
margin: 0 0 20px;
height: 250px;
}
}
/************************************************************************************
**********************Testimonial Section**********************
************************************************************************************/
.ps1-home-1-testimonial-section .home-testimonial{
position: relative;
padding-right: 0;
margin-top: 6px;
padding: 20px;
border: 1px solid #dadada;
border-top: 4px solid #49aa43;
background: #fff;
}
.ps1-home-1-testimonial-section .testi-profile-image{
width: 55px;
height: 55px;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
float: left;
margin-right: 20px;
}
.ps1-home-1-testimonial-section .testi-info{
overflow:hidden;
margin-bottom: 20px;
}
.ps1-home-1-testimonial-section .testimony-name {
font-size: 16px;
padding-top: 8px;
}
.ps1-home-1-testimonial-section .add-position {
font-size: 14px;
color: #5e6977;
padding-top: 2px;
}
@media(max-width:767px){
.ps1-home-1-testimonial-section .home-testimonial{
margin-bottom:0px;
}
}
/************************************************************************************
*************************** About Section ****************************
************************************************************************************/
@media (min-width:1025px){
.ps1-about-section-1 .left-col{
padding-right:50px;
}
}
/************************************************************************************
*************************** Left Side Image Section ****************************
************************************************************************************/
.ps1-home-1-two-column .one-side-image-cm-container>span>.hs_cos_wrapper:nth-child(even) .one-side-image-cm .row-fluid{
flex-direction:row-reverse;
-webkit-flex-direction:row-reverse;
}
.ps1-home-1-two-column .one-side-image-cm-container>span>.hs_cos_wrapper:first-child .one-side-image-cm {
border-top:0;
}
.ps1-home-1-two-column .one-side-image-cm {
padding: 75px 0;
border-top: 1px solid rgba(0, 0, 0, 0.11);
margin: 0;
}
@media (max-width:767px){
.ps1-home-1-two-column .one-side-image-cm {
margin:0;
padding: 10px 0px;
}
.ps1-home-1-two-column .one-side-image-cm .span6{
margin:30px 0;
}
.ps1-home-1-two-column .one-side-image-cm-container>span>.hs_cos_wrapper:nth-child(2n) .row-fluid{
display:flex;
display:-webkit-flex;
flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
}
.ps1-home-1-two-column .one-side-image-cm-container>span>.hs_cos_wrapper:nth-child(even) .one-side-image-cm .row-fluid{
flex-direction:column;
-webkit-flex-direction:column;
}
.ps1-home-1-two-column{
padding-bottom:0;
}
}
/************************************************************************************
************************* Recent Work***********************************
************************************************************************************/
body .ps1-home-1-recent-work .row-fluid .recent-work-cm-container>span {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: stretch;
-moz-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
flex-wrap: wrap;
-wevkit-flex-wrap: wrap;
flex-direction: row;
-webkit-flex-direction: row;
}
body .ps1-home-1-recent-work .row-fluid .recent-work-cm-container span>.hs_cos_wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-basis: 25%;
-webkit-flex-basis: 25%;
float: left;
box-sizing: border-box;
position: relative;
}
.ps1-home-1-recent-work .recent-work-cm-container .recent-work-cm{
position:relative;
height:22vw;
overflow:hidden;
}
.ps1-home-1-recent-work .recent-work-cm-container .recent-work-cm .background-container{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:2;
overflow:hidden;
}
.ps1-home-1-recent-work .recent-work-cm-container .recent-work-cm .bg-image{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:2;
transition:all 3s cubic-bezier(0.45, 0.41, 0.44, 0.43);
}
.ps1-home-1-recent-work .recent-work-cm-container .recent-work-cm:hover .bg-image{
transform:scale(1.2);
transition:all 6s cubic-bezier(0.45, 0.41, 0.44, 0.43);
}
.ps1-home-1-recent-work .recent-work-cm-container .recent-work-cm .bg-image:before{
position:absolute;
content:'';
top:0;
left:0;
right:0;
bottom:0;
transition:all .3s ease-in-out;
opacity:.7;
background:linear-gradient(20deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
background: -webkit-linear-gradient(20deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
background: -o-linear-gradient(20deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
background: -moz-linear-gradient(20deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
}
.ps1-home-1-recent-work .recent-work-cm-container .recent-work-cm .text-container{
z-index: 4;
position: absolute;
bottom: 0;
text-align: center;
padding: 30px 40px;
left: 0;
right: 0;
transition:all .3s ease-in-out;
}
.ps1-home-1-recent-work .recent-work-cm .background-container:after,
.ps1-home-1-recent-work .recent-work-cm .background-container:before {
content: "";
display: block;
position: absolute;
top:20px;
left: 20px;
right: 20px;
bottom: 20px;
transition: -webkit-transform .6s ease;
transition: transform .4s ease;
z-index: 5;
}
.ps1-home-1-recent-work .recent-work-cm .background-container:before {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scaleY(0);
transform: scaleY(0);
top:0;
bottom:0;
}
.ps1-home-1-recent-work .recent-work-cm .background-container:after {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scaleX(0);
transform: scaleX(0);
left:0;
right:0;
}
.ps1-home-1-recent-work .recent-work-cm:hover .background-container:after,
.ps1-home-1-recent-work .recent-work-cm:hover .background-container:before{
-webkit-transform: scale(1);
transform: scale(1);
}
.ps1-home-1-recent-work .recent-work-cm-container .recent-work-cm:hover .text-container{
bottom: 25px;
}
.ps1-home-1-recent-work .recent-work-cm-container .recent-work-cm:hover .bg-image:before{
opacity:1;
}
@media (max-width:1024px){
.ps1-home-1-recent-work .recent-work-cm-container .recent-work-cm .text-container{
display:none;
}
}
@media (max-width:767px){
body .ps1-home-1-recent-work .row-fluid .recent-work-cm-container>span {
display: block;
margin-right: 0;
}
body .ps1-home-1-recent-work .row-fluid .recent-work-cm-container span>.hs_cos_wrapper {
display: block;
flex-basis: 100%;
width:100%;
-webkit-flex-basis: 100%;
margin:0;
}
.ps1-home-1-recent-work .recent-work-cm-container .recent-work-cm {
height: 400px;
}
.ps1-home-1-recent-work .recent-work-cm-container {
padding: 50px 0 0;
}
}
/**********************************************************************************
********************************Services Page 1*************************************
***********************************************************************************/
.ps1-services-section-1 .services-cm {
height:400px;
position:relative;
z-index:4;
}
.ps1-services-section-1 .services-cm .background-container{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:2;
overflow:hidden;
border:1px solid #e7e7e7;
}
.ps1-services-section-1 .services-cm h4{
margin-bottom:6px;
color:#49aa43;
}
.ps1-services-section-1 .services-cm .bg-image{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:2;
transition:all 1s cubic-bezier(0.45, 0.41, 0.44, 0.43);
}
.ps1-services-section-1 .services-cm:hover .bg-image{
transform:scale(1.2);
transition:all 6s cubic-bezier(0.45, 0.41, 0.44, 0.43);
}
.ps1-services-section-1 .services-cm .bg-image:before{
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all .3s ease-in-out;
background: rgba(0, 0, 0, 0.7);
background: linear-gradient(20deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
background: -webkit-linear-gradient(20deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
background: -o-linear-gradient(20deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
background: -moz-linear-gradient(20deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
opacity: .4;
}
.ps1-services-section-1 .services-cm .background-container:after{
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all .3s ease-in-out;
background: url('https://3842749.fs1.hubspotusercontent-na1.net/hubfs/3842749/Credo%20pack/White_add.svg') no-repeat;
background-size: 100%;
z-index: 2;
width: 60px;
margin: 0 auto;
background-position: center center;
opacity: 0;
}
.ps1-services-section-1 .services-cm:hover .background-container:after{
opacity: 1;
}
.ps1-services-section-1 .services-cm:hover .bg-image:before{
opacity:1;
}
.ps1-services-section-1 .services-cm .text-container{
position:absolute;
bottom:-50px;
width:auto;
left:25px;
right:25px;
background:#fff;
padding:30px;
z-index:3;
transition: all .3s ease-in-out;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.29);
}
.ps1-services-section-1 .services-cm:hover .text-container{
bottom:-40px;
}
body .ps1-services-section-1 .row-fluid .service-cm-container>span {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: stretch;
-moz-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
flex-wrap: wrap;
-wevkit-flex-wrap: wrap;
flex-direction: row;
-webkit-flex-direction: row;
margin-right: -2.565%;
}
body .ps1-services-section-1 .row-fluid .service-cm-container span>.hs_cos_wrapper {
align-items: center!important;
}
body .ps1-services-section-1 .row-fluid .service-cm-container span>.hs_cos_wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-basis: 47.5%;
-webkit-flex-basis: 47.5%;
float: left;
margin-right: 2.5%;
margin-bottom: 70px;
box-sizing: border-box;
position: relative;
}
@media (min-width:768px) and (max-width:1024px){
.ps1-services-section-1 .services-cm {
height: 290px;
}
body .ps1-services-section-1 .row-fluid .service-cm-container span>.hs_cos_wrapper {
margin-bottom: 70px;
}
.ps1-services-section-1 {
padding: 60px 0 20px;
}
}
@media (max-width:767px){
.ps1-services-section-1 .services-cm .background-container:after{
display:none;
}
body .ps1-services-section-1 .row-fluid .service-cm-container>span {
display: block;
margin-right: 0;
}
body .ps1-services-section-1 .row-fluid .service-cm-container span>.hs_cos_wrapper {
display: block;
flex-basis: 100%;
width:100%;
-webkit-flex-basis: 100%;
margin:0;
margin-bottom: 75px;
}
.ps1-services-section-1 .services-cm {
height: 240px;
}
.ps1-services-section-1 .services-cm .text-container {
left: 15px;
right: 15px;
padding: 15px;
}
.ps1-services-section-1 {
padding: 40px 0 20px;
}
}
.ps1-services-section-1 .right-sidebar {
padding-left:40px;
}
.ps1-services-section-1 .right-sidebar .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a{
position: relative;
list-style-type: none;
margin-bottom: 8px;
font-size: 15px;
line-height: 1.5;
color: rgb(51, 51, 51);
letter-spacing: 0.5px;
font-weight: 400;
background-color: rgb(242, 245, 248);
margin-left: 0px;
padding: 10px;
transition: all 0.2s ease-in-out;
white-space: inherit;
}
.ps1-services-section-1 .right-sidebar .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a:hover{
color:#49aa43;
box-shadow: 0 10px 50px -5px rgba(0,0,0,.15);
}
@media (max-width:1024px){
.ps1-services-section-1 .right-sidebar {
padding-left: 0;
}
}
/**********************************************************************************
********************************Services Page 2*************************************
***********************************************************************************/
.ps1-services-2-section-1{
}
.ps1-services-2-section-1 .three-col-adjust span>.hs_cos_wrapper{
background: #f5f7fa ;
transition: all .15s ease;
}
.ps1-services-2-section-1 .three-col-adjust span>.hs_cos_wrapper:hover{
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
}
body .ps1-services-2-section-1 .services-2-cm .text-container a img{
vertical-align: middle;
margin-left: 10px;
}
body .ps1-services-2-section-1 .services-2-cm .background-container{
height: 180px;
position: relative;
overflow: hidden;
}
.ps1-services-2-section-1 .background-container .bg-image{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all 1s cubic-bezier(0.45, 0.41, 0.44, 0.43);
}
.ps1-services-2-section-1 .services-2-cm:hover .bg-image {
transform: scale(1.2);
transition: all 6s cubic-bezier(0.45, 0.41, 0.44, 0.43);
}
.ps1-services-2-section-1 .services-2-cm .text-container{
padding: 20px;
margin: 0;
}
/**********************************************************************************
********************************Services Page 3*************************************
***********************************************************************************/
.ps1-services-3-section-1{
}
body .row-fluid .ps1-services-3-section-1 .wrapper{
max-width:1170px;
}
body .ps1-services-3-section-1 .service-3-cm-container>span>div{
width: 30%;
display: block;
overflow: hidden;
margin: 1.5%;
}
.ps1-services-3-section-1 .services-3-cm .text-container a img{
vertical-align: middle;
margin-left: 10px;
}
.ps1-services-3-section-1 .service-3-cm-container .background-container{
height:220px;
position:relative;
z-index: 1;
position: relative;
}
.ps1-services-3-section-1 .service-3-cm-container .background-container:before{
position:absolute;
content:'';
top:0;
left:0;
right:0;
bottom:0;
background:#000;
opacity:0;
transition: all .4s ease-in-out;
}
.ps1-services-3-section-1 .services-3-cm:hover .background-container:before{
opacity:.5;
}
.ps1-services-3-section-1 .service-3-cm-container .text-container{
margin: -30px 15px 0;
width: auto;
background: #f5f7fa ;
padding: 0 20px 24px;
border-bottom:3px solid #49aa43;
transition: all .2s ease-in-out;
z-index: 1;
position: relative;
}
.ps1-services-3-section-1 .service-3-cm-container>span>div:hover .text-container{
margin: -40px 15px 0;
}
.ps1-services-3-section-1 .service-3-cm-container .icon{
width: 80px;
height: 80px;
background: #f5f7fa ;
margin: 0 auto;
text-align: center;
font-size: 30px;
line-height: 80px;
border-radius: 50%;
margin-top: -39px;
}
.ps1-services-3-section-1.gallery-loader .service-3-cm-container{
opacity:0;
}
.ps1-services-3-section-1 .service-3-cm-container{
opacity:1;
transition:all .4s ease-in-out;
}
.ps1-services-3-section-1.gallery-loader{
position:relative;
}
.ps2-gallery-2-section.gallery-loader:before{
position: absolute;
content: '';
top: 230px;
left: 0;
right: 0;
background: url(https://3842749.fs1.hubspotusercontent-na1.net/hubfs/3842749/Backgrounds%20/Circel%20SVG.svg) no-repeat;
width: 40px;
height: 40px;
background-size: 100%;
margin: 0 auto;
transition:all .4s ease-in-out;
opacity:1;
}
.ps1-services-3-section-1:before{
opacity:0;
}
@media (max-width:1024px){
body .ps1-services-3-section-1 .service-3-cm-container>span>div{
width: 46%;
display: block;
overflow: hidden;
margin: 2%;
float: left;
}
}
@media (max-width:767px){
body .ps1-services-3-section-1 .service-3-cm-container>span>div {
width: 100%;
display: block;
overflow: hidden;
margin: 28px auto;
float: none;
max-width: 300px;
}
}
/**********************************************************************************
********************************Resource Page*************************************
***********************************************************************************/
body .ps1-resource-1-section .row-fluid .three-col-adjust span>.hs_cos_wrapper{
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
overflow: hidden;
transition: all .16s ease-in-out;
flex-basis: 30.1%;
-webkit-flex-basis: 30.1%;
float: left;
margin-right: 3.2%;
background: #fff;
margin-top:38px;
}
body .ps1-resource-1-section .row-fluid .three-col-adjust span>.hs_cos_wrapper:hover {
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
}
.ps1-resource-1-section {
padding: 67px 0 118px;
}
.ps1-resource-1-section .image-container{
overflow: hidden;
}
.ps1-resource-1-section .image-container img{
position:relative;
top:0;
transition:all 3s ease-in-out;
-webkit-transition:all 3s ease-in-out;
width:100%;
height:100%;
}
body .row-fluid .ps1-resource-1-section .ps1-resource-1-cm {
width: 100%;
box-shadow: none;
}
.ps1-resource-1-section .ps1-resource-1-cm figure{
overflow: hidden;
position: relative;
min-height: 190px;
}
.ps1-resource-1-section .ps1-resource-1-cm .description {
padding: 0px 33px 94px 33px;
overflow: hidden;
border-top:1px solid #e7e7e7;
}
.ps1-resource-1-section i.fa.fa-angle-double-right {
font-size: 16px;
font-weight: normal;
line-height: 1.63;
letter-spacing: normal;
color: #0d9ae1;
}
.ps1-resource-1-section .ps1-resource-1-cm .button-container{
position: absolute;
left: 0;
right: 0;
bottom: 30px;
text-align: center;
}
.ps1-resource-1-section .ps1-resource-1-cm a {
text-align: center;
display: inline-block;
text-transform: uppercase;
padding: 13px 22px;
font-size: 16px;
line-height: 1;
color: #fff;
bottom: 10px;
width: auto;
font-weight: 500;
background: #49aa43;
border-radius: 4px;
box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
transition: all .15s ease;
}
.ps1-resource-1-section .ps1-resource-1-cm a:hover{
transform: translateY(-1px);
background: #377c32;
box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
}
.ps1-resource-1-section .ps1-resource-1-cm p {
text-align: center;
}
.ps1-resource-1-section .ps1-resource-1-cm h5 {
padding-bottom: 6px;
overflow: hidden;
text-align: center;
padding-top: 8px;
}
.ps1-resource-1-section .ps1-resource-1-cm .single-block h5{
height: 68px;
}
.ps1-resource-1-section .ps1-resource-1-cm h4 {
font-size: 12px;
font-weight: 500;
line-height: 2.17;
letter-spacing: 0.5px;
text-align: center;
color: #b6b6b6;
text-transform: uppercase;
}
.ps1-resource-1-section figure {
margin: 0;
}
/*==================================================
Filter Section
==================================================*/
.ps1-resource-1-filter{
padding: 32px 0;
}
body .ps1-resource-1-filter .row-fluid .filter-items select{
height: 46px;
line-height: 20px;
padding: 10px 20px;
-webkit-appearance: none;
-moz-appearance: none;
margin-bottom: 20px;
background: #fff url(https://3842749.fs1.hubspotusercontent-na1.net/hubfs/3842749/Credo%20pack/Icons/drop-down-arrow.png?t=1509704888595) no-repeat;
background-position: 95% center;
position: relative;
background-size: 13px;
margin: 0;
width: 100%;
max-width: 360px;
font-size: 14px;
letter-spacing: 0.5px;
font-weight: 500;
color: #4a4a4a;
border: 1px solid #e7e7e7;
border-radius: 0;
background-color: #f5f7fa ;
}
body .ps1-resource-1-filter .row-fluid .filter-items select:focus{
outline:0;
border:1px solid #49aa43;
}
.ps1-resource-1-filter select{
-webkit-appearance: none;
-moz-appearance: none;
}
.ps1-resource-1-filter select::-ms-expand {
display: none;
}
.ps1-resource-1-filter .filter-items button {
font-size: 16px;
font-weight: bold;
font-style: normal;
line-height: 1;
letter-spacing: 1px;
text-align: center;
color: #0f434c;
background-image: none!important;
box-shadow: none!important;
background-color: transparent;
border: 1px solid #e7e7e7;
border-radius: 4px;
padding: 15px 27px;
margin-right: 11px;
cursor:pointer;
}
.ps1-resource-1-filter .filter-items button.button.is-checked {
color: #f6921e;
border-color: #f6921e;
}
.ps1-resource-1-filter .filter-items button:focus {
outline: 0;
}
.ps1-resource-1-filter .search-section{
position:relative;
}
.ps1-resource-1-filter .search-trigger {
position: absolute;
right: 15px;
top: 10px;
height: 31px;
overflow: hidden;
width: 18px;
}
body .ps1-resource-1-filter .row-fluid .search-container {
position:relative;
float: right;
}
@media (max-width:767px){
.ps1-resource-1-section {
padding: 30px 0 30px;
}
}
body .row-fluid .ps1-resource-1-section .flex-col{
height:auto!important;
}
body .row-fluid .ps1-resource-1-section .flex-col{
max-width: 100%;
display: block;
overflow: hidden;
clear: both;
}
}
@media (min-width:768px) and (max-width:1024px){
.ps1-resource-1-section {
padding: 40px 0;
}
body .ps1-resource-1-filter .row-fluid .filter-items select {
font-size: 14px;
letter-spacing: .5px;
height:46px;
max-width: 200px;
background-size: 10px;
background-position: 90% center;
}
.ps1-resource-1-section .ps1-resource-1-cm p {
font-size: 14px;
line-height: 1.43;
}
.ps1-resource-1-section .ps1-resource-1-cm h5 {
font-size: 16px;
padding-bottom: 7px;
}
.ps1-resource-1-section .ps1-resource-1-cm h4 {
font-size: 10px;
letter-spacing: 0.4px;
padding: 0px 0 3px;
margin: 0;
}
.ps1-resource-1-section .ps1-resource-1-cm .description {
padding: 0px 10px 75px 10px;
overflow: hidden;
}
.ps1-resource-1-section .ps1-resource-1-cm a {
font-size: 14px;
}
}
body .row-fluid .ps1-resource-1-section .element-item{
position:static!important;
}
body .ps1-resource-1-filter .row-fluid .text-search{
background-color: #f5f7fa;
border-radius: 0;
height: 46px;
border:1px solid #e7e7e7;
font-size: 14px;
line-height: 20px;
padding: 10px 38px 10px 12px;
-webkit-appearance: none;
-moz-appearance: none;
color: #363c3a;
font-weight: 100;
font-style: italic;
letter-spacing: 1px;
margin-bottom:0px;
}
body .ps1-resource-1-filter .row-fluid .text-search:focus{
outline: 0;
border:1px solid #49aa43;
}
body .ps1-resource-1-filter .row-fluid .text-search img{
display:none;
}
@media (max-width:767px){
body .ps1-resource-1-filter .row-fluid .search-container {
width: 100%;
}
body .ps1-resource-1-filter .row-fluid .filter-items select {
max-width: 100%;
margin-bottom: 15px;
}
body .row-fluid .ps1-resource-1-section .ps1-resource-1-cm {
width: 46%;
float: left;
margin: 2%;
}
}
@media (max-width:640px){
body .row-fluid .ps1-resource-1-section .ps1-resource-1-cm {
margin: 20px 0 0;
width:100%;
}
}
/************************************************************************************
============================TabStyling =========================
***********************************************************************************/
@media (min-width:768px) and (max-width:1024px){
.ps1-resource-1-section {
padding: 40px 0;
}
.ps1-resource-1-filter .wrapper {
padding: 0 10px;
}
.ps1-resource-1-filter .filter-items select {
font-size: 14px;
letter-spacing: .5px;
height:46px;
max-width: 200px;
background-size: 10px;
background-position: 90% center;
padding: 10px 15px;
}
.ps1-resource-1-section .ps1-resource-1-cm figure {
overflow: hidden;
position: relative;
height: 140px;
min-height: 10px;
}
.ps1-resource-1-section .ps1-resource-1-cm p {
font-size: 14px;
line-height: 1.43;
}
.ps1-resource-1-section .ps1-resource-1-cm h5 {
font-size: 16px;
padding-bottom: 7px;
}
.ps1-resource-1-section .ps1-resource-1-cm h4 {
font-size: 10px;
letter-spacing: 0.4px;
padding: 0px 0 6px;
}
.ps1-resource-1-section .ps1-resource-1-cm .description {
padding: 0px 10px 74px 10px;
overflow: hidden;
}
body .row-fluid .ps1-resource-1-section .ps1-resource-1-cm {
min-height: 344px;
}
.ps1-resource-1-section .ps1-resource-1-cm a{
font-size: 12px;
}
.ps1-resource-1-section .ps1-resource-1-cm .button-container {
bottom: 24px;
}
.ps1-resource-1-section .ps1-resource-1-cm .video-container{
height: 130px;
overflow: hidden;
}
}
/*============================================= Mobile Styling ==========================================*/
@media (max-width:767px){
body .container-fluid .row-fluid .ps1-resource-1-filter .wrapper {
padding: 0 10px;
}
body .container-fluid .row-fluid .ps1-resource-1-section {
padding: 0 0 40px;
}
body .row-fluid .ps1-resource-1-section .flex-col {
border-top: none;
border-left: none;
}
body .row-fluid .ps1-resource-1-section .ps1-resource-1-cm {
border-bottom: none;
border-right: none;
min-height: 390px;
width:100%;
margin: 0!important;
}
.ps1-resource-1-section .ps1-resource-1-cm figure {
min-height: 160px;
}
.ps1-resource-1-section .ps1-resource-1-cm h4 {
font-size: 12px;
font-weight: 500;
letter-spacing: 0.5px;
padding: 0px 0 15px;
}
.ps1-resource-1-section .ps1-resource-1-cm p {
font-size: 16px;
line-height: 1.25;
}
.ps1-resource-1-section .ps1-resource-1-cm .description {
padding: 0px 20px 100px 20px;
}
body .row-fluid .ps1-resource-1-section .ps1-resource-1-cm:before{
display:none;
}
.ps1-resource-1-filter{
border-bottom:0px;
}
}
@media(max-width:767px){
body .row-fluid .ps1-resource-1-section .ps1-resource-1-cm:hover{
border:1px solid #0d9ae1;
}
body .row-fluid .ps1-resource-1-section .ps1-resource-1-cm:hover{
border:0;
}
body .ps1-resource-1-section .row-fluid .three-col-adjust span>.hs_cos_wrapper {
margin: 30px auto;
display: block;
width: 100%;
float: none;
}
}
/**********************************************************************************
********************************Search Result Page*********************************
***********************************************************************************/
.ps1-search-result-form #search_form{
position: relative;
max-width: 586px;
margin: 0 auto;
}
.ps1-search-result-form .search-field {
width: 100%;
max-width: 530px;
border-radius: 4px;
height: 49px;
}
.ps1-search-result-form .search-container{
margin-bottom:60px;
}
.ps1-search-result-form .search-field{
width:100%;
max-width: 530px;
border-radius: 4px;
height: 49px;
}
.ps1-search-result-form #search_submit{
padding: 0;
border: 0;
width: 52px;
height: 52px;
position: absolute;
right: 0;
background: transparent;
}
.ps1-search-result-form .search-icon{
position: absolute;
right: 0px;
top: 6px;
}
.ps1-search-result-form .gsc-control-cse{
padding:0;
}
@media (max-width:1024px){
}
@media (max-width:767px){
}
/**********************************************************************************
********************************FAQ Page*************************************
***********************************************************************************/
.ps1-faq-1-section-1 .category-container{
margin-bottom:60px;
}
body .row-fluid .ps1-faq-1-section-1 .popup-content{
display:none;
}
body .row-fluid .ps1-faq-1-section-1 .popup-content.first-visible{
display:block;
}
.ps1-faq-1-section-1 .category-container ul li{
cursor: pointer;
display: inline-block;
padding: 10px 30px;
border: 1px solid #e7e7e7;
margin: 0 20px;
}
.ps1-faq-1-section-1 .category-container ul li.active{
color:#49aa43;
border:1px solid #49aa43;
}
.ps1-faq-1-section-1 .category-container ul {
margin:0;
text-align:center;
}
.ps1-faq-1-section-1{
}
@media (max-width:1024px){
}
@media (max-width:767px){
}
/*********************************************************************
***********************HOMEPAGE 2****************************************
************************************************************************/
/*********************************************************************
Hero Section
************************************************************************/
body .container-fluid .row-fluid .ps2-home-1-hero-section{
padding:180px 0 140px;
background-color:#49aa43
}
.row-fluid .ps2-home-1-hero-section h1{
font-size: 48px;
font-weight: 600;
letter-spacing: 1;
margin-bottom: 18px;
}
.row-fluid .ps2-home-1-hero-section p{
width: 100%;
max-width: 650px;
}
.ps2-home-1-hero-section .row-fluid .widget-type-rich_text.hero-heading{
padding-bottom: 25px;
}
.row-fluid .ps2-home-1-hero-section .left-cta{
width: 100%;
max-width: 230px;
}
@media (min-width:768px) and (max-width:1024px){
body .container-fluid .row-fluid .ps2-home-1-hero-section {
padding: 120px 0px 90px;
}
body .row-fluid .ps2-home-1-hero-section .white-cta {
margin-left: 0;
width: 260px;
}
}
@media (max-width:767px){
.row-fluid .ps2-home-1-hero-section h1{
font-size:34px;
}
.ps2-home-1-hero-section {
padding: 50px 0;
}
.ps2-home-1-hero-section .row-fluid .widget-type-rich_text.hero-heading{
padding-bottom:0px;
}
.row-fluid .ps2-home-1-hero-section .left-cta{
max-width:100%;
}
body .container-fluid .row-fluid .ps2-home-1-hero-section {
padding: 100px 0 50px;
}
}
/*********************************************************************
Home One Col Section
************************************************************************/
.ps1-home-1-section-one-col{
}
.ps1-home-1-section-one-col .icon {
font-size: 44px;
color: #49aa43;
}
.ps1-home-1-section-one-col .span12.feature-cm {
text-align: center;
padding: 0px 10px;
}
/*********************************************************************
Home Two Col Left Image Section
************************************************************************/
.ps1-two-col-left-image {
padding-bottom:0;
}
.ps1-two-col-left-image .about-1-cm{
border-top: 1px solid #cdcdcd;
padding: 40px 0 20px;
}
.ps1-two-col-left-image .about-cm-container>span>div:first-child .about-1-cm{
border-top:0;
}
.ps1-two-col-left-image .bottom-bar{
border-top: 1px solid #cdcdcd;
padding: 50px 0 40px;
margin-top: 40px;
}
/*********************************************************************
Home Two Col Section
************************************************************************/
.ps1-home-1-two-col{
border-bottom:1px solid #e7e7e7;
}
.ps1-home-1-two-col .left-col{
position:relative;
}
.ps1-home-1-two-col .left-col:before{
position:absolute;
content:'';
top:0;
right:10px;
bottom:0;
width:1px;
background:#e7e7e7;
}
.ps1-home-1-two-col .left-col{
padding-left:10px;
}
.ps1-home-1-two-col .column{
padding:80px 70px 90px 40px;
}
.icon-with-bg .icon .fa{
width: 66px;
height: 66px;
text-align: center;
background: #f5f7fa ;
margin-bottom: 30px;
color: #49aa43;
display: flex;
justify-content: center;
align-items: center;
display: -webkit-flex;
-webkit-justify-content: center;
-webkit-align-items: center;
border-radius: 50%;
font-size: 23px;
}
@media (max-width:1024px){
.ps1-home-1-two-col .column {
padding: 60px 40px 60px 10px;
}
}
@media (max-width:767px){
.ps1-home-1-two-col .left-col:before {
bottom: 0;
width: 100%;
left: 0;
right: 0;
top: initial;
height: 1px;
}
.ps1-home-1-two-col .column {
padding: 40px 0 40px 0;
}
}
/*********************************************************************
*************** logo Section**********************
************************************************************************/
.ps2-home-1-logo-section{
position: relative;
z-index: 2;
padding:40px 0;
}
.ps2-home-1-logo-section ul,.ps2-home-1-logo-section-v1 ul {
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
margin: 0;
text-align: center;
transition: all .15s ease;
filter: blur(0px) grayscale(1);
transition: all .3s ease;
width:100%;
margin:0 auto;
}
@media (min-width:1025px){
.ps2-home-1-logo-section .cta{
position: absolute;
top: 36px;
left: 0;
right: 0;
opacity: 0;
margin:0;
transition: all .2s ease-in-out
}
.ps2-home-1-logo-section:hover .cta{
opacity:1;
}
.ps2-home-1-logo-section:hover ul{
filter: blur(6px) grayscale(1);
width:94%;
}
}
.ps2-home-1-logo-section ul li,.ps2-home-1-logo-section-v1 ul li {
width: 100%;
display: inline-block;
vertical-align: middle;
margin: 0;
margin-left: 0;
padding: 0 10px;
height: 50px;
display: flex;
display: -webkit-flex;
-webkit-flex-direction: column;
-webkit-align-items: center;
-webkit-justify-content: center;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media (max-width:767px){
.ps2-home-1-logo-section ul,.ps2-home-1-logo-section-v1 ul {
display: block;
}
.ps2-home-1-logo-section ul li,.ps2-home-1-logo-section-v1 ul li {
width: 100%;
max-width: 100px;
margin: 15px 0;
display: inline-block;
height: auto;
border: 0;
}
}
/*****************************************************************
*************** Form Section**********************
********************************************************************/
.ps2-home-1-form-section .form-container{
padding: 30px 40px;
background: #fff;
box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.37);
border-top: 4px solid #49aa43;
}
@media (max-width:1024px){
.ps2-home-1-form-section .form-container {
padding: 30px 20px;
}
}
@media (max-width:767px){
}
/*****************************************************************
*************** Features Section**********************
*****************************************************************/
.ps2-home-1-features-section .row-fluid .feature-cm-container span>.hs_cos_wrapper{
z-index: 1;
padding: 50px 0 20px;
transition: all .15s ease;
border: 1px solid #e7e7e7;
background: #fff;
}
.ps2-home-1-features-section .row-fluid .feature-cm-container span>.hs_cos_wrapper:hover{
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
}
.ps2-home-1-features-section .icon{
font-size:44px;
color:#49aa43;
}
.ps2-home-1-features-section .row-fluid .feature-cm-container span>.hs_cos_wrapper .feature-cm{
padding:0 20px;
}
.ps2-home-1-features-section .row-fluid .four-col-adjust span>.hs_cos_wrapper{
background:#fff;
text-align:left;
}
.ps2-home-1-milestone .heading{
position:relative;
margin-bottom:20px;
padding-bottom:10px;
}
.ps2-home-1-milestone .heading:before{
position: absolute;
content: '';
left: 0;
right: 0;
bottom: 0;
width: 40px;
margin: 0 auto;
background: white;
height: 1px;
}
@media (max-width:1024px){
}
@media (max-width:767px){
}
/****************************************************************
==================== Home Vide Section =========================
*****************************************************************/
body .row-fluid .ps2-home-2-video-section-99 .video {
max-width: 800px;
margin: 0 auto;
float: none;
}
@media (max-width:1024px){
}
@media (max-width:767px){
}
/*****************************************************************
*******************Four Col with BG*********************
*****************************************************************/
.ps2-home-1-multi-col{
}
.ps2-home-1-multi-col .left-col{
padding-right:40px;
}
.ps2-home-1-multi-col .right-col a{
margin-right: 20px;
text-decoration: underline;
display: inline-block;
margin-top: 10px;
}
.ps2-home-1-multi-col .four-col-cont{
margin-top:72px;
}
@media (max-width:1024px){
}
@media (max-width:767px){
}
/*****************************************************************
*********************Testimonial Section********************
*****************************************************************/
@media (min-width:1025px){
.ps2-about-section-1.left-side-image .right-col{
padding-left:30px;
}
}
/*****************************************************************
****************** Recent Work***********************
*****************************************************************/
.ps2-home-1-recent-work{
padding-bottom:0;
padding-top:60px;
}
body .ps2-home-1-recent-work .row-fluid .recent-work-cm-container>span {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: stretch;
-moz-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
flex-wrap: wrap;
-wevkit-flex-wrap: wrap;
flex-direction: row;
-webkit-flex-direction: row;
}
body .ps2-home-1-recent-work .row-fluid .recent-work-cm-container span>.hs_cos_wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-basis: 25%;
-webkit-flex-basis: 25%;
float: left;
box-sizing: border-box;
position: relative;
}
.ps2-home-1-recent-work .recent-work-cm-container .recent-work-cm{
position:relative;
height:300px;
overflow:hidden;
}
.ps2-home-1-recent-work .recent-work-cm .button{
padding: 15px 30px;
display: inline-block;
margin-top: 30px;
background: #49aa43;
position: absolute;
bottom: 0;
left: 0;
right: 0;
color:#fff;
}
.ps2-home-1-recent-work .recent-work-cm .button a{
color:#fff;
display:inline-block;
}
.ps2-home-1-recent-work .recent-work-cm-container .recent-work-cm .background-container{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:2;
overflow:hidden;
}
.ps2-home-1-recent-work .recent-work-cm-container .recent-work-cm .bg-image{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:2;
}
/*.ps2-home-1-recent-work .recent-work-cm-container .recent-work-cm .bg-image:before{
position:absolute;
content:'';
top:0;
left:0;
right:0;
bottom:0;
transition:all .3s ease-in-out;
opacity:.23;
background:linear-gradient(20deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
background: -webkit-linear-gradient(20deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
background: -o-linear-gradient(20deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
background: -moz-linear-gradient(20deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
}*/
.ps2-home-1-recent-work .recent-work-cm-container .recent-work-cm .text-container{
z-index: 4;
position: absolute;
text-align: center;
padding: 30px 40px 74px;
left: 0;
right: 0;
transition: all .4s ease-in-out;
bottom: -300px;
background: #f5f7fa ;
}
.ps2-home-1-recent-work .recent-work-cm-container .recent-work-cm:hover .text-container{
bottom:0;
}
.ps2-home-1-recent-work .recent-work-cm-container .recent-work-cm:hover .bg-image:before{
opacity:1;
}
@media (min-width:768px) and (max-width:1024px){
.ps2-home-1-recent-work .recent-work-cm-container .recent-work-cm .text-container{
padding: 20px 20px 74px;
}
}
@media (max-width:767px){
body .ps2-home-1-recent-work .row-fluid .recent-work-cm-container>span {
display: block;
margin-right: 0;
}
body .ps2-home-1-recent-work .row-fluid .recent-work-cm-container span>.hs_cos_wrapper {
display: block;
flex-basis: 100%;
width:100%;
-webkit-flex-basis: 100%;
margin:0;
}
.ps2-home-1-recent-work .recent-work-cm-container .recent-work-cm {
height: 400px;
}
.ps2-home-1-recent-work .recent-work-cm-container {
padding: 50px 0 0;
}
}
/*****************************************************************
******************** Get Started Section *****************
*****************************************************************/
.ps2-get-started{
padding:40px 0;
}
@media (max-width:1024px){
}
@media (max-width:767px){
}
/*****************************************************************
************************* Subscribe Form Section *****************
*****************************************************************/
body .row-fluid .ps2-home-1-subscribe-blog .subscribe-form-container{
width: 100%;
max-width: 670px;
margin: 50px auto 30px;
border: 2px solid;
padding: 70px 90px;
float: none;
}
.ps2-home-1-subscribe-blog .hs-button.primary{
box-sizing: border-box;
width: 100%;
}
@media (max-width:1024px){
}
@media (max-width:767px){
body .row-fluid .ps2-home-1-subscribe-blog .subscribe-form-container {
margin: 20px auto 0px;
padding: 30px 20px;
}
}
/*****************************************************************
****************** Testimonial Section ******************
*****************************************************************/
.ps2-home-1-testimonial-section .testimonial-container{
}
body .row-fluid .ps2-home-1-testimonial-section .home-testimonial{
background: #fff;
width: 100%;
max-width: 450px;
margin: 110px auto 50px;
float: none;
position: relative;
padding: 80px 60px 30px;
transition: all .15s ease;
}
.ps2-home-1-testimonial-section .home-testimonial .testimonial-container p{
font-size: 18px;
line-height: 1.5;
}
body .row-fluid .ps2-home-1-testimonial-section .home-testimonial:hover{
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
}
.ps2-home-1-testimonial-section .testi-profile-image{
position: absolute;
width: 100px;
height: 100px;
background-size: cover;
background-repeat: no-repeat;
border-radius: 50%;
top: -60px;
right: 0;
left: 0;
margin: 0 auto;
transition: all .15s ease;
}
.ps2-home-1-testimonial-section .home-testimonial:hover .testi-profile-image{
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
}
.ps2-home-1-testimonial-section .add-position{
border-bottom: 1px solid #e7e7e7;
margin-bottom: 20px;
padding-bottom: 8px;
}
@media (max-width:1024px){
body .row-fluid .ps2-home-1-testimonial-section .home-testimonial {
padding: 70px 40px 20px;
}
}
@media (max-width:767px){
body .row-fluid .ps2-home-1-testimonial-section .home-testimonial
padding: 70px 20px 20px;
}
}
/*****************************************************************
****************** Testimonial Slider Section ******************
*****************************************************************/
.ps2-home-1-testimonial-slider-section{
}
.ps2-home-1-testimonial-slider-section .testi-logo{
width:100%;
max-width:200px;
margin:0 auto 20px;
}
.ps2-home-1-testimonial-slider-section .slick-initialized .slick-slide{
padding: 30px 30px 20px;
background: #fff;
transition: all .6s ease-in-out;
border:1px solid #e7e7e7;
}
.ps2-home-1-testimonial-slider-section .slick-initialized .slick-slide{
opacity: .2;
transform: scale(.8);
}
.ps2-home-1-testimonial-slider-section .slick-initialized .slick-slide.slick-active{
transform: scale(.85);
opacity: .5;
}
.ps2-home-1-testimonial-slider-section .slick-initialized .slick-slide.slick-current{
transform: scale(1);
opacity: 1;
}
.ps2-home-1-testimonial-slider-section .slick-dots {
padding: 0;
margin: 26px 0 0;
outline: none;
text-align: center;
}
.ps2-home-1-testimonial-slider-section .slick-dots li {
margin: 0 3px;
display: inline-block;
}
.ps2-home-1-testimonial-slider-section .slick-dots li button {
font-size: 1px;
color: transparent;
padding: 0;
border: 0;
width: 40px;
height: 6px;
background: #49aa43;
transition: all .2s ease-in-out;
cursor: pointer;
opacity: .4;
}
.ps2-home-1-testimonial-slider-section .slick-dots li.slick-active button {
background:#49aa43;
opacity:1
}
.ps2-home-1-testimonial-slider-section .testimonial-container{
margin-top:30px;
}
.ps2-home-1-testimonial-slider-section .testimony-image{
width: 54px;
height: 54px;
border-radius: 50%;
overflow: hidden;
float: right;
margin-top: -2px;
}
@media (max-width:767px){
.ps2-home-1-testimonial-slider-section .slick-dots li button{
width: 26px;
}
.ps2-home-1-testimonial-slider-section .testimony-image {
margin-top: 0;
margin: 0 auto;
float: none;
margin-bottom: 10px;
}
.ps2-home-1-testimonial-slider-section .slick-initialized .slick-slide {
padding: 30px 20px 20px;
}
}
/*****************************************************************
******************Milestone Section***********************
*****************************************************************/
.ps1-home-1-milestone-section{
padding:130px 0;
}
.ps1-home-1-milestone-section .milestone-cm-container h2{
font-weight: 800;
font-size: 50px;
margin-bottom: 0;
}
body .ps1-home-1-milestone-section .row-fluid .milestone-cm-container>span{
overflow:hidden;
margin:50px 0 0;
}
.ps1-home-1-milestone-section .row-fluid .milestone-cm-container span>.hs_cos_wrapper{
margin: 0;
flex-basis: 25%;
-webkit-flex-basis: 25%;
padding: 50px 0;
}
.ps1-home-1-milestone-section .row-fluid .milestone-cm-container span>.hs_cos_wrapper:before {
position: absolute;
top: 0;
left: -2px;
right: 0;
bottom: -1px;
content: '';
border: 1px solid #49aa43;
border-right: 0;
border-top: 0;
}
.ps1-home-1-milestone-section .ps2-milestone{
padding:0 20px;
}
@media (max-width:1024px){
.ps1-home-1-milestone-section {
padding: 70px 0 50px;
}
.ps1-home-1-milestone-section .milestone-cm-container h2 {
font-size: 34px;
}
.ps1-home-1-milestone-section .row-fluid .milestone-cm-container span>.hs_cos_wrapper {
padding: 30px 0;
}
}
@media (max-width:767px){
body .ps1-home-1-milestone-section .row-fluid .milestone-cm-container>span {
margin: 0 0 0;
}
}
/*****************************************************************
*************** Who we are Section ********************
*****************************************************************/
.ps2-home-1-who-we-are{
padding:100px 0;
}
.ps2-home-1-who-we-are .left-col h4{
//color:#49aa43;
}
.ps2-home-1-who-we-are .left-col{
padding-right:56px;
}
.ps2-home-1-who-we-are .icon{
font-size: 50px;
text-align: center;
}
.ps2-home-1-who-we-are .left-col li{
padding: 30px 30px;
background: #fff;
margin: 14px 0;
transition: all .4s ease-in-out;
position:relative;
cursor:pointer;
padding-right:55px;
}
.ps2-home-1-who-we-are .left-col li:hover,
.ps2-home-1-who-we-are .left-col li.active{
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
}
.ps2-home-1-who-we-are .left-col li:after{
position: absolute;
content: "\f105";
right: 20px;
top: 42%;
font-family: FontAwesome;
font-size: 30px;
color: #b4b4b4;
}
@media (max-width:1024px){
.ps2-home-1-who-we-are .left-col{
padding-right:16px;
}
}
@media (max-width:767px){
.ps2-home-1-who-we-are .left-col{
padding:0;
}
.ps2-home-1-who-we-are{
padding:60px 0;
}
}
/*****************************************************************
************ Global Contact Us Section ************
*****************************************************************/
.ps-global-contact-us{
border-top:1px solid #e7e7e7;
border-bottom:1px solid #e7e7e7;
}
body .row-fluid .ps-global-contact-us .column{
padding: 50px 20px;
margin:0;
width:33.3333%;
transition:all .15s ease-in-out;
position:relative;
}
body .row-fluid .ps-global-contact-us .column.border{
border-left:1px solid #e7e7e7;
border-right:1px solid #e7e7e7;
}
.ps-global-contact-us h4{
margin:0;
}
.ps-global-contact-us p{
font-size: 17px;
margin-bottom: 0px;
}
.ps-global-contact-us .image img {
width: 100%!important;
max-width: 44px;
margin: 0 auto;
text-align: center;
display: block;
}
.ps-global-contact-us a{
font-weight: 600;
font-size: 16px;
}
.ps-global-contact-us .fa{
font-size:30px;
margin-bottom:20px;
}
@media (max-width:1024px){
}
@media (max-width:767px){
body .row-fluid .ps-global-contact-us .column{
width:100%;
padding: 30px 0px;
}
.ps-global-contact-us .image img {
margin-left: 0px;
margin-bottom: 10px;
}
body .row-fluid .ps-global-contact-us .column.border {
border: 0;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}
}
/*********************************************************************
***********************HOMEPAGE 3****************************************
************************************************************************/
.ps2-home-3-hero-section{
padding:140px 0 400px;
}
.ps2-home-3-hero-section .section-heading p,
.ps2-home-3-hero-section h1{
font-weight:300;
}
.ps2-home-3-hero-section:before{
opacity:.78;
}
body .container-fluid .row-fluid .ps2-home-3-hero-section .section-heading.align-center{
margin-bottom:0;
}
@media (max-width:1024px){
}
@media (max-width:767px){
.ps2-home-3-hero-section {
padding: 140px 0 220px;
}
}
/********************** VIDOE SECTION ****************************/
.ps1-home-3-video-section{
z-index: 2;
position: relative;
}
body .row-fluid .ps1-home-3-video-section .wrapper{
max-width: 920px;
margin-top: -300px;
background: #f5f7fa;
padding:10px;
}
@media (max-width:1024px){
body .row-fluid .ps1-home-3-video-section .wrapper {
max-width: 680px;
}
}
@media (max-width:767px){
body .row-fluid .ps1-home-3-video-section .wrapper {
max-width: 270px;
margin-top: -160px;
padding: 6px;
}
}
/*********************************************************************
***********************HOMEPAGE 4****************************************
************************************************************************/
.ps2-home-4-hero-section{
background:#49aa43;
padding: 190px 0 0;
}
.ps2-home-4-hero-section .hero-heading{
border-bottom: 1px solid #fff;
margin-bottom: 30px;
padding-bottom: 10px;
}
.ps2-home-4-hero-section h1{
font-size: 45px;
font-weight: 500;
}
.ps2-home-4-hero-section .section-heading p{
font-weight:300;
}
.ps2-home-4-logo-section{
position: relative;
z-index: 2;
padding: 30px 0;
margin-top: 140px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ps2-home-4-logo-section ul {
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
margin: 0;
text-align: center;
transition: all .15s ease;
filter: blur(0px) grayscale(1);
transition: all .3s ease;
width:100%;
margin:0 auto;
}
.ps2-home-4-logo-section ul li {
width: 100%;
display: inline-block;
vertical-align: middle;
margin: 0;
margin-left: 0;
padding: 0 10px;
height: 50px;
display: flex;
display: -webkit-flex;
-webkit-flex-direction: column;
-webkit-align-items: center;
-webkit-justify-content: center;
flex-direction: column;
align-items: center;
justify-content: center;
}
.ps2-home-4-logo-section ul li img{
width: 100%!important;
max-width: 110px;
height: auto;
display: block;
}
@media (max-width:767px){
.ps2-home-4-logo-section ul {
display: block;
}
.ps2-home-4-logo-section ul li {
width: 100%;
max-width: 100px;
margin: 15px 0;
display: inline-block;
height: auto;
border: 0;
}
.ps2-home-4-hero-section h1{
font-size:32px;
}
.ps2-home-4-hero-section {
padding: 90px 0 0;
}
}
@media (max-width:1024px){
}
@media (max-width:767px){
.ps2-home-4-logo-section {
margin-top: 40px;
}
}
/*********************************************************************
***********************HOMEPAGE 5****************************************
************************************************************************/
.ps2-home-5-hero-section{
background:#49aa43;
padding: 150px 0 200px;
}
.ps2-home-5-hero-section h1{
font-size: 38px;
font-weight: 500;
}
.ps2-home-5-hero-section .section-heading p{
font-weight:300;
}
.ps2-home-5-logo-section{
position: relative;
z-index: 2;
padding: 30px 0 60px;
margin-top: 40px;
}
.ps2-home-5-logo-section ul {
margin: 0;
text-align: center;
transition: all .15s ease;
filter: blur(0px) grayscale(1);
transition: all .3s ease;
width:100%;
margin:0 auto;
}
.ps2-home-5-logo-section ul li {
width: 100%;
display: inline-block;
vertical-align: middle;
margin: 10px 0;
margin-left: 0;
padding: 0 10px;
max-width: 155px;
}
@media (max-width:767px){
.ps2-home-5-logo-section ul {
display: block;
}
.ps2-home-5-logo-section ul li {
width: 100%;
max-width: 100px;
margin: 15px 0;
display: inline-block;
height: auto;
border: 0;
}
}
.ps1-home-5-hero-services{
z-index: 2;
position: relative;
}
body .row-fluid .ps1-home-5-hero-services .wrapper {
margin-top: -104px;
}
.ps1-home-5-hero-services .feature-cm-container{
background: #fff;
padding: 20px 20px;
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
}
.ps1-home-5-hero-services .feature-cm-container .feature-cm{
padding: 0px 30px 10px;
}
.ps1-home-5-hero-services .feature-cm-container .feature-cm .fa{
width: 100px;
height: 100px;
text-align: center;
background: #f5f7fa;
margin-bottom: 8px;
color:#49aa43;
border-radius: 50%;
font-size: 30px;
line-height: 100px;
}
@media (max-width:1024px){
.ps1-home-5-hero-services .feature-cm-container .feature-cm {
padding: 0px 10px 10px;
}
}
@media (max-width:767px){
.ps2-home-5-hero-section {
padding: 100px 0 150px;
}
}
/*************************************************************************
*********************Gallery page 1*************************************
**************************************************************************/
.ps2-gallery-1-section{
padding-bottom:0;
}
body .row-fluid .ps2-gallery-1-section .ps1-gallery-1-cm-container{
margin-top:40px;
}
body .row-fluid .ps2-gallery-1-section .ps1-gallery-1-cm-container>span>div{
width: 25%;
float: left;
cursor:pointer;
position:relative;
overflow:hidden;
}
.ps2-gallery-1-section .icon-container{
position: absolute;
width: 40px;
margin: 0 auto;
float: none;
left: 0;
right: 0;
transition: all .3s ease-in-out;
top: 40%;
opacity: 0;
}
.ps2-gallery-1-section .ps1-gallery-1-cm-container>span>div:hover .icon-container{
opacity:1;
}
.ps2-gallery-1-section .heading-container{
position: absolute;
right: 0;
left: 0;
background: black;
padding: 10px 10px;
bottom: -100px;
transition: all .3s ease-in-out;
}
.ps2-gallery-1-section .ps1-gallery-1-cm-container>span>div:hover .heading-container{
bottom:0;
}
.ps2-gallery-1-section .ps1-gallery-1-cm .background-container:before{
position: absolute;
content: '';
top: 0;
right: 0;
left: 0;
bottom: 0;
opacity:0;
transition: all .3s ease-in-out;
background: rgba(0, 0, 0, 0.5);
}
.ps2-gallery-1-section .ps1-gallery-1-cm-container>span>div:hover .background-container:before{
opacity:1;
}
body .row-fluid .ps2-gallery-1-section .ps1-gallery-1-cm-container>span>div:before{
position: absolute;
content: '';
top: 0px;
right: 0px;
left: -1px;
bottom: -1px;
pointer-events: none;
z-index: 2;
border: 1px solid #000;
}
body .row-fluid .ps2-gallery-1-section .ps1-gallery-1-cm{
position: relative;
height: 280px;
}
.ps2-gallery-1-section .ps1-gallery-1-cm .background-container{
position:absolute;
content:'';
top:0;
right:0;
left:0;
bottom:0;
}
body .row-fluid .ps2-gallery-1-section .popup-container {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 12;
background: rgba(0, 0, 0, 0.72);
padding: 100px 0;
overflow-y: scroll;
opacity:0;
pointer-events:none;
transition:all .4s ease-in-out;
}
body .row-fluid .ps2-gallery-1-section .popup-container.open-popup {
opacity:1;
pointer-events:auto;
}
.row-fluid .ps2-gallery-1-section .slider-inner-container{
width: 100%;
max-width: 960px;
margin: 0 auto;
background: #fff;
position:relative;
box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.7);
opacity:0;
transition:all .6s ease-in-out;
}
.ps2-gallery-1-section .popup-container.inner-container-popup .slider-inner-container{
opacity:1;
}
body .row-fluid .ps2-gallery-1-section .inner-background-container{
height:540px;
}
body .ps2-gallery-1-section .slick-arrow{
position: absolute;
width: 40px;
cursor: pointer;
top: 40%;
}
.ps2-gallery-1-section .slick-prev{
left: -80px;
}
.ps2-gallery-1-section .slick-next{
right: -80px;
}
.ps2-gallery-1-section .slider-inner-container .close-button{
position: absolute;
right: -28px;
width: 24px;
top: -28px;
cursor: pointer;
}
.ps2-gallery-1-section .slider-inner-container .bottom-heading{
padding:20px 40px;
}
@media (max-width:1660px){
body .row-fluid .ps2-gallery-1-section .popup-container {
padding: 70px 0;
}
.row-fluid .ps2-gallery-1-section .slider-inner-container{
max-width: 700px;
}
body .row-fluid .ps2-gallery-1-section .inner-background-container{
height:320px;
}
}
@media (max-width:1024px){
body .row-fluid .ps2-gallery-1-section .ps1-gallery-1-cm-container>span>div{
width: 33.33333%;
}
body .row-fluid .ps2-gallery-1-section .ps1-gallery-1-cm {
height: 230px;
}
body .row-fluid .ps2-gallery-1-section .popup-container {
padding: 100px 90px;
}
}
@media (max-width:767px){
body .row-fluid .ps2-gallery-1-section .ps1-gallery-1-cm-container>span>div {
width: 100%;
max-width: 320px;
margin: 0 auto;
float: none;
}
body .row-fluid .ps2-gallery-1-section .ps1-gallery-1-cm-container>span>div:before{
left:0;
}
body .row-fluid .ps2-gallery-1-section .popup-container {
padding: 70px 20px;
}
.ps2-gallery-1-section .slider-inner-container .bottom-heading {
padding: 20px 20px;
}
body .row-fluid .ps2-gallery-1-section .inner-background-container {
height: 180px;
}
.ps2-gallery-1-section .slider-inner-container .close-button {
right: 2px;
top: -38px;
}
}
/*************************************************************************
*********************Homepage 6*************************************
**************************************************************************/
body .body-container-wrapper .row-fluid .ps2-home-6-hero-section{
padding:100px 0;
display: flex;
display: -webkit-flex;
-webkit-flex-direction: column;
flex-direction: column;
justify-content: center;
-webkit-justify-content: center;
justify-content: center;
}
.logo-inner {
position: relative;
}
.ps2-home-1-logo-section:hover .logo-cta {
opacity: 1;
}
.logo-cta {
position: absolute;
top: 20%;
left: 45%;
opacity: 0;
}
.ps2-home-6-hero-section:before{
opacity:.8;
}
.ps2-home-6-hero-section h1{
font-size: 42px;
font-weight: 800;
letter-spacing: .8px;
}
.ps2-home-6-hero-section p{
font-size: 22px;
font-weight: 300;
line-height: 32px;
}
body .row-fluid .ps2-home-6-hero-section .wrapper{
max-width:850px;
}
.ps2-home-6-hero-section .cta-container{
margin-top:40px;
}
.ps2-home-6-hero-section .cta a.cta_button[title]{
min-width:150px;
}
.ps2-home-6-hero-section .cta-bottom-heading p{
font-size: 14px;
margin-top: 10px;
}
@media (max-width:1024px){
body .body-container-wrapper .row-fluid .ps2-home-6-hero-section{
height:auto;
}
}
@media (max-width:1024px){
.ps2-home-6-hero-section h1 {
font-size: 30px;
font-weight: 500;
line-height: 42px;
}
.ps2-home-6-hero-section p {
font-size: 18px;
line-height: 26px;
}
body .body-container-wrapper .row-fluid .ps2-home-6-hero-section{
height:auto;
padding:40px 0;
}
.ps2-home-6-hero-section .cta-container {
margin-top: 10px;
}
}
/***************************** Download App Section*****************************/
.ps1-home-6-download-app{
}
body .row-fluid .ps1-home-6-download-app .left-cta{
width: 160px;
float: left;
}
/*************************************************************************
*********************Gallery page 2*************************************
**************************************************************************/
body .row-fluid .ps2-gallery-2-section .wrapper{
max-width:1170px;
}
body .row-fluid .ps2-gallery-2-section .ps1-gallery-2-cm-container{
display: block;
overflow: hidden;
}
body .row-fluid .ps2-gallery-2-section .ps1-gallery-2-cm-container>span>div{
cursor: pointer;
overflow: hidden;
width: 30.3%;
float: left;
margin-right: 1.2%;
margin-left: 1.2%;
margin-bottom:30px;
box-sizing:border-box;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.24);
transition: all .3s ease-in-out;
}
body .row-fluid .ps2-gallery-2-section .ps1-gallery-2-cm-container>span>div:hover{
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.24);
}
.ps2-gallery-2-section .icon-container{
position: absolute;
float: none;
left: 0;
right: 0;
transition: all .3s ease-in-out;
top: 0;
opacity: 0;
bottom: 0;
text-align: center;
justify-content: center;
align-items: center;
display: flex;
background: rgba(255, 255, 255, 0.5);
}
.ps2-gallery-2-section .icon-container img{
width:36px;
}
.ps2-gallery-2-section .ps1-gallery-2-cm-container>span>div:hover .icon-container{
opacity:1;
}
.ps2-gallery-2-section .heading-container{
position: absolute;
right: 0;
left: 0;
background: black;
padding: 10px 10px;
bottom: -100px;
transition: all .3s ease-in-out;
}
.ps2-gallery-2-section .ps1-gallery-2-cm-container>span>div:hover .heading-container{
bottom:0;
}
.ps2-gallery-2-section .ps1-gallery-2-cm-container>span>div:hover .background-container:before{
opacity:1;
}
body .row-fluid .ps2-gallery-2-section .ps1-gallery-2-cm{
position:relative;
}
body .row-fluid .ps2-gallery-2-section .popup-container {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 12;
background: rgba(0, 0, 0, 0.72);
padding: 80px 0;
overflow-y: scroll;
opacity:0;
pointer-events:none;
transition:all .4s ease-in-out;
}
body .row-fluid .ps2-gallery-2-section .popup-container.open-popup {
opacity:1;
pointer-events:auto;
}
.row-fluid .ps2-gallery-2-section .slider-inner-container{
width: 100%;
max-width: 1180px;
margin: 0 auto;
background: #000;
position:relative;
box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.7);
opacity:0;
transition:all .6s ease-in-out;
}
.ps2-gallery-2-section .popup-container.inner-container-popup .slider-inner-container{
opacity:1;
}
body .row-fluid .ps2-gallery-2-section .inner-background-container{
height:540px;
}
body .ps2-gallery-2-section .slick-arrow{
position: absolute;
width: 40px;
cursor: pointer;
top: 46%;
}
.ps2-gallery-2-section .slick-prev{
left: -80px;
}
.ps2-gallery-2-section .slick-next{
right: -80px;
}
.ps2-gallery-2-section .slider-inner-container .close-button{
position: absolute;
right: -28px;
width: 24px;
top: -28px;
cursor: pointer;
}
.ps2-gallery-2-section .slider-inner-container .bottom-heading{
padding:20px 40px;
}
.ps2-gallery-2-section .slider-inner-container .image-container{
width: 100%;
height: 83vh;
overflow: hidden;
}
.ps2-gallery-2-section .slider-inner-container .image-container img{
height: 100%;
max-width: none;
width: auto;
margin: 0 auto;
}
.ps2-gallery-2-section .slider-inner-container .description-container{
padding:20px 40px;
}
.ps2-gallery-2-section .image-heading{
position: absolute;
bottom: 0;
padding: 13px 10px;
z-index: 4;
background:#000;
left:0;
right:0;
opacity:0;
transition: all .4s ease-in-out;
}
.ps2-gallery-2-section .ps1-gallery-2-cm:hover .image-heading{
opacity:1;
}
.ps2-gallery-2-section .slider-inner-container .slick-slide{
position:relative;
}
.ps2-gallery-2-section .slider-inner-container .image-desc{
position: absolute;
bottom: 0;
right: 0;
left: 0;
background: #383838;
padding: 30px 40px 20px;
opacity:0;
transition: all .4s ease-in-out;
}
.ps2-gallery-2-section .slider-inner-container .slick-slide:hover .image-desc{
opacity:1;
}
.ps2-gallery-2-section.gallery-loader .masonary-grp{
opacity:0;
}
.ps2-gallery-2-section .masonary-grp{
opacity:1;
transition:all .4s ease-in-out;
}
.ps2-gallery-2-section.gallery-loader{
position:relative;
}
.ps2-gallery-2-section.gallery-loader:before{
position: absolute;
content: '';
top: 230px;
left: 0;
right: 0;
background: url(https://3842749.fs1.hubspotusercontent-na1.net/hubfs/3842749/Backgrounds%20/Circel%20SVG.svg) no-repeat;
width: 40px;
height: 40px;
background-size: 100%;
margin: 0 auto;
transition:all .4s ease-in-out;
opacity:1;
}
.ps2-gallery-2-section:before{
opacity:0;
}
@media (max-width:1660px){
.row-fluid .ps2-gallery-2-section .slider-inner-container {
width: 100%;
max-width: 900px;
}
}
@media (max-width:1024px){
body .row-fluid .ps2-gallery-2-section .ps1-gallery-2-cm-container>span>div{
margin-bottom: 16px;
}
.row-fluid .ps2-gallery-2-section .slider-inner-container {
max-width: 560px;
}
.ps2-gallery-2-section .slider-inner-container .image-container {
height: 420px;
}
body .row-fluid .ps2-gallery-2-section .popup-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
display: -webkit-flex;
-webkit-flex-direction: column;
-webkit-align-items: center;
-webkit-justify-content: center;
}
.ps2-gallery-2-section .slider-inner-container .image-desc {
position: inherit;
opacity:1;
}
}
@media (max-width:767px){
body .row-fluid .ps2-gallery-2-section .ps1-gallery-2-cm-container>span>div{
width: 100%;
float: left;
max-width: 340px;
margin: 0 auto 20px;
float: none;
}
.row-fluid .ps2-gallery-2-section .slider-inner-container{
max-width: 280px;
}
.ps2-gallery-2-section .slider-inner-container .image-container {
height: 180px;
}
.ps2-gallery-2-section .slider-inner-container .image-desc {
padding: 20px 20px 10px;
}
.ps2-gallery-2-section .slider-inner-container .close-button {
right: 2px;
top: -35px;
}
}
/**************************************************************************************************************
**************************************************CAREER PAGE 1**************************************************
***************************************************************************************************************/
.ps1-career-1-section-1 .career-listing-container>span>div{
padding:24px 0;
background: #f5f7fa ;
transition: all .15s ease;
}
.ps1-career-1-section-1 .career-listing-container>span>div:hover{
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
}
.ps1-career-1-section-1 .career-1-list-cm{
padding: 0 24px;
}
.ps1-career-1-section-1 .career-1-list-cm .button-style a:before{
position:absolute;
content:'';
top:0;
left:0;
right:0;
bottom:0;
}
@media(max-width: 1024px) and (min-width: 768px){
}
@media(max-width: 767px){
}
/**************************************************************************************************************
**************************************************CAREER PAGE 2**************************************************
***************************************************************************************************************/
.ps1-career-2-section-1 .career-listing-container>span>div{
padding:26px 0;
background-color: #fff;
transition: all .15s ease;
border: 1px solid #e7e7e7;
border-left: 5px solid #49aa43;
align-items:center;
-webkit-align-items:center;
}
.ps1-career-2-section-1 .career-listing-container>span>div:hover{
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
}
.ps1-career-2-section-1 .career-2-list-cm{
padding: 0 24px;
}
.ps1-career-2-section-1 .career-2-list-cm .button-style a:before{
position:absolute;
content:'';
top:0;
left:0;
right:0;
bottom:0;
}
.ps1-career-2-section-1 .career-2-list-cm .marker-img{
float: left;
width: 16px;
margin-right: 10px;
position: relative;
top: 3px;
}
.ps1-career-2-section-1 .career-2-list-cm h5{
color: #858585;
}
.ps1-career-2-section-1 .career-2-list-cm .location{
margin-top:10px;
}
@media(max-width: 1024px) and (min-width: 768px){
}
@media(max-width: 767px){
}
/**************************************************************************************************************
**************************************************CAREER PAGE Single**************************************************
***************************************************************************************************************/
/****************************************************
Section 1
****************************************************/
.ps1-career-single-section-1{
padding-top:140px;
}
.ps1-career-single-section-1 .career-2-list-cm .text-module h4{
font-size: 52px;
line-height: 1.34;
}
.ps1-career-single-section-1 .career-2-list-cm .location {
margin-top: 20px;
margin-bottom: 40px;
border-bottom: 1px solid #e7e7e7;
padding-bottom: 14px;
}
.ps1-career-single-section-1 .career-2-list-cm{
margin-top: 20px;
}
.ps1-career-single-section-1 .career-2-list-cm .location h5{
font-size: 25px;
line-height: 1.4;
}
.ps1-career-single-section-1 .career-2-list-cm .marker-img{
float: left;
width: 24px;
margin-right: 10px;
position: relative;
top: 3px;
}
.ps1-career-single-section-1 .left-col{
padding-right:80px;
}
.ps1-career-single-section-1 h4{
font-weight:600;
}
.ps1-career-single-section-1 .right-col{
background:#fff;
border:1px solid #e7e7e7;
border-top: 5px solid #49aa43;
padding:30px 30px
}
@media (max-width: 1024px){
.ps1-career-single-section-1 .left-col {
padding-right: 20px;
}
.ps1-career-single-section-1 {
padding-top: 90px;
}
.ps1-career-single-section-1 .career-2-list-cm .text-module h4 {
font-size: 40px;
}
}
@media(max-width: 767px){
.ps1-career-single-section-1 {
padding-top: 50px;
}
.ps1-career-single-section-1 .career-2-list-cm .text-module h4 {
font-size: 22px;
}
.ps1-career-single-section-1 .career-2-list-cm .marker-img {
width: 16px;
}
.ps1-career-single-section-1 .career-2-list-cm .location h5 {
font-size: 18px;
}
.ps1-career-single-section-1 .left-col {
padding-right: 0;
}
.ps1-career-single-section-1 .right-col {
padding: 20px 20px 10px;
}
}
/****************************************************
Form Section
****************************************************/
body .row-fluid .ps1-career-form-section-1 .form-container{
padding: 60px 90px 90px;
width: 100%;
max-width: 720px;
margin: 0 auto;
float: none;
border: 2px solid #000;
margin-top:20px;
}
@media (max-width: 1024px){
}
@media(max-width: 767px){
body .row-fluid .ps1-career-form-section-1 .form-container {
padding: 14px 20px 40px;
}
}
/**************************************************************************************************************
**************************************************CUSTOMER PAGE 1**************************************************
***************************************************************************************************************/
body .row-fluid .ps2-customer-1-section-1 .ps1-customer-1-cm-container>span>div{
background:#fff;
padding: 20px 0 40px;
height: 220px;
display: flex;
display:-webkit-flex;
-webkit-flex-direction: column;
-webkit-justify-content: center;
-webkit-align-items: center;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
transition: all .15s ease;
filter:grayscale(1);
border:1px solid #e7e7e7;
}
body .row-fluid .ps2-customer-1-section-1 .ps1-customer-1-cm-container>span>div:hover{
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
filter:grayscale(0);
}
.ps2-customer-1-section-1 .ps1-customer-1-cm .text-container{
position: absolute;
bottom: 10px;
left: 0;
right: 0;
}
.ps2-customer-1-section-1 .ps1-customer-1-cm .text-container h4{
padding: 0 20px;
font-size: 14px;
letter-spacing: 0.2px;
}
.ps2-customer-1-section-1 .ps1-customer-1-cm{
padding:0 20px;
}
.ps2-customer-1-section-1 .ps1-customer-1-cm .button-link:before{
position:absolute;
content:'';
top:0;
left:0;
bottom:0;
right:0;
z-index:4;
}
.ps2-customer-1-section-1 .ps1-customer-1-cm .plus-icon{
position: absolute;
right: 9px;
top: 2px;
width: 15px;
height: 14px;
opacity: 0;
transition: all .15s ease;
}
.ps2-customer-1-section-1 .ps1-customer-1-cm-container>span>div:hover .plus-icon{
opacity: 1;
}
@media (max-width: 1024px){
body .row-fluid .ps2-customer-1-section-1 .ps1-customer-1-cm-container>span>div{
height: 170px;
margin-top:20px;
}
}
@media(max-width: 767px){
body .row-fluid .ps1-career-form-section-1 .form-container {
padding: 14px 20px 40px;
}
}
/**************************************************************************************************************
**************************************************Error Pages**************************************************
***************************************************************************************************************/
.ps1-error-pages{
padding:200px 0 160px;
}
.ps1-error-pages a{
cursor:pointer;
}
.ps1-error-pages h1{
font-size:38px;
}
.ps1-email-sub-pref .widget-type-email_subscriptions h1,
.ps1-subsc-pref #content{
font-weight:700;
}
body .row-fluid .ps1-error-pages .text-container{
width: 100%;
max-width: 750px;
margin: 0 auto;
float: none;
padding: 70px 100px;
border: 2px solid #000;
background:#fff;
}
html body input.hs-input.email-edit{
max-width:100%;
}
.ps1-email-sub-pref{
}
body .container-fluid .row-fluid .ps1-email-sub-pref .form-style input[type="checkbox"] {
border: solid 2px #000000;
padding: 7px;
border-radius: 3px;
margin-bottom: 4px;
height: auto;
float: left;
margin-top:-2px;
position:relative;
cursor:pointer;
}
.ps1-email-sub-pref .header{
margin-left: 0;
display: block;
width: 100%;
}
body .container-fluid .row-fluid .jumbo-3-preferences-section-one .form-style input[type="checkbox"]:checked:after {
width: 8px;
height: 4px;
}
body .row-fluid .ps1-email-sub-pref #content{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: stretch;
-moz-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
flex-wrap: wrap;
-wevkit-flex-wrap: wrap;
flex-direction: row;
-webkit-flex-direction: row;
margin-right: -2.5%;
}
.ps1-email-sub-pref .email-prefs .item {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-basis: 30.9%;
-webkit-flex-basis: 30.9%;
float: left;
margin-right: 2.43%;
margin-top: 25px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
z-index:1;
margin-bottom:0;
}
.ps1-email-sub-pref .email-prefs .item-inner:before{
position:absolute;
content:'';
top:0;
left:0;
right:0;
bottom:0;
background: #f5f7fa ;
z-index:-1;
transition: all .15s ease;
}
.ps1-email-sub-pref .subscribe-options{
margin-bottom: 0;
overflow: hidden;
display: block;
width: 100%;
margin-top:40px;
}
.ps1-email-sub-pref .email-prefs .item p{
margin-left:0;
}
.ps1-email-sub-pref .email-prefs .item .item-inner {
border-radius: 0;
background:transparent;
border:0;
}
.ps1-email-sub-pref .item .item-inner.hovered{
box-shadow:none;
}
.ps1-email-sub-pref .item .item-inner.hovered:before{
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
}
.ps1-email-sub-pref .item .item-inner.selected:before{
border: 1px solid #000;
background: #fcfcfc;
}
.ps1-email-sub-pref .subscribe-options label{
margin-left:0;
}
body .container-fluid .row-fluid .ps1-email-sub-pref .form-style .subscribe-options input[type="checkbox"]{
margin-top:2px;
}
body .container-fluid .row-fluid .ps1-email-sub-pref .selected input[type="checkbox"]:after,
body .row-fluid .ps1-email-sub-pref input[type="checkbox"]:checked:after {
content: '';
position: absolute;
width: 7px;
height: 3px;
top: 3px;
left: 2px;
border: 3px solid #49aa43;
border-top: 0;
border-right: 0;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
.ps1-email-sub-pref .checkbox-row span.fakelabel span{
width:86%;
}
@media (max-width: 1024px){
.ps1-error-pages{
padding: 130px 0 90px;
}
.ps1-email-sub-pref .email-prefs .item {
flex-basis: 46.4%;
-webkit-flex-basis: 46.4%;
margin-right: 3.43%;
}
}
@media(max-width: 767px){
.ps1-error-pages {
padding: 90px 0 60px;
}
body .row-fluid .ps1-error-pages .text-container {
padding: 20px 20px;
}
.ps1-email-sub-pref .email-prefs .item {
display: block;
width: 100%;
margin: 20px 0 0;
flex-basis: 100%;
-webkit-flex-basis: 100%;
}
.ps1-error-pages h1 {
font-size: 26px;
}
}
/*****************************************************************************************
**********************************ABOUT PAGE 1*********************************************
****************************************************************************************/
.ps1-about-1-section-1{
}
/****************** Team Section **********************/
body .row-fluid .ps1-about-team-section .wrapper{
max-width:720px;
}
/****************** Vidoe Section **********************/
.ps1-about-1-video-section{
}
body .row-fluid .ps1-about-1-video-section .wrapper{
max-width:700px;
}
@media (max-width: 1024px){
}
@media(max-width: 767px){
}
/*****************************************************************************************
**********************************ABOUT PAGE 2*********************************************
****************************************************************************************/
body .row-fluid .ps1-about-2-background-section{
height:auto;
padding:100px 0;
min-height:600px;
}
.ps1-about-2-one-col{
position:relative;
z-index:2;
}
@media (max-width: 1024px){
body .row-fluid .ps1-about-2-background-section {
min-height: 410px;
}
body .row-fluid .ps1-about-2-one-col .wrapper {
max-width: 690px;
}
}
@media(max-width: 767px){
body .row-fluid .ps1-about-2-background-section {
min-height: 200px;
}
body .row-fluid .ps1-about-2-one-col .wrapper {
margin-top: 0;
padding: 40px 20px;
}
}
.ps1-about-2-one-col{
padding-bottom:60px;
}
body .row-fluid .ps1-about-2-one-col .wrapper{
margin-top: -210px;
background: #fff;
padding: 50px;
max-width: 1000px;
}
@media (max-width: 1024px){
}
@media(max-width: 767px){
}
.ps1-about-2-awards{
}
.ps1-about-2-awards .awards ul{
list-style:none;
text-align:center;
}
.ps1-about-2-awards .awards ul li{
display: inline-block;
width: 100%;
max-width: 160px;
vertical-align: middle;
margin: 0 40px;
}
.ps1-about-2-awards .awards-list-container ul{
list-style:none;
}
.ps1-about-2-awards .awards-list-container{
margin-top:40px;
}
.ps1-about-2-awards .awards-list-container li{
margin: 0;
font-size: 21px;
font-weight: 400;
border-bottom: 1px solid #e7e7e7;
padding: 14px 0;
color:#000;
}
@media (max-width: 1024px){
}
@media(max-width: 767px){
.ps1-about-2-awards .awards-list-container li {
margin: 0;
font-size: 16px;
}
}
body .row-fluid .ps1-team-1-section .four-col-adjust>span>div{
}
body .row-fluid .ps1-team-1-section .member-image{
height: 200px;
width: 200px;
margin: 0 auto 20px;
border-radius: 50%;
}
.ps1-team-1-section .team-1-cm{
margin-bottom:40px;
}
@media (max-width: 1024px){
body .row-fluid .ps1-team-1-section .member-image {
height: 130px;
width: 130px;
}
}
@media(max-width: 767px){
}
.ps1-join-team-two-col{
}
.ps1-join-team-two-col .column{
padding: 38px;
background: #fff;
border: 2px solid #000;
}
.ps1-join-team-two-col .heading{
position: relative;
margin-bottom: 23px;
padding-bottom: 5px;
}
.ps1-join-team-two-col .heading:before{
position:absolute;
content:'';
left:0;
bottom:0;
width:100px;
height:3px;
background:#49aa43;
}
@media (max-width: 1024px){
}
@media(max-width: 767px){
.ps1-join-team-two-col .column {
padding: 20px;
margin: 20px 0;
}
}
/*****************************************************************************************
**********************************Team 2*********************************************
****************************************************************************************/
.ps1-team-2-section .team-2-cm .team-img-box{
position: relative;
overflow: hidden;
width: 100%;
height: 300px;
}
.ps1-team-2-section .team-2-cm .team-img-box .team-image{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-size: cover;
transition: all 1s cubic-bezier(0.45, 0.41, 0.44, 0.43);
}
.ps1-team-2-section .team-2-cm .team-img-box .team-image:before {
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all .3s ease-in-out;
background: rgba(0, 0, 0, 0.7);
background: linear-gradient(20deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
background: -webkit-linear-gradient(20deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
background: -o-linear-gradient(20deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
background: -moz-linear-gradient(20deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
opacity: 0;
}
.ps1-team-2-section .team-2-cm:hover .team-img-box .team-image:before{
opacity:1;
}
.ps1-team-2-section .team-2-cm:hover .team-img-box .team-image{
transform: scale(1.2);
transition: all 6s cubic-bezier(0.45, 0.41, 0.44, 0.43);
}
.ps1-team-2-section .team-member-container>span>div{
background: #f5f7fa ;
transition: all .15s ease;
border:1px solid #e7e7e7
}
.ps1-team-2-section .team-member-container>span>div:hover{
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
}
.ps1-team-2-section .text-container{
padding:24px 20px;
}
.ps1-team-2-section .team-single-social-share {
position: absolute;
z-index: 4;
left: 0;
right: 0;
padding: 20px;
bottom:0;
opacity:0;
transition: all .15s ease;
}
.ps1-team-2-section .team-2-cm:hover .team-single-social-share {
opacity:1;
}
.ps1-team-2-section .team-single-social-share p{
border-bottom: 1px solid;
display: inline-block;
}
.ps1-team-2-section .team-single-social-share a{
font-size: 22px;
margin: 12px;
display: inline-block;
}
@media (max-width:1024px){
.ps1-team-2-section .team-single-social-share a {
font-size: 18px;
margin: 12px 10px;
display: inline-block;
}
}
@media (max-width:767px){
}
/*****************************************************************************************
**********************************Team PAGE 3*********************************************
****************************************************************************************/
.ps1-team-3-filter-container{
margin-bottom:-50px;
position: relative;
z-index: 2;
}
.ps1-team-3-filter-container ul{
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
margin: 0;
text-align: center;
}
.ps1-team-3-filter-container li{
width: 100%;
display: inline-block;
vertical-align: middle;
margin: 0;
margin-left: 0;
padding: 24px 10px;
display: flex;
display: -webkit-flex;
-webkit-flex-direction: column;
-webkit-align-items: center;
-webkit-justify-content: center;
flex-direction: column;
align-items: center;
justify-content: center;
cursor:pointer;
}
.ps1-team-3-filter-container li.active{
background:#fff;
}
.ps1-team-3-filter-container li p{
font-size:16px;
}
@media (max-width:1024px){
}
@media (max-width:767px){
.ps1-team-3-filter-container ul,
.ps1-team-3-filter-container ul li{
display: block;
box-sizing: border-box;
}
}
/*****************************************************************************************
**********************************Pricing PAGE 1*********************************************
****************************************************************************************/
.ps1-pricing-1-section-1{
}
.ps1-pricing-1-section-1 table td {
width: 25%;
padding: 30px 20px;
text-align: center;
border-left: 1px solid #e7e7e7;
border-top:1px solid #e7e7e7;
}
.ps1-pricing-1-section-1 table tr {
border-bottom: none;
}
.ps1-pricing-1-section-1 table {
margin-top:40px;
}
.ps1-pricing-1-section-1 table tr:first-child td{
border-top: none;
}
.ps1-pricing-1-section-1 table td:first-child {
border-left: none;
text-align: left;
}
.ps1-pricing-1-section-1 table tr:first-child {
border-top: none;
}
.ps1-pricing-1-section-1 table tr.no-border td{
border-top: 0;
padding: 10px 20px 40px;
vertical-align: initial;
}
body .row-fluid .ps1-pricing-1-section-1 .table-container{
background: #fff;
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
padding: 60px 40px;
border-top: 5px solid #49aa43;
margin-top: 12px;
}
body .container-fluid .row-fluid .ps1-pricing-1-section-1 .section-heading{
max-width: 660px;
}
/********************* Pricing Fixed Top Nav *********************/
.ps1-pricing-1-section-1 .fixed-top-table{
margin-top: 0;
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
.ps1-pricing-1-section-1 .fixed-plan-container{
margin-top: 0;
opacity:0;
top: 0;
left: 0;
right: 0;
z-index: 6;
transition: all .12s ease-in;
}
.ps1-pricing-1-section-1 .fixed-plan-container:before{
position: absolute;
content: '';
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #49aa43;
z-index: -1;
}
body .ps1-pricing-1-section-1 .row-fluid .fixed-top-table tr td{
padding:14px 20px ;
}
.ps1-pricing-1-section-1 .row-fluid .fixed-top-table h4{
font-weight: 400;
font-size: 15px;
text-align: left;
}
/************************** FAQ CM *****************************/
body .row-fluid .ps1-pricing-1-faq .faq-cm-container{
margin: 20px auto 0;
float: none;
padding: 60px 90px;
display: block;
overflow: hidden;
background: #f5f7fa ;
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
}
.ps1-pricing-1-faq .accordion_group {
border-top: solid 1px #e7e7e7;
}
.ps1-pricing-1-faq .accordion_header {
padding: 24px 60px 24px 0;
cursor: pointer;
position: relative;
}
.ps1-pricing-1-faq .accordion_content {
padding: 0 0 25px;
}
.ps1-pricing-1-faq .accordion_header:before, .ps1-pricing-1-faq .accordion_header:after {
position: absolute;
content: '';
background: #49aa43;
width: 2px;
height: 17px;
transition: all .8s ease-in-out;
}
.ps1-pricing-1-faq .accordion_header:before {
right: 20px;
top: 30px;
}
.ps1-pricing-1-faq .expanded .accordion_header:before {
transform: rotate(90deg);
}
.ps1-pricing-1-faq .expanded .accordion_header:after {
transform: rotate(90deg);
}
.ps1-pricing-1-faq .accordion_header:after {
top: 30px;
right: 20px;
transform: rotate(-90deg);
}
.ps1-pricing-1-faq .faq-cm-container>span>div:first-child .accordion_group{
border-top:0;
}
@media (max-width: 1024px){
body .row-fluid .ps1-pricing-1-faq .faq-cm-container {
padding: 60px 48px;
}
}
@media(max-width: 767px){
body .row-fluid .ps1-pricing-1-faq .faq-cm-container {
padding: 40px 20px;
}
.ps1-pricing-1-faq .accordion_header {
padding: 24px 34px 24px 0;
}
body .row-fluid .ps1-pricing-1-section-1 .table-container {
padding: 50px 20px;
}
body .row-fluid .ps1-pricing-1-section-1 .table-container .mob-scroll{
overflow-x: scroll;
}
.ps1-pricing-1-section-1 .fixed-plan-container{
display:none!important;
}
}
/*****************************************************************************************
**********************************Pricing PAGE 2*********************************************
****************************************************************************************/
body .row-fluid .ps1-pricing-2-section-1 .wrapper{
max-width:1260px;
}
.ps1-pricing-2-section-1 .table-container>span>div{
background:#fff;
border-top:5px solid #49aa43;
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
}
.ps1-pricing-2-section-1 .table-container{
margin:30px 0;
}
.ps1-pricing-2-section-1 .table-container>span>div:nth-child(2){
margin-top: -14px;
margin-bottom: -40px;
}
.ps1-pricing-2-section-1 .pricing-2 .features li,
.ps1-pricing-2-section-1 .pricing-2 .features p{
font-size: 17px;
}
.ps1-pricing-2-section-1 .pricing-2 .features ul{
list-style:none;
margin:30px 0;
}
.ps1-pricing-2-section-1 .pricing-2 .features li{
position: relative;
margin: 12px 0;
padding-left: 28px;
}
.ps1-pricing-2-section-1 .pricing-2 .features li:before{
top: 1px;
content: '\f00c';
font-family: FontAwesome;
left: 0px;
position: absolute;
color: #49aa43;
font-size: 14px;
}
.ps1-pricing-2-section-1 .pricing-2{
padding:60px 40px 30px;
}
.ps1-pricing-2-section-1 .pricing-2 .cost{
margin-top:30px;
}
.ps1-pricing-2-section-1 .pricing-2 .cost h2{
font-size: 60px;
margin-bottom: 16px;
}
.ps1-pricing-2-section-1 .pricing-2 .cost sup{
font-size: 28px;
}
.ps1-pricing-2-section-1 .pricing-2 .cta{
margin-top:25px;
}
.ps1-pricing-2-section-1 .pricing-2 .features{
margin-top: 50px;
border-top: 1px solid #e7e7e7;
padding-top: 32px;
}
.pricing-2-clients{
padding-top:0;
padding-bottom:70px;
}
@media (max-width: 1024px){
.ps1-pricing-2-section-1 .pricing-2 {
padding: 40px 20px 20px;
}
}
@media(max-width: 767px){
.ps1-pricing-2-section-1 .table-container>span>div:nth-child(2) {
margin-top: 30px;
margin-bottom: 0;
}
}
/*****************************************************************************************
**********************************Pricing PAGE 3*********************************************
****************************************************************************************/
body .row-fluid .ps1-pricing-3-section-1 .wrapper{
max-width:1200px;
}
.ps1-pricing-3-section-1 .table-container>span>div{
background:#fff;
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
border-radius:6px;
}
.ps1-pricing-3-section-1 .pricing-3 .features li,
.ps1-pricing-3-section-1 .pricing-3 .features p{
font-size: 17px;
}
.ps1-pricing-3-section-1 .pricing-3 .features ul{
list-style:none;
margin:30px 0;
}
.ps1-pricing-3-section-1 .pricing-3 .features li{
position: relative;
margin: 12px 0;
padding-left: 28px;
}
.ps1-pricing-3-section-1 .pricing-3 .features li:before{
top: 1px;
content: '\f00c';
font-family: FontAwesome;
left: 0px;
position: absolute;
color: #49aa43;
font-size: 14px;
}
.ps1-pricing-3-section-1 .pricing-3 .cost .small-text{
font-size: 16px;
font-weight: 500;
margin-left: 5px;
color: #757575;
}
.ps1-pricing-3-section-1 .pricing-3 sup{
font-size: 24px;
font-weight: 300;
color: #757575;
margin-right: 4px;
}
.ps1-pricing-3-section-1 .pricing-3 .cost{
background: #f5f7fa ;
padding: 22px 40px;
}
.ps1-pricing-3-section-1 .pricing-3 .heading{
padding: 38px 30px;
}
.ps1-pricing-3-section-1 .pricing-3 .features{
padding: 40px 40px 0px;
}
.ps1-pricing-3-section-1 .pricing-3 .cta{
padding: 10px 40px 60px;
}
.ps1-pricing-3-section-1 .pricing-3 .cost .month,
.ps1-pricing-3-section-1 .pricing-3 .cost .year{
display:none;
}
.ps1-pricing-3-section-1 .pricing-3.plan-monthly .cost .month{
display:inline-block;
}
.ps1-pricing-3-section-1 .pricing-3.plan-yearly .cost .year{
display:inline-block;
}
.ps1-pricing-3-section-1 .tabber-container ul{
display: inline-block;
list-style: none;
text-align: center;
margin: 0;
border: 1px solid #e7e7e7;
border-radius: 60px;
background: #f5f7fa ;
overflow:hidden;
}
.ps1-pricing-3-section-1 .tabber-container{
margin:20px 0 40px;
}
.ps1-pricing-3-section-1 .tabber-container ul li{
margin: 0;
display: inline-block;
padding: 20px 40px;
border-radius: 60px;
position: relative;
z-index: 1;
overflow: visible;
font-size: 16px;
cursor: pointer;
}
.ps1-pricing-3-section-1 .tabber-container ul li.active{
color:#fff;
}
.ps1-pricing-3-section-1 .tabber-container ul li.active:before{
position:absolute;
content:'';
top:0;
left:0;
right:0;
bottom:0;
background:#49aa43;
z-index:-1;
}
.pricing-3-client{
padding:0 0 70px;
}
.ps1-pricing-3-faq .faq-container{
margin-top:50px;
}
.ps1-pricing-3-faq .accordion_header{
margin-bottom:20px;
}
.ps1-pricing-3-faq .accordion_group{
margin-top:50px;
}
.ps1-pricing-3-faq .home-testimonial .testimonial-container p{
font-size:16px;
}
body .row-fluid .ps1-pricing-3-faq .home-testimonial{
padding: 60px 50px;
}
@media (max-width: 1024px){
.ps1-pricing-3-section-1 .pricing-3 .cost{
padding: 16px 20px;
}
.ps1-pricing-3-section-1 .pricing-3 .heading{
padding: 28px 20px;
}
.ps1-pricing-3-section-1 .pricing-3 .features{
padding: 30px 20px 0px;
}
.ps1-pricing-3-section-1 .pricing-3 .cta{
padding: 10px 20px 40px;
}
}
@media(max-width: 767px){
.ps1-pricing-3-section-1 .tabber-container {
margin: 10px 0 10px;
}
.ps1-pricing-3-section-1 .tabber-container ul li {
padding: 12px 20px;
border-radius: 60px;
font-size: 13px;
}
}
/*****************************************************************************************
**********************************Our Approach Page****************************************
****************************************************************************************/
.ps1-our-approach-section-1{
padding:0 0 100px;
}
.ps1-our-approach-section-1 .tabber-list-container li{
padding: 30px 30px;
background: #f5f7fa ;
margin: 0;
transition: all .4s ease-in-out;
position: relative;
cursor: pointer;
padding-right: 55px;
width: 100%;
max-width: 33.3333%;
float: left;
box-sizing: border-box;
}
.ps1-our-approach-section-1 .tabber-list-container li.active,
.ps1-our-approach-section-1 .tabber-list-container li:hover{
background:#fff;
}
.ps1-our-approach-section-1 .tabber-list-container li:after{
position: absolute;
content: "\f107";
right: 20px;
top: 42%;
font-family: FontAwesome;
font-size: 30px;
color: #b4b4b4;
}
.ps1-our-approach-section-1 .popup-content{
padding-top:70px;
}
@media (max-width:1024px){
}
@media (max-width:767px){
.ps1-our-approach-section-1 .tabber-list-container li{
max-width: 100%;
}
}
/****************************** FOUR COLUMN ******************************/
.ps1-approach-four-col{
}
.ps1-approach-four-col .column{
padding: 20px;
background: #fff;
margin-bottom: 30px;
border: 1px solid #e7e7e7;
transition: all .15s ease;
}
.ps1-approach-four-col .column:hover{
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
}
@media (max-width:1024px){
}
@media (max-width:767px){
}
/*****************************************************************************************
**********************************Our Approach Page****************************************
****************************************************************************************/
.ps1-contact-1-section-1{
padding:150px 0 100px;
}
body .row-fluid .ps1-contact-1-section-1 .form-container{
width: 100%;
max-width: 460px;
float: right;
background: #fff;
padding: 20px 40px 40px;
border:2px solid #000;
}
.ps1-contact-1-section-1 .section-heading{
margin-bottom: 60px;
padding-bottom: 20px;
border-bottom: 1px solid #e7e7e7;
}
.ps1-contact-1-section-1 .address-heading{
margin-bottom:30px;
}
.ps1-contact-1-section-1 .address{
padding: 20px;
background: #fff;
border: 1px solid #e7e7e7;
margin-top: 13px;
transition:all .15s ease-in-out;
}
.ps1-contact-1-section-1 .address:hover{
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
}
.ps1-contact-1-section-1 .social-icons{
margin-top:40px;
}
.ps1-contact-1-section-1 .social-icons ul{
}
.ps1-contact-1-section-1 .social-icons ul li{
display: inline-block;
}
.ps1-contact-1-section-1 .social-icons ul li a{
display: inline-block;
margin-right: 12px;
font-size: 18px;
width: 40px;
height: 40px;
line-height: 40px;
border: 1px solid #49aa43;
text-align: center;
border-radius: 50%;
}
@media (max-width:1024px){
}
@media (max-width:767px){
.ps1-contact-1-section-1 .section-heading {
margin-bottom: 20px;
}
.ps1-contact-1-section-1{
padding:70px 0 40px;
}
body .row-fluid .ps1-contact-1-section-1 .form-container {
padding: 16px 25px 40px;
}
.ps1-contact-1-section-1 .social-icons ul li a {
margin-right: 5px;
font-size: 14px;
width: 30px;
height: 30px;
line-height: 30px;
}
}
/*****************************************************************************************
********************************** Product Page 1 ***************************************
****************************************************************************************/
.ps1-product-1-section .ps1-product-listing{
}
.ps1-product-1-section .ps1-product-1-listing{
padding:100px 0;
}
.ps1-product-1-section .product-1-cm-container>span>div:nth-child(2n) .ps1-product-1-listing .reverse{
display:flex;
display:-webkit-flex;
flex-direction:row-reverse;
-webkit-flex-direction:row-reverse;
}
.ps1-product-1-section .product-1-cm-container>span>div:nth-child(2n) .ps1-product-1-listing{
background: #f5f7fa ;
}
body .ps1-product-1-section .ps1-product-1-listing .span6{
margin:0;
width:50%;
padding:0 40px;
}
@media (max-width:1024px){
body .ps1-product-1-section .ps1-product-1-listing .span6 {
padding: 0 20px;
}
}
@media (max-width:767px){
body .ps1-product-1-section .ps1-product-1-listing .span6 {
padding: 0;
margin:20px 0;
width:100%;
}
.ps1-product-1-section .ps1-product-1-listing {
padding: 40px 0;
}
.ps1-product-1-section .product-1-cm-container>span>div:nth-child(2n) .ps1-product-1-listing .reverse {
display: block;
}
body .row-fluid .ps1-product-1-section .product-1-cm-container>span>div .ps1-product-1-listing .reverse {
display: flex;
display: -webkit-flex;
flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
}
}
/*****************************************************************************************
**********************************ABOUT PAGE 3*********************************************
****************************************************************************************/
.ps1-about-hero-section{
padding-bottom:220px;
}
.ps1-about-3-one-col {
padding-bottom: 110px;
}
.ps1-about-3-one-col {
position: relative;
z-index: 2;
}
body .row-fluid .ps1-about-3-one-col .wrapper {
margin-top: -120px;
background: #fff;
padding: 90px 90px 70px;
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
}
/**************************** Career Section****************************/
.ps1-about-3-career-section{
}
body .row-fluid .ps1-about-3-career-section .bottom-text-container{
background: #fff;
padding: 50px 80px 30px;
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
width: 100%;
max-width: 810px;
margin: 0 auto;
margin-top: -120px;
float: none;
position: relative;
}
.ps1-team-2-section.about-3-team .team-member-container>span>div{
background:#fff;
}
@media (max-width: 1024px){
body .row-fluid .ps1-about-3-one-col .wrapper {
padding: 50px 50px 20px;
max-width: 600px;
}
.ps1-about-hero-section {
padding-bottom: 180px;
}
.ps1-about-3-one-col {
padding-bottom: 70px;
}
body .row-fluid .ps1-about-3-career-section .bottom-text-container {
padding: 40px 40px 30px;
max-width: 580px;
margin-top: -60px;
}
}
@media(max-width: 767px){
body .row-fluid .ps1-about-3-one-col .wrapper {
padding: 40px 20px 20px;
max-width: 280px;
margin-top: -60px;
}
.ps1-about-hero-section {
padding-bottom: 100px;
}
body .row-fluid .ps1-about-3-career-section .bottom-text-container {
padding: 20px 20px 20px;
max-width: 250px;
margin-top: -20px;
}
}
/*****************************************************************************************
********************************** Single Team Page1 *************************************
****************************************************************************************/
.ps1-team-single-section-1 {
padding: 160px 0 100px;
}
body .row-fluid .ps1-team-single-section-1 .simple-cta a.cta_button[title]{
color:#49aa43;
}
.ps1-team-single-section-1 .heading{
margin-bottom: 36px;
padding-bottom: 10px;
border-bottom: 1px solid #b4b4b4;
}
body .row-fluid .ps1-team-single-section-1 .member-image{
width: 250px;
height: 250px;
border-radius: 50%;
margin: 0 auto ;
float: none;
}
.ps1-team-single-section-1 .social-icons{
margin-top:40px;
}
.ps1-team-single-section-1 .social-icons a{
font-size: 16px;
width: 40px;
display: inline-block;
height: 40px;
background: #49aa43;
line-height: 40px;
color: #fff;
border-radius: 50%;
margin: 0 4px;
}
/********************** Section 2 *******************************/
.ps1-single-team-section-2 h3{
margin-bottom: 30px;
padding-bottom: 8px;
border-bottom: 1px solid #e7e7e7;
margin-top: 50px;
}
.ps1-single-team-section-2 h3:first-child{
margin-top:0;
}
.ps1-single-team-section-2 .right-col{
background: #f5f7fa ;
padding: 30px 30px 10px;
}
.ps1-single-team-section-2 .right-col li{
margin: 0;
padding: 0;
}
.ps1-single-team-section-2 .right-col .hs-menu-wrapper.hs-menu-flow-vertical>ul li a{
font-size: 16px;
padding: 6px 0;
}
@media (max-width:1024px){
body .row-fluid .ps1-team-single-section-1 .member-image {
width: 180px;
height: 180px;
}
.ps1-team-single-section-1 .social-icons {
margin-top: 15px;
}
.ps1-team-single-section-1 .social-icons a {
font-size: 14px;
width: 30px;
height: 30px;
line-height: 30px;
margin: 0 2px;
}
}
@media (max-width:767px){
.ps1-team-single-section-1 {
padding: 90px 0 40px;
}
}
/*****************************************************************************************
********************************** Event Page 1 *************************************
****************************************************************************************/
.ps1-event-1-section-1 .event-1-cm-container>span>div:nth-child(2n) .ps1-event-1-cm{
background: #f5f7fa ;
}
.ps1-event-1-section-1 .event-1-cm-container .ps1-event-1-cm{
padding:100px 0;
}
.ps1-event-1-section-1 .ps1-event-1-cm img{
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
}
@media (max-width:1024px){
}
@media (max-width:767px){
.ps1-event-1-section-1 .event-1-cm-container .ps1-event-1-cm {
padding: 50px 0;
}
}
/*****************************************************************************************
********************************** Product Page 2 ***************************************
****************************************************************************************/
.ps1-product-2-section .ps1-product-2-listing{
position:relative;
}
.ps1-product-2-section .product-2-cm-container>span>div:nth-child(2n) .ps1-product-2-listing .reverse{
display:flex;
display:-webkit-flex;
flex-direction:row-reverse;
-webkit-flex-direction:row-reverse;
}
.ps1-product-2-section .product-2-cm-container>span>div:nth-child(2n) .ps1-product-2-listing{
background: #f5f7fa ;
}
body .ps1-product-2-section .ps1-product-2-listing .span6{
margin:0;
width:50%;
padding:100px 40px;
position:relative;
z-index:4;
}
body .ps1-product-2-section .ps1-product-2-listing .text-container:before{
position: absolute;
content: '';
top: 0;
left: 0;
right: -107px;
bottom: 0;
background: white;
z-index: -1;
transform: skew(-20deg);
}
.ps1-product-2-section .product-2-cm-container>span>div:nth-child(2n) .text-container:before{
right: 0;
left: -107px;
background: #f5f7fa ;
}
body .ps1-product-2-section .ps1-product-2-listing .image-container{
position: absolute;
right: 0;
top: 0;
bottom: 0;
z-index:2;
}
.ps1-product-2-section .product-2-cm-container>span>div:nth-child(2n) .image-container{
right: auto;
left: 0;
}
@media (max-width:1024px){
body .ps1-product-2-section .ps1-product-2-listing .span6 {
padding: 80px 20px;
}
}
@media (max-width:767px){
body .ps1-product-2-section .ps1-product-2-listing .span6 {
position: relative;
width: 100%;
padding:80px 20px;
}
.ps1-product-2-section .ps1-product-2-listing {
padding: 40px 0;
}
body .ps1-product-2-section .ps1-product-2-listing .text-container{
padding:20px 0;
}
.ps1-product-2-section .product-2-cm-container>span>div:nth-child(2n) .ps1-product-2-listing .reverse {
display: block;
}
body .row-fluid .ps1-product-2-section .product-2-cm-container>span>div .ps1-product-2-listing .reverse {
display: flex;
display: -webkit-flex;
flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
}
body .ps1-product-2-section .ps1-product-2-listing .text-container:before{
display:none;
}
}
/*****************************************************************************************
********************************** Event Page 2 ***************************************
****************************************************************************************/
.ps1-event-2-section-1 .ps1-event-listing{
}
.ps1-event-2-section-1 .ps1-event-2-listing{
position:relative;
}
.ps1-event-2-section-1 .event-2-cm-container>span>div:nth-child(2n) .ps1-event-2-listing .reverse{
display:flex;
display:-webkit-flex;
flex-direction:row-reverse;
-webkit-flex-direction:row-reverse;
}
.ps1-event-2-section-1 .event-2-cm-container>span>div:nth-child(2n) .ps1-event-2-listing{
background: #f5f7fa ;
}
body .ps1-event-2-section-1 .ps1-event-2-listing .span6{
margin:0;
width:50%;
padding:100px 0;
position:relative;
z-index:4;
}
body .ps1-event-2-section-1 .ps1-event-2-listing .text-container:before{
position: absolute;
content: '';
top: 0;
left: 0;
right: -94px;
bottom: 0;
background: white;
z-index: -1;
transform: skew(-20deg);
}
.ps1-event-2-section-1 .event-2-cm-container>span>div:nth-child(2n) .text-container:before{
right: 0;
left: -94px;
background: #f5f7fa ;
}
body .ps1-event-2-section-1 .ps1-event-2-listing .text-container{
padding-right:10%;
}
.ps1-event-2-section-1 .event-2-cm-container>span>div:nth-child(2n) .text-container{
padding-right:0;
padding-left:10%;
}
body .ps1-event-2-section-1 .ps1-event-2-listing .image-container{
position: absolute;
right: 0;
top: 0;
bottom: 0;
z-index:2;
}
.ps1-event-2-section-1 .event-2-cm-container>span>div:nth-child(2n) .image-container{
right: auto;
left: 0;
}
@media (max-width:1024px){
body .ps1-event-2-section-1 .ps1-event-2-listing .span6 {
padding: 80px 20px;
}
.ps1-event-2-section-1 .event-2-cm-container>span>div:nth-child(2n) .text-container:before {
left: -101px;
}
}
@media (max-width:767px){
body .ps1-event-2-section-1 .ps1-event-2-listing .span6 {
position: relative;
width: 100%;
padding:80px 20px;
}
.ps1-event-2-section-1 .ps1-event-2-listing {
padding: 40px 0;
}
body .ps1-event-2-section-1 .ps1-event-2-listing .text-container{
padding:20px 0;
}
.ps1-event-2-section-1 .event-2-cm-container>span>div:nth-child(2n) .ps1-event-2-listing .reverse {
display: block;
}
body .row-fluid .ps1-event-2-section-1 .event-2-cm-container>span>div .ps1-event-2-listing .reverse {
display: flex;
display: -webkit-flex;
flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
}
body .ps1-event-2-section-1 .ps1-event-2-listing .text-container:before{
display:none;
}
.ps1-event-2-section-1 .event-2-cm-container>span>div:nth-child(2n) .text-container{
padding:0;
padding-top:20px;
}
}
/*********************************** About Event ********************************/
.ps1-event-2-about-event{
}
body .row-fluid .ps1-event-2-about-event .wrapper{
max-width: 880px;
}
.ps1-event-2-about-event .column{
padding: 40px;
margin-top: 50px;
background: #fff;
border: 1px solid #000;
}
.ps1-event-2-about-event .column .icon .fa{
font-size: 46px;
margin-bottom: 20px;
color: #c1c1c1;
}
@media (max-width:1024px){
}
@media (max-width:767px){
.ps1-event-2-about-event .column {
padding: 20px;
margin-top: 20px;
}
}
/*********************************** Hero Section ********************************/
body .body-container-wrapper .row-fluid .ps1-event-2-hero {
height: calc(100vh - 28px);
padding: 200px 0 100px;
display: flex;
display: -webkit-flex;
-webkit-flex-direction: column;
flex-direction: column;
justify-content: center;
-webkit-justify-content: center;
justify-content: center;
}
.ps1-event-2-hero .heading p{
font-size: 20px;
}
.ps1-event-2-hero .cta{
margin-top:50px;
}
.ps1-event-2-hero .cta a.cta_button[title]{
background: #377c32;
border-color: #377c32;
color:#fff;
}
.ps1-event-2-hero .cta a.cta_button[title]:hover{
color:#000;
}
.ps1-event-2-hero .event-2-timer-cm .cont{
font-size: 80px;
display: inline-block;
line-height: 1;
padding: 20px;
font-weight: 500;
letter-spacing: 0px;
margin: 0 30px;
}
.ps1-event-2-hero .event-2-timer-cm span {
display: block;
font-size: 16px;
margin-top: 6px;
font-weight: 300;
}
.ps1-event-2-hero .event-2-timer-cm{
margin-top:40px;
}
@media (max-width:1024px){
body .body-container-wrapper .row-fluid .ps1-event-2-hero {
height: auto;
padding: 120px 0 80px;
}
.ps1-event-2-hero .event-2-timer-cm .cont {
font-size: 50px;
margin: 0 10px;
}
}
@media (max-width:767px){
.ps1-event-2-hero .event-2-timer-cm .cont {
font-size: 30px;
margin: 0 0px;
width: 50%;
box-sizing: border-box;
float: left;
}
.ps1-event-2-hero .cta {
margin-top: 20px;
}
body .body-container-wrapper .row-fluid .ps1-event-2-hero {
padding: 110px 0 40px;
}
}
/*********************************** Our Pricing Section ********************************/
.ps1-event-2-pricing{
}
.ps1-event-2-pricing .column{
background: #fff;
padding: 40px 34px;
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
}
.ps1-event-2-pricing .standard{
background:#49aa43;
}
.ps1-event-2-pricing .column .feature-column{
border-top: 1px solid #eaeaea;
margin-top: 30px;
margin-bottom:14px;
}
@media (max-width:1024px){
.ps1-event-2-pricing .column {
padding: 30px 20px;
}
.ps1-event-2-pricing .column .feature-column {
margin-top: 16px;
margin-bottom: 4px;
}
}
@media (max-width:767px){
.ps1-event-2-pricing .column {
padding: 30px 20px;
margin: 20px 0;
}
}
/***********************************Tabber Section ********************************/
.ps1-event-2-tabber #filter-select{
list-style:none;
}
.ps1-event-2-tabber #filter-select li{
display: inline-block;
float: left;
padding: 20px 45px;
background: transparent;
margin-left: 0;
line-height: initial;
border-top:3px solid transparent;
border-right:1px solid transparent;
border-left:1px solid transparent;
cursor:pointer;
text-align:center;
position: relative;
bottom: -1px;
z-index: 4;
}
.ps1-event-2-tabber #filter-select li.active{
border-top:3px solid #49aa43;
background: #fff;
border-right: 1px solid #e7e7e7;
border-left: 1px solid #e7e7e7;
}
.ps1-event-2-tabber .popup-content{
background:#fff;
border: 1px solid #e7e7e7;
padding:40px;
box-shadow: 0 0 100px rgba(0, 0, 0, .1);
}
.ps1-event-2-tabber #filter-select li h2{
font-size:34px;
}
.ps1-event-2-tabber .table{
text-align: left;
border-collapse: collapse;
}
.ps1-event-2-tabber .table thead tr th{
background: #f5f7fa;
}
.ps1-event-2-tabber .table tr th{
padding: 15px 20px;
border: 1px solid #e7e7e7;
}
@media (max-width:1024px){
.ps1-event-2-tabber #filter-select li h2 {
font-size: 26px;
}
.ps1-event-2-tabber #filter-select li {
display: inline-block;
padding: 15px 28px;
}
}
@media (max-width:767px){
.ps1-event-2-tabber #filter-select li h2 {
font-size: 22px;
}
.ps1-event-2-tabber #filter-select li {
padding: 15px 18px;
}
body .container-fluid .row-fluid .popup-content {
overflow-x: scroll;
}
}
/*****************************************************************************************
********************************** Contact Us 2 ***************************************
****************************************************************************************/
.ps1-contact-2-section-1{
position:relative;
z-index:2;
}
body .row-fluid .ps1-contact-2-section-1 .heading{
background: #49aa43;
padding: 20px 20px;
}
body .row-fluid .ps1-contact-2-section-1 .form-container {
width: 100%;
max-width: 460px;
float: right;
margin-top: -350px;
}
body .row-fluid .ps1-contact-2-section-1 .form-inner-container {
background: #fff;
padding: 40px 40px 40px;
border:1px solid #e7e7e7;
}
.ps1-contact-2-section-1 .social-icons {
margin-top: 40px;
text-align:center;
}
.ps1-contact-2-section-1 .social-icons ul li {
display: inline-block;
}
.ps1-contact-2-section-1 .social-icons ul li a {
display: inline-block;
margin:0 6px;
font-size: 18px;
width: 40px;
height: 40px;
line-height: 40px;
border: 1px solid #49aa43;
text-align: center;
border-radius: 50%;
}
.ps1-contact-2-section-1{
padding-bottom:100px;
}
.ps1-contact-2-section-1 .left-col{
padding-top:90px;
}
.ps1-contact-2-section-1 .left-col .address{
border-bottom: 1px solid #e7e7e7;
margin-top: 30px;
padding-bottom: 15px;
}
@media (max-width:1024px){
body .row-fluid .ps1-contact-2-section-1 .form-inner-container {
padding: 10px 20px 40px;
}
.ps1-contact-2-section-1 .social-icons ul li a {
margin: 0 3px;
font-size: 12px;
width: 26px;
height: 26px;
line-height: 30px;
}
.ps1-contact-2-section-1 .left-col {
padding-top: 50px;
}
}
@media (max-width:767px){
body .row-fluid .ps1-contact-2-section-1 .form-container {
margin-top: 50px;
}
.ps1-contact-2-section-1 .left-col {
padding-top: 0px;
}
.ps1-contact-2-section-1 {
padding-bottom: 50px;
}
}
/*****************************************************************************************
********************************** Partner Page 1 ***************************************
****************************************************************************************/
.ps1-partner-1-section-1{
}
body .row-fluid .ps1-partner-1-section-1 .partner-logo-cm-container>span>div {
background: #fff;
padding: 20px 0 40px;
height: 220px;
display: flex;
display: -webkit-flex;
-webkit-flex-direction: column;
-webkit-justify-content: center;
-webkit-align-items: center;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
transition: all .15s ease;
filter: grayscale(1);
border: 1px solid #e7e7e7;
}
body .row-fluid .ps1-partner-1-section-1 .partner-logo-cm-container>span>div:hover {
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
filter: grayscale(0);
}
.ps1-partner-1-section-1 .ps1-partner-1-cm .button-link:before {
position: absolute;
content: '';
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 4;
}
.ps1-partner-1-section-1 .ps1-partner-1-cm.no-link .button-link:before {
display:none;
}
@media (max-width:1024px){
body .row-fluid .ps1-partner-1-section-1 .partner-logo-cm-container>span>div {
height: 170px;
margin-top:20px;
}
}
@media (max-width:767px){
}
/*****************************************************************************************
********************************** Partner Page 2 ***************************************
****************************************************************************************/
body .row-fluid .ps1-partner-2-section-1 .wrapper{
max-width:900px;
}
@media (max-width:1024px){
}
@media (max-width:767px){
}
/*****************************************************************************************
************************************ PRODUCT SINGLE 1 ************************************
****************************************************************************************/
.ps1-features-three-col{
}
body .ps1-features-three-col .feature-cm{
margin:18px 0;
}
body .ps1-features-three-col .feature-cm .fa{
font-size:36px;
}
@media (max-width:1024px){
}
@media (max-width:767px){
}
/*****************************************************************************************
************************************ PRODUCT SINGLE 2 ************************************
****************************************************************************************/
.ps1-product-single-2{
overflow:hidden;
position:relative;
z-index:1;
}
.ps1-product-single-2:before{
position: absolute;
content: '';
top: -20%;
right: -9%;
bottom: -40%;
background: #49aa43;
z-index: -1;
width: 62%;
transform: rotate(18deg);
}
body .row-fluid .ps1-product-single-2 .container{
width: 100%;
max-width: 450px;
float: right;
}
@media (max-width:1024px){
body .row-fluid .ps1-product-single-2 .container {
width: 100%;
max-width: 290px;
}
}
@media (max-width:767px){
body .row-fluid .ps1-product-single-2 .container {
background: #49aa43;
padding: 30px 20px 20px;
float:none;
margin-left: auto;
margin-right: auto;
}
.ps1-product-single-2:before{
display:none;
}
}
/*****************************************************************************************
************************************ FAQ PAGE 1 ************************************
****************************************************************************************/
.ps1-faq-1-section-1 .right-col>span>div:first-child .accordion_group{
border-top:0;
}
body .row-fluid .ps1-faq-1-section-1 .faq-container{
padding: 40px 60px;
margin: 20px 0;
background: #f5f7fa ;
transition:all .15s ease-in-out;
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
}
body .row-fluid .ps1-faq-1-section-1 .left-col{
margin-top:20px;
}
@media (max-width:1024px){
body .row-fluid .ps1-faq-1-section-1 .faq-container {
padding: 20px 40px;
}
}
@media (max-width:767px){
body .row-fluid .ps1-faq-1-section-1 .faq-container {
padding: 0px 20px;
margin: 15px 0;
}
}
/*************************************************
****************Testimonial PAGE 1***************
*************************************************/
.team-1-hero-99 {
padding: 125px 0;
}
.row-fluid .team-1-hero-99 .wrapper {
max-width: 984px;
}
.ps1-testimonial-1-cm-container{
padding:20px 0;
}
.ps1-testimonial-1-cm-container .ps1-testimonial-cm .heading{
margin-bottom: 30px;
position: relative;
padding-bottom: 20px;
}
.ps1-testimonial-1-cm-container .ps1-testimonial-cm .heading:before{
position: absolute;
content: '';
bottom: 0;
left: 0;
width: 50px;
height: 4px;
background: #49aa43;
border-radius: 100px;
}
.ps1-testimonial-1-cm-container .ps1-testimonial-cm{
overflow:hidden;
}
.ps1-testimonial-1-cm-container .ps1-testimonial-cm .text-container{
position:relative;
z-index:1;
padding:40px 80px 40px 0;
}
.ps1-testimonial-1-cm-container .ps1-testimonial-cm .text-container:before{
position: absolute;
z-index: -1;
content: '';
top: -30px;
left: -150%;
right: 0;
bottom: -20px;
background: #f5f7fa ;
}
.ps1-testimonial-1-cm-container>span>.hs_cos_wrapper:nth-child(2n) .ps1-testimonial-cm .text-container{
padding:40px 0 40px 80px;
}
.ps1-testimonial-1-cm-container>span>.hs_cos_wrapper:nth-child(2n) .ps1-testimonial-cm .text-container:before{
left: 0;
right: -150%;
}
.ps1-testimonial-1-cm-container .ps1-testimonial-cm .image-container{
padding:0 40px;
}
.ps1-testimonial-1-cm-container>span>.hs_cos_wrapper:nth-child(2n) .ps1-testimonial-cm .wrapper .row-fluid{
flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
}
@media (max-width:1024px){
.ps1-testimonial-1-cm-container .ps1-testimonial-cm .image-container {
padding:0 20px;
}
.ps1-testimonial-1-cm-container .ps1-testimonial-cm .text-container {
padding: 30px 50px 30px 0;
}
.ps1-testimonial-1-cm-container>span>.hs_cos_wrapper:nth-child(2n) .ps1-testimonial-cm .text-container {
padding: 30px 0 30px 50px;
}
}
@media (max-width:767px){
.team-1-hero-99 {
padding: 70px 0 50px;
}
.ps1-testimonial-1-cm-container .ps1-testimonial-cm .text-container {
padding: 20px;
}
.ps1-testimonial-1-cm-container>span>.hs_cos_wrapper:nth-child(2n) .ps1-testimonial-cm .text-container {
padding: 20px;
}
.ps1-testimonial-1-cm-container .ps1-testimonial-cm .heading h2 {
font-size: 22px;
}
.ps1-testimonial-1-cm-container .ps1-testimonial-cm .heading h3 {
font-size: 16px;
}
.ps1-testimonial-1-cm-container .ps1-testimonial-cm .text-container:before,
.ps1-testimonial-1-cm-container>span>.hs_cos_wrapper:nth-child(2n) .ps1-testimonial-cm .text-container:before{
position: absolute;
z-index: -1;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.ps1-testimonial-1-cm-container>span>.hs_cos_wrapper:nth-child(2n) .ps1-testimonial-cm .wrapper .row-fluid {
flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
}
.ps1-testimonial-1-cm-container .ps1-testimonial-cm .wrapper .row-fluid{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
}
.ps1-testimonial-1-cm-container .ps1-testimonial-cm .image-container {
margin-bottom:30px;
}
}
/*************************************************
****************Testimonial PAGE 2***************
*************************************************/
.ps1-testimonial-2-section-1{
}
.ps1-testimonial-2-section-1 .testimonial-container>span>div{
padding: 30px 0 20px;
background: #f5f7fa ;
transition: all .6s ease-in-out;
border: 1px solid #e7e7e7;
transition: all .15s ease;
}
.ps1-testimonial-2-section-1 .testimonial-container .home-testimonial-slider{
padding:0 30px;
}
.ps1-testimonial-2-section-1 .testimonial-container>span>div:hover{
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
}
.ps1-testimonial-2-section-1 .testi-logo {
width: 100%;
max-width: 200px;
margin: 0 auto 20px;
}
.ps1-testimonial-2-section-1 .testimony-image {
width: 54px;
height: 54px;
border-radius: 50%;
overflow: hidden;
float: right;
margin-top: -2px;
}
@media (max-width:1024px){
}
@media (max-width:767px){
body .row-fluid .ps1-testimonial-2-section-1 .testimonial-container>span>div {
padding: 20px 0 15px;
margin:20px 0 0;
}
.ps1-testimonial-2-section-1 .testimonial-container .home-testimonial-slider {
padding: 0 20px;
}
.ps1-testimonial-2-section-1 .testimonial-container .testimony-image {
margin-top: 0;
margin: 0 auto;
float: none;
margin-bottom: 10px;
}
}
/**********************************************************************************
*********************************** Coming Soon Page ********************************
*********************************************************************************/
body .body-container-wrapper .row-fluid .ps1-coming-soon-hero {
height: 100vh;
padding: 200px 0 100px;
display: flex;
display: -webkit-flex;
-webkit-flex-direction: column;
flex-direction: column;
justify-content: center;
-webkit-justify-content: center;
justify-content: center;
}
.ps1-coming-soon-hero .heading h1{
font-size: 100px;
border-bottom: 1px solid rgba(255, 255, 255, 0.28);
padding-bottom: 30px;
margin-bottom:110px;
display: inline-block;
}
.ps1-coming-soon-hero .heading p{
font-size: 30px;
font-weight: 300;
padding-bottom: 20px;
line-height:1.45;
}
.ps1-coming-soon-hero .event-2-timer-cm .cont{
font-size: 80px;
display: inline-block;
line-height: 1;
padding: 20px;
font-weight: 500;
letter-spacing: 0px;
margin: 0 30px;
}
.ps1-coming-soon-hero .event-2-timer-cm span {
display: block;
font-size: 16px;
margin-top: 6px;
font-weight: 300;
}
.ps1-coming-soon-hero .event-2-timer-cm{
margin-top:0;
}
@media (max-width:1024px){
body .body-container-wrapper .row-fluid .ps1-coming-soon-hero {
height: auto;
padding: 120px 0 80px;
}
.ps1-coming-soon-hero .event-2-timer-cm .cont {
font-size: 50px;
margin: 0 10px;
}
.ps1-coming-soon-hero .heading h1 {
font-size: 80px;
margin-bottom: 90px;
display: inline-block;
}
.ps1-coming-soon-hero .heading p {
font-size: 22px;
padding-bottom: 0px;
}
}
@media (max-width:767px){
.ps1-coming-soon-hero .event-2-timer-cm .cont {
font-size: 30px;
margin: 0 0px;
width: 50%;
box-sizing: border-box;
float: left;
}
.ps1-coming-soon-hero .cta {
margin-top: 20px;
}
body .body-container-wrapper .row-fluid .ps1-coming-soon-hero {
padding: 110px 0 40px;
}
.ps1-coming-soon-hero .heading h1 {
font-size: 48px;
padding-bottom: 20px;
margin-bottom: 60px;
}
.ps1-coming-soon-hero .heading p {
font-size: 20px;
}
}
/**********************************************************************************
*********************************** Customer Page 2 *******************************
*********************************************************************************/
body .row-fluid .ps2-customer-2-section-1 .ps1-customer-2-cm-container>span>div {
background: #fff;
padding: 30px 0 40px;
border: 1px solid #e7e7e7;
transition: all .15s ease;
}
body .row-fluid .ps2-customer-2-section-1 .ps1-customer-2-cm-container>span>div:hover{
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
}
.ps2-customer-2-section-1 .ps1-customer-2-cm{
padding:0 20px;
}
.ps2-customer-2-section-1 .ps1-customer-2-cm .text-container{
margin-top: 26px;
border-top: 1px solid #e7e7e7;
padding-top: 20px;
}
.ps2-customer-2-section-1 .ps1-customer-2-cm .logo{
width: 100%;
max-width: 200px;
margin: 0 auto!important;
float: none;
}
.ps2-customer-2-section-1 .ps1-customer-2-cm .button-link:before {
position: absolute;
content: '';
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 4;
}
@media (max-width:1024px){
}
@media (max-width:767px){
}
/**********************************************************************************
*********************************** Contact Page 3 *******************************
*********************************************************************************/
.ps1-contact-3-section-1 .heading{
margin-bottom:18px;
}
.ps1-contact-3-section-1 .ps1-contact-us-two-col-cm{
margin:15px 0;
}
.ps1-contact-3-section-1 .address-container{
margin-top: 36px;
margin-bottom:20px;
border-top: 1px solid #e7e7e7;
padding-top: 30px;
border-bottom: 1px solid #E7E7E6;
padding-bottom: 25px;
}
.ps1-contact-3-section-1 .ps1-contact-us-two-col-cm .fa{
font-size: 34px;
text-align: center;
display: block;
color:#49aa43;
}
.ps1-contact-3-section-1 .social-icons ul li {
display: inline-block;
}
.ps1-contact-3-section-1 .social-icons ul li a {
display: inline-block;
margin-right: 12px;
font-size: 18px;
width: 40px;
height: 40px;
line-height: 40px;
border: 1px solid #49aa43;
text-align: center;
border-radius: 50%;
}
.ps1-contact-3-section-1 .right-col .form-container{
padding: 30px 40px 40px;
background: #f5f7fa ;
border:2px solid #000;
margin-top:36px;
}
@media (max-width:1024px){
.ps1-contact-3-section-1 .social-icons ul li a {
margin-right: 5px;
font-size: 15px;
width: 28px;
height: 28px;
line-height: 28px;
}
.ps1-contact-3-section-1 .address-container {
margin-top: 16px;
margin-bottom: 20px;
padding-top: 22px;
padding-bottom: 4px;
}
.ps1-contact-3-section-1 .right-col .form-container {
padding: 20px 40px 40px;
}
.ps1-contact-3-section-1 .right-col .form-container {
padding: 10px 20px 20px;
margin-top: 16px;
}
}
@media (max-width:767px){
.ps1-contact-3-section-1 .ps1-contact-us-two-col-cm .fa {
text-align: left;
margin-bottom: 10px;
}
}
/**********************************************************************************
*********************************** Contact Page 4 *******************************
*********************************************************************************/
.ps1-contact-4-hero{
padding-bottom:200px;
}
.ps1-contact-4-section-1{
position:relative;
z-index:2;
padding-bottom:90px;
}
body .row-fluid .ps1-contact-4-section-1 .wrapper{
margin-top:-100px;
}
.ps1-contact-4-section-1 .fa{
font-size: 76px;
margin-bottom: 20px;
color: #000;
}
.row-fluid .ps1-contact-4-section-1 .column{
border: 1px solid #e7e7e7;
background: #f5f7fa ;
padding: 50px;
}
@media (max-width:1024px){
.row-fluid .ps1-contact-4-section-1 .column {
padding: 30px;
}
.ps1-contact-4-hero {
padding-bottom: 170px;
}
.ps1-contact-4-section-1 {
padding-bottom: 60px;
}
}
@media (max-width:767px){
.row-fluid .ps1-contact-4-section-1 .column {
padding: 20px;
margin-top:20px;
}
.ps1-contact-4-section-1 {
padding-bottom: 50px;
}
.ps1-contact-4-section-1 .fa {
font-size: 56px;
}
.ps1-contact-4-hero {
padding-bottom: 130px;
}
}
/*******************Form Section***************************/
body .row-fluid .ps1-contact-4-form-section .form-container{
width: 100%;
max-width: 720px;
margin: 0 auto;
float: none;
background: #fff;
padding: 70px;
border:2px solid #000;
}
.ps1-contact-4-form-section .heading{
margin-bottom:20px;
}
@media (max-width:1024px){
}
@media (max-width:767px){
body .row-fluid .ps1-contact-4-form-section .form-container {
padding: 20px;
}
}
/****************** Opffice Locations *****************************/
.ps1-contact-4-office-location{
}
.ps1-contact-4-office-location .office-address-cm-container>span>div{
border:1px solid #e7e7e7;
background: #f5f7fa ;
transition:all .15s ease-in-out
}
.ps1-contact-4-office-location .office-address-cm-container>span>div:hover{
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
}
.ps1-contact-4-office-location .ps1-contact-4-addredd-cm .image-container{
height:190px;
}
.ps1-contact-4-office-location .ps1-contact-4-addredd-cm .text-container{
padding:16px 20px;
}
@media (max-width:1024px){
.ps1-contact-4-office-location .ps1-contact-4-addredd-cm .image-container {
height: 160px;
}
}
@media (max-width:767px){
.ps1-contact-4-office-location .ps1-contact-4-addredd-cm .image-container {
height: 150px;
}
}
/**********************************************************************************
***********************************Partners Page 1 *******************************
*********************************************************************************/
.ps1-partners-2-two-col .ps1-partners-2-cm{
border-bottom: 1px solid #e7e7e7;
padding: 50px 0;
}
.ps1-partners-2-two-col .partner-cm-container>span>div:last-child .ps1-partners-2-cm{
padding-bottom:0;
border-bottom:0;
}
@media (max-width:1024px){
}
@media (max-width:767px){
.ps1-partners-2-two-col .ps1-partners-2-cm .logo{
width:100%;
max-width:220px;
}
.ps1-partners-2-two-col .ps1-partners-2-cm {
padding: 30px 0;
}
}
/**********************************************************************************
***********************************Success Stories Single *******************************
*********************************************************************************/
.ps1-success-story-single-1-two-col{
padding:60px 0;
}
.ps1-success-story-single-1-two-col .ps1-success-stories-1-cm{
margin:30px 0;
}
.ps1-success-story-single-1-two-col .ps1-success-stories-1-cm .heading{
border-bottom: 1px solid #e7e7e7;
}
.ps1-success-stories-1-testimonial{
}
@media (max-width:1024px){
}
@media (max-width:767px){
.ps1-success-story-single-1-two-col {
padding: 30px 0;
}
.ps1-success-story-single-1-two-col .ps1-success-stories-1-cm {
margin: 10px 0;
}
}
/**********************************************************************************
***********************************Success Stories Page 1 ************************
*********************************************************************************/
.ps1-success-story-1-section-1 .two-col-adjust .image-container{
height:250px;
margin-bottom:20px;
position:relative;
overflow:hidden;
}
.ps1-success-story-1-section-1 .three-col-adjust .image-container{
height:200px;
margin-bottom:20px;
position:relative;
overflow:hidden;
}
.ps1-success-story-1-section-1 .ps1-success-stories-2-cm .background-image{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
transition:all .6s ease-in-out ;
}
.ps1-success-story-1-section-1 .ps1-success-stories-2-cm:hover .background-image{
transform:scale(1.12);
}
.ps1-success-story-1-section-1 .two-col-adjust .ps1-success-stories-2-cm{
padding:0 20px;
}
.ps1-success-story-1-section-1 .ps1-success-stories-2-cm .more-link:before {
position: absolute;
content: '';
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 4;
}
@media (max-width:1024px){
.ps1-success-story-1-section-1 .two-col-adjust .ps1-success-stories-2-cm {
padding: 0 10px;
}
.ps1-success-story-1-section-1 .two-col-adjust .image-container {
height: 200px;
}
.ps1-success-story-1-section-1 .three-col-adjust .image-container {
height: 160px;
}
}
@media (max-width:767px){
.ps1-success-story-1-section-1 .two-col-adjust .ps1-success-stories-2-cm {
padding: 0 ;
}
}
/**********************************************************************************
*********************************** Refer A Friend Page ************************
*********************************************************************************/
.ps1-refer-friend-1-section-1 .invite-by-link h5{
display: block;
border: 1px solid #e7e7e7;
background: #fff;
padding: 16px;
margin-bottom: 40px;
font-size: 14px;
font-weight: 400;
color: #49aa43;
font-family: monospace;
}
.ps1-refer-friend-1-section-1 .invite-by-social .fa {
font-size: 20px;
margin-right: 20px;
}
.ps1-refer-friend-1-section-1 .right-col .text-container{
padding: 40px;
background: #fff;
border:2px solid #000;
}
@media (max-width:1024px){
}
@media (max-width:767px){
.ps1-refer-friend-1-section-1 .right-col .text-container {
padding: 30px 20px;
}
}
/**********************************************************************************
*********************************** Reques a Demo 1******************************
*********************************************************************************/
.ps1-request-1-demo-section-1 .form-container{
padding: 40px;
border:2px solid #000;
}
.ps1-request-1-demo-section-1 .privacy-text{
margin-top:20px;
}
@media (max-width:1024px){
.ps1-request-1-demo-section-1 .form-container {
padding: 40px 30px;
}
}
@media (max-width:767px){
.ps1-request-1-demo-section-1 .form-container {
padding: 30px 20px;
margin-top:30px;
}
}
/**********************************************************************************
*********************************** Reques a Demo 2******************************
*********************************************************************************/
body .row-fluid .ps1-request-2-demo-section-1 .wrapper{
max-width:860px;
}
.ps1-request-2-demo-section-1 .heading{
text-align:center;
}
.ps1-request-2-demo-section-1 .privacy-text{
margin-top:30px;
}
body .row-fluid .ps1-request-2-demo-section-1 .form-container{
border: 2px solid #000;
padding: 50px 60px;
width: 100%;
max-width: 710px;
float: none;
background:#fff;
margin: 60px auto 0;
}
@media (max-width:1024px){
}
@media (max-width:767px){
body .row-fluid .ps1-request-2-demo-section-1 .form-container {
padding: 10px 20px;
margin: 30px auto 0;
}
}
/**********************************************************************************
*********************************** Webinars 1 ******************************
*********************************************************************************/
.ps1-webinars-1-section-1 .form-container{
padding: 40px;
border:2px solid #000;
}
.ps1-webinars-1-section-1 .ps1-webinar-1-cm .image{
width: 140px;
height: 140px;
border-radius: 50%;
margin: 0 auto;
float: none;
}
.ps1-webinars-1-section-1 .ps1-webinar-1-cm{
margin-top: 40px;
}
@media (max-width:1024px){
.ps1-webinars-1-section-1 .form-container {
padding: 40px 30px;
}
.ps1-webinars-1-section-1 .ps1-webinar-1-cm .image {
width: 100px;
height: 100px;
margin-left: 0;
}
.ps1-webinars-1-section-1 .ps1-webinar-1-cm {
margin-top: 20px;
}
}
@media (max-width:767px){
.ps1-request-1-demo-section-1 .form-container {
padding: 30px 20px;
margin-top:30px;
}
}
/**********************************************************************************
*********************************** Webinar Page 2 ********************************
*********************************************************************************/
body .body-container-wrapper .row-fluid .ps1-webinar-2-hero {
padding: 200px 0 80px;
position:relative;
margin-bottom:40px;
}
body .row-fluid .ps1-webinar-2-hero .bottom-cta{
position: absolute;
bottom: -25px;
left: 20px;
right: 20px;
}
.ps1-webinar-2-hero .heading h1{
font-size: 54px;
display: inline-block;
margin:0 0 6px;
}
.ps1-webinar-2-hero .heading p{
font-size: 20px;
font-weight: 400;
padding-bottom: 60px;
line-height: 1.45;
position: relative;
margin-bottom: 40px;
}
.ps1-webinar-2-hero .heading p:before{
position: absolute;
content: '';
bottom: 0;
left: 0;
right: 0;
width: 180px;
height: 5px;
background: #49aa43;
margin: 0 auto;
border-radius: 10px;
}
.ps1-webinar-2-hero .event-2-timer-cm .cont {
font-size: 46px;
display: inline-block;
line-height: 1;
padding: 20px 40px;
font-weight: 600;
letter-spacing: 0;
margin: 0 -10px;
text-align: center;
}
.ps1-webinar-2-hero .event-2-timer-cm span {
display: block;
font-size: 15px;
margin-top: 6px;
font-weight: 300;
}
.ps1-webinar-2-hero .event-2-timer-cm{
margin-top:0;
text-align:center;
}
@media (max-width:1024px){
body .body-container-wrapper .row-fluid .ps1-webinar-2-hero {
height: auto;
padding: 120px 0 80px;
}
.ps1-webinar-2-hero .event-2-timer-cm .cont {
font-size: 50px;
margin: 0 10px;
}
.ps1-webinar-2-hero .heading h1 {
font-size: 38px;
}
.ps1-webinar-2-hero .heading p {
padding-bottom: 46px;
}
}
@media (max-width:767px){
.ps1-webinar-2-hero .event-2-timer-cm .cont {
font-size: 30px;
margin: 0 0px;
width: 50%;
box-sizing: border-box;
float: left;
}
.ps1-webinar-2-hero .cta {
margin-top: 20px;
}
body .body-container-wrapper .row-fluid .ps1-webinar-2-hero {
padding: 110px 0 80px;
}
.ps1-webinar-2-hero .heading h1 {
font-size: 26px;
}
.ps1-webinar-2-hero .heading p {
font-size: 16px;
}
}
/****************************** Webinars Section ************************************/
.ps1-webinar-2-section-2 .ps1-webinar-2-cm .heading{
margin-bottom:70px;
}
.ps1-webinar-2-section-2 .ps1-webinar-2-cm .speaker-image{
width: 100%;
height: 320px;
margin-bottom: 20px;
position:relative;
}
.ps1-webinar-2-section-2 .ps1-webinar-2-cm .speaker-image:before{
position: absolute;
content: '';
left: 15px;
right: 15px;
top: 15px;
bottom: 15px;
border: 1px solid #fff;
}
.ps1-webinar-2-section-2 .webinar-2-cm-container>span>div .ps1-webinar-2-cm{
background: #f5f7fa ;
}
.ps1-webinar-2-section-2 .webinar-2-cm-container>span>div:nth-child(2n) .ps1-webinar-2-cm{
background:#fff;
}
.ps1-webinar-2-section-2 .ps1-webinar-2-cm .date-container{
position:relative;
padding-bottom:20px;
}
.ps1-webinar-2-section-2 .ps1-webinar-2-cm .date-container:before{
position: absolute;
content: '';
left: 0;
width:120px;
bottom:0;
height:5px;
border-radius:4px;
background:#49aa43;
}
.ps1-webinar-2-section-2 .ps1-webinar-2-cm .date-container h4{
color: #858585;
font-weight: 300;
font-size: 30px;
}
@media (max-width:1024px){
.ps1-webinar-2-section-2 .ps1-webinar-2-cm .heading {
margin-bottom: 40px;
}
.ps1-webinar-2-section-2 .ps1-webinar-2-cm .date-container h4 {
font-size: 22px;
}
.ps1-webinar-2-section-2 .ps1-webinar-2-cm .date-container:before {
width: 90px;
}
.ps1-webinar-2-section-2 .ps1-webinar-2-cm .date-container {
padding-bottom: 15px;
}
.ps1-webinar-2-section-2 .ps1-webinar-2-cm .speaker-image {
height: 250px;
}
}
@media (max-width:767px){
.ps1-webinar-2-section-2 .ps1-webinar-2-cm .heading {
margin-bottom: 30px;
}
.ps1-webinar-2-section-2 .ps1-webinar-2-cm .date-container {
margin-bottom: 30px;
}
}
/**********************************************************************************
*********************************** Ebook Download 1 ********************************
*********************************************************************************/
.ps1-ebook-download-1-hero{
background:#49aa43;
}
.ps1-ebook-1-section-1 {
}
.ps1-ebook-1-section-1 .left-col{
}
.ps1-ebook-1-section-1 .form-container {
padding: 40px;
background:#fff;
border: 2px solid #000;
}
@media (max-width:1024px){
.ps1-ebook-1-section-1 .form-container {
padding: 40px 30px;
}
}
@media (max-width:767px){
.ps1-ebook-1-section-1 .form-container {
padding: 30px 20px;
margin-top: 30px;
}
}
/**********************************************************************************
*********************************** Ebook Download 2 ********************************
*********************************************************************************/
.ps1-ebook-download-2-hero .right-col .form-container{
background: #fff;
border: 2px solid #000;
padding: 40px;
}
body .row-fluid .ps1-ebbok-2-form-section .form-container {
background: #fff;
width: 100%;
max-width: 760px;
margin: 50px auto 30px;
border: 2px solid #000;
padding: 70px 90px;
float: none;
}
.ps1-ebbok-2-form-section .heading{
margin-bottom:20px;
}
@media (max-width:1024px){
}
@media (max-width:767px){
.ps1-ebook-download-2-hero .right-col .form-container{
padding: 20px;
}
body .row-fluid .ps1-ebbok-2-form-section .form-container {
margin: 0;
padding: 30px 20px;
}
}
/******************************************************************************************************
**************************************** Blog 1 Styling*************************************************
******************************************************************************************************/
/*=======================================================================
Blog Hero Styling
========================================================================*/
.vision-blog-1 .blog-hero-section{
padding-top: 160px;
}
.vision-blog-1 .blog-one-hero .wrapper{
position:relative;
z-index:3;
}
.vision-blog-1 .container-fluid .row-fluid .blog-hero-section .wrapper{
max-width:720px;
}
.vision-blog-1 .post-section-hero.all-text-white {
padding: 180px 0 90px;
position: relative;
z-index: 1;
}
.vision-blog-1 .blog-hero-section a.cta_button{
border: 2px solid #fff;
border-radius: 0;
background: transparent;
font-weight: 500;
font-size: 18px;
padding: 12px 24px;
}
.vision-blog-1 .post-section-hero:before{
content:"";
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background: rgba(0, 0, 0, 0.49);
z-index: 2;
}
.vision-blog-1 .post_featured_image {
position: absolute;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: block;
top: 0;
width: 100%;
height: 100%;
left: 0;
right: 0;
}
.vision-blog-1 ul.topic-list{
margin:0;
padding:0;
}
.vision-blog-1 .topic-list li{
list-style-type:none;
display:none;
margin: 0;
padding-bottom: 10px;
}
.vision-blog-1 .topic-list li:first-child{
display:inline-block;
}
.vision-blog-1 .topic-list li a{
font-size: 20px;
line-height: 30px;
}
.vision-blog-1 .post-section-hero p{
font-size: 20px;
max-width: 600px;
margin: 0 auto;
padding-bottom: 30px;
}
.vision-blog-1 .arrow-position{
position: relative;
top: -1px;
}
@media(max-width:1024px){
.vision-blog-1 .blog-hero-section{
padding-top: 110px;
}
}
@media(max-width:767px){
.vision-blog-1 .section-padding {
padding: 124px 0 100px;
}
.vision-blog-1 .blog-hero-section{
padding: 100px 0 50px;
}
.vision-blog-1 .post-section-hero.all-text-white {
padding: 120px 0 50px;
}
}
/*===============================================================================
BLog Listing page styling
=================================================================================*/
@media (min-width: 768px){
.vision-blog-1 .post-listing {
margin: 0 -25px 0 0;
padding: 0;
//overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.vision-blog-1 .post-item {
float: left;
width: 44%;
display: block;
box-sizing: border-box;
margin: 0 0 25px 0;
list-style: none;
padding-bottom: 0;
margin-right: 5.561026%;
display: block;
box-sizing: border-box;
align-self: stretch;
transition:all ease-in-out .4s;
}
body.vision-blog-1 .container-fluid .row-fluid .blog-left-column{
width: 67.333%;
}
body.vision-blog-1 .container-fluid .row-fluid .sidebar-container{
width: 29%;
}
}
.vision-blog-1 .post-item:first-child{
width:100%;
}
.hs-blog-listing.vision-blog-1 .post-item:first-child .hs-featured-image-wrapper{
height:300px;
}
.vision-blog-1 ul.list-single-style,
.hs-blog-post.vision-blog-1 ul.list-single-style{
margin:0;
padding:0;
}
.hs-blog-post.vision-blog-1 .list-single-style li,
.vision-blog-1 .list-single-style li{
display:inline-block;
margin:0;
padding:0;
text-align: center;
margin-right: 17px;
}
.hs-blog-post.vision-blog-1 .list-single-style li{
margin-right:13px;
}
.vision-blog-1 .list-single-style li:last-child,
.hs-blog-post.vision-blog-1 .list-single-style li:last-child{
margin-right:0;
}
.vision-blog-1 .post-read span{
font-size: 13px;
line-height: 23px;
text-transform: capitalize;
color: #49aa43;
}
.vision-blog-1 a.more-link {
color: #fff;
text-transform: uppercase;
border: 1px solid #fff;
padding: 10px 17px;
font-size: 12px;
line-height: 22px;
border-left: none;
border-right: none;
}
.vision-blog-1 a.more-link span{
font-size: 21px;
margin-left: 5px;
position: relative;
top: 1px;
}
.vision-blog-1 .blog-one-hero a.more-link {
border-left:1px solid #fff;
border-right:1px solid #fff;
transition:all ease-in-out .4s;
}
.vision-blog-1 .blog-one-hero a.more-link:hover{
box-shadow: 0px 8px 20px 2px rgba(0, 0, 0, 0.32);
top: -5px;
background: #49aa43;
border-color:#49aa43;
}
.vision-blog-1 .show-on-hover{
opacity:0;
position:relative;
}
.vision-blog-1 .post-item:hover .show-on-hover{
opacity:1;
}
.vision-blog-1 .blog-body{
padding:75px 0;
}
.vision-blog-1 .post-item {
background: #fff;
margin-bottom: 50px;
overflow: hidden;
box-shadow: 0 10px 50px -5px rgba(0,0,0,.15);
}
.vision-blog-1 .padding-all-over{
padding:20px;
}
.vision-blog-1 .hs-featured-image-wrapper{
transition: all 5s cubic-bezier(0.5,0.51,1,1);
-webkit-transition: all 10s cubic-bezier(0.5,0.51,1,1);
position:relative;
height:194px;
}
.vision-blog-1 .anchor-bg{
display:block;
overflow:hidden;
}
.vision-blog-1 .post-item:hover .hs-featured-image-wrapper{
transform: scale(1.3);
}
.vision-blog-1 .on-hover{
opacity:0;
transition:all ease-in-out .4s;
position:relative;
z-index:2;
}
.vision-blog-1 .post-item:hover .on-hover{
opacity:1;
}
.vision-blog-1 .post-item h2,
.vision-blog-1 .post-item h2 a{
font-size: 21px;
line-height: 1.3;
color:#333;
transition:all ease-in-out .4s;
font-weight:bold;
letter-spacing:0;
}
.vision-blog-1 .post-item #hubspot-author_data {
font-size: 13px;
line-height: 23px;
margin-bottom: 0px;
transition:all ease-in-out .4s;
margin-top:15px;
}
.vision-blog-1 a.author-link {
color:;
pointer-events: none;
}
.vision-blog-1 span.date-row {
color: #49aa43;
font-size: 13px;
line-height: 23px;
text-transform: capitalize;
}
.vision-blog-1 span.date-row:hover {
color: #b9dcfa;
}
.vision-blog-1 .post-item h2 a:hover,
.vision-blog-1 a.author-link:hover{
color:#49aa43;
}
.vision-blog-1 .comment-row{
float:right;
}
.vision-blog-1 .author-row{
margin-right:5px;
color:#49aa43;
}
.vision-blog-1 span.author-row:hover {
color: rgba(24, 113, 201, 0.45);
}
.vision-blog-1 #hubspot-author_data i{
margin-right: 8px;
}
@media(max-width:1024px) and (min-width:768px){
.vision-blog-1 .hs-featured-image-wrapper{
height:150px;
}
.vision-blog-1 #hubspot-author_data i {
margin-right: 5px;
}
}
@media(max-width:767px){
.vision-blog-1 .hs-featured-image-wrapper{
height:167px;
}
body.vision-blog-1 ul.list-single-style,
body.hs-blog-post.vision-blog-1 ul.list-single-style{
margin:0;
}
.vision-blog-1 .comment-row,
.vision-blog-1 .date-row{
display:none;
}
}
/*====================================================================
Right Column Styling
======================================================================*/
body.vision-blog-1 .container-fluid .row-fluid .twitter-posts {
background-color: #fff;
margin-bottom: 30px;
padding: 15px;
border: 1px solid #eeeeee;
box-shadow: 1px 1px 5px #eeeeee;
height: 550px;
overflow: hidden;
overflow-y: scroll;
}
.vision-blog-1 .twitter-posts::-webkit-scrollbar {
width: 5px;
}
.vision-blog-1 .twitter-posts::-webkit-scrollbar-thumb {
background-color: #49aa43;
}
.vision-blog-1 .twitter-posts::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.vision-blog-1 .box-styling{
padding: 0;
margin-bottom: 30px;
}
.vision-blog-1 .box-styling h3{
color: rgb(255, 255, 255);
text-align: left;
bottom: -1px;
display: block;
font-weight: 500;
line-height: 17px;
position: relative;
text-transform: capitalize;
max-width: 135px;
font-size: 0.94em;
background:#49aa43;
padding: 6px 20px;
margin: 0px 0px 21px;
border-bottom: none;
}
/*.box-styling h3:before {
background:#49aa43 none repeat scroll 0 0;
bottom: -1px;
content: "";
height: 1px;
left: 0;
position: absolute;
width: 50%;
}*/
body.vision-blog-1 .container-fluid .row-fluid .subscribe-form .hs-button{
width: 100%;
margin-top: 5px;
}
.vision-blog-1 .body-container-wrapper .box-styling ul{
margin: 0px;
padding: 0px;
}
.vision-blog-1 .body-container-wrapper .box-styling ul li{
position: relative;
list-style-type: none;
margin-bottom: 8px;
font-size: 15px;
line-height: 1.5;
color: rgb(51, 51, 51);
letter-spacing: 0.5px;
font-weight: 300;
background-color: rgb(242, 245, 248);
margin-left: 0px;
padding: 10px;
border-radius: 8px;
transition: all 0.2s ease-in-out;
}
.vision-blog-1 .body-container-wrapper .box-styling ul li:last-child{
margin-bottom:0;
}
.vision-blog-1 .body-container-wrapper .box-styling ul li:hover {
box-shadow: 0 10px 50px -5px rgba(0,0,0,.15);
}
.vision-blog-1 .body-container-wrapper .box-styling ul li:before{
color: #333;
content: "\f105";
font-family: FontAwesome;
font-size: 18px;
left: -17px;
position: absolute;
top: 0px;
display:none;
}
.vision-blog-1 .body-container-wrapper .box-styling ul li a{
color:;
transition:all ease-in-out .4s;
}
.vision-blog-1 .body-container-wrapper .box-styling ul li:hover a{
color:#49aa43;
}
.vision-blog-1 .search-module{
border-radius:8px;
}
body.vision-blog-1 .container-fluid .row-fluid .search-module input{
margin: 0;
height: 50px;
background-color: #f2f5f8;
border: none;
border-radius: 8px;
}
.vision-blog-1 .box-styling.search-module:hover {
box-shadow: 0 10px 50px -5px rgba(0,0,0,.15);
}
.vision-blog-1 .search-module form{
position:relative;
}
body.vision-blog-1 .container-fluid .row-fluid .search-module .hs-button{
margin: 0;
background: transparent;
padding: 0;
top: 16px;
position: absolute;
right: 20px;
}
body.vision-blog-1 .container-fluid .row-fluid .search-module .hs-button:hover{
box-shadow:none;
}
@media(max-width:1024px) and (min-width:768px){
.vision-blog-1 .box-styling h3{
font-size: 18px;
line-height: 21px;
}
.hs-blog-listing.vision-blog-1 .blog-left-column {
width: 67.433%;
}
}
@media(max-width:767px){
.vision-blog-1 .box-styling h3{
line-height:28px;
}
}
/*=============================================================================
Blog Pagination Styling
================================================================================*/
.vision-blog-1 .page-numbers{
margin:80px 0 0;
padding:0;
text-align:center;
}
.vision-blog-1 .page-numbers li,
.vision-blog-1 .next-posts-link,
.vision-blog-1 .previous-posts-link{
list-style-type:none;
width: 35px;
height: 35px;
line-height: 35px;
display: inline-block;
font-size: 14px;
font-weight: 500;
margin: auto 5px;
border: 1px solid #ddd;
transition:all ease-in-out .4s;
text-align:center;
}
.vision-blog-1 .page-numbers li.current,
.vision-blog-1 .page-numbers li:hover,
.vision-blog-1 .previous-posts-link:hover,
.vision-blog-1 .next-posts-link:hover{
background: #49aa43;
border-color: #49aa43;
color: #fff;
}
.vision-blog-1 .page-numbers li.current a,
.vision-blog-1 .page-numbers li:hover a{
color:#fff;
}
@media(max-width:767px){
.vision-blog-1 .page-numbers li a{
position: relative;
top: 6px;
}
.vision-blog-1 .next-posts-link{
position: relative;
top: 5px;
}
}
/*=============== Single Post Page =======================*/
body.hs-blog-post.vision-blog-1 .blog-left-col{
width:100%;
}
body.hs-blog-listing.vision-blog-1 .hide-on-listing{
display:none;
}
body.hs-blog-post.vision-blog-1 .hide-on-post{
display:none;
}
.hs-blog-post.vision-blog-1 .row-fluid form .hs-button.primary{
//pointer-events:none
}
.hs-blog-post.vision-blog-1 .blog-main-container{
position:relative;
}
.hs-blog-post.vision-blog-1 .blog-main-container .sharing-icon {
position:absolute;
margin: 0;
margin-top: 85px;
top: 0;
width:40px;
left:-115px;
}
.hs-blog-post.vision-blog-1 blockquote {
margin: 0;
font-size: 24px;
padding-left: 17px;
border-left: 3px solid #49aa43;
margin-top: 45px;
margin-bottom: 40px;
letter-spacing: 0;
line-height: 31px;
color: #49aa43;
font-weight: 500;
padding: 15px 0 14px 30px;
width: auto;
margin-left: 0;
position: relative;
}
.hs-blog-post.vision-blog-1 .blog-main-container .sharing-icon li a {
color: #fff;
background: #49aa43;
width: 40px;
line-height: 40px;
display: block;
text-align: center;
border-radius: 50%;
margin-bottom: 0px;
}
.hs-blog-post.vision-blog-1 .blog-main-container .sharing-icon li {
font-size: 14px;
float: left;
margin-left: 10px;
margin-bottom:10px;
list-style-type:none;
}
.hs-blog-post.vision-blog-1 .post-listing-body {
padding: 50px 0 50px;
}
.hs-blog-post.vision-blog-1 .blog-section .post-header,
.hs-blog-post.vision-blog-1 .hs-blog-social-share{
display:none;
}
.hs-blog-post.vision-blog-1 .blog-section h4{
color:#616161;
font-size:26px;
line-height:36px;
font-weight:400;
font-family: 'Roboto', sans-serif;
margin-bottom:25px;
}
.hs-blog-post.vision-blog-1 .blog-section p{
color: #616161;
font-size: 19px;
line-height: 31px;
letter-spacing: 0;
}
.hs-blog-post.vision-blog-1 .blog-section h2{
font-size:28px;
line-height:51px;
font-weight:500;
letter-spacing:-1px;
margin: 25px 0px 10px;
color:#616161;
}
.hs-blog-post.vision-blog-1 .blog-section img{
margin: 40px auto 55px;
text-align: center;
float: none;
display: block;
}
.hs-blog-post.vision-blog-1 .blog-section iframe{
margin:14px 0 50px;
}
.hs-blog-post.vision-blog-1 .blog-section h3{
font-size:24px;
line-height:34px;
margin-bottom:0;
font-weight:500;
letter-spacing:-.9px;
color:#616161;
}
.hs-blog-post.vision-blog-1 .blog-section h6{
font-size:14px;
line-height:31px;
font-weight:700;
font-family: 'Roboto', sans-serif;
text-transform:uppercase;
margin:0;
color:#616161;
}
.hs-blog-post.vision-blog-1 .blog-section h6 .author-link{
font-size: 16px;
line-height: 26px;
font-weight: bold;
letter-spacing: 0.5px;
color: #49aa43;
}
.hs-blog-post.vision-blog-1 .blog-section h5{
font-size: 20px;
line-height: 29px;
font-weight: 400;
letter-spacing: 0;
font-family: 'Roboto', sans-serif;
width: 100%;
max-width: 690px;
margin: 45px auto;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
box-sizing: border-box;
padding: 30px 50px;
color:#616161;
}
.hs-blog-post.vision-blog-1 .section.post-body ol {
padding: 0;
text-decoration: none;
margin-bottom: 15px;
counter-reset: list-count;
list-style: none;
margin: 36px 0 30px 68px;
}
.hs-blog-post.vision-blog-1 .section.post-body li {
font-size: 19px;
line-height: 31px;
color: #616161;
letter-spacing: 0;
font-weight: 300;
position: relative;
margin-left: 20px;
margin-bottom: 15px;
}
.hs-blog-post.vision-blog-1 .section.post-body ul {
padding: 0;
text-decoration: none;
list-style: none;
margin: 40px 0;
margin-left: 34px;
}
.hs-blog-post.vision-blog-1 .section.post-body ul li:before {
position: absolute;
top: 12px;
left: -22px;
content: '';
width: 7px;
height: 7px;
background: #49aa43;
border-radius: 50%;
}
.hs-blog-post.vision-blog-1 .section.post-body ol li {
margin-bottom: 30px;
position:relative;
}
.hs-blog-post.vision-blog-1 .actions .captcha_wrapper{
display:none;
}
.hs-blog-post.vision-blog-1 .section.post-body ol li::before {
counter-increment: list-count;
content: counter(list-count);
position: absolute;
display:block;
left: -46px;
font-size: 20px;
background: #49aa43;
width: 30px;
text-align: center;
line-height: 30px;
color: #fff;
border-radius: 50%;
top: 1px;
}
.hs-blog-post.vision-blog-1 .blog-section hr{
border: 0;
margin: 60px 0;
border-bottom: 2px solid #979090;
}
.hs-blog-post.vision-blog-1 #hubspot-author_data{
//display: block;
//overflow: hidden;
border-top: 2px solid #e7e9ee;
margin-top: 60px;
padding-left: 0px;
padding-top: 52px;
}
.hs-blog-post.vision-blog-1 .post-item #hubspot-author_data{
padding:0;
margin-top:20px;
border-top:none;
}
/*.hs-blog-post .header-position{
background: #fff;
border: 1px solid #ddd;
}*/
.vision-blog-1 .post-listing-simple .header-position {
padding: 10px;
}
.vision-blog-1 .search-module #search_submit{
display:none;
}
.vision-blog-1 .row-fluid .search-module .hs-button {
margin: 0;
background: transparent;
padding: 0;
top: 16px;
position: absolute;
right: 20px;
border: 0;
box-shadow: none;
}
@media(min-width:768px){
.hs-blog-post.vision-blog-1 .post-item{
width: 31.2%;
margin-right: 23px;
}
}
.hs-blog-post.vision-blog-1 #hubspot-author_data .author-bio{
color:#616161;
font-size:16px;
line-height:26px;
}
.hs-blog-post.vision-blog-1 #hubspot-author_data .span2{
text-align: left;
padding-left:16px;
position:relative;
margin-top:8px;
}
.hs-blog-post.vision-blog-1 #hubspot-author_data .span10{
padding-left:16px;
}
.hs-blog-post.vision-blog-1 #hubspot-author_data .span2:before{
position:absolute;
content:'';
border-left:3px solid #49aa43;
top:0;
left:-12px;
bottom:0;
}
.hs-blog-post.vision-blog-1 #hubspot-author_data .span2 img{
width:100%;
max-width:100%;
margin:0;
}
.hs-blog-post.vision-blog-1 .all-post-top-cta{
margin-bottom:50px;
}
.hs-blog-post.vision-blog-1 .all-post-top-cta a{
font-size:19px;
line-height:25px;
font-weight:400;
padding-left:36px;
position:relative
}
.hs-blog-post.vision-blog-1 .all-post-top-cta a:before{
position: absolute;
left: 0;
width: 20px;
content: 'â†';
top: -2px;
}
.hs-blog-post.vision-blog-1 .row-fluid .post-bottom-cta .wrapper{
max-width:810px;
}
.hs-blog-post.vision-blog-1 .post-bottom-cta {
padding:40px 0 115px;
}
.hs-blog-post.vision-blog-1 .row-fluid .widget-type-blog_comments {
width: 100%;
max-width: 780px;
margin: 80px auto 20px;
float: none;
}
.hs-blog-post.vision-blog-1 .blog-body-container {
padding: 70px 0;
}
@media (max-width:1024px){
.hs-blog-post.vision-blog-1 .blog-main-container .sharing-icon {
margin-top: 0;
right: 0;
width: auto;
margin-right:40px;
left:-115px;
}
.hs-blog-post.vision-blog-1 .blog-section img{
width:100%;
}
}
@media(max-width:1024px) and (min-width:768px){
.hs-blog-post.vision-blog-1 .post-item{
margin-right:14px;
}
}
@media (max-width:767px){
.hs-blog-post.vision-blog-1 .blog-main-container .sharing-icon li a {
color: #fff;
background: #3197d6;
width: 30px;
line-height: 30px;
}
.hs-blog-post.vision-blog-1 .blog-main-container .sharing-icon {
margin-top: 0;
margin-right: 20px;
}
.hs-blog-post.vision-blog-1 .blog-main-container .sharing-icon li {
margin-left: 5px;
}
.hs-blog-post.vision-blog-1 .blog-main-container .sharing-icon li:before{
display:none;
}
.hs-blog-post.vision-blog-1 .blog-section h4 {
font-size: 18px;
line-height: 26px;
}
.hs-blog-post.vision-blog-1 .blog-section p {
font-size: 16px;
line-height: 24px;
}
.hs-blog-post.vision-blog-1 .blog-section h2 {
font-size: 24px;
line-height: 30px;
margin: 18px 0px 10px;
}
.hs-blog-post.vision-blog-1 .blog-section img {
margin: 10px 0 25px;
}
.hs-blog-post.vision-blog-1 .blog-section h5 {
font-size: 18px;
line-height: 26px;
margin: 30px auto;
padding: 20px 20px;
}
.hs-blog-post.vision-blog-1 blockquote {
font-size: 18px;
padding-left: 17px;
margin-top: 35px;
margin-bottom: 30px;
line-height: 26px;
padding: 25px 0 24px 20px;
margin-left: 0;
}
.hs-blog-post.vision-blog-1 .section.post-body ul {
margin: 20px 0;
margin-left: 14px;
}
.hs-blog-post.vision-blog-1 .section.post-body ol {
margin: 36px 0 30px 30px;
}
.hs-blog-post.vision-blog-1 .blog-section h3 {
font-size: 20px;
line-height: 26px;
}
.hs-blog-post.vision-blog-1 #hubspot-author_data {
margin-top: 30px;
padding-left: 0;
padding-top: 30px;
}
.hs-blog-post.vision-blog-1 #hubspot-author_data .span2:before {
left: 0;
}
.hs-blog-post.vision-blog-1 #hubspot-author_data .span2 {
width: 100%;
max-width: 160px;
margin: 0 auto;
margin-bottom: 20px;
}
.hs-blog-post.vision-blog-1 #hubspot-author_data .span10 {
padding-left: 0;
}
.hs-blog-post.vision-blog-1 .post-bottom-cta {
padding: 0 0 35px;
}
.hs-blog-post.vision-blog-1 .section.post-body li {
font-size: 16px;
line-height: 24px;
}
.hs-blog-post.vision-blog-1 .section.post-body li {
font-size: 16px;
line-height: 24px;
}
.hs-blog-post.vision-blog-1 #hubspot-author_data .span2:before{
display:none;
}
.hs-blog-post.vision-blog-1 .blog-section h6{
text-align:center;
}
body.vision-blog-1 .row-fluid .hs-featured-image-wrapper.flex-center{
display: flex;
display: -webkit-flex;
-webkit-flex-direction: column;
flex-direction: column;
justify-content: center;
-webkit-justify-content: center;
justify-content: center;
align-items: center;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
}
}
/*================================================================
Author Page Styling
==================================================================*/
.vision-blog-1 .hs-author-name{
font-size: 30px;
line-height: 40px;
margin-bottom: 30px;
font-weight: 600;
}
.vision-blog-1 .hs-author-listing-header{
display: block;
clear: both;
padding-top: 50px;
font-size: 30px;
line-height: 40px;
font-weight: 600;
}
body.hs-single-author.vision-blog-1 .blog-one-hero{
display:none;
}
.vision-blog-1 .hs-author-social-links img {
max-width: 30px;
vertical-align: middle;
margin-right: 15px;
}
@media(max-width:767px){
.vision-blog-1 .hs-author-avatar {
margin-bottom: 30px;
}
}
/**********************RELATED POST*****************************/
body.hs-blog-listing.vision-blog-1 .only-on-post-page{
display:none;
}
.vision-blog-1 .related-post-section{
padding: 80px 0;
}
.related-post-section .section-heading{
margin-bottom:40px;
}
.hs-blog-post.vision-blog-1 .subscribe-form-section{
padding: 30px 0;
}
@media (max-width:1024px){
.vision-blog-1 .blog-main-container .sharing-icon {
margin-top: 0;
top: 0;
right: 0;
width:auto;
}
.vision-blog-1 .related-post-section{
padding:70px 0;
}
.vision-blog-1 .related-post-section .section-heading{
margin-bottom:40px;
}
}
@media (max-width:767px){
.hs-blog-post.vision-blog-1 .blog-section h4 {
font-size: 18px;
line-height: 26px;
}
.hs-blog-post.vision-blog-1 .blog-section p {
font-size: 16px;
line-height: 24px;
}
.hs-blog-post.vision-blog-1 .blog-section h2 {
font-size: 24px;
line-height: 30px;
margin: 18px 0px;
}
.hs-blog-post.vision-blog-1 .blog-section img {
margin: 10px 0 25px;
}
.hs-blog-post.vision-blog-1 .blog-section h5 {
font-size: 18px;
line-height: 26px;
margin: 30px auto;
padding: 20px 20px;
}
.vision-blog-1 blockquote {
font-size: 18px;
padding-left: 17px;
margin-top: 35px;
margin-bottom: 30px;
line-height: 26px;
padding: 25px 0 24px 20px;
margin-left: 0;
}
.vision-blog-1 .body-container-wrapper ul {
// margin: 20px 0;
//margin-left: 14px;
margin:0;
}
.vision-blog-1 .body-container-wrapper ol {
margin: 36px 0 30px 30px;
}
.hs-blog-post.vision-blog-1 .blog-section h3 {
font-size: 20px;
line-height: 26px;
}
.hs-blog-post.vision-blog-1 #hubspot-author_data {
margin-top: 30px;
padding-left: 0;
padding-top: 30px;
}
.hs-blog-post.vision-blog-1 #hubspot-author_data .span2:before {
left: 0;
}
.hs-blog-post.vision-blog-1 #hubspot-author_data .span2 {
width: 100%;
max-width: 160px;
margin: 0 auto;
margin-bottom: 20px;
}
.hs-blog-post.vision-blog-1 #hubspot-author_data .span10 {
padding-left: 0;
}
.hs-blog-post.vision-blog-1 .post-bottom-cta {
padding: 0 0 35px;
}
.vision-blog-1 .body-container-wrapper li {
font-size: 16px;
line-height: 24px;
}
.vision-blog-1 .body-container-wrapper li {
font-size: 16px;
line-height: 24px;
}
body.vision-blog-1 .row-fluid .single-post-hero .bg-container {
max-width: 280px;
height: 280px;
}
.vision-blog-1 .single-post-hero {
padding:150px 0 0px;
border: 0;
}
.vision-blog-1 .related-post-section{
padding:50px 0;
}
.vision-blog-1 .related-post-section .section-heading{
margin-bottom:30px;
}
.vision-blog-1 .single-post-hero .post-data-container {
padding: 35px 0px;
}
}
/*=============Subscribe Form Styling ===========================*/
.vision-blog-1 .subscribe-form-section{
//display:block;
padding: 50px 0 40px;
background:#f6f8f9;
}
.vision-blog-1 .subscribe-form-section h2{
font-size: 36px;
font-weight: 400;
line-height:46px;
margin:0;
}
.vision-blog-1 .subscribe-form-section .widget-type-blog_subscribe .hs-form-field>label{
display:none;
}
.vision-blog-1 .subscribe-form-section .widget-type-blog_subscribe form{
position:relative;
}
.vision-blog-1 .subscribe-form-section .widget-type-blog_subscribe input{
margin-top:0;
height:60px;
border-radius:8px;
border:1px solid #fff;
box-shadow: 0 15px 20px 0 rgba(4, 21, 46, 0.1);
padding-right:160px;
}
@media (min-width:768px){
.vision-blog-1 .subscribe-form-section .widget-type-blog_subscribe .hs-button.primary{
margin: 0;
position: absolute;
right: 6px;
top: 6px;
bottom: 0;
padding: 0;
height: 48px;
border-radius: 8px;
box-shadow: none;
width: 128px;
font-size: 14px;
letter-spacing: 0;
}
}
@media (max-width:1024px){
}
@media (max-width:767px){
.vision-blog-1 .subscribe-form-section .widget-type-blog_subscribe input{
padding-right:14px;
}
.vision-blog-1 .subscribe-form-section .widget-type-blog_subscribe .hs-button.primary{
border-radius:8px;
padding-left:0;
padding-right:0;
width:100%;
box-shadow: none;
}
.vision-blog-1 .subscribe-form-section {
padding: 40px 0;
}
}
/*====================================================================
Topic Filter Section
======================================================================*/
.vision-blog-1 .topic-section .block h3{
display:none;
}
.vision-blog-1 .topic-section{
padding: 26px 0px;
border-bottom: 1px solid #e1e1e1;
}
.vision-blog-1 .post-topic{
position:relative;
}
.vision-blog-1 .topic-section .widget-module ul{
margin:0;
padding:0;
text-align:center;
}
.vision-blog-1 .topic-section .widget-module ul li{
list-style-type:none;
margin:0;
padding-bottom: 0px;
display: inline-block;
margin-right: 30px;
}
.vision-blog-1 .topic-section .widget-module ul li a{
font-size: 16px;
font-weight: 600;
line-height: 1.43;
text-align: center;
color: #333;
padding:0px 0px;
text-transform: capitalize;
transition:all ease-in-out .2s;
}
.vision-blog-1 .topic-section .widget-module ul li:hover a{
color:#49aa43;
}
.vision-blog-1 .cta-trigger h3{
font-size: 16px;
font-weight: 600;
line-height: 1.43;
color: #333;
padding: 0px 20px;
text-transform: capitalize;
margin:0;
cursor:pointer;
display: inline-block;
border: 1px solid #dedede;
padding: 10px;
max-width: 200px;
width: 100%;
text-align: center;
position:relative;
}
.vision-blog-1 .cta-trigger img{
vertical-align: middle;
margin-left: 10px;
}
.vision-blog-1 .topic-section .widget-module li a.current-page{
color:#49aa43;
}
@media(max-width:1024px) and (min-width:768px){
body.vision-blog-1 .container-fluid .row-fluid .cta_button.remove-bg img{
display: block;
height: auto;
}
.vision-blog-1 .topic-section .widget-module ul li a{
padding: 0px 5px;
}
body.vision-blog-1 .container-fluid .row-fluid .twitter-posts {
padding: 0px;
height: 320px;
}
}
@media(max-width:767px){
.vision-blog-1 .topic-section {
padding-bottom:20px;
}
.vision-blog-1 .cta-trigger h3{
float: none;
margin: 0 auto;
display: block;
}
.vision-blog-1 .topic-section .widget-module ul{
width: auto;
left: 10px;
right: 10px;
margin: 0;
}
.vision-blog-1 .topic-section .widget-module ul{
text-align:left;
}
.vision-blog-1 .topic-section .widget-module ul li{
margin-right: 10px;
margin-bottom: 10px;
}
}
/*===============================================================
Comment Form Styling
====================================================================*/
.vision-blog-1 #comment-form form{
max-width: 700px;
margin: 0 auto;
background: #f2f2f2;
padding: 20px;
}
.vision-blog-1 .row-fluid #comment-form form .field>label{
font-weight:400;
}
.vision-blog-1 .post-listing-simple .post-item{
text-align: center;
padding: 20px 10px;
}
.vision-blog-1 .post-listing-simple .post-item h2, .post-listing-simple .post-item h2 a{
margin:0;
}
/*======================================================================
Subscribe Form Sticky
========================================================================*/
.vision-blog-1 .subscribe-form{
background: #fff;
box-shadow: 0 10px 50px -5px rgba(0,0,0,.15);
padding: 20px 0px;
position: fixed;
bottom: 0;
opacity:0;
transition:all ease-in-out .2s;
}
.vision-blog-1 .subscribe-form.show-form{
opacity:1;
}
.vision-blog-1 .row-fluid .subscribe-form form{
position:relative;
margin-top: 20px;
}
.vision-blog-1 .row-fluid .subscribe-form h3{
display:none;
}
.vision-blog-1 .row-fluid .subscribe-form form .field>label{
display:none;
}
.vision-blog-1 .row-fluid .subscribe-form form input{
border-left:none;
border-right:none;
border-top:none;
padding: 5px 132px 5px 0px;
height: auto;
}
body.vision-blog-1 .container-fluid .row-fluid .subscribe-form form .hs-button{
width: auto;
padding: 10px 20px;
margin: 0;
right: 0;
top: -17px;
position: absolute;
}
body.vision-blog-1 .container-fluid .row-fluid .cta_button.remove-bg{
background:transparent;
padding:0;
}
body.vision-blog-1 .container-fluid .row-fluid .cta_button.remove-bg:hover{
top:0;
box-shadow: none;
}
.vision-blog-1 .thankyou{
text-align:center;
}
.vision-blog-1 .widget-type-cta.box-styling{
margin-top:0;
}
/*********************************************
INSTAFEED
*********************************************/
body.vision-blog-1 .row-fluid #instafeed .inta-img-cont{
width: 33.3333333%;
height: 101px;
display: block;
float: left;
border: 1px solid #fff;
box-sizing: border-box;
position:relative;
overflow:hidden;
}
body.vision-blog-1 .row-fluid #instafeed .inta-img-cont a{
background-size: cover;
background-position: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all 4s cubic-bezier(0.5,0.51,1,1);
-webkit-transition: all 4s cubic-bezier(0.5,0.51,1,1);
}
body.vision-blog-1 .row-fluid #instafeed .inta-img-cont:hover a{
transform: scale(1.3);
}
.vision-blog-1 #instafeed a img{
display:none;
}
@media(max-width:1024px) and (min-width:768px){
body.vision-blog-1 .row-fluid #instafeed .inta-img-cont{
height:60px;
}
.vision-blog-1 .author-link,
.vision-blog-1 span.date-row,
.vision-blog-1 .post-read span{
font-size:12px;
}
.hs-blog-post.vision-blog-1 .list-single-style li, .list-single-style li{
margin-right: 3px;
}
body.vision-blog-1 .container-fluid .row-fluid .subscribe-form form .hs-button{
padding: 10px 13px;
font-size: 12px;
}
.vision-blog-1 .row-fluid .subscribe-form form input{
padding: 5px 45% 5px 0px;
}
}
@media(max-width:767px){
body.vision-blog-1 .container-fluid .row-fluid .cta_button.remove-bg{
text-align: center;
margin: 0 auto;
float: none;
display: block
}
}
/*==============================================================
Updated Styling
===============================================================*/
.vision-blog-1 .block h3{
display:none;
}
/*===============================Tabber Blog List Style ===============================*/
.vision-blog-1 .top-spacing{
margin-top:30px;
}
.vision-blog-1 .hs-rss-item.hs-with-featured-image .hs-rss-item-text {
width: 55%;
float: right;
padding-left: 0px;
padding-right: 0;
}
.vision-blog-1 .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper {
display: inline-block;
width: 40%;
}
.vision-blog-1 .hs-rss-byline {
font-size: 15px;
line-height: 25px;
}
.vision-blog-1 .sidebar-container .tabber-tabs>li {
float: left;
margin:0;
}
.vision-blog-1 .sidebar-container .tabber-tabs>li a{
padding: 14px 23px;
position: relative;
bottom: 11px;
font-size: 15px;
line-height: 24px;
}
.vision-blog-1 .sidebar-container .tabber-tabs>li:before{
display:none;
}
.vision-blog-1 .body-container .sidebar-container .tabber-tabs {
border-bottom: 1px solid #ddd;
list-style: none;
padding: 0;
margin: 0 0 -2px;
}
.vision-blog-1 .sidebar-container .tabber-tabs>.active>a,
.vision-blog-1 .sidebar-container .tabber-tabs>.active>a:hover,
.vision-blog-1 .sidebar-container .tabber-tabs>.active>a:focus {
color: #555;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top: 2px solid #49aa43;
transition: none;
}
.vision-blog-1 .sidebar-container .tabber-tabs>.active:last-child>a{
position: relative;
right: -2px;
}
.vision-blog-1 .sidebar-container .tab-pane h3{
margin:0;
display:none;
}
.vision-blog-1 .sidebar-container .tab-pane{
background-color: #fff;
margin-bottom: 30px;
padding: 20px 15px 0;
border: 1px solid #eeeeee;
box-shadow: 1px 1px 5px #eeeeee;
}
@media (max-width:1024px){
.vision-blog-1 .sidebar-container .tabber-tabs>li a {
padding: 14px 6px;
}
.vision-blog-1 .sidebar-container .tabber-tabs>li a{
font-size: 13px;
line-height: 24px;
}
.vision-blog-1 .sidebar-container .tabber-tabs>.active:last-child>a {
position: relative;
right: -6px;
}
.vision-blog-1 .widget-module ul li a{
padding:0;
}
.vision-blog-1 .tabber-list .hs-rss-item.hs-with-featured-image .hs-rss-item-text {
text-align: left;
}
}
/**********************************************************************************
************************************ Book Appointment 1 ************************
*********************************************************************************/
.ps1-book-appointment-1-section-1{
padding-top:0;
position:relative;
z-index:3;
}
.ps1-book-appointment-1-section-1 .left-col{
padding-top:40px;
}
body .row-fluid .ps1-book-appointment-1-section-1 .form-container{
background: #fff;
width: 100%;
max-width: 83%;
float: right;
margin-top: -87px;
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);
}
body .row-fluid .ps1-book-appointment-1-section-1 .form-section{
padding: 0 50px 50px;
}
.ps1-book-appointment-1-section-1 .widget-type-form {
border-radius: 0px !important;
margin-bottom: 0;
}
.ps1-book-appointment-1-section-1 .heading{
background:#49aa43;
padding: 24px 30px;
margin-bottom:0px;
}
.ps1-book-appointment-1-section-1 input.hs-button.primary.large {
background: #fff;
color: #51aa43;
}
@media (max-width:1024px){
body .row-fluid .ps1-book-appointment-1-section-1 .form-section {
padding: 0 30px 40px;
}
body .row-fluid .ps1-book-appointment-1-section-1 .form-container {
margin-top: -74px;
}
}
@media (max-width:767px){
body .row-fluid .ps1-book-appointment-1-section-1 .form-container {
margin-top: 20px;
float: none;
width: 100%;
max-width: 100%;
}
}
.ps1-book-appointment-1-section-2{
position:relative
}
body .row-fluid .ps1-book-appointment-1-section-2 .right-col{
float:right;
}
body .row-fluid .ps1-book-appointment-1-section-2 .left-col{
position:absolute;
left:0;
top:0;
bottom:0;
width:48%;
}
.ps1-book-appointment-1-section-2 .right-col .phone a{
font-size: 39px;
font-weight: 700;
margin-top: 10px;
display: inline-block;
}
@media (max-width:1024px){
.ps1-book-appointment-1-section-2 .right-col .phone a {
font-size: 24px;
}
}
@media (max-width:767px){
body .row-fluid .ps1-book-appointment-1-section-2 .left-col {
position: relative;
left: 0;
top: 0;
bottom: 0;
width: 100%;
height: 180px;
margin-bottom: 30px;
}
body .row-fluid .ps1-book-appointment-1-section-2 .right-col {
float: none;
}
}
/**********************************************************************************
************************************ Request Quote 1 ************************
*********************************************************************************/
.ps1-request-quote-1-section-1{
padding-top:130px;
}
.ps1-request-quote-1-section-1 .section-heading{
border-bottom:1px solid #e7e7e7;
padding-bottom:20px;
}
.ps1-request-quote-1-section-1 .left-col{
padding-top: 20px;
padding-right: 80px;
}
.ps1-request-quote-1-section-1 .form-container{
padding: 20px 40px 40px;
background:#fff;
border:2px solid #000;
margin-top:25px;
}
@media (max-width:1024px){
.ps1-request-quote-1-section-1 .left-col {
padding-right: 20px;
}
.ps1-request-quote-1-section-1 .form-container {
padding: 10px 30px 30px;
}
}
@media (max-width:767px){
.ps1-request-quote-1-section-1 .left-col {
padding-top: 0;
padding-right: 0;
margin-bottom:30px;
}
.ps1-request-quote-1-section-1 {
padding-top: 100px;
}
.ps1-request-quote-1-section-1 .form-container {
padding: 10px 20px 20px;
}
}
/**********************************************************************************
************************************ Thank you 1 ************************
*********************************************************************************/
body .row-fluid .ps1-thank-you-4-section-1 .text-container{
width: 100%;
max-width: 700px;
border: 2px solid #000;
padding: 60px;
margin: 0 auto;
float: none;
}
@media (max-width:767px){
body .row-fluid .ps1-thank-you-4-section-1 .text-container {
padding: 20px;
}
}
/**********************************************************************************
************************************ Start Trial 1 ************************
*********************************************************************************/
.ps2-start-trial-form-section{
position:relative;
z-index:1;
border-bottom:1px solid #fff;
}
.ps2-start-trial-form-section .left-col{
padding-right:60px;
}
.ps2-start-trial-form-section .right-col{
padding-left:50px;
}
.ps2-start-trial-form-section .right-col:before{
position: absolute;
content: '';
top: 0;
bottom: 0;
right: 0;
width: 50%;
z-index:-1;
background: #f5f7fa ;
}
.ps2-start-trial-form-section .left-col .form-container{
padding:40px;
border:2px solid #000;
}
@media (max-width:1024px){
.ps2-start-trial-form-section .left-col {
padding-right: 40px;
}
.ps2-start-trial-form-section .right-col {
padding-left: 30px;
}
}
@media (max-width:767px){
.ps2-start-trial-form-section .left-col {
padding-right: 0;
}
.ps2-start-trial-form-section .right-col {
padding-left:0 ;
}
.ps2-start-trial-form-section .right-col:before{
display:none;
}
.ps2-start-trial-form-section .left-col .form-container {
padding: 20px;
}
}
/**********************************************************************************************************************************************
*********************************************************************BLOG 2 *******************************************************************
***********************************************************************************************************************************************/
/*=======================================================================
Blog Hero Styling
========================================================================*/
.vision-blog-2 .blog-hero{
}
.vision-blog-2 .blog-heading{
border-bottom: 1px solid #f2f3f4;
padding: 120px 0px 0;
}
.vision-blog-2 .blog-heading h1{
font-size: 28px;
line-height: 38px;
margin-bottom: 8px;
font-weight: bold;
}
.vision-blog-2 .blog-one-hero{
position: relative;
z-index: 1;
}
.vision-blog-2 .post-section-hero{
padding: 60px 0;
min-height: 365px;
display: flex;
display: -webkit-flex;
-webkit-flex-direction: column;
flex-direction: column;
justify-content: center;
-webkit-justify-content: center;
justify-content: center;
align-items: center;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
position: relative;
z-index: 1;
height: 1px;
}
body.vision-blog-2 .container-fluid .row-fluid .post-section-hero .wrapper{
position:relative;
z-index:1;
max-width:790px;
}
.vision-blog-2 .post-section-hero:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.32);
z-index: 1;
}
.vision-blog-2 .post_featured_image {
position: absolute;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: block;
top: 0;
width: 100%;
height: 100%;
left: 0;
right: 0;
}
.vision-blog-2 .post-section-hero h1{
line-height: 62px;
}
.vision-blog-2 .post-item .description-div{
font-size: 15px;
line-height: 24px;
color: #495057;
letter-spacing: 0;
font-weight: 400;
}
/*===============================================================================
BLog Listing page styling
=================================================================================*/
@media (min-width: 768px){
.vision-blog-2 .post-listing {
margin: 0 -7% 0 0;
padding: 0;
//overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.vision-blog-2 .post-item {
float: left;
width: 26.333%;
display: block;
box-sizing: border-box;
margin: 0 7% 25px 0;
list-style: none;
padding-bottom: 0;
display: block;
box-sizing: border-box;
align-self: stretch;
transition:all ease-in-out .4s;
}
}
.vision-blog-2 a.more-link {
position:relative;
font-size: 12px;
font-weight: bold;
line-height: 1.5;
font-family: 'Montserrat',sans-serif;
margin-top: 14px;
display: inline-block;
}
.vision-blog-2 a.more-link:before {
position: absolute;
content: "\f105";
font-family: fontawesome;
right: -12px;
font-size: 16px;
top: -4px;
}
.vision-blog-2 .blog-one-hero a.more-link {
border-left:1px solid #fff;
border-right:1px solid #fff;
transition:all ease-in-out .4s;
}
.vision-blog-2 .blog-one-hero a.more-link:hover{
box-shadow: 0px 8px 20px 2px rgba(0, 0, 0, 0.32);
top: -5px;
background: #49aa43;
border-color:#49aa43;
}
.vision-blog-2 .show-on-hover{
opacity:0;
position:relative;
}
.vision-blog-2 .post-item:hover .show-on-hover{
opacity:1;
}
.vision-blog-2 .blog-body{
padding:50px 0;
}
.vision-blog-2 .post-item {
//background: #fff;
margin-bottom: 50px;
overflow: hidden;
//box-shadow: 0 10px 50px -5px rgba(0,0,0,.15);
}
.vision-blog-2 .padding-all-over{
padding:17px 0;
}
.vision-blog-2 .hs-featured-image-wrapper{
transition: all 5s cubic-bezier(0.5,0.51,1,1);
-webkit-transition: all 10s cubic-bezier(0.5,0.51,1,1);
position:relative;
height:114px;
border-radius: 4px;
}
.vision-blog-2 .anchor-bg{
display:block;
overflow:hidden;
}
.vision-blog-2 .post-item:hover .hs-featured-image-wrapper{
transform: scale(1.3);
}
.vision-blog-2 .on-hover{
opacity:0;
transition:all ease-in-out .4s;
position:relative;
z-index:2;
}
.vision-blog-2 .post-item:hover .on-hover{
opacity:1;
}
.vision-blog-2 .post-item h2,
.vision-blog-2 .post-item h2 a{
font-size: 18px;
font-weight: 600;
line-height: 1.38;
color: #000;
transition: all ease-in-out .4s;
letter-spacing: 0.3px;
}
.vision-blog-2 .post-item h2{
border-bottom: 2px solid rgba(183, 183, 183, 0.24);
padding-bottom: 15px;
}
.vision-blog-2 .post-item #hubspot-author_data {
font-size: 13px;
line-height: 23px;
margin-bottom: 0px;
transition:all ease-in-out .4s;
margin-top:15px;
}
.vision-blog-2 a.author-link {
color:;
}
.vision-blog-2 span.date-row {
float: right;
color: #49aa43;
}
.vision-blog-2 span.date-row:hover {
color: #b9dcfa;
}
.vision-blog-2 .post-item h2 a:hover,
.vision-blog-2 a.author-link:hover{
color:#49aa43;
}
.vision-blog-2 .comment-row{
float:right;
}
.vision-blog-2 .author-row{
margin-right:5px;
color:#49aa43;
}
.vision-blog-2 span.author-row:hover {
color: rgba(255, 122, 89, 0.36);
}
.vision-blog-2 #hubspot-author_data i{
margin-right: 8px;
}
@media(max-width:1024px) and (min-width:768px){
.vision-blog-2 .hs-featured-image-wrapper{
height:150px;
}
.vision-blog-2 #hubspot-author_data i {
margin-right: 5px;
}
}
@media(max-width:767px){
.vision-blog-2 .hs-featured-image-wrapper{
height:167px;
}
.vision-blog-2 .comment-row,
.vision-blog-2 .date-row{
display:none;
}
}
/*====================================================================
Right Column Styling
======================================================================*/
body.vision-blog-2 .container-fluid .row-fluid .twitter-posts {
background-color: #fff;
margin-bottom: 30px;
padding: 15px;
border: 1px solid #eeeeee;
box-shadow: 1px 1px 5px #eeeeee;
height: 550px;
overflow: hidden;
overflow-y: scroll;
}
.vision-blog-2 .twitter-posts::-webkit-scrollbar {
width: 5px;
}
.vision-blog-2 .twitter-posts::-webkit-scrollbar-thumb {
background-color: #49aa43;
}
.vision-blog-2 .twitter-posts::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.vision-blog-2 .box-styling{
padding: 0;
margin-bottom: 30px;
}
.vision-blog-2 .box-styling h3{
color: rgb(255, 255, 255);
text-align: left;
bottom: -1px;
display: block;
font-weight: 500;
line-height: 17px;
position: relative;
text-transform: capitalize;
max-width: 135px;
font-size: 0.94em;
background:#49aa43;
padding: 6px 20px;
margin: 0px 0px 21px;
border-bottom: none;
}
/*.box-styling h3:before {
background:#49aa43 none repeat scroll 0 0;
bottom: -1px;
content: "";
height: 1px;
left: 0;
position: absolute;
width: 50%;
}*/
body.vision-blog-2 .container-fluid .row-fluid .subscribe-form .hs-button{
width: 100%;
margin-top: 5px;
}
.vision-blog-2 .body-container-wrapper .box-styling ul{
margin: 0px;
padding: 0px;
}
.vision-blog-2 .body-container-wrapper .box-styling ul li{
position: relative;
list-style-type: none;
margin-bottom: 8px;
font-size: 15px;
line-height: 1.5;
color: rgb(51, 51, 51);
letter-spacing: 0.5px;
font-weight: 300;
background-color: rgb(242, 245, 248);
margin-left: 0px;
padding: 10px;
border-radius: 8px;
transition: all 0.2s ease-in-out;
}
.vision-blog-2 .body-container-wrapper .box-styling ul li:last-child{
margin-bottom:0;
}
.vision-blog-2 .body-container-wrapper .box-styling ul li:hover {
box-shadow: 0 10px 50px -5px rgba(0,0,0,.15);
}
.vision-blog-2 .body-container-wrapper .box-styling ul li:before{
color: #505056;
content: "\f105";
font-family: FontAwesome;
font-size: 18px;
left: -17px;
position: absolute;
top: 0px;
display:none;
}
.vision-blog-2 .body-container-wrapper .box-styling ul li a{
color:;
transition:all ease-in-out .4s;
}
.vision-blog-2 .body-container-wrapper .box-styling ul li:hover a{
color:#49aa43;
}
.vision-blog-2 .search-module{
border-radius:8px;
}
body.vision-blog-2 .container-fluid .row-fluid .search-module input{
margin: 0;
height: 50px;
background-color: #f2f5f8;
border: none;
border-radius: 8px;
}
.vision-blog-2 .box-styling.search-module:hover {
box-shadow: 0 10px 50px -5px rgba(0,0,0,.15);
}
.vision-blog-2 .search-module form{
position:relative;
}
body.vision-blog-2 .container-fluid .row-fluid .search-module .hs-button{
margin: 0;
background: transparent;
padding: 0;
top: 16px;
position: absolute;
right: 20px;
}
body.vision-blog-2 .container-fluid .row-fluid .search-module .hs-button:hover{
box-shadow:none;
}
@media(max-width:1024px) and (min-width:768px){
.vision-blog-2 .box-styling h3{
font-size: 18px;
line-height: 21px;
}
}
@media(max-width:767px){
.vision-blog-2 .box-styling h3{
line-height:28px;
}
}
/*=============================================================================
Blog Pagination Styling
================================================================================*/
.vision-blog-2 .page-numbers{
margin:80px 0 0;
padding:0;
text-align:center;
}
.vision-blog-2 .page-numbers li,
.vision-blog-2 .next-posts-link,
.vision-blog-2 .previous-posts-link{
list-style-type:none;
width: 35px;
height: 35px;
line-height: 35px;
display: inline-block;
font-size: 14px;
font-weight: 500;
margin: auto 5px;
border: 1px solid #ddd;
transition:all ease-in-out .4s;
text-align:center;
}
.vision-blog-2 .page-numbers li.current,
.vision-blog-2 .page-numbers li:hover,
.vision-blog-2 .previous-posts-link:hover,
.vision-blog-2 .next-posts-link:hover{
background: #49aa43;
border-color: #49aa43;
color: #fff;
}
.vision-blog-2 .page-numbers li.current a,
.vision-blog-2 .page-numbers li:hover a{
color:#fff;
}
/*=============== Single Post Page =======================*/
body.hs-blog-post.vision-blog-2 .blog-left-col{
width:100%;
}
body.hs-blog-listing.vision-blog-2 .hide-on-listing{
display:none;
}
body.hs-blog-post.vision-blog-2 .hide-on-post{
display:none;
}
.hs-blog-post.vision-blog-2 .row-fluid form .hs-button.primary{
pointer-events:none
}
.hs-blog-post.vision-blog-2 .blog-main-container{
position:relative;
}
.hs-blog-post.vision-blog-2 .blog-main-container .sharing-icon {
position:absolute;
margin: 0;
margin-top: 85px;
top: 0;
width:40px;
}
.hs-blog-post.vision-blog-2 blockquote {
margin: 0;
font-size: 24px;
padding-left: 17px;
border-left: 3px solid #49aa43;
margin-top: 45px;
margin-bottom: 40px;
letter-spacing: 0;
line-height: 31px;
color: #49aa43;
font-weight: 500;
padding: 15px 0 14px 30px;
width: auto;
margin-left: 0;
position: relative;
}
.hs-blog-post.vision-blog-2 .blog-main-container .sharing-icon li a {
color: #fff;
background: #49aa43;
width: 40px;
line-height: 40px;
display: block;
text-align: center;
border-radius: 50%;
margin-bottom: 0px;
}
.hs-blog-post.vision-blog-2 .blog-main-container .sharing-icon li {
font-size: 14px;
float: left;
margin-left: 10px;
margin-bottom:10px;
}
.hs-blog-post.vision-blog-2 .post-listing-body {
padding: 50px 0 50px;
}
.hs-blog-post.vision-blog-2 .blog-section .post-header,
.hs-blog-post.vision-blog-2 .hs-blog-social-share{
display:none;
}
.hs-blog-post.vision-blog-2 .blog-post-wrapper{
width:100%;
max-width:780px;
margin:0 auto;
}
.hs-blog-post.vision-blog-2 .blog-section h4{
color:#616161;
font-size:26px;
line-height:36px;
font-weight:400;
font-family: 'Roboto', sans-serif;
margin-bottom:25px;
}
.hs-blog-post.vision-blog-2 .blog-section p{
color: #616161;
font-size: 19px;
line-height: 31px;
letter-spacing: 0;
}
.hs-blog-post.vision-blog-2 .blog-section h2{
font-size:28px;
line-height:51px;
font-weight:500;
letter-spacing:-1px;
margin: 25px 0px 10px;
color:#616161;
}
.hs-blog-post.vision-blog-2 .blog-section img{
margin: 40px auto 55px;
text-align: center;
float: none;
display: block;
}
.hs-blog-post.vision-blog-2 .blog-section iframe{
margin:14px 0 50px;
}
.hs-blog-post.vision-blog-2 .blog-section h3{
font-size:24px;
line-height:34px;
margin-bottom:0;
font-weight:500;
letter-spacing:-.9px;
color:#616161;
}
.hs-blog-post.vision-blog-2 .blog-section h6{
font-size:14px;
line-height:31px;
font-weight:700;
font-family: 'Roboto', sans-serif;
text-transform:uppercase;
margin:0;
color:#616161;
}
.hs-blog-post.vision-blog-2 .blog-section h6 .author-link{
font-size: 16px;
line-height: 26px;
font-weight: bold;
letter-spacing: 0.5px;
color: #49aa43;
}
.hs-blog-post.vision-blog-2 .blog-section h5{
font-size: 20px;
line-height: 29px;
font-weight: 400;
letter-spacing: 0;
font-family: 'Roboto', sans-serif;
width: 100%;
max-width: 690px;
margin: 45px auto;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
box-sizing: border-box;
padding: 30px 50px;
color:#616161;
}
.hs-blog-post.vision-blog-2 ol {
padding: 0;
text-decoration: none;
margin-bottom: 15px;
counter-reset: list-count;
list-style: none;
margin: 36px 0 30px 68px;
}
.hs-blog-post.vision-blog-2 li {
font-size: 19px;
line-height: 31px;
color: #616161;
letter-spacing: 0;
font-weight: 300;
position: relative;
margin-left: 20px;
margin-bottom: 15px;
}
.hs-blog-post.vision-blog-2 ul {
padding: 0;
text-decoration: none;
list-style: none;
margin: 40px 0;
margin-left: 34px;
}
.hs-blog-post.vision-blog-2 .section.post-body ul li:before {
position: absolute;
top: 12px;
left: -22px;
content: '';
width: 7px;
height: 7px;
background: #49aa43;
border-radius: 50%;
}
.hs-blog-post.vision-blog-2 ol li {
margin-bottom: 30px;
position:relative;
}
.hs-blog-post.vision-blog-2 .actions .captcha_wrapper{
display:none;
}
.hs-blog-post.vision-blog-2 .section.post-body ol li::before {
counter-increment: list-count;
content: counter(list-count);
position: absolute;
display:block;
left: -46px;
font-size: 20px;
background: #49aa43;
width: 30px;
text-align: center;
line-height: 30px;
color: #fff;
border-radius: 50%;
top: 1px;
}
.hs-blog-post.vision-blog-2 .blog-section hr{
border: 0;
margin: 60px 0;
border-bottom: 2px solid #979090;
}
.hs-blog-post.vision-blog-2 #hubspot-author_data{
display: block;
overflow: hidden;
border-top: 2px solid #e7e9ee;
margin-top: 60px;
padding-left: 0px;
padding-top: 52px;
}
.hs-blog-post.vision-blog-2 .post-item #hubspot-author_data{
padding:0;
margin-top:20px;
border-top:none;
}
.hs-blog-post.vision-blog-2 #hubspot-author_data .author-bio{
color:#616161;
font-size:16px;
line-height:26px;
}
.hs-blog-post.vision-blog-2 #hubspot-author_data .span2{
text-align: left;
padding-left:16px;
position:relative;
margin-top:8px;
}
.hs-blog-post.vision-blog-2 #hubspot-author_data .span10{
padding-left:16px;
}
.hs-blog-post.vision-blog-2 #hubspot-author_data .span2:before{
position:absolute;
content:'';
border-left:3px solid #49aa43;
top:0;
left:-12px;
bottom:0;
}
.hs-blog-post.vision-blog-2 #hubspot-author_data .span2 img{
width:100%;
max-width:100%;
margin:0;
}
.hs-blog-post.vision-blog-2 .all-post-top-cta{
margin-bottom:50px;
}
.hs-blog-post.vision-blog-2 .all-post-top-cta a{
font-size:19px;
line-height:25px;
font-weight:400;
padding-left:36px;
position:relative
}
.hs-blog-post.vision-blog-2 .all-post-top-cta a:before{
position: absolute;
left: 0;
width: 20px;
content: 'â†';
top: -2px;
}
.hs-blog-post.vision-blog-2 .row-fluid .post-bottom-cta .wrapper{
max-width:810px;
}
.hs-blog-post.vision-blog-2 .post-bottom-cta {
padding:40px 0 115px;
}
.hs-blog-post.vision-blog-2 .row-fluid .widget-type-blog_comments {
width: 100%;
max-width: 780px;
margin: 80px auto 20px;
float: none;
}
.hs-blog-post.vision-blog-2 .blog-body-container {
padding: 70px 0;
}
@media (max-width:1024px){
.hs-blog-post.vision-blog-2 .blog-main-container .sharing-icon {
margin-top: 0;
right: 0;
width: auto;
margin-right:40px;
}
}
@media(max-width:1024px) and (min-width:768px){
.hs-blog-post.vision-blog-2 .post-item{
margin-right:14px;
}
}
@media (max-width:767px){
.hs-blog-post.vision-blog-2 .blog-main-container .sharing-icon li a {
color: #fff;
background: #3197d6;
width: 30px;
line-height: 30px;
}
.hs-blog-post.vision-blog-2 .blog-main-container .sharing-icon {
margin-top: 0;
margin-right: 20px;
}
.hs-blog-post.vision-blog-2 .blog-main-container .sharing-icon li {
margin-left: 5px;
}
.hs-blog-post.vision-blog-2 .blog-section h4 {
font-size: 18px;
line-height: 26px;
}
.hs-blog-post.vision-blog-2 .blog-section p {
font-size: 16px;
line-height: 24px;
}
.hs-blog-post.vision-blog-2 .blog-section h2 {
font-size: 24px;
line-height: 30px;
margin: 18px 0px 10px;
}
.hs-blog-post.vision-blog-2 .blog-section img {
margin: 10px 0 25px;
}
.hs-blog-post.vision-blog-2 .blog-section h5 {
font-size: 18px;
line-height: 26px;
margin: 30px auto;
padding: 20px 20px;
}
.hs-blog-post.vision-blog-2 blockquote {
font-size: 18px;
padding-left: 17px;
margin-top: 35px;
margin-bottom: 30px;
line-height: 26px;
padding: 25px 0 24px 20px;
margin-left: 0;
}
.hs-blog-post.vision-blog-2 ul {
margin: 20px 0;
margin-left: 14px;
}
.hs-blog-post.vision-blog-2 ol {
margin: 36px 0 30px 30px;
}
.hs-blog-post.vision-blog-2 .blog-section h3 {
font-size: 20px;
line-height: 26px;
}
.hs-blog-post.vision-blog-2 #hubspot-author_data {
margin-top: 30px;
padding-left: 0;
padding-top: 30px;
}
.hs-blog-post.vision-blog-2 #hubspot-author_data .span2:before {
left: 0;
}
.hs-blog-post.vision-blog-2 #hubspot-author_data .span2 {
width: 100%;
max-width: 160px;
margin: 0 auto;
margin-bottom: 20px;
}
.hs-blog-post.vision-blog-2 #hubspot-author_data .span10 {
padding-left: 0;
}
.hs-blog-post.vision-blog-2 .post-bottom-cta {
padding: 0 0 35px;
}
.hs-blog-post.vision-blog-2 li {
font-size: 16px;
line-height: 24px;
}
.hs-blog-post.vision-blog-2 li {
font-size: 16px;
line-height: 24px;
}
.hs-blog-post.vision-blog-2 #hubspot-author_data .span2:before{
display:none;
}
.hs-blog-post.vision-blog-2 .blog-section h6{
text-align:center;
}
body.vision-blog-2 .row-fluid .hs-featured-image-wrapper.flex-center{
display: flex;
display: -webkit-flex;
-webkit-flex-direction: column;
flex-direction: column;
justify-content: center;
-webkit-justify-content: center;
justify-content: center;
align-items: center;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
}
}
/*================================================================
Author Page Styling
==================================================================*/
.vision-blog-2 .hs-author-name{
font-size: 30px;
line-height: 40px;
margin-bottom: 30px;
font-weight: 600;
}
.vision-blog-2 .hs-author-listing-header{
display: block;
clear: both;
padding-top: 50px;
font-size: 30px;
line-height: 40px;
font-weight: 600;
}
body.hs-single-author.vision-blog-2 .blog-one-hero{
display:none;
}
.vision-blog-2 .hs-author-social-links img {
max-width: 30px;
vertical-align: middle;
margin-right: 15px;
}
@media(max-width:767px){
.vision-blog-2 .hs-author-avatar {
margin-bottom: 30px;
}
}
/**********************RELATED POST*****************************/
body.hs-blog-listing.vision-blog-2 .only-on-post-page{
display:none;
}
.vision-blog-2 .related-post-section{
padding: 80px 0;
}
.vision-blog-2 .related-post-section .section-heading{
margin-bottom:40px;
}
.vision-blog-2 .hs-blog-post .subscribe-form-section{
padding: 30px 0;
}
@media (max-width:1024px){
.vision-blog-2 .blog-main-container .sharing-icon {
margin-top: 0;
top: 0;
right: 0;
width:auto;
}
.vision-blog-2 .related-post-section{
padding:70px 0;
}
.vision-blog-2 .related-post-section .section-heading{
margin-bottom:40px;
}
}
@media (max-width:767px){
.hs-blog-post.vision-blog-2 .blog-section h4 {
font-size: 18px;
line-height: 26px;
}
.hs-blog-post.vision-blog-2 .blog-section p {
font-size: 16px;
line-height: 24px;
}
.hs-blog-post.vision-blog-2 .blog-section h2 {
font-size: 24px;
line-height: 30px;
margin: 18px 0px;
}
.hs-blog-post.vision-blog-2 .blog-section img {
margin: 10px 0 25px;
}
.hs-blog-post.vision-blog-2 .blog-section h5 {
font-size: 18px;
line-height: 26px;
margin: 30px auto;
padding: 20px 20px;
}
.vision-blog-2 blockquote {
font-size: 18px;
padding-left: 17px;
margin-top: 35px;
margin-bottom: 30px;
line-height: 26px;
padding: 25px 0 24px 20px;
margin-left: 0;
}
.vision-blog-2 .body-container-wrapper ul {
margin: 20px 0;
margin-left: 14px;
}
.vision-blog-2 .body-container-wrapper ol {
margin: 36px 0 30px 30px;
}
.hs-blog-post.vision-blog-2 .blog-section h3 {
font-size: 20px;
line-height: 26px;
}
.hs-blog-post.vision-blog-2 #hubspot-author_data {
margin-top: 30px;
padding-left: 0;
padding-top: 30px;
}
.hs-blog-post.vision-blog-2 #hubspot-author_data .span2:before {
left: 0;
}
.hs-blog-post.vision-blog-2 #hubspot-author_data .span2 {
width: 100%;
max-width: 160px;
margin: 0 auto;
margin-bottom: 20px;
}
.hs-blog-post.vision-blog-2 #hubspot-author_data .span10 {
padding-left: 0;
}
.hs-blog-post.vision-blog-2 .post-bottom-cta {
padding: 0 0 35px;
}
.vision-blog-2 .body-container-wrapper li {
font-size: 16px;
line-height: 24px;
}
.vision-blog-2 .body-container-wrapper li {
font-size: 16px;
line-height: 24px;
}
body.vision-blog-2 .row-fluid .single-post-hero .bg-container {
max-width: 280px;
height: 280px;
}
.vision-blog-2 .single-post-hero {
padding:150px 0 0px;
border: 0;
}
.vision-blog-2 .related-post-section{
padding:50px 0;
}
.vision-blog-2 .related-post-section .section-heading{
margin-bottom:30px;
}
.vision-blog-2 .single-post-hero .post-data-container {
padding: 35px 0px;
}
}
/*=============Subscribe Form Styling ===========================*/
.vision-blog-2 .subscribe-form-section{
//display:block;
padding: 50px 0 40px;
background:#f6f8f9;
}
.vision-blog-2 .subscribe-form-section h2{
font-size: 36px;
font-weight: 400;
line-height:46px;
margin:0;
}
.vision-blog-2 .subscribe-form-section .widget-type-blog_subscribe .hs-form-field>label{
display:none;
}
.vision-blog-2 .subscribe-form-section .widget-type-blog_subscribe form{
position:relative;
}
.vision-blog-2 .subscribe-form-section .widget-type-blog_subscribe input{
margin-top:0;
height:60px;
border-radius:8px;
border:1px solid #fff;
box-shadow: 0 15px 20px 0 rgba(4, 21, 46, 0.1);
padding-right:160px;
}
@media (min-width:768px){
.vision-blog-2 .subscribe-form-section .widget-type-blog_subscribe .hs-button.primary{
margin: 0;
position: absolute;
right: 6px;
top: 6px;
bottom: 0;
padding: 0;
height: 48px;
border-radius: 8px;
box-shadow: none;
width: 128px;
font-size: 14px;
letter-spacing: 0;
}
}
@media (max-width:1024px){
}
@media (max-width:767px){
.vision-blog-2 .subscribe-form-section .widget-type-blog_subscribe input{
padding-right:14px;
}
.vision-blog-2 .subscribe-form-section .widget-type-blog_subscribe .hs-button.primary{
border-radius:8px;
padding-left:0;
padding-right:0;
width:100%;
box-shadow: none;
}
.vision-blog-2 .subscribe-form-section {
padding: 40px 0;
}
}
.hs-blog-post.vision-blog-2 .blog-left-column{
width:100%;
}
.hs-blog-post.vision-blog-2 .sidebar-container{
display:none;
}
/*====================================================================
Topic Filter Section
======================================================================*/
.vision-blog-2 .topic-section .block h3{
display:none;
}
.vision-blog-2 .topic-section{
padding: 26px 0px 0;
border-bottom: 1px solid #e1e1e1;
}
.vision-blog-2 .topic-section .widget-module ul{
margin: 0;
padding: 0;
text-align: left;
position: absolute;
width: auto;
z-index: 2;
background: #fff;
box-shadow: 0 10px 50px -5px rgba(0,0,0,.15);
margin-top: -13px;
padding: 10px 15px;
min-width: 192px;
display: none;
}
.vision-blog-2 .topic-section .widget-module ul li{
// display:none;
list-style-type:none;
margin:0;
padding-bottom: 10px;
}
.vision-blog-2 .topic-section .widget-module ul li a{
font-size: 16px;
font-weight: 600;
line-height: 1.43;
text-align: center;
color: #505056;
padding:0px 0px;
text-transform: capitalize;
}
.vision-blog-2 .cta-trigger h3{
font-size: 16px;
font-weight: 600;
line-height: 1.43;
color: #505056;
padding: 0px 20px;
text-transform: capitalize;
margin:0;
cursor:pointer;
display: inline-block;
border: 1px solid #dedede;
padding: 10px;
max-width: 200px;
width: 100%;
text-align: center;
position:relative;
}
.vision-blog-2 .cta-trigger img{
vertical-align: middle;
margin-left: 10px;
}
.vision-blog-2 .topic-section .widget-module li a.current-page{
color:#49aa43;
}
@media(max-width:1024px) and (min-width:768px){
body.vision-blog-2 .container-fluid .row-fluid .cta_button.remove-bg img{
display: block;
height: auto;
}
.vision-blog-2 .topic-section .widget-module ul li a{
padding: 0px 18px;
}
body.vision-blog-2 .container-fluid .row-fluid .twitter-posts {
padding: 0px;
height: 320px;
}
}
@media(max-width:767px){
.vision-blog-2 .topic-section {
padding-bottom:20px;
}
.vision-blog-2 .cta-trigger h3{
float: none;
margin: 0 auto;
display: block;
}
.vision-blog-2 .topic-section .widget-module ul{
width: auto;
left: 10px;
right: 10px;
margin: 0;
}
}
/*===============================================================
Comment Form Styling
====================================================================*/
.vision-blog-2 #comment-form form{
max-width: 700px;
margin: 0 auto;
background: #f2f2f2;
padding: 20px;
}
.vision-blog-2 .row-fluid #comment-form form .field>label{
font-weight:400;
}
.vision-blog-2 .post-listing-simple .post-item{
text-align: center;
padding: 20px 10px;
margin-bottom:0;
}
.vision-blog-2 .post-listing-simple .post-item h2, .post-listing-simple .post-item h2 a{
margin:0;
border-bottom:none;
}
/*======================================================================
Subscribe Form Sticky
========================================================================*/
.vision-blog-2 .row-fluid .subscribe-form form{
position:relative;
margin-top: 20px;
}
.vision-blog-2 .row-fluid .subscribe-form h3{
display:none;
}
.vision-blog-2 .row-fluid .subscribe-form form .field>label{
display:none;
}
.vision-blog-2 .row-fluid .subscribe-form form input{
border-left:none;
border-right:none;
border-top:none;
padding: 5px 132px 5px 0px;
height: auto;
}
body.vision-blog-2 .container-fluid .row-fluid .subscribe-form form .hs-button{
width: auto;
padding: 10px 20px;
margin: 0;
right: 0;
top: -17px;
position: absolute;
}
body.vision-blog-2 .container-fluid .row-fluid .cta_button.remove-bg{
background:transparent;
padding:0;
}
body.vision-blog-2 .container-fluid .row-fluid .cta_button.remove-bg:hover{
top:0;
box-shadow: none;
}
.vision-blog-2 .thankyou{
text-align:center;
}
.vision-blog-2 .widget-type-cta.box-styling{
margin-top:0;
}
/*********************************************
INSTAFEED
*********************************************/
body.vision-blog-2 .row-fluid #instafeed .inta-img-cont{
width: 33.3333333%;
height: 101px;
display: block;
float: left;
border: 1px solid #fff;
box-sizing: border-box;
position:relative;
overflow:hidden;
}
body.vision-blog-2 .row-fluid #instafeed .inta-img-cont a{
background-size: cover;
background-position: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all 4s cubic-bezier(0.5,0.51,1,1);
-webkit-transition: all 4s cubic-bezier(0.5,0.51,1,1);
}
body.vision-blog-2 .row-fluid #instafeed .inta-img-cont:hover a{
transform: scale(1.3);
}
.vision-blog-2 #instafeed a img{
display:none;
}
@media(max-width:1024px) and (min-width:768px){
body.vision-blog-2 .row-fluid #instafeed .inta-img-cont{
height:60px;
}
.vision-blog-2 .author-link,
.vision-blog-2 span.date-row{
font-size:10px;
}
body.vision-blog-2 .container-fluid .row-fluid .subscribe-form form .hs-button{
padding: 10px 13px;
font-size: 12px;
}
.row-fluid .subscribe-form form input{
padding: 5px 45% 5px 0px;
}
}
@media(max-width:767px){
body.vision-blog-2 .container-fluid .row-fluid .cta_button.remove-bg{
text-align: center;
margin: 0 auto;
float: none;
display: block
}
.vision-blog-2 .blog-heading {
padding: 80px 0px 0;
}
}
/**********************************************************************
***************************** REQUEST a Quote 2 ***********************
**********************************************************************/
.ps1-request-quote-2-hero{
padding: 150px 0 100px;
}
.ps1-request-quote-2-hero a{
text-decoration:underline;
}
.ps1-request-quote-2-section-1{
position:relative;
z-index:2;
padding-top:0;
}
.ps1-request-quote-2-section-1 .left-col{
padding-top:90px;
}
body .row-fluid .ps1-request-quote-2-section-1 .form-container{
margin-top: -420px;
width: 94%;
float: right;
background: #f5f7fa ;
}
.ps1-request-quote-2-section-1 .form-container .heading{
padding: 25px 20px;
background: #49aa43;
}
.ps1-request-quote-2-section-1 .form-container .form-section{
padding:40px;
}
.ps1-request-quote-2-section-1 .form-container .privacy-text{
margin-top:30px;
}
@media(max-width:1024px){
}
@media(max-width:767px){
.ps1-request-quote-2-hero {
padding: 80px 0 50px;
}
.ps1-request-quote-2-section-1 .left-col {
padding-top: 60px;
}
body .row-fluid .ps1-request-quote-2-section-1 .form-container {
margin-top: 30px;
width: 100%;
float: none;
}
.ps1-request-quote-2-section-1 .form-container .form-section {
padding: 20px;
}
}
/*==========================================================================
Generic Page Styling
===========================================================================*/
.sidebar-with-menu h3{
font-size: 23px;
line-height: 33px;
background: #49aa43;
color: #fff;
padding: 10px 20px;
font-weight: 600;
margin:0;
}
.module-shadow{
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
}
.sidebar-with-menu .hs-menu-wrapper.hs-menu-flow-vertical > ul {
background: #f5f7fa;
padding: 10px 0px;
margin: 0;
}
.sidebar-with-menu .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
width: 100%;
padding: 10px 20px;
max-width: 100%;
white-space: inherit;
position: relative;
border-bottom: 1px solid #e7e7e7;
padding-left:40px;
}
.sidebar-with-menu .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a:before{
content:"";
position:absolute;
background: url(//3842749.fs1.hubspotusercontent-na1.net/hubfs/3842749/Credo%20pack/right-arrow@2x.png) no-repeat right center;
width: 12px;
height: 12px;
left: 16px;
top: 16px;
transition: all ease-in-out .2s;
}
.sidebar-with-menu .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1:last-child a{
border:none;
}
.sidebar-with-menu .hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
padding: 8px 35px;
text-decoration: none;
width: 100%;
white-space: normal;
display: block;
box-sizing: border-box;
border-bottom: 1px solid #e7e7e7;
}
.sidebar-with-menu .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
top: 0;
left: 0;
opacity: 1;
visibility: visible;
position:relative;
}
.sidebar-with-menu .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children.sidebar-nav ul.hs-menu-children-wrapper{
display:none;
transition:all ease-in-out .2s;
}
.sidebar-with-menu .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children.sidebar-nav.menu-visible ul.hs-menu-children-wrapper{
display:block;
}
.sidebar-with-menu .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children.sidebar-nav.menu-visible a:before{
transform: rotate(90deg);
}
.margin-t-30{
margin-top:30px;
}
/* Additional Style */
.NormalBtn a { text-decoration: underline;}
.ForNormalBtn a.cta_button { line-height: 1.3 !important; font-weight: 400 !important; background-color: transparent !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; text-shadow: none !important; color: #49aa43 !important; text-decoration: underline;}
.BtnStyleNone a { background-color: transparent !important; border: 0 !important; padding: 0 !important; text-shadow: none !important; box-shadow: none !important;}
.ButtonV2 .NormalBtn a{ font-size: 16px !important; line-height: 18px !important; padding: 16px 34px !important; font-family: 'Roboto',sans-serif; text-align: center; display: inline-block; letter-spacing: 1px; color: #fff !important; margin-bottom: 0; position: relative; z-index: 1; transition: all .15s ease; top: 0; background: #49aa43 !important; text-shadow: 0 1px 3px rgb(36 180 126 / 40%) !important; text-transform: uppercase; font-weight: 600 !important; cursor: pointer; box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%) !important; border-radius: 4px; border: 1px solid #49aa43 !important; text-decoration: none;}
.ButtonV2 .NormalBtn a:hover{ transform: translateY(-1px); background: #377c32 !important; border-color: #377c32 !important; box-shadow: 0 7px 14px rgb(50 50 93 / 10%), 0 3px 6px rgb(0 0 0 / 8%) !important; }
/* .widget-type-form,
.widget-type-blog_subscribe,
.widget-type-google_search,
.widget-type-password_prompt.custom_error_message,
.widget-type-email_simple_subscription{ background-color: transparent !important; color: inherit !important; border: 0 !important; padding: 0 !important;
margin: 0 !important;} */
.submitted-message { text-align: center !important;}
/* Slider */
.ps2-home-1-testimonial-slider-section .testi-logo { width: 100%; max-width: 200px; margin: 0 auto 20px;}
.ps-vision-header .hs-menu-wrapper ul>li.hs-item-has-children>a:hover:after, .ps-vision-header .hs-menu-wrapper ul>li.hs-item-has-children>ul>li.hs-item-has-children>a:hover:after{ color: #49aa43 !important; }
.vision-menu-primary .hs-menu-wrapper>ul>li>a:hover { color: #49aa43 !important;}
/* Language swicher */
.language-switch a { position: absolute; width: 30px; top: 23px; left: 0px;}
/* Remove Auther img in testimonial slider */
.noneTesimonialImg .home-testimonial-slider .row-fluid .span5 { display: none;}
.noneTesimonialImg .home-testimonial-slider .row-fluid .span7 { text-align: center; width: 100%;}
@media (min-width: 768px){
.ps-vision-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a { line-height: 1; color: #43484d; font-size: 14px; padding: 32px 18px; letter-spacing: 0; font-weight: 600; position: relative; margin-bottom: -1px; z-index: 99; border: 1px solid transparent; border-top: 0;}
.vision-blog-1 .container-fluid .row-fluid .blog-hero-section .wrapper { max-width: 750px;}
}
@media (min-width: 768px) and (max-width: 1024px){
.HeaderSection .wrapper { padding-left: 20px !important; padding-right: 20px !important;}
}
@media (max-width: 991px) and (min-width: 768px) {
/* For Header */
.ps-vision-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a{ padding: 32px 7px !important; }
.HeaderSection .HeaderLogo img { width: 130px !important;}
.main-navigation { width: 80% !important; margin-left: 0 !important;}
.HeaderLogo { width: 20% !important;}
}
/*-=-=- Mobile Devices -=-=-*/
@media (max-width:767px ) {
.HeaderSection .HeaderLogo img { width: 130px;}
.HeaderSection .mobile-trigger { top: 7px;}
.BtnStyleNone a { width: auto !important;}
.language-switch a { top: 8px; left: initial; right: 41px;}
}