/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* Main Menu */

.off-canvas-menu-container li a {
    color: #636466 !important;
    text-transform: uppercase;
	text-decoration: none;
	transition: 0.3s;
}

.off-canvas-menu-container li a:hover {
    color: #eb45a1 !important;
}

body #header-outer, body[data-header-color="dark"] #header-outer {
    background-color: #eb4294 !important;
}

div#ajax-content-wrap .container-wrap {
    transform: unset !important;
}

#header-outer[data-box-shadow="large"] {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

div#header-outer {
    border-bottom: unset !important;
}

.ascend #header-outer[data-full-width="true"] #top nav ul .slide-out-widget-area-toggle a {
    border-left: unset !important;
}

.off-canvas-menu-container {
    padding-top: 95px;
}

i.lines-button.x2.close {
    display: none;
}

body[data-full-width-header="true"] .slide_out_area_close {
    display: block;
    padding-top: 5px !important;
    padding-left: 3px;
}

a.slide_out_area_close {
    position: absolute;
    right: 10%;
    text-decoration: none;
}

a.slide_out_area_close:hover {
    background: rgba(0, 0, 0, 0.1);
}

#header-space {
    height: 90px !important;
    background-color: #fff;
}

/* Blog Menu */

.page-id-997 li#menu-item-518,
.page-id-997 li#menu-item-519,
.page-id-997 li#menu-item-520,
.page-id-997 li#menu-item-521,
.page-id-997 li#menu-item-522,
.page-id-997 li#menu-item-523,
.page-id-997 li#menu-item-524,
.post-template-default li#menu-item-518,
.post-template-default li#menu-item-519,
.post-template-default li#menu-item-520,
.post-template-default li#menu-item-521,
.post-template-default li#menu-item-522,
.post-template-default li#menu-item-523,
.post-template-default li#menu-item-524 {
	display: none;
}


li#menu-item-1036,
li#menu-item-1007,
li#menu-item-1008,
li#menu-item-988,
li#menu-item-989 {
	display: none;
}


.page-id-997 li#menu-item-1036,
.page-id-997 li#menu-item-1007,
.page-id-997 li#menu-item-1008,
.page-id-997 li#menu-item-988,
.page-id-997 li#menu-item-989,
.post-template-default li#menu-item-1036,
.post-template-default li#menu-item-1007,
.post-template-default li#menu-item-1008,
.post-template-default li#menu-item-988,
.post-template-default li#menu-item-989 {
	display: block;
}

form#mc4wp-form-1 label {
    font-family: Teko;
    font-size: 32px;
    line-height: 44px;
    font-weight: 400;
    text-transform: uppercase;
	color: #636466 !important;	
	opacity: 0.7;
}

form#mc4wp-form-1 label:hover {
	color: #eb4294 !important;	
}

input[type="submit"] {
    background: #eb4294 !important;
}

a.slide_out_area_close {
    background: rgba(0, 0, 0, 0.1);
    padding-left: 2px;
    padding-top: 1px;
}

body #slide-out-widget-area .slide_out_area_close .icon-default-style[class^="icon-"] {
    font-size: 18px;
    height: 34px;
    left: -3px;
    line-height: 33px;
}

/* Header */

#header-outer #logo, #header-outer .logo-spacing {
    margin-top: 0px !important;
}

#header-outer #logo img {
    height: 55px !important;
	margin-left: -25px;
}

/* Homepage */

div#intro .col.span_12.light.left, 
div#intro {
    height: 595px;
}

.row.heroWrapper {
    position: relative;
}

h1.hero-title {
    font-size: 127px;
    line-height: 89px;
    padding-top: 43px;
}

.heroSection {
    position: relative;
}

.heroCaption {
    position: absolute;
    top: 47px;
}

h5.hero-sub {
    font-size: 20px !important;
    font-family: Work Sans !important;
    font-weight: 500 !important;
    text-transform: initial !important;
	padding-top: 10px;
}

img.sd-title {
    max-width: 210px !important;
    margin-top: 55px;
}

img.flamingosHero {
    max-width: 635px !important;
    position: absolute;
    top: -43px;
    right: 12%;
}

/*
img.flamingosHero {
    max-width: 635px !important;
    position: absolute;
    top: -265px;
    right: 120px;
}
*/

.flamingos-img {
    position: relative;
    height: 124px;
}

.slide-menuWrapper {
    width: 100vw;
    margin-left: -50vw;
    left: 50%;
    position: relative;
	margin-top: -5px;
}

/* Slide Menu Section */

.container-holder{
	overflow: hidden;
	background: #f0f0f0;
}

.blue-box{
	background: #99dfe7;
	padding: 0 15px 9999px 9999px;
	margin: 0 -15px -9999px -9999px;
}

.container-holder .container .col-md-6,
.container-holder .container .col-sm-6{
    padding-left: 0px;
    padding-right: 0px;
}

.slideInner.slideInner2 {
    padding-left: 35px;
}

.container-holder .box-2,
.container-holder .box-1 {
	padding: 30px;
}

.container-holder .box-1 {
	padding-left: 0px;
}

.container-holder .box-2 {
	padding-left: 55px;
}

img.chev-position {
    position: absolute;
    right: 27%;
    top: 42%;
}

img.chev-pos-2 {
    right: 17%;
}

button.open-slide-2-2.xBtn img.chev-position {
    right: 245px;
    top: 85px;
}

button.back-to-slide-2.bBtn img.chev-position {
    right: 35px;
}

.slide-menu-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	height: 220px;
}

.slide-menu-container .box-1 {
    padding: 30px;
    background-color: #99dfe7;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
	position: relative;
	padding-left: 131px;
}

.slide-menu-container .box-2 {
    padding: 30px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    background: #f2f2f2;
	position: relative;	
	padding-left: 131px;
}

.glyphicon-menu-right.chev-color1 {
    position: absolute;
    right: 95px;
    top: 38%;
    color: #fff;
    font-size: 35px;
}

.glyphicon-menu-right.chev-color2 {
    position: absolute;
    right: 10px;
    top: 38%;
    color: #99dfe7;
    font-size: 35px;
}

.glyphicon-menu-right.chev-color2:hover,
.glyphicon-menu-right.chev-color1:hover {
	cursor: pointer;
}

.box-2 h2, 
.box-1 h2 {
    font-size: 85px;
    line-height: 55px;
    margin-bottom: 0px;
}

span.title-size {
    font-size: 53px;
    line-height: 53px;
}

.box-2 p,
.box-1 p {
    font-size: 20px;
}

.menuForSlide2 {
    position: absolute;
    width: 100%;
    background: #f2f2f2;
    top: 0;
    bottom: 0;
    right: -100%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.slideGrey {
    background: #f2f2f2;	
}

.slideGrey h4,
.slideGrey h2 {
    color: #99dfe7;	
}

.menuForSlide2.show {
    right: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.menuForSlide2-2 {
    position: absolute;
    width: 100%;
    background: #f2f2f2;
    top: 0;
    bottom: 0;
    right: -200%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.menuForSlide2-2.show {
    right: -100%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.menuForSlide1,
.menuForSlide2,
.menuForSlide2-2 {
	height: 228px;
}

.menuForSlide1 {
    position: absolute;
    width: 100%;
    background: #99dfe7;
    top: 0;
    bottom: 0;
    left: -100%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.menuForSlide1.show {
    left: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.slide-menu-wrapper {
    position: relative;
    right: 0;
	left: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.slide-menu-wrapper.to-left-100 {
    left: -100%;
}

.slide-menu-wrapper.to-left-200 {
    left: -200%;
}

.slide-menu-wrapper.to-right {
    right: -100%;
    left: 100%;
}

.xBtn {
    position: absolute;
    right: 142px;
    top: 25px;
    border: none;
    color: #fff;
    background: none;
    transition: 0.5s;
	z-index: 999;	
	font-weight: 300;
}

button.close-slide-2-1.xBtn {
    right: 150px;
}

button.close-slide-1.xBtn span {
    background: rgba(255, 255, 255, 0.5);
    padding: 5px 9px 5px 9px;
    color: #fff;
    font-family: Arial;
    font-size: 20px;
}

button.close-slide-2-2.xBtn span,
button.close-slide-2-1.xBtn span {
	background: rgba(0, 0, 0, 0.11);
    padding: 5px 9px 5px 9px;
    color: #fff;
    font-family: Arial;
    font-size: 20px;	
}

.xBtnB {
    color: #99dfe7;
}

button.open-slide-2-2.xBtn {
    color: #99dfe7;
}


.menuForSlide2-2 .glyphicon,
.menuForSlide2 .glyphicon {
    font-size: 35px;
	color: #99dfe7;
}

.menuForSlide2 .glyphicon {
    font-size: 45px;
    position: absolute;
    right: 0px;
    top: unset;
}

button.back-to-slide-2.bBtn {
    position: absolute;
    right: 125px;
    top: 95px;
    border: none;
    color: #fff;
    background: none;
    font-size: 25px;
    transition: 0.5s;
    z-index: 999;
    font-weight: 300;
}

.bBtn:hover {
    background: rgba(255, 255, 255, 0.18);
}

.slideInner {
    padding: 23px 25px 10px 35px;
}

.slideInner {
    height: 200px;
}

.slideInner.slideInner2 ul {
    padding-left: 0;
    margin-left: 0px;
    margin-top: -10px;
    color: #626366;
}

.container-width {
    max-width: 1190px;
}

.slideInner i.fas.fa-plus {
    position: absolute;
    right: 0;
    top: 35%;
    color: #fff;
    font-size: 35px;
}

.slideInner h3 {
    font-size: 43px !important;
    font-family: Teko !important;
    font-weight: 900 !important;
    line-height: 37px !important;
    text-transform: uppercase;
}

.slideInner h2 {
    font-size: 87px;
    font-family: Teko !important;
    font-weight: 900 !important;
    line-height: 67px;
    text-transform: uppercase;
}

.slideInner h4 {
    font-family: Teko !important;
    font-weight: 900 !important;
    font-size: 31px !important;
    text-transform: uppercase;
}

.slideInner p {
    font-size: 19px;
    line-height: 25px;
}

.menuForSlide2 .glyphicon-menu-right {
    color: #99dfe7;
    font-size: 35px;
    margin-top: 80px;
    margin-right: 55px;
}

.menuForSlide2-2  .glyphicon-menu-left{
    color: #99dfe7;
    font-size: 35px;
}

.slideInner2 h3 {
    font-size: 34px !important;
    font-family: Teko !important;
    font-weight: 900 !important;
    line-height: 45px !important;
    text-transform: uppercase;
    color: #99dfe7;
    margin-bottom: 0px !important;
    margin-top: -12px;
}

.slideInner.slideInner2 ul li {
    margin-bottom: -5px;
    font-size: 15px;
    line-height: 27px;
	list-style: none;
}

.slideInner.slideInner2 ul li::before {
    content: "\2022";
    font-size: 20px;
    vertical-align: middle;
    padding-right: 10px;
}

.slboxWrapA p, 
.slboxWrapA h2 {
    color: #fff;
}

.slboxWrapB h2 {
    color: #99dfe7;
}

.slboxWrapB p {
	color: #636466;
}

/* Slider Section */

/*
div#n2-ss-8-arrow-next {
    right: 125px !important;
	top: 95px !important;	
}

div#n2-ss-8-arrow-previous {
    left: 90px !important;
	top: 95px !important;		
}
*/

/* Section 2 */

img.girraffe-on-pink {
    position: absolute;
    right: -35px;
    top: -45px;
    max-width: 538px !important;
}

div#about {
    height: 480px;
}

.hs2Height {
    position: relative !important;
}

.hs2 {
    position: relative;
    top: 85px;
    left: 10%;
}

.hs2 p {
    color: #fff;
    font-size: 20px;
}

.hs2 h2 {
    color: #fff;
    font-size: 53px;
    line-height: 82px;
    margin-top: -35px;
}

.hs2 h2 span {
    font-size: 117px;
    display: flex;
    margin-top: -12px;
    margin-bottom: -105px;
}

button.expandBtn {
    border: none !important;
    background: unset;
	margin-top: -12px;
}

button.expandBtn .glyphicon-menu-up,
button.expandBtn .glyphicon-menu-down {
    color: #fff;
    font-size: 35px;
    margin-top: -5px;
}

.hs4 button.expandBtn .glyphicon-menu-up,
.hs4 button.expandBtn .glyphicon-menu-down {
    color: #99dfe7;
}

.hs5 button.expandBtn .glyphicon-menu-up,
.hs5 button.expandBtn .glyphicon-menu-down {
    color: #eb4294;
}

.row-marg {
    margin-bottom: -11px !important;
}

.expandBtn a,
a#show-hidden-accordion,
a#show-hidden-menu {
    text-decoration: none;
}

/* Powerhouse Accordion */

.powerhouseWrapper {
	height: auto;
	position: relative;
}

div#thereismore {
    padding-top: 25px;
}

div#powerhouse .fa {
    color: #fff;
}

.closeBtn a {
    text-decoration: none;
}

.closeBtn .fa {
    font-size: 35px;
}
.closeBtn {
    position: absolute;
    right: 0;
	top: -55px;
}

.closeBtn a {
    background: rgba(255, 255, 255, 0);
}

/*
.closeBtn a:hover {
    background: rgba(255, 255, 255, 0.5);
	color: #fff;
}
*/

.closeBtn a span {
    background: rgba(255, 255, 255, 0.5);
    padding: 5px 9px 5px 9px;
    color: #fff;
    font-family: Arial;
}

.hs2Inner p {
    color: #fff;
    font-size: 20px;
}

.hs2Inner h2 {
    color: #fff;
    font-size: 112px;
    line-height: 85px;
    margin-top: -14px;
}

.powerhouseTitle {
    margin-top: -35px;
}

.powerhouseBox {
    background: rgba(255, 255, 255, 0.22);
    padding: 45px;
    height: 280px;
}

.plusIco i.fa.fa-plus {
    position: absolute;
    left: 0;
    right: 0;
    top: 38%;
    color: #fff;
    font-size: 55px;
}

.powerhouseBox h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 75px !important;
    line-height: 55px !important;
}

.powerhouseBox p {
    color: #fff;
    line-height: 23px;
    font-size: 20px;
}

.powerhouseAccordion {
	position: relative;
	height: auto;
}

.accord-box {
    height: 285px;
    padding: 45px;
}

.accord-box.accord-box-2 h3 {
	margin-top: -10px;
}

.accord-box.accord-box-1 {
    background: url(https://www.synergydesign.ca/wp-content/uploads/2019/08/accord-box-1.jpg);
    background-size: cover;
}

.accord-box.accord-box-2 {
    background: url(https://www.synergydesign.ca/wp-content/uploads/2019/09/accord-box-2-1.jpg);
    background-size: cover;
}

.accord-box.accord-box-3 {
    background: url(https://www.synergydesign.ca/wp-content/uploads/2019/08/accord-box-3.jpg);
    background-size: cover;
}

.accord-box.accord-box-4 {
    background: url(https://www.synergydesign.ca/wp-content/uploads/2019/09/accord-box-4-1.jpg);
    background-size: 114%;
    background-position: 55% 45%;
}

.accord-box h2 {
    text-transform: uppercase;
    font-size: 75px;
	line-height: 55px;
    color: #fff;
}

.accord-box h3 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0px !important;
}

.accord-box p {
    color: #fff;
    font-size: 21px;
    line-height: 25px;
}

h3.accordion-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 27px !important;
}

h3.accordion-title span {
    display: inline-flex;
    vertical-align: text-bottom;
}

/* Section 3 */

div#gif-rocket {
	display: none;
}

div#gif-rocket img, 
div#png-rocket img {
    max-width: 210px;
    margin-top: -125px;
	margin-left: 85px;
}

.hs3Height {
    position: relative !important;
}

div#clients {
    height: 385px;
}

.hs3 {
    position: absolute;
	top: 55px;
	left: -35px;
}

.hs3 p {
    color: #fff;
    font-size: 20px;
}

.hs3 h2 {
    color: #fff;
    font-size: 65px;
    line-height: 57px;
}

.hs3 h2 span {
    font-size: 100px;
    display: flex;
    margin-top: 11px;
}

/* Section 3 Inner */

.goodcompany {
    padding-top: 55px;
    padding-bottom: 35px;
}

div#goodcompany h2 {
    margin-left: 25px;
}

.goodcompany h2 {
    text-transform: uppercase;
    color: #99dfe7;
    font-size: 107px;
    line-height: 58px;
}

.goodcompany h2 span {
    font-size: 55px;
    display: flex;
    line-height: 59px;
}

.testWrap {
    position: relative;
    margin-top: 25px;
}

.testWrap .fa {
    position: absolute;
    left: 0;
	top: 3px;
    background: #99dfe7;
    padding: 0px 5px;
    color: #fff !important;
}

.testWrap p {
    padding-left: 45px !important;
    font-size: 17px !important;
}

/* Section 4 */

div#portfolio {
    height: 275px;
}

/*
div#port-id .row-bg.using-bg-color {
    margin-top: 25px !important;
}
*/

.case-the-joint-bg {
    height: 310px;
}

#gif {
	display: none;
}

.case-the-joint-bg {
    margin-bottom: -25px;
}

div#gif img, 
div#png img {
    max-width: 328px;
    padding-top: 0px;
    margin-top: -55px;
}

.hs4 h2 {
    color: #99dfe7;
    font-size: 100px;
    width: 117%;
}

.hs4 p {
    color: #626366;
    font-size: 20px;
    margin-top: 14px;
}

.hs4 .glyphicon-menu-down {
    color: #99dfe7 !important;
}

.hs4 {
    padding-top: 25px;
    margin-left: -173px;
}

/* Section 4 Inner */

/*
.img-wrap {
    position: relative;
    height: 373px !important;
}
*/

.img-wrap {
    position: relative;
    height: 373px !important;
    width: 349px;
}

.portfolioWrapper .img-wrap img {
    max-height: 347px;
}

img.portfolio-img {
    height: 365px !important;
}

.img-wrap:hover .image-inner {
    opacity: 0 !important;
    cursor: pointer;
}

.image-inner {
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 93%;
    top: 0px;
    left: 0px;
}

.image-inner-text img {
    max-width: 200px !important;
}

.img-wrap .image-inner-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    padding-left: 21%;
}

div#our-portfolio {
    padding-top: 55px;
}

div#slider_781 {
    margin-bottom: -14px;
}

div#slider_783 .owl-stage,
div#slider_781 .owl-stage {
	padding: 0px !important;
}

.blue.image-inner {
	background-color: rgba(10, 168, 225, 0.8);
}

.pink.image-inner {
	background-color: rgba(234, 52, 140, 0.8);
}

.green.image-inner {
	background-color: rgba(146, 218, 19, 0.75);
}

.sa_popup .mfp-image-holder .mfp-close, .sa_popup .mfp-iframe-holder .mfp-close {
    display: none !important;
}

/*
.portfolioWrapper .col-md-4 {
    margin-bottom: -14px;
}
*/

.portfolioWrapper {
    padding-top: 45px;
    padding-bottom: 45px !important;
}

.portfolio-inner {
    position: absolute;
    top: 95px;
}

.portfolio-inner img {
    max-width: 71% !important;
}

.portfolio-inner-width {
    background: #f7fcfe;
    margin-top: -52px;
}

.card.card-body {
    text-align: center;
    width: 1185px;
    margin: auto;
}

.card.card-body {
    text-align: center;
}

.card.card-body img {
    margin: auto;
}

.portfolio-inner-width .btn {
    position: absolute;
    top: 0;
    right: 15px;
}

button.btn.btn-primary.boxBtn {
    background: rgba(153, 223, 231, 0.55);
    border: unset;
    font-weight: 600 !important;
}

/* Section 5 */

div#team {
    height: auto;
}

.dinos-photo {
    background: url(https://www.synergydesign.ca/wp-content/uploads/2019/10/dinos-1.png);
    height: 295px;
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
    margin-top: -65px;
    z-index: 55;
}

div#theherd {
    padding-top: 25px !important;
    padding-bottom: 55px !important;
}

.card.card-body.team-card-body {
    max-width: 1085px;
    margin-left: 37px;
}

.teamMember {
    position: relative;
    margin-right: -20px;
    margin-bottom: -30px;
}

.tmImgInner.imgInnerTeam {
    z-index: 1;
	height: 95%;
}

.button-expand a {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    opacity: 0;
	z-index: 3;
}

.imgInnerTeam h4 {
    position: absolute;
    bottom: 5%;
    left: 8%;
    display: inline-block;
    color: #fff;
    font-family: Teko !important;
    font-size: 32px !important;
    text-transform: uppercase;
}

.tmImgInner.imgInnerTeam img {
    max-width: 10px;
}

.tmImgInner.imgInnerTeam h4 span {
    display: inline-block;
    margin-left: 10px;
	vertical-align: text-bottom;
}

.team-portfolio {
    position: absolute;
    top: 0;
    background: #eceff6;
	z-index: 99;
}

.team-portfolio button.btn.btn-primary.boxBtn {
    position: absolute;
    top: 0;
    right: 0;
}

.team-section .row-bg.using-image.using-bg-color {
	background-position: center 20% !important;
	background-size: 85%;
}

.hs5 p {
    color: #eb4294;
    font-size: 20px;
    margin-top: 10px;
}

.hs5 .glyphicon-menu-down {
    color: #eb4294 !important;
}

.hs5 {
    padding-top: 55px;
	z-index: 99;
	position: relative;
}

.hs5 h2 {
    color: #eb4294;
    font-size: 112px;
    padding-top: 10px;
    margin-bottom: 25px;
    text-transform: uppercase;
}

/* Section 5 Inner */

.teamMember {
    position: relative;
}

.teamMember:hover .tmImgInner {
    opacity: 1 !important;
    cursor: pointer;
}

.tmImgInner {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.teamMember .tmImgInner-text {
    position: absolute;
    top: 65% !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
}

.tmImgInner-text p {
    line-height: 19px;
}

.hajira .teamMember .tmImgInner-text {
    top: 65% !important;
}

.show-more .teamMember .tmImgInner-text {
    top: 57% !important;
}

.tmImgInner-text h4 {
    color: #fff;
    font-family: Teko !important;
    font-size: 37px !important;
    font-weight: 600 !important;
    margin-top: 55px;
}

.tmImgInner-text h5 {
    color: #fff;
}

.tmImgInner-text {
    color: #fff;
    font-size: 17px;
    line-height: 25px;
}

img.team-hover-img {
    position: absolute;
    max-width: 59px !important;
    top: 20%;
    left: 35px;
}

.greg .tmImgInner {
    background-color: rgba(10, 168, 225, 0.86);
	/*background-color: rgba(12, 180, 242, 0.55);*/
}

.greg img.team-hover-img {
    top: unset !important;
    bottom: -5px !important;
    left: unset !important;
    right: 25px;
}

.greg p {
    padding-right: 55px;
}

.rachel .tmImgInner {
    background-color: rgba(254, 188, 17, 0.8);
	/*background-color: rgba(237, 201, 4, 0.55);*/
}

.rachel img.team-hover-img {
    max-width: 85px !important;
    top: 35%;
    left: 70%;
}

.pia .tmImgInner {
    background-color: rgba(235, 66, 149, 0.8);
	/*background-color: rgba(219,33,132, 0.55);*/
}

.pia img.team-hover-img {
    top: 25%;
    left: 44%;
}

.kristine .tmImgInner {
    background-color: rgba(235, 66, 149, 0.8);
	/*background-color: rgba(219,33,132, 0.55);*/
}

.kristine  img.team-hover-img {
    max-width: 85px !important;
    top: 5%;
    left: -1px;
	transform: rotate(20deg);
}

.kristine .img-custom {
    max-width: 70px !important;
    top: 50%!important;
    left: 75%!important;
    transform: rotate(-25deg) !important;
}

.jenny .tmImgInner {
    background-color: rgba(173, 224, 93, 0.85);
	/*background-color: rgba(165,213,65, 0.55);*/
}

.jenny img.team-hover-img {
    max-width: 93px !important;
    top: 59%;
    left: unset;
    right: 12px;
}

.jenny p {
    padding-right: 90px;
}

.hajira .tmImgInner {
	background-color: rgba(60,200,236, 0.85);
    /*background-color: rgba(117,229,231, 0.55);*/
}

.hajira img.team-hover-img {
    max-width: 93px !important;
    top: 5%;
    left: unset;
    right: 12px;
}

.hajira .img-custom {
    top: 82% !important;
    left: unset;
    right: 35px !important;
    width: 27px !important;
}

.hajira p {
    padding-right: 45px;
}

.austin .tmImgInner {
	background-color: rgba(244,212,3, 0.9);
}

.austin img.team-hover-img {
    position: absolute;
    max-width: 109px !important;
    top: 5%;
    left: unset;
    right: 7%;
}

.llarry .tmImgInner {
    background-color: rgba(10, 168, 225, 0.86);
	/*background-color: rgba(12, 180, 242, 0.55);*/
}

.llarry img.team-hover-img {
    position: absolute;
    max-width: 100px !important;
    top: 3%;
    left: 5%;
}

.show-more .tmImgInner {
    background-color: rgba(219,33,132, 0.55);
}

img.vmore {
    display: inline-block;
	max-width: 10px;
}

.theherdgal {
    padding-bottom: 5px;
}

button.pum-trigger.popmake-893 {
    text-transform: uppercase;
    font-family: Teko;
    font-weight: 600;
    font-size: 28px;
    background: unset;
    border: unset;
    position: absolute;
    top: 95px;
}

.accordion-title button.expandBtn img {
    margin-bottom: 10px !important;
}

/* Blog Section */

.blogsec {
	margin-top: -55px;
}

a.srpw-more-link {
    text-transform: uppercase;
}

.blog-recent[data-style="default"] .col .post-header h3 {
    margin-bottom: 3px;
    letter-spacing: 0px;
    font-size: 16px;
    line-height: 25px;
}

.srpw-block.srpw-classic-style.hero-post img {
    max-width: 702px;
}

/* Section 6 */

.hs6 p {
    color: #fff;
    font-size: 20px;
}

.hs6 .glyphicon-menu-down {
    color: #fff !important;
}

.hs6 {
    padding-top: 35px;
    margin-left: 20px;
}

.hs6 h2 {
    color: #fff;
    font-size: 112px;
    line-height: 82px;
}

.hs6Height {
    position: relative !important;
}

.hs6Height .wpb_wrapper {
    height: 100%;
}

img.blue-fork {
    max-width: 525px !important;
}

/* Section 7 */

.hs7Height {
    position: relative !important;
}

.hs7 {
    margin-top: 35px;
	margin-left: -45px;
}

.hs7 p {
    color: #fff;
    font-size: 20px;
}

.hs7 h2 {
    color: #fff;
    font-size: 73px;
    line-height: 65px;
    text-transform: uppercase;
}

.hs7 h2 span {
    font-size: 112px;
    display: flex;
    margin-top: 12px;
}

img.succulents {
    max-width: 585px !important;
    position: absolute;
    right: -305px;
    top: -95px;
}

.padding-fix {
    padding-left: 55px !important;
}

.padding-fix-2 {
    padding-left: 95px !important;
}

/* Section 7 Inner */

div#contactus {
    color: #fff;
    margin-top: 20px;
    margin-left: -45px;
}

div#contactus h3 {
    color: #fff !important;
    font-size: 35px;
}

div#contactus p {
    padding-bottom: 0px;
}

div#contactus a {
    color: #fff;
    text-decoration: none;
}

p.p-width {
    width: 325px;
}

/* Footer */

#footer-outer .row {
    padding: 0px 0;
}

img.foot-1 {
    max-width: 300px !important;
}

ul.foot-soc li {
    display: inline-block;
    margin-right: 10px;
}

ul.foot-soc img {
    max-width: 37px !important;
}

ul.foot-soc {
    text-align: right;
	margin-top: -15px;
}

div#custom_html-3 {
    padding-top: 57px;
}

p.contactus {
    padding-bottom: 0px !important;
    margin-top: -12px;
}

ul.foot-soc {
    margin-top: -5px !important;
}

ul#gform_fields_1 span.gfield_required {
    display: none;
}

ul#gform_fields_1 input {
    background: #fff !important;
    border-bottom: none;
}

ul#gform_fields_1 li {
    margin-top: 0px !important;
}

/* input#input_1_2 {
    width: 75% !important;
} */

/* input#gform_submit_button_1 {
    position: absolute;
    right: 0;
    top: 159px;
	border-radius: 0 !important;
	background-color: #d75593 !important;
} */

body[data-form-style="minimal"] #footer-outer #footer-widgets .col input[type=text] {
    color: #000 !important;
}

div#footer-widgets {
    margin-top: -39px;
	background: #f5f5f5;
}

/* Blog Pages */

div#single-below-header {
    display: none;
}

h1.entry-title {
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 55px !important;
    letter-spacing: 1px !important;
    padding-left: 85px;
}

.section-title.blog-title {
    background: #eb4294 !important;
    width: 100vw;
    left: 50%;
    margin-left: -50vw !important;
    position: relative;
}

.single .heading-title {
    padding-bottom: 25px;
    border-bottom: unset;
    margin-bottom: 0px;
}

.post-template-default .container-wrap {
    padding-top: 0px !important;
}

h2.blog-title {
    color: #fff;
    padding-top: 10px;
    text-transform: uppercase;
    font-size: 45px;
    padding-bottom: 10px;
}

h3.blog-archive {
    color: #eb4294;
    text-transform: uppercase;
    font-size: 35px !important;
    padding-top: 25px;
}

a.to-blog {
    color: #fff;
    font-size: 32px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    display: table;
    margin-bottom: 35px;
    font-family: Teko;
    font-weight: 600;
	padding-left: 10px;
}

a.to-blog i {
    font-size: 25px;
}

h1.entry-title.post-title-2 {
    color: #eb4294 !important;
    text-transform: uppercase;
	font-size: 43px !important;
    padding-left: 0px;
    margin-top: -35px;
}

form#mc4wp-form-1 input[type="email"] {
    background: #fff !important;
}

/* Author Boxes */

div#author-bio {
    display: none;
}

.post .content-inner {
    padding-bottom: 0px;
}

.abh_tab_content {
    background: rgba(207, 207, 207, 0.12);
}

/* Company Slider */

.mobile-slider {
	display: none;
}

.pum-theme-887, .pum-theme-default-theme {
    background-color: rgba( 255, 255, 255, 1) !important;
}

div#contactus a {
	transition: 0.5s;
}

div#contactus a:hover {
    color: #e42d86 !important;
}

.hide-desktop {
    display: none;
}

img.img-chev4 {
    margin-top: 14px;
}

/* Media Query */

@media only screen and (min-width: 2530px) and (max-width: 2560px) {
	
.slide-menu-container .box-1 {
    padding-left: 725px;
}	
	
.slide-menu-container .box-2 {
    padding-right: 550px;
}
	
.xBtn {
    right: 750px;
}	
	
button.back-to-slide-2.bBtn {
    right: 735px;
}
	
.case-the-joint-bg {
    height: auto;
}	
	
div#team {
    height: 455px;
}
	
.team-section .row-bg.using-image.using-bg-color {
    background-position: center 35% !important;	
    background-size: 55%;
}	
	
.srpw-block.srpw-classic-style.hero-post img {
    max-width: 700px;
}	
	
}

@media only screen and (min-width: 1850px) and (max-width: 1920px) {

.slide-menu-container .box-1 {
    padding-left: 405px;
}	
	
.slide-menu-container .box-2 {
    padding-right: 250px;
}
	
.menuForSlide2 .glyphicon-menu-right {
    margin-right: unset;
}	
	
.xBtn {
    right: 355px;
}	
	
button.back-to-slide-2.bBtn {
    right: 18%;
}	
	
.case-the-joint-bg {
    height: auto;
}	
	
.srpw-block.srpw-classic-style.hero-post img {
    max-width: 700px;
}	
	
}

@media only screen and (min-width: 1520px) and (max-width: 1680px) {

h1.entry-title {
    max-width: 1250px !important;
    margin: auto;
}
	
.slide-menu-container .box-1 {
	padding-left: 285px;
}
	
.case-the-joint-bg {
    height: auto;
}
	
.srpw-block.srpw-classic-style.hero-post img {
    max-width: 697px;
}	

.xBtn {
    right: 203px;
}

button.back-to-slide-2.bBtn {
    right: 175px;
}
	
}

@media only screen and (min-width: 1580px) and (max-width: 1620px) {

.slide-menu-container .box-1 {
    padding-left: 243px;
}	
	
}

@media only screen and (min-width: 1430px) and (max-width: 1440px) {
	
.slide-menu-container .box-1 {
    padding-left: 172px;
}	
	
.srpw-block.srpw-classic-style.hero-post img {
    max-width: 685px;
}	

.col.span_12.section-title.blog-title h1 {
    padding-left: 170px;
}
	
}

@media only screen and (min-width: 1299px) {

div#footer-widgets .col.span_4:nth-child(2) {
    width: 27%;
}

div#footer-widgets .col.span_4:last-child {
    width: 37%;
}	

}

@media only screen and (max-width: 1299px) {	

.portfolioWrapper .col-md-4 {
    padding-left: 10px;
    padding-right: 5px;
}

ul.foot-soc img {
    max-width: 28px!important;
}

.team-portfolio.show-desktop .card.card-body.team-card-body {
    max-width: 855px;
    margin-left: 55px;
}

.img-wrap {
    width: 295px;
}

.image-inner {
    height: 103%;
}

img.portfolio-img {
    height: auto !important;
}

.card.card-body {
    max-width: 975px;
    margin-left: -35px;
}

.portfolio-inner-width {
    margin-left: -10px;
}	

div#contactus h3 {
    width: 120% !important;
}	
	
div#intro .col.span_12.light.left, div#intro {
    height: 535px;
}	
	
h1.hero-title {
    font-size: 108px;
    line-height: 75px;
    padding-top: 25px;
}	

/*	
.img-wrap {
    height: 285px !important;
}
*/

.img-wrap {
    height: 288px!important;
    margin-bottom: 15px;
}
	
img.flamingosHero {
    max-width: 605px !important;
    top: -52px;
    right: 5%;
}	
	
.container-width {
    max-width: 975px;
}	
	
.menuForSlide1, 
.menuForSlide2, 
.menuForSlide2-2 {
    height: 221px;
}	
	
.slideInner p {
    font-size: 19px;
    line-height: 22px;
}	
	
.container-holder .box-2 {
    padding-left: 45px;
}	
	
.slideInner2 h3 {
    font-size: 28px !important;
    line-height: 32px !important;
}	
	
.slideInner.slideInner2 ul {
    margin-top: -6px;
}	
	
.slideInner.slideInner2 ul li {
    font-size: 15px;
    line-height: 25px;
}	
	
img.flamingosHero {
    max-width: 585px !important;
    position: absolute;
    top: -8px;
    right: 5%;
}	
	
img.chev-position {
    right: 23px;
}	

.box-2 h2, .box-1 h2 {
    font-size: 75px;
    line-height: 52px;
}

.hs2 h2 span {
    font-size: 108px;
    display: flex;
    margin-top: -15px;
    margin-bottom: -105px;
}

.hs2Inner h2 {
    font-size: 80px;
    line-height: 57px;
    margin-top: -14px;
}

.hs2Inner p {
    color: #fff;
    font-size: 22px;
}

.powerhouseBox h3 {
    font-size: 55px !important;
    line-height: 43px !important;
}

.accord-box h2 {
    font-size: 48px;
    line-height: 38px;
}
	
.accord-box.accord-box-1 {
    background-size: cover;
    background-position: 50% 50%;
}	
	
.accord-box.accord-box-2 {
    background-size: cover;
    background-position: 50% 50%;
}
	
.accord-box.accord-box-3 {
    background-size: cover;
    background-position: 59% 50%;
}	

.accord-box.accord-box-4 {
    background-size: cover;
    background-position: 50% 50%;
}

.hs3 h2 {
    font-size: 50px;
    line-height: 41px;
}

.hs3 p {
    margin-top: 10px;
}

.hs3 h2 span {
    font-size: 85px;
    display: flex;
    margin-top: 17px;
}
	
.goodcompany h2 {
    font-size: 95px;
    line-height: 50px;
}	
	
div#gif img, 
div#png img {
    max-width: 270px;
    padding-top: 25px;
}
	
.greg img.team-hover-img {
    right: 10px;
}	
	
.kristine .img-custom {
    top: 65%!important;
}	
	
.hs4 {
    margin-left: -125px;
}	

.hs4 h2 {
    font-size: 78px;
    width: 129%;
}
	
div#portfolio {
    height: 265px;
    margin-bottom: -21px;
}	
	
.image-inner-text img {
    max-width: 150px !important;
}
	
div#team {
    height: 410px;
}	
	
img.blue-fork {
    max-width: 425px !important;
}	
	
.hs6 h2 {
    font-size: 75px;
    line-height: 55px;
}	
	
.hs7 h2 {
    font-size: 65px;
    line-height: 58px;
}	
	
.hs7 h2 span {
    font-size: 95px;
    display: flex;
    margin-top: 5px;
}	

.hs5 h2 {
    font-size: 102px;
    padding-top: 7px;
}
	
.tmImgInner-text h4 {
    font-size: 30px !important;
    margin-top: 100px;
}

.hs6 h2 {
    font-size: 85px;
    line-height: 64px;
}

.hs6 p {
    font-size: 24px;
    margin-top: 0px;
}

.srpw-block.srpw-classic-style.hero-post img {
    max-width: 538px;
}
	
img.succulents {
    max-width: 445px !important;
}	
	
div#contactus p {
    font-size: 15px;
}
	
div#contactus {
    color: #fff;
    margin-left: -25px;
}	
	
.teamMember .tmImgInner-text {
    top: 42% !important;
}	
	
.tmImgInner-text p {
    line-height: 18px;
}	
	
.rachel img.team-hover-img {
    top: 17%;
    left: 65%;
}	
	
.pia img.team-hover-img {
    top: 27%;
    left: 45%;
    max-width: 35px !important;
}	
	
.hajira .teamMember .tmImgInner-text {
    top: 35% !important;
}	
	
button.pum-trigger.popmake-893 {
    top: 85px;
}
	
.srpw-block.srpw-classic-style.hero-post img {
    max-width: 562px;
}	
	
img.foot-1 {
    max-width: 250px !important;
}	
	
div#custom_html-3 {
    padding-top: 45px;
    margin-left: 0px;
}

button.open-slide-2-2.xBtn img.chev-position {
	right: 55px;
}

}

@media only screen and (max-width: 1250px) {
	
.slideInner h3 {
    font-size: 36px!important;
    line-height: 33px!important;
}	
	
}

@media only screen and (max-width: 1100px) {
	
button.open-slide-2-2.xBtn img.chev-position {
    right: 20px;
}	

.slideInner h3 {
    font-size: 25px!important;
    line-height: 27px!important;
}

.slideInner h2 {
    font-size: 82px;
}

.slideInner2 h3 {
    font-size: 23px!important;
    line-height: 29px!important;
}

div#n2-ss-8-arrow-next {
    right: 0px !important;
}

div#n2-ss-8-arrow-previous {
    left: 0px !important;
}
	
}

@media only screen and (max-width: 1025px) {

.img-wrap {
    width: auto;
}

img.portfolio-img {
    height: auto !important;
}

.card.card-body {
    max-width: 975px;
	margin-left: -35px;
}

/*
.card.card-body {
	width: 945px !important;
	margin-left: -35px;
}
*/

.portfolioWrapper .col-md-4 {
    padding-left: 15px;
    padding-right: 15px;
}
	
button.open-slide-2-2.xBtn img.chev-position {
	right: 0;
	top: 85px;
}

button.close-slide-2-1.xBtn {
	right: 35px;
}

button.back-to-slide-2.bBtn {
	right: 65px;
}

.xBtn {
	right: 55px;
}

button.back-to-slide-2.bBtn img.chev-position {
	right: 10px;
}

.hs4 {
	margin-left: -55px;
}

.image-inner {
	height: 96% !important;
}

.portfolio-inner img {
	max-width: 67%!important;
}

.card.card-body.team-card-body {
	max-width: 828px;
	margin-left: 45px;
}

img.succulents {
	right: -235px;
}
	
}

@media only screen and (max-width: 999px) {	

#header-outer #logo img {
	margin-left: -10px;
}
	
.img-wrap {
    height: 192px !important;
}	
	
.portfolioWrapper {
    padding-top: 0px;
}	
	
.portfolio-inner-width {
    margin-left: 0px;
}
	
.portfolio-inner {
    top: 25px;
}	
	
.padding-fix-2 {
    padding-left: 95px!important;
}	
	
.padding-fix {
    padding-left: unset !important;
}
	
div#contactus h3 {
    width: 200px;
}	
	
div#header-space {
    margin-top: -35px;
}	

.container-holder {
    height: 195px;
}
	
.slideInner {
    height: 195px;
}	
	
.container.container-width {
    max-width: 675px;
}	
	
.box-2 h2, .box-1 h2 {
    font-size: 45px !important;
    line-height: 25px !important;
}
	
.container-holder .box-2 {
    padding-left: 25px;
}	
	
img.chev-position {
    right: 11px;
}	
	
.box-2 p, .box-1 p {
    font-size: 13px;
}
	
.slideInner2 h3 {
    font-size: 25px !important;
    line-height: 19px !important;
    margin-bottom: 8px !important;
    margin-top: -21px;
}
	
.slideInner h3 {
	font-size: 25px!important;
	line-height: 22px!important;
}
	
.slideInner h2 {
    font-size: 56px !important;
    line-height: 45px !important;
}
	
.slideInner p {
    font-size: 14px;
    line-height: 20px;
}
	
.slideInner.slideInner2 ul li {
    margin-bottom: -3px;
    font-size: 12px;
    line-height: 17px;
}	
	
.menuForSlide1, .menuForSlide2, .menuForSlide2-2 {
    height: 195px;
}	

.slideInner {
    padding: 45px 0px 10px 25px;
}
	
img.girraffe-on-pink {
    position: relative;
    right: unset;
    top: -42px;
    max-width: 305px !important;
}
	
.powerhouseBox p {
    line-height: 25px;
    font-size: 18px;
}	
	
.hs2Inner h2 {
    font-size: 30px !important;
    line-height: 27px !important;
    margin-top: -15px;
}	
	
.powerhouseBox {
    padding: 19px;
    height: 235px;
}
	
.goodcompany h2 span {
    line-height: 25px;
}	

.powerhouseBox h3 {
    font-size: 32px !important;
    line-height: 27px !important;
}	
	
.accord-box {
    height: 245px;
    padding: 17px;
}	
	
div#about {
    height: 305px;
}
	
h1.hero-title {
    font-size: 95px;
    line-height: 67px;
}	

div#intro .col.span_12.light.left, div#intro {
    height: 500px;
}
	
img.flamingosHero {
    max-width: 455px !important;
    position: absolute;
    top: 42px;
    right: 0;
}
	
.hs2 {
    top: 35px;
    left: 10%;
}	
	
.hs2 h2 {
    font-size: 33px !important;
    line-height: 67px !important;
    margin-top: -9px !important;
    margin-bottom: -10px;
}
	
.hs2 h2 span {
    font-size: 70px;
    display: flex;
    margin-top: -26px;
    margin-bottom: -99px;
}	
	
.hs2 p {
    padding-bottom: 0px;
}	
	
.hs3 h2 span {
    font-size: 73px;
    display: flex;
    margin-top: 20px;
}
	
.hs3 h2 {
    font-size: 30px !important;
    line-height: 27px !important;
}	
	
div#gif-rocket img, div#png-rocket img {
    max-width: 155px;
    margin-top: -95px;
}
	
div#clients {
    height: 275px;
}
	
div#gif img, 
div#png img {
    max-width: 200px;
    padding-top: 0px;
    margin-left: 0px;
}
	
.jenny p,	
.greg p {
    padding-right: 0px;
}
	
	
div#portfolio {
    height: 190px;
}	
	
.hs4 {
    padding-top: 0px;
    margin-left: 0px;
}	
	
button.pum-trigger.popmake-893 {
    font-size: 25px;
    top: 47px;
}	
	
.hs4 h2 {
    font-size: 42px !important;
    width: auto !important;
}	

.hs4 p {
    margin-top: 0px;
}
	
.image-inner {
    height: 89%!important;
}	
	
.image-inner-text img {
    max-width: 100px !important;
}	
	
.img-wrap .image-inner-text {
    padding-left: 22%;
}	
	
.portfolio-inner-width {
    height: 430px;
    margin-left: -25px;
}	
	
.card.card-body {
    width: auto;
    margin: auto;
}
	
.hs5 h2 {
    font-size: 75px !important;
    padding-top: 0px;
}
	
.hs5 p {
    font-size: 20px;
    margin-top: 0px;
}	
	
.dinos-photo {
    height: 150px;
    margin-top: -120px;
}
	
div#team {
    height: 250px;
}

.hs5 {
    padding-top: 25px;
    margin-bottom: 35px !important;
}	
	
.dinos-photo {
    height: 150px;
    margin-top: -108px;
    background-size: 75%;
}	
	
.tmImgInner {
    opacity: 1;
}	
	
.teamMember .tmImgInner-text {
    position: absolute;
    top: 41% !important;
    padding-left: 5%;
    padding-right: 5%;
}	
	
.tmImgInner-text h4 {
    font-size: 22px !important;
    margin-top: 55px;
    margin-bottom: -4px !important;
}	
	
.tmImgInner-text h5 {
    font-size: 15px !important;
}	
	
.tmImgInner-text p {
    font-size: 14px;
    line-height: 15px;
}	
	
button.pum-trigger.popmake-893 {
    font-size: 25px;
    top: 81px;
}	
	
.hs6 h2 {
    font-size: 35px !important;
    line-height: 25px !important;
}	
	
img.blue-fork {
    max-width: 285px !important;
}
	
.hs6 p {
    font-size: 17px;
    margin-top: 0px;
}	
	
img.succulents {
    max-width: 285px !important;
}	
	
.hs7 {
    margin-top: 0px;
}	
	
.hs7 h2 span {
    font-size: 57px;
    display: flex;
    margin-top: 3px;
}	
	
.hs7 p {
    color: #fff;
    font-size: 17px;
}	
	
div#contactus h3 {
    font-size: 30px;
}	
	
.padding-fix {
    padding-left: 15px !important;
}	
	
div#contactus .col-md-4 {
    padding-bottom: 10px;
}	
	
.srpw-block.srpw-classic-style.hero-post img {
    max-width: 295px;
}
	
a.to-blog {
    font-size: 27px;
}	
	
img.foot-1 {
    max-width: 250px !important;
}	
	
div#custom_html-3 {
    padding-top: 25px;
    margin-left: 55px;
}	
	
ul.foot-soc {
    text-align: left;
}	
	
div#footer-widgets {
    margin-top: auto;
}

.card.card-body {
    width: 725px!important;
    margin-left: -35px !important;
}	

.card.card-body.team-card-body {
    max-width: 558px;
    margin-left: 45px !important;
}
	
}

@media only screen and (min-width: 810px) and (max-width: 855px) {

div#footer-widgets .col.span_4:first-child {
    width: 25%;
}

img.foot-1 {
	max-width: 125px!important;
}

div#footer-widgets .col.span_4:nth-child(2) {
    width: 30%;
}

div#footer-widgets .col.span_4:last-child {
    width: 42%;
}	

}

@media only screen and (max-width: 850px) {

.greg img.team-hover-img {
	top: 10px;
	max-width: 45px !Important;
}

.rachel img.team-hover-img {
	max-width: 55px!important;
}

.kristine img.team-hover-img {
	max-width: 55px!important;
}

.jenny img.team-hover-img {
	max-width: 53px!important;
}

.hajira img.team-hover-img {
	max-width: 53px!important;
}

.austin img.team-hover-img {
	max-width: 59px!important;
}

.accord-box.accord-box-1,
.accord-box.accord-box-2,
.accord-box.accord-box-3,
.accord-box.accord-box-4 {
	background-position: 75% 0%;
	background-size: 155%;
	background-repeat: no-repeat !important;
}

div#custom_html-3 {
	margin-left: 0px;
}

.slideInner.slideInner2 {
	padding-left: 0px !important;
	padding-top: 57px;
}

.slideInner {
	padding: 37px 0 10px 25px;
}

.slideInner h3 {
	font-size: 24px!important;
}


div#portfolio {
	height: 210px;
}
	
.slideInner p {
	font-size: 14px;
	line-height: 15px;
}	

.slideInner.slideInner2 ul li {
	font-size: 12px;
	line-height: 14px;
}

div#team {
    height: 325px;
}

button.expandBtn {
	margin-top: 0px;
}

.hs3 {
	top: 25px;
}

div#gif img, 
div#png img {
	max-width: 215px;
}

.card.card-body {
	width: 655px!important;
	margin-left: 0px!important;
	margin-top: 35px;
}

.portfolio-inner img {
    max-width: 65%!important;
}

.team-portfolio.show-desktop .card.card-body.team-card-body {
    max-width: 555px;
	margin-top: 0px;
}

.portfolio-inner-width {
	height: 400px;
}

.image-inner {
	height: 90%!important;
}

.card.card-body.team-card-body {
	max-width: 575px;
	margin-left: 20px;
}
	
img.succulents {
	right: -100px;
}

}

@media only screen and (min-width: 755px) and (max-width: 790px) {

div#footer-widgets .col.span_4:first-child {
    width: 20%;
}

img.foot-1 {
	max-width: 105px!important;
}

div#footer-widgets .col.span_4:nth-child(2) {
    width: 30%;
}

div#footer-widgets .col.span_4:last-child {
    width: 45%;
}	

}

/* Mobile Queries */

@media only screen and (max-width: 750px) {

.slideInner.slideInner2 {
	padding-top: 87px;
}

.slideInner.slideInner2 {
    padding-left: 0px;
}
	
.greg img.team-hover-img {
    bottom: -20px !important;
    right: 10px !important;
}

.kristine .img-custom {
    top: 75% !important;
}

.jenny img.team-hover-img {
    top: 20%;
}

.llarry img.team-hover-img {
    max-width: 75px !important;
}

.portfolio-inner img {
    max-width: 95% !important;
    padding-top: 45px;
}

img.img-chev4 {
    margin-top: 0px;
}

img.vmore {
    display: inline-block;
    max-width: 10px !important;
    vertical-align: top;
    margin-left: 10px;
}

.portfolio-inner-width {
    background: #fff;
    margin-top: -10px;
    height: 485px;
}

.card.card-body {
    width: 395px !important;
}	

.portfolioWrapper .col-xs-6 {
    padding-right: 5px;
    padding-left: 5px;
}

.portfolioWrapper .col-md-4 {
    margin-bottom: 5px;
}

.img-wrap {
    margin-bottom: 5px;
}

.image-inner {
    height: 102%!important;
}

.hs7 {
    margin-left: -10px;
}

div#n2-ss-8-arrow-next {
    right: 15px !important;
	top: 55% !important;	
}

div#n2-ss-8-arrow-previous {
    left: 15px !important;
	top: 55% !important;		
}

div#portfolio {
    height: 165px;
}

.show-desktop {
    display: none;
}

.hide-desktop {
    display: block;
}
	
.img-wrap {
    height: 148px !important;
}	

#footer-widgets .container .col {
    margin-bottom: 10px;
}
	
.portfolio-inner {
    top: 32px;
}	
	
.teamMember {
    margin-bottom: 25px;
}	
	
div#contactus h3 {
    width: auto;
}	
	
.mobile-slider {
	display: block;
}
	
.desktop-slider {
	display: none;
}	
	
.container-holder {
    height: auto;
}	
	
.row.heroWrapper {
    padding-top: 85px;
}	
	
.image-inner-text img {
    max-width: 85px !important;
}	
	
img.flamingosHero {
    max-width: 230px !important;
    top: 59%;
}
	
.blue-box {
    background: #99dfe7;
    padding: 0 15px 0px 95px;
    margin: 0 -57px 0px -99px;
}
	
img.sd-title {
    max-width: 115px !important;
    margin-top: 55px;
}	
	
.container-holder .box-2 {
	padding-left: 0px;
}	
	
h1.hero-title {
    font-size: 55px;
    line-height: 39px;
}

.single.single-post .section-title h1 {
    padding-top: 85px;
    padding-left: 35px;
    font-size: 32px !important;
}

#header-space {
    height: auto !important;
}

#header-outer #logo img {
    left: 0px !important;
}

.heroCaption {
    top: 70px;
    position: relative;
    height: 225px;
}

h5.hero-sub {
    font-size: 15px !important;
}

.slide-menu-container .box-1 {
    padding-left: 35px;
}

/* Mobile Slide */

div#intro {
    height: 700px;
}

.slide-menu-container.mob-v {
    display: block;
    height: auto;
}

.slide-menu-container .box-1,
.slide-menu-container .box-2 {
    padding-left: 25px;
}

.slideInner {
    padding: 85px 0px 25px 0px;
}

.slideInner h3 {
    font-size: 20px !important;
    line-height: 19px !important;
}

.slideInner p {
    font-size: 14px;
    line-height: 18px;
}

.slideInner i.fas.fa-plus {
    position: absolute;
    right: -5px;
    top: 85%;
    color: #fff;
    font-size: 18px;
}

.menuForSlide1, 
.menuForSlide2, 
.menuForSlide2-2 {
    height: 403px;
}

.slideInner h2 {
    font-size: 47px!important;
    line-height: 38px!important;
}

button.close-slide-2-1.xBtn {
    margin-right: 0px;
}
	
button.close-slide-2-1.xBtn {
    right: 0;
}	
	
button.open-slide-2-2.xBtn img.chev-position {
    right: 0;
    top: 125px !important;
}	

.xBtn {
    right: 25px;
}

button.back-to-slide-2.bBtn img.chev-position {
    right: 20px;
}
	
button.back-to-slide-2.bBtn {
    right: 55px;
    top: 25px;
}	

.slideInner.slideInner2 ul li {
    font-size: 15px;
    line-height: 14px !important;
    margin-bottom: 5px;
}

.slideInner.slideInner2 ul li::before {
	display: none;
}

.slideInner.slideInner2 ul li {
    list-style: initial;
}

.slideInner h2 {
    font-size: 49px !important;
    line-height: 38px !important;
}

.slideInner2 h3 {
    margin-bottom: 20px !important;
	font-size: 23px !important;
}

.slideInner.slideInner2 ul {
	margin-left: 5px;
}

.menuForSlide2-2 .glyphicon-menu-left {
    font-size: 28px;
    margin-top: -85px;
    position: absolute;
}

div#about {
    height: 300px;
}

img.girraffe-on-pink {
    position: absolute;
    right: -14px;
    top: 5px;
    max-width: 220px !Important;
}

.box-2 h2, .box-1 h2 {
    font-size: 55px !important;
    line-height: 37px !important;
}
	
.box-2 p, 
.box-1 p {
	font-size: 17px;
}

span.title-size {
    font-size: 55px;
    line-height: 53px;
}

.hs2 {
    position: relative;
    top: 35px;
    left: unset;
}

.hs2 h2 span {
    font-size: 52px;
    display: flex;
    margin-top: -37px;
    margin-bottom: -109px;
}

.hs2 h2 {
    color: #fff;
    font-size: 35px !important;
    line-height: 73px !important;
}

.hs2 p {
    color: #fff;
    font-size: 14px;
    padding-bottom: 5px;
    line-height: 19px;
}

button.expandBtn {
    margin-top: -12px;
    margin-left: -10px;
}

.hs2 button.expandBtn,
.hs5 button.expandBtn {
    margin-top: 0px;
}

img.girraffe-on-pink {
    max-width: 185px !important;
    margin-right: 30px;
}

.hs2Inner p {
    font-size: 17px;
    margin-top: 20px;
    line-height: 19px;
}

.hs2Inner h2 {
    font-size: 37px !important;
}

.powerhouseBox h3 {
    font-size: 41px!important;
    line-height: 33px!important;
}
	
.powerhouseBox {
    background: rgba(255, 255, 255, 0.22);
    padding: 25px;
    height: 245px;
}

.accord-box p {
    color: #fff;
    font-size: 18px;
    line-height: 23px;
}

.plusIco i.fa.fa-plus {
    top: 45%;
    font-size: 30px;
}

.accord-box {
    height: 285px;
    padding: 25px;
    margin-bottom: -25px;
}
	
.accord-box.accord-box-1, 
.accord-box.accord-box-4, 
.accord-box.accord-box-3, 
.accord-box.accord-box-2 {
    background-size: 145%;
    background-position: 75% -17% !important;
    background-repeat: no-repeat;
}

button.expandBtn .glyphicon-menu-up, 
button.expandBtn .glyphicon-menu-down {
    color: #fff;
    font-size: 35px;
    margin-top: 10px;
}

h3.accordion-title {
    font-size: 25px !important;
}
	
.hs3 {
    position: absolute;
    top: 5% !important;
    left: 0;
}	

.hs3 h2 {
    font-size: 26px !important;
    line-height: 23px !important;
}

.hs3 h2 span {
    font-size: 39px;
    display: flex;
    margin-top: 5px;
}

.hs3 p {
    font-size: 15px;
    line-height: 17px;
}

.clientsSection .row-bg.using-image.using-bg-color {
    background-size: 250px !important;
}

div#clients {
    height: 235px;
}

.hs3Height {
    height: auto;
    position: relative !important;
}

div#gif-rocket img, 
div#png-rocket img {
    max-width: 125px;
    margin-top: 0px;
    position: absolute;
    right: -20px;
    top: -70px;
}

.goodcompany h2 span {
    line-height: 27px;
}

.hs4 {
    padding-top: 15px;
    margin-left: -45px;
}

div#gif img, 
div#png img {
    max-width: 125px !important;
    margin-bottom: -35px;
    margin-left: -25px;
    margin-top: 10px;
}
	
.padding-fix-2 {
    padding-left: 15px !important;
}	
	
.hs4 h2 {
    font-size: 32px !important;
    width: 155% !important;
    line-height: 25px !important;
}

.hs4 p {
    font-size: 17px;
    margin-top: 0px;
    line-height: 17px;
}

.hs4 button.expandBtn .glyphicon-menu-down {
    font-size: 35px;
    margin-top: -10px;
}
	
div#team {
    height: 225px;
}	
	
.dinos-photo {
    height: 150px;
    margin-top: -85px;
    background-size: 100%;
}	

.hs5 {
    padding-top: 25px;
}

.hs5 p {
    padding-bottom: 14px;
}

.hs5 h2 {
    font-size: 55px !important;
    padding-top: 0px !important;
    margin-bottom: 10px !important;
}
	
.tmImgInner-text p {
    font-size: 17px;
    line-height: 19px;
}	

.team-section .row-bg.using-image.using-bg-color {
    background-size: 100%;
    background-position: 55% 90px !important;
}

.teamMember 
.tmImgInner-text {
    top: 52% !important;
}

img.blue-fork {
    max-width: 185px !important;
    margin-left: -45px;
}

.hs6Height {
    height: auto;
}

.hs6 h2 {
    font-size: 32px !important;
}

.hs6 p {
    font-size: 17px;
    margin-top: 0px;
    line-height: 17px;
}

.hs6 {
    padding-top: 0px;
    margin-left: 0px;
}

.srpw-block.srpw-classic-style.hero-post img {
    max-width: 285px !important;
}

.hero-post .srpw-alignleft {
    float: none;
}

div#team {
    height: 255px;
}

.hero-post .srpw-content {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.article-content-wrap h3,
.hero-post .srpw-content a {
    color: #fff !important;
    font-family: Teko;
    font-size: 27px;
    font-weight: 600;
}
	
.page-id-7 a.srpw-title {
    font-size: 35px !important;
    line-height: 32px !important;
}

.hero-post a.srpw-more-link {
    font-family: Roboto;
    font-size: unset;
    font-weight: 400;
	font-size: 14px !important;
	margin-top: -20px !important;
}

.hero-post .srpw-summary {
    line-height: 22px;
}

.blog-recent.columns-3 span.meta,
.hero-post .srpw-summary {
    color: #fff;
}

.hero-post .srpw-meta,
.blog-recent.columns-3 .post-meta,
.blog-recent.columns-3 .excerpt {
    display: none !important;
}

.post h3.title {
    color: #fff !important;
    font-size: 27px !important;
}

.blog-recent.columns-3 .article-content-wrap {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

a.to-blog {
	font-size: 25px;
}

a.to-blog i {
    font-size: 17px;
}

.hs7 h2 span {
    font-size: 45px;
    margin-top: 0px;
}

.hs7 {
    margin-top: 0px;
}

.col-md-4.custom-padding {
    padding-left: 15px !important;
    padding-top: 20px;
    padding-bottom: 20px;
}

img.succulents {
    max-width: 245px !important;
    top: -35px;
    left: 0px;
}
	
.hs7 p {
    font-size: 17px;
    line-height: 19px;
}	

img.foot-1 {
    max-width: 200px !important;
}

h1.entry-title.post-title-2 {
    font-size: 43px !important;
    line-height: 35px;
}

div#custom_html-3 {
    padding-top: 0px;
    margin-left: 0px;
}

ul.foot-soc {
    text-align: left;
}

input#gform_submit_button_1 {
    position: relative;
    top: unset;
}

input#input_1_2 {
    width: 100% !important;
}

div#our-portfolio {
    padding-top: 10px;
}
	
.portfolioWrapper {
    padding-top: 25px;
}	

}