@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
.ctaOuter,.startProjectSuccess,
#startProjectForm,
.whiteFixed,
.ctaTitle,
.ctaTitleContainer,
.ctaForm,
.teamImg img,
.bio-wrapper,
.bio,
.successLeft,
.successRight,
.portfolioItem .line,
.portfolioItem.portfolioType0 .projectName,
.portfolioItem.portfolioType .projectName {
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
}
.IE8 .container{
    max-width:980px;
}
.container{
    width:100%;
    margin:0 auto;
    margin:0vw;
    padding:0px !important;
    max-width:100vw;
}
.icon{
    width:73px;
    width:7.5vw;
    margin-left:-10px;
    margin-left:-1vw;
    display:inline-block;
    vertical-align:top;
}

.columns .icon:before{
    font-size:78px;
    font-size:8vw;
    line-height:58px;
    line-height:6vw;
    letter-spacing: 0px !important;
    color:#A71C20;
    width:4.9px !important;
    width:5vw !important;
    float:left;
}
.bannerSlides{
    padding-left:0px !important;
    margin-bottom:0px !important;
}
.bannerSlides .hero-image {
    position:absolute !important;
    width:65%;
    right:45px;
    top:50px;
    top:5.2vw;
    right:5.6vw;
    left:auto;
    display:none;
    height:auto;
    z-index:3;
}
.bannerSlides .slider2 .bannerSVG{
    width:94%;
    right:auto;
    left:3%;
}
.bannerSlides .slider4 .bannerSVG{
    top:auto !important;
    bottom:4vw;
    width:90%;
    right:auto;
    left:7%;
}
.bannerSlides .slider-left .bannerSVG{
    width:50%;
    margin-top:2%;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
    background-color:transparent !important;
}
#startProjectForm,#talkToUs,#startProjectForm2{
    position:relative;
}
.startProjectSuccess,.startTalkSuccess,.startProjectSuccess2{
    opacity:0;
    height:0px;
    overflow:hidden;
    position:absolute;
    width:100%;
}
.successTitle{
    color:#fff;
    font-size:19px;
    font-size:2vw;
    line-height:24px;
    line-height:2.5vw;
}
.successTitle2{
    color:#fff;
    font-size:20px;
    line-height:25px;
    font-size:2vw;
    line-height:2.5vw;
    margin-top:-3px;
    margin-top:-0.3vw;
}
.introTitle{
    font-size:8.82px;
    font-size:0.9vw;
    line-height:12px;
    line-height:1.2vw;
}
.blogOverlay,.teamHover,.serviceIcon div:before,.screenshotImage .launchOverlay,.screenslide,.logoScreenshots,.slidesOuter,.portfolioItem .portfolioHover{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.teamDets,.googleplus,.linkedin,.facebook,.twitter,a.portfolioButtons{
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.quote .Heading-1{
    line-height:49px;
    line-height:5vw;
}
.colours .coloursinner{
    padding-top:29px;
    padding-bottom:29px;
    padding-top:3vw;
    padding-bottom:3vw;
    color:#fff !important;
}
.ex{
    color:#fff;
    font-size:40px;
    font-size:4vw;
    font-family:'ralph_sansregular';
    float:right;
    cursor:pointer;
}
.fullSpan .coloursinner h4, .fullSpan .coloursinner .Heading-4{
    color:#fff !important;
    font-size:15px;
    text-transform:uppercase;
    line-height:15px;
    letter-spacing:0.1vw;
    font-family:'montserratregular';
    line-height:1.5vw;
    font-size:1.5vw;
}
.blogtop{
    padding-top:29px;
    padding-bottom:29px;
    padding-top:3vw;
    padding-bottom:3vw;
}
.tick{
    width:90%;
    display:block;
    padding-bottom:6.86px;
    padding-bottom:0.7vw;
    margin-bottom:5px;
    margin-bottom:0.5vw;
    background-image:url(../images/icons/tick.svg);
    background-repeat:no-repeat;
    background-size:30px 30px !important;
    padding-left:34.3px;
    padding-left:3.5vw;
    padding-top: 5px;
    text-align:left;
    padding-top:0.5vw;
}
h4.srvBlurbTitle{
    font-size:27px;
    line-height:30px;
    font-size:2.8vw;
    line-height:3vw;
    color:#A71C20;
    margin-bottom:29px;
    margin-bottom:2vw;
}
.columns{
    margin-bottom:30px;
    margin-bottom:3vw;
    height:auto;
}

div.columns:nth-of-type(2n+1),.tickOuter:nth-of-type(2n+1){
    clear:left;
}


.columnBlurb{
    padding-right:0px;
    width:318px;
    padding-right:0vw;
    display:inline-block;
    width:32.5vw;
}
.coloursinner .col-lg-8{
    border-right:1px solid #fff;
}
.coloursinner .col-lg-10{
    border-bottom:1px solid #fff;
    padding-bottom:1vw;
}
.colours p{
    color:#fff;
}
/*Fonts*/
.startProject,.successTitle,h5.moduleHeadingTitle,.successTitle2,.processTitle,.launchOverlay .launchText,.blogOverallTitle .blog1,.blogOverallTitle .blog2,.fullSpanProject .Heading-1,.fullSpanProject h2,.quote .Heading-1,.startTalkSuccess .Heading-1,.startTalkSuccess h2,.quote h2,.bannerTitle,.blogTitle,.bannerSubtitle1,.bannerSubtitle2,.closeQuote,.servicesDisplay h2,.newsletterTitle,.whiteBlock h2,.cta-text,.ctaTitle,.contactFooter a,.teamHover .hoverName{
    font-family:'ralph_sansregular';
    letter-spacing:0.1vw;
}
body,.blogCategory{
    font-family:'montserratregular';
}
.quote label{
    font-family:'nerislight';
}
.fullSpanProject{
    padding-bottom:29px;
   padding-bottom:3vw;
}
.btn,.bubbleTitle,.footerHeading,.insideTitle{
    font-family:'montserratregular';
}
.btn{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.btn{
    border-radius:0px;
}
.bubbleTitle,.servicesDisplay h2,.contactFooter a{
    color:#a71c20;
}
/*Animation speeds*/
.quote,.quote .left, .quote .right,.bannerTitle{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

body{
    color:#555;
}
html{

}
.whiteBlock h2{
    color:#a71c20;
    margin-bottom:18px;
    margin-bottom:1.8vw;
}
.whiteBlock img{
    max-width:100%;
    height: auto !important;
}
.imgcol img{
    padding-right:29px;
    padding-right:3vw;
}
.quote label,.cta-text,.ctaTitle,.ctaFormWrap form p{
    color:#fff;
}
.quote p, .startTalkSuccess p{
    font-size:10px;
    font-size:1.1vw;
}
label{
    font-weight:normal;
    font-size:13px;
    font-size:1.25vw;
}
.form-group textarea{
    min-height:120px;
}
.quote .form-group textarea{
    margin-top:35px;
}
.quote .btn, #startProjectForm2 .btn{
    border:1px solid #fff;
    background-color:transparent;
    color:#fff;
    display:block;
}
.btn{
    border-radius:0px;
    font-size:16px;
    font-size:0.8vw;
    line-height:0.7vw;
    padding:11px 15px;
    padding:1.1vw 2.4vw;
}
.form-control,textarea.form-control{
    color:#555;
    height:31px;
    height:3.25vw;
    font-size:14px !important;
    border-radius:0px !important;
    border:none !important;
    box-shadow:none;
}
.form-control::-moz-placeholder{
    color:#bbb;
}

/*Colours*/
.quote .Heading-1, .quote h2,.fullSpanProject .Heading-1,.fullSpanProject h2,.startTalkSuccess .Heading-1, .startTalkSuccess h2{
    color:#fff;
}
.logo{
    width:54px;
   width:5.6vw;
   height:auto;
}
.moblogo{
    display:none;
}
.logoAnimate{
    -webkit-animation-name:logoAnimation;
    animation-name:logoAnimation;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    overflow:hidden;
    height:51px;
    height:5.2vw;
    padding-top:0px !important;
    margin-top:-3px !important;
    margin-top:-0.3vw !important;

}
.IE .logoAnimate{
    box-shadow:none !important;
    background-color:transparent !important;
    -webkit-transform: scale(0.65);
    -moz-transform: scale(0.65);
    -o-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
}
.serviceBlurb p {
    font-size:14px;
    font-size:1.4vw;
    line-height:19px;
    line-height:1.9vw;
}
@-webkit-keyframes logoAnimation{
    0%{}
    100%{
        background-color:transparent;border:none;box-shadow:none;overflow:hidden;
        -webkit-transform: scale(0.65);
        -moz-transform: scale(0.65);
        -o-transform: scale(0.65);
        -ms-transform: scale(0.65);
        transform: scale(0.65);
    }
}
@keyframes logoAnimation{
    0%{opacity:1;}
   100%{
       background-color:transparent;border:none;box-shadow:none;overflow:hidden;
       -webkit-transform: scale(0.65);
       -moz-transform: scale(0.65);
       -o-transform: scale(0.65);
       -ms-transform: scale(0.65);
       transform: scale(0.65);
   }
}
.logoSurround{
    display:inline-block;
    background-color:#fff;
    padding:13px 13px 13px;
    padding:1.4vw 1.5vw 1.05vw;
    box-shadow: 0px 2px 3px #888;
    position:relative;
    vertical-align: top;
    z-index:8;
}
.fixed{
    width:100%;
    position:fixed;
    background-color:#fff;
    background-color:rgba(255,255,255,0.9);
    border-top:4.9px solid #a71c20;
    border-top:0.75vw solid #a71c20;
    height:50px;
    height:5.2vw;
    z-index:15;
    border-bottom:2px solid #c5c1bd;
}
.mobText{
    display:none !important;
}
.fullSpanProject{
    background-color:#a4c7d7;
}
.quote{
    position:absolute;
    width:100%;
    z-index:10;
    top:0;
    margin-top:7px;
    margin-top:-0.75vw;
    height:0px;
    overflow:hidden;
    background-color:#a4c7d7;
    border-bottom:7px solid #a71c20;
    border-bottom:0.75vw solid #a71c20;
}

.centered{
    text-align:center;
}
.quote .Heading-1,.startTalkSuccess .Heading-1,.fullSpanProject .Heading-1{
    font-size:40px;
    font-size:4vw;
    line-height:45px;
    line-height:4.9vw;
}
.quote h2,.startTalkSuccess h2,.fullSpanProject h2{
    font-size:20px;
    font-size:2vw;
    font-size:2vw;
}
@-webkit-keyframes tada{
    0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
    30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
    40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
    100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes tada{
    0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
    30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
    40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
    100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.leftAlign{
    text-align:left;
}
.quote .left{
    margin-left:-150%;
    margin-right:150%;
}
.quote .right {
    margin-left:150%;
    margin-right:-150%;
}
.tada{
    -webkit-animation-name:tada;
    animation-name:tada;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}
.startTalkSuccess .Heading-1{
    margin-top:0px !important;
}

.startProject,.closeQuote{
    background-color:#a71c20;
    color:#fff;
    width:172px;
    text-align:center;
    font-size:22px;
    padding:7px 0px;
    line-height:14px;
    padding:0.7vw 0vw;
    line-height:1.4vw;
    display:inline-block;
    letter-spacing:1px;
    cursor:pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}
.startProject:hover{
    padding-top:15px;
    padding-top:1.5vw;
}
.menu{
    margin-top:10px;
    margin-top:1vw;
    position:relative;
    z-index:1;
}
.menuBlock{
    height:50px;
    height:5vw;
}
.menu ul li{
    margin:0px;
}
.menu ul li a{
    color:#818181;
    font-size:17px;
    text-transform:uppercase;
    padding:7px 20px 10px;
    padding:0.70vw 2vw 1vw;
    margin-bottom:-0.1vw;
    font-family:'montserratregular';
}
.menu ul li.active > a{
    background-color:transparent;
    color:#a71c20 !important;
}
.menu ul li.active a:hover{
    color:#a71c20;
}
label{
    font-weight:normal !important;
}
.menu a:hover{
    background-color:transparent !important;
    color:#a71c20;
}

.row{
    margin-left:0px !important;
    margin-right:0px !important;
}
.banner{
    overflow:hidden;
    padding-top:15px;
    position:relative;
    background-size: 100% auto;
    background-position:top center;
    background-repeat:no-repeat;
    height: 100%;
    width: 100%;
}

.homepageHeader{
    position:relative;
}
.arrowDown:before{
    background-color:#fff;
    content:'';
    width:47.05%;
    margin-top:-20px;
    height:20px;
    margin-top:-2vw;
    height:2vw;
    vertical-align:top;
    display:inline-block;
}
.arrowDown{
    position:relative;
    z-index:7;
    height:0px;
}
.arrowDownInner:before{
    border-left:30px solid #fff;
     border-left:3vw solid #fff;
     content:'';
     vertical-align:top;
     width:0px;
     height:0px;
     display:inline-block;
    border-top:20px solid transparent;
     border-top:2.07vw solid transparent;
    margin-top:-20px;
     margin-top:-2vw;
 }
.arrowDownInner:after{
    border-right:30px solid #fff;
    border-right:3vw solid #fff;
    content:'';
    vertical-align:top;
    width:0px;
    margin-left:3vw;
    height:0px;
    top:0px;
    right:47.05%;
   position:absolute;
    border-top:20px solid transparent;
    border-top:2.07vw solid transparent;
    margin-top:-20px;
    margin-top:-2vw;
}
.arrowDownInner{
    width:0px;
    display:inline-block;
}
.arrowDown:after{
    background-color:#fff;
    content:'';
    display:block;
    float:right;
    width:47.05%;
    height:20px;
    margin-top:-20px;
    height:2vw;
    margin-top:-2vw;
}
.galleria-layer .leftBanner, .galleria-layer .rightBanner {
	width: 49%;
	display: inline-block;
	vertical-align: bottom;
}
.galleria-layer .slider-left {
	position: absolute;
	bottom: 79px;
	bottom: 7.9vw;
	width: 100%;
}
.galleria-layer .bannerButton {
	float: right;
}

.galleria-layer .slider-left .leftBanner {
	padding-right: 10%;
	width: 49%
}
.galleria-layer .slider-right .leftBanner {
	width: 100%;
}
.galleria-layer .slider-right {
	position: absolute;
	bottom: 79px;
	bottom: 7.9vw;
	width: 100%;
}
.galleria-layer .slider-right .rightBanner {
	width: 100%;
}
.galleria-layer .slider-right .bannerButton {
	float: left;
	margin-left: 180px;
	margin-left: 18vw;
}
.banner .block{
    height:900px;
    display:block;
    width:100%;
}
h1.bannerTitle{
	 font-size:35px;
	 font-size: 3.5vw !important;
	 color:#000;
	 text-align:left;
	 padding-bottom:0px;
	 line-height:35px;
	 line-height:3.4vw !important;
 }
.galleria-layer .BannerCTA {
	margin-top: 70px;
	margin-top: 7vw;
}
.galleria-layer .BannerCTA .cta-line1, .galleria-layer .BannerCTA .cta-line2 {
	font-family: 'ralph_sansregular';
	letter-spacing: 0.1vw;
	font-size:22px;
	font-size: 2.2vw !important;
	color:#000;
	padding-bottom:0px;
	line-height:22px;
	line-height:2.2vw !important;
	position: absolute;
	right: -8%;
	margin-top: 10px;
	margin-top: 1vw;
}
.galleria-layer .BannerCTA.cta-multiple .bannerButton {
	margin-top: -2px;
	margin-top: -0.2vw;
}
.galleria-layer .slider-right .BannerCTA .cta-line1, .galleria-layer .slider-right .BannerCTA .cta-line2 {
	right: 80px;
	right: 8vw;
}
.galleria-layer .cta-multiple .cta-line1 {
	margin-top: -12px;
	margin-top: -1.2vw;
}
.galleria-layer .cta-multiple .cta-line2 {
	margin-top: 12px;
	margin-top: 1.2vw;
}
.galleria-layer .slider-overlay:before {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.galleria-layer .slider-overlay-Marketing:before {
	background-image: url("/images/sliders/DigitalMarketing_Illustration_sm.png");
	background-position: 23vw 2vw;
}
.galleria-layer .slider-overlay-Development:before {
	background-image: url("/images/sliders/Dev-Illustration.png");
	background-position: 43vw 9vw;
	background-size: 50%;
}
.galleria-layer .slider-overlay-Strategy:before {
	background-image: url("/images/sliders/DigitalStatergy-Illustration.png");
	background-position: 10.5vw 17vw;
	background-size: 80%;
}
.galleria-layer .slider-overlay-Design:before {
	background-image: url("/images/sliders/Design-Illustration.png");
	background-position: 6.5vw 8vw;
	background-size: 90%;
}
.absolute .svgCurved{
    width:50% !important;
    height:auto;
}
.banner .absolute .leftBanner,.banner .absolute .rightBanner,.banner .absolute .rightBanner2{
    bottom:-50%;
    opacity:0;
}

.bannerButton{
    background-color:#9a282a;
    color:#fff;
    font-size:20px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    font-size:1vw;
    line-height:20px;
    line-height:1vw;
    font-family:"montserratlight";
	padding: 10px 20px;
    padding:0.9vw 2vw 0.9vw 1.1vw;
    margin-left:1vw;
    display:inline-block;
    vertical-align:top;
    margin-top:0.5vw;
    position:relative;
	text-transform: uppercase;
}

.bannerButton:hover{
    color:#fff;
}
.slider3 .bannerButton{
    margin-top:-0.6vw;
}
.slider4 .bannerButton{
    margin-top:0vw;
}
.BannerCTA{
}
.slider3 .BannerCTA{
    margin-top:16vw;
}
.slider2 .BannerCTA{
    margin-top:0px !important;
    text-align:left;
}
.bannerButton:after{
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    border-left:1.4vw solid #9a282a;
    border-top:1.4vw solid transparent;
    border-bottom:1.4vw solid transparent;
    margin-right:1.4vw;
    display:block;
    content:'';
    top:0px;
    width:0px;
    height:0px;
    position:absolute;
    right:-1.37vw;
}
.bannerButton:hover:after{
    border-left:1.4vw solid #9a282a;
    border-top:1.4vw solid transparent;
    border-bottom:1.4vw solid transparent;
    margin-right:0vw;
}
.bannerPara{
    color:#000;
    font-size:18px;
    line-height:20px;
    font-size:1.75vw !important;
    line-height:2.1vw !important;
    font-family:'neristhin';
}
.intro{
    opacity:0;
}
.fadeIn{
    -webkit-animation-name:fadeIn;
    -ms-animation-name:fadeIn;
    animation-name:bannerTitle;
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    opacity:1;
}
@-webkit-keyframes fadeIn{
    0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    75%{opacity:0;}
    100%{opacity:1 !important;-webkit-transform:none;transform:none;}}
@-ms-keyframes fadeIn{
    0%{opacity:0;-moz-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    75%{opacity:0;}
    100%{opacity:1 !important;-moz-transform:none;transform:none;}}

@keyframes fadeIn{
    0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    75%{opacity:0;}
    100%{opacity:1 !important;-webkit-transform:none;-ms-transform:none;transform:none}
}

.successInPlace{
   margin-left:0%;
   margin-right:0%;
}
.popUp{
    -webkit-animation-name:popUp;
    animation-name:bannerTitle;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}
@-webkit-keyframes popUp{
    0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    75%{opacity:0;}
    100%{opacity:1;-webkit-transform:none;transform:none;}}
@keyframes popUp{
    0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    75%{opacity:0;}
    100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}


.whiteBlock h2{
    font-size:30px;
    font-size:3vw;
}

.insideTitleAnimation {
    -webkit-animation-name:bannerTitle;
    animation-name:insideTitleAnimation;
    -webkit-animation-duration:3.5s;
    animation-duration:3.5s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}
@-webkit-keyframes insideTitleAnimation{
    0%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}
@keyframes insideTitleAnimation{
    0%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}

.bannerTitleAnimation {
    -webkit-animation-name:bannerTitle;
    animation-name:bannerTitle;
    -webkit-animation-duration:1.5s;
    animation-duration:1.5s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}
@-webkit-keyframes bannerTitle{
    0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    75%{opacity:0;}
    100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes bannerTitle{
    0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    75%{opacity:0;}
    100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.bannerSubtitleAnimation {
    -webkit-animation-name:bannerSubtitle;
    animation-name:bannerTitle;
    -webkit-animation-duration:1.5s;
    animation-duration:1.5s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
@-webkit-keyframes bannerSubtitle{
    0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    75%{opacity:0;}
    100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes bannerSubtitle{
    0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    75%{opacity:0;}
    100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.bannerSubtitle{
    padding-top:115px;
    padding-top:11.5vw;
    margin-right:10px;
    margin-right:1vw;
    opacity:0;
}

.bannerSubtitle1,.bannerSubtitle2{
    font-size:40px;
    font-size:4vw;
    color:#eee5d7;
    line-height:90px;
    float:right;
    line-height:0px;
    margin-right:25%;
    height:35px;
    height:3.5vw;
    display:block;
}
.bannerSubtitle2{
    margin-right:17.5%;
    clear:right;
}
.bannerSubtitle span{
    margin-right:-8px;
    margin-right:-0.8vw;
}
.bannerSubtitle span.empty{
    margin-right:0px;
}
/*.bannerSubtitle2{
    -webkit-transform: translateX(-1px) translateY(60px) rotate(-13deg);
    -moz-transform: translateX(-1px) translateY(60px) rotate(-13deg);
    -ms-transform: translateX(-1px) translateY(60px) rotate(-13deg);
    -o-transform: translateX(-1px) translateY(60px) rotate(-13deg);
    transform: translateX(-1px) translateY(60px) rotate(-13deg);
}*/
.banner .absolute{
    position:absolute;
    bottom:40px;
    bottom:3vw;
    z-index:4;
    width:100%;
    height:217px;
    height:20.2vw;
}
.banner .slider2 .absolute {
    bottom:54px !important;
    height:auto !important;
    bottom:5.5vw !important;
}
.banner .slider3 .absolute {
    bottom:46px !important;
    height:auto !important;
    bottom:6.2vw !important;
}
.banner .slider4 .absolute{
    bottom:70px !important;
    height:auto !important;
    bottom:7vw !important;
}
.absolute{
    overflow:hidden;
}
#slideshow_groupid_1 {
    overflow:hidden;
    width:100%;
    position: relative;
    z-index: 1;
}
#slideshow_groupid_1 .galleria-image-nav {
	display: none;
}
.slider2 .svgCurved{
    width:40% !important;
}
.slider4 .svgCurved{
    width:30% !important;
}
.banner .slider2 .bannerPara,.banner .slider4 .bannerPara{
    margin-bottom:30px;
    margin-bottom:3vw;
}

.menu ul li:hover ul{
    display:block;
}
.menu .nav > li{
    position:static !important;
}
.menu ul li ul {
    border-radius:0px !important;
    border:none !important;
    width:637px;
    width:65vw;
    text-align:center;
    background-color:#f5f3f0 !important;
    box-shadow:none;
    height:45px;
    margin-top:0px !important;
    height:4.5vw;
    margin-left:-48px;
    margin-left:-5vw;
    border-top:8px solid transparent;
   border-top:.8vw solid transparent;
}
.menu ul li:first-child ul {
    margin-left:-80px;
    margin-left:-8.5vw;
}
.menu ul li ul li a{
    font-size:15px;
    font-size:0.85vw !important;
    line-height:17px;
    padding:16px 10px;
    line-height:1.1vw !important;
    padding:1.6vw 1vw;

}
.menu ul li ul li a:hover{
    color:#a71c20 !important;
}
.menu ul li ul:before {
    position:absolute;
    width:500%;
    background-color:#f5f3f0;
    height:45px;
    height:4.5vw;
    margin-left:-200%;
    z-index:-1;
    top:0px;
    content:'';
}
.menu ul li ul li{
    display:inline-block;
}
.whiteBlock{
    width:100%;
    background-color:#fff;
    padding:20px 0px;
    padding:2vw 0vw;
    position: relative;
    z-index: 1;
}

.orangeBlock{
    background-image:url(../images/backgrounds/orange.jpg);
    background-repeat:repeat;
    padding:36px 0px 40px;
    padding:3.75vw 0vw 4vw;
    position: relative;
    z-index: 1;
    clear: both;
}
.serviceIcon div{
    background-repeat:no-repeat !important;
    background-size:auto 140px;
    background-size:auto 9.3vw;
    background-position:0 0;
    width:92px;
    height:92px;
    width:9.4vw;
    height:9.4vw;
    margin:0 auto;
}
.servicesDisplay{
    border:3px solid #fff;
    border:0.25vw solid #fff;
    font-size:13px;
    font-size:1.25vw;
    border-radius:3px;
    text-align:center;
    width:100%;
    margin-top:53px;
    margin-top:5.5vw;
    padding:55px 19px 33px;
    padding:5.5vw 1.9vw 3.3vw;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    position:relative;
}
.mobtophide{display:none;}
.servicesDisplay h2, a .servicesDisplay h2{
    font-size:30px;
    font-size:3vw;
    margin-top:20px;
    margin-top:2vw;
}
.serviceBlurb a{
    text-decoration: none !important;
}
.bubbleTitle{
    font-size:10px;
    font-size:1vw;
    line-height:13px;
    line-height:1.1vw;
    text-transform:uppercase;
    padding:0px 20px;
    padding:0vw 2vw;
}
.serviceBlurb{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    position:absolute;
    width:100%;
    left:0px;
    top:0px;
    z-index:-1;
    padding:55px 19px 33px;
    padding:5.5vw 1.9vw 3.3vw;
}
.serviceBlurb .btn,.btn.teambutton{
    background-color:#a71c20;
    font-size: 14px;
    line-height: 19px;
    color:#fff;
    padding:5px 11px;
    padding:0.5vw 1.1vw;
    border:none;
}
.btn.viewproject{
    border:1px solid #a71c20;
    margin-top:20px;
    color:#a71c20;
    font-size: 14px;
    line-height: 19px;
    padding:5px 11px;
    padding:0.5vw 1.1vw;
}

.serviceBlurb .btn:hover,.btn.teambutton:hover,.btn.viewproject:hover{
    background-color:#81171a;
    color:#fff !important;

}
.centered p{
    text-align:left;
}
.quote .centered p,.startTalkSuccess .centered p{
    text-align:center;
    margin-bottom:15px;
    font-size:15px !important;
    line-height:19px;
}

.quote .centered p:last-child,.startTalkSuccess .centered p:last-child{
    margin-bottom:30px;
}
.serviceIcon{
    width:107px;
    width:11vw;
    height:88px;
    height:9vw;
    margin-bottom:10px;
    display:inline-block;
    cursor:pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.smlBubbleIcon{
    height:60px;
    width:60px;
    background-image:url(../images/backgrounds/orange.jpg);
    width:6vw;
    display:block;
    margin:0 auto;
    margin-top:-90px;
    margin-top:-9vw;
    height:6vw;
    border-radius:60px;
    border-radius:6vw;
}
.smlBubbleIcon div{
    width:63px;
    height:63px;
    width:6.3vw;
    height:6.3vw;
    background-repeat:no-repeat;
    background-size:63px auto;
    background-size:6.3vw auto;
}

.serviceHome{
    margin:0 auto;
    text-align:center;
    width: 70%;

}
.insidepage .serviceHome{
    display: flex;
    flex-wrap: wrap;
    width:55%;
}
.serviceBubble{
    width: 33.3333%;
    display:inline-block;
    vertical-align: top;
    margin:0 auto 30px;
    opacity:0;
    cursor:pointer;
    text-align:center;
}
.page1 .serviceBubble {
    width: 25%;
}
.serviceIcon div:before{
    font-size:80px;
    font-size:8vw !important;
    border:5px solid #fff;
    border:0.5vw solid #fff;
    color:#a71c20;
    border-radius:50px;
    border-radius:5vw;
}

.smlBubbleIcon div:before{
    font-size:57px;
    font-size:5.7vw;
    color:#a71c20;
    border-radius:30px;
    border:3px solid #fff;
    border-radius:3vw;
    border:0.3vw solid #fff;
}
.active div:before,.serviceIcon:hover div:before{
    color:#fff;
    border:5px solid #A71C20;
    border:0.5vw solid #a71c20;
    background-color:#a71c20;
}
.whiteFixed{
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(134,134,134,0) 47%, rgba(0,0,0,0.98) 99%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(47%,rgba(134,134,134,0)), color-stop(99%,rgba(0,0,0,0.98)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(134,134,134,0) 47%,rgba(0,0,0,0.98) 99%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(134,134,134,0) 47%,rgba(0,0,0,0.98) 99%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(134,134,134,0) 47%,rgba(0,0,0,0.98) 99%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(134,134,134,0) 47%,rgba(0,0,0,0.98) 99%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    height:100%;
    width:100%;
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
    opacity:0.8;
}
.whiteFixedInside{
    height:100%;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(134,134,134,0) 47%, rgba(0,0,0,0.98) 99%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(47%,rgba(134,134,134,0)), color-stop(99%,rgba(0,0,0,0.98)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(134,134,134,0) 47%,rgba(0,0,0,0.98) 99%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(134,134,134,0) 47%,rgba(0,0,0,0.98) 99%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(134,134,134,0) 47%,rgba(0,0,0,0.98) 99%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(134,134,134,0) 47%,rgba(0,0,0,0.98) 99%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height:285px;
    height:28.5vw;
    opacity:0.8;
    z-index:5;
    position: relative;
}
.insideBlog .whiteFixedInside{
    height:200px;
    height:20vw;
}
.insideBlog .insideTitle {
    top:130px;
    top:13vw;
}
.coloursinner .Heading-3, .coloursinner h3{
    color:#fff !important;
}
.slide1{
    -webkit-animation-name:slideRight;
    animation-name:slideRight;
    -webkit-animation-duration:1.5s;
    animation-duration:1.5s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-delay: 0.25s; /* Chrome, Safari, Opera */
    animation-delay: 0.25s;
}
.slide2{
    -webkit-animation-name:slideRight;
    animation-name:slideRight;
    -webkit-animation-duration:1.5s;
    animation-duration:1.5s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-delay: 0.5s; /* Chrome, Safari, Opera */
    animation-delay: 0.5s;
}
.slide3{
    -webkit-animation-name:slideRight;
    animation-name:slideRight;
    -webkit-animation-duration:1.5s;
    animation-duration:1.5s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-delay: 0.75s; /* Chrome, Safari, Opera */
    animation-delay: 0.75s;
}
.slide4{
    -webkit-animation-name:slideRight;
    animation-name:slideRight;
    -webkit-animation-duration:1.5s;
    animation-duration:1.5s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-delay: 1s; /* Chrome, Safari, Opera */
    animation-delay: 1s;
}
.slide5{
    -webkit-animation-name:slideRight;
    animation-name:slideRight;
    -webkit-animation-duration:1.5s;
    animation-duration:1.5s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-delay: 1.25s; /* Chrome, Safari, Opera */
    animation-delay: 1.25s;
}
.slide6{
    -webkit-animation-name:slideRight;
    animation-name:slideRight;
    -webkit-animation-duration:1.5s;
    animation-duration:1.5s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-delay: 1.5s; /* Chrome, Safari, Opera */
    animation-delay: 1.5s;
}
.slide7{
    -webkit-animation-name:slideRight;
    animation-name:slideRight;
    -webkit-animation-duration:1.75s;
    animation-duration:1.75s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-delay: 1.75s; /* Chrome, Safari, Opera */
    animation-delay: 1.75s;
}
.slide8{
    -webkit-animation-name:slideRight;
    animation-name:slideRight;
    -webkit-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
    animation-delay: 2s;
}
.slide9{
    -webkit-animation-name:slideRight;
    animation-name:slideRight;
    -webkit-animation-duration:2.5s;
    animation-duration:2.5s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-delay: 2.5s; /* Chrome, Safari, Opera */
    animation-delay: 2.5s;
}
.givinglogos{
    height:200px;
}
.centeredText{
    text-align:center;
    display:block !important;
    clear:both;
    width:100%;
}
.centeredText .Heading-5{
    padding-top:40px;
    clear:both;
    width:100%;
    margin-bottom:30px;
}
td input[type=radio]{
    margin-lefT:5px;
    margin-right:5px;
}
.referafriend .form-control{
    border:1px solid #ccc !important;
}
.cta{
    background-color:#555;
    text-align:center;
    overflow:hidden;
    position: relative;
    z-index: 1;
}
.cta .btn{
    display:inline-block;
    vertical-align:top;
    background-color:transparent;
    border:2px solid transparent;
    border:0.2vw solid #a4c7d7;
    color:#a4c7d7;
    margin-left:20px;
    margin-left:2vw;
    line-height:28px;
    line-height:1vw;
    letter-spacing:0.15vw;
    font-size:15px;
    width:130px;
    padding:5px;
    width:13vw;
    padding:0.5vw;
}
.teamText h4{
    font-size:40px;
    margin-top:10px;
    margin-bottom:20px;
    font-size:4vw !important;
    margin-top:1vw;
    margin-bottom:2vw;
}
#mailinglist_form p{
    font-size:12px;
    font-size:0.8vw;
    line-height:20px;
    line-height:1.2vw;
}
#mailinglist_form{
    position:relative;
}
.cta form .btn{
    color:#fff;
    border-color:#fff;
    margin-top:20px;
    margin-top:2vw;
    width:150px;
    width:15vw;
    margin-bottom:20px;
    padding:10px;
}
.ctaTitleContainer .ctaFlip .btn{
    border:2px solid #a4c7d7;
    width:130px;
    border:0.2vw solid #a4c7d7;
    font-size:15px;
    padding:10px 10px;
    width:13vw;
}
.ctaTitleContainer .ctaFlip .btn:hover{
    background-color:#a4c7d7;
    border:2px solid #a4c7d7;
    border:0.2vw solid #a4c7d7;
    color:#555;

}
#dl-menu{
    display:none;
}
.cta form .btn:hover{
    background-color:#fff;
    color:#555;
}
.ctaForm{
    height:0px;
    overflow: hidden;
}
.alert-danger{
    font-size:11px;
    line-height:13px;
    padding:0px !important;
    background-color:transparent !important;
    border:none !important;
    margin-top:5px !important;
    position:absolute;
}
.form-group{
    margin-bottom:25px !important;
}
.contactusopen .ctaForm{
    height:100%;
}
.blurb{
    margin-bottom:50px;
    margin-bottom:5vw;
    width:93%;
}
.blurb .blurbtext {
    display: inline-block;
    min-height: 162px;
    vertical-align: top;
    width:225px;
    width: 22.5vw;
    margin-left: 24px;
    line-height:19px;
    font-size:13px;
    line-height:1.5vw;
    font-size:1vw;
}
.blogimg {
    display: inline-block;
    max-width: 300px;
}
.relatedPost img, .relatedPost .blogimg{
    max-width:100%;
    height:auto !important;
}
.ctaTitleContainer{
    position:relative;
    height:82px;
    overflow:hidden;
    cursor:pointer;
    background-color:#555555;
    padding:28px 0px;
    padding:2.8vw 0vw;
    height:8.2vw;
}
.categorylist a{
    font-size:15px !important;
    line-height:20px !important;
}
.ctaTitleContainer:hover{
    background-color:#333333;
}
.ctaTitle{
    margin-left:200%;
}
.fixed .nav > li:last-child{
    display:none;
}
.contactusopen .ctaTitle{
    margin-left:0px;
}
.contactusopen .ctaOuter{
    display:none !important;
}
.ctaTitle h3{
    font-size:32px;
    line-height:36px;
    font-size:3.2vw;
    margin-top:0px;
    line-height:3.6vw;
}
.forminner{
    padding-bottom:30px;
    padding-bottom:3vw;
}
.ctaFormWrap{
    background-color:#a4c7d8;
    overflow:hidden;
    padding-bottom:20px;
    padding-top:20px;
    padding-bottom:2vw;
    padding-top:2vw;
}
.teamphoto{
    width:100%;
}
.team{
    position:relative;
    text-align: center;
    z-index: 1;
}
.team.radial {
    padding: 1vw 0 0;
}
.teamText{
    position:relative;
    width:100%;
    opacity:1;
}
.team .blogTalkingAboutTitle {
    display: inline-block;
    font-family: 'ralph_sansregular';
    font-size: 2.5vw;
    background-color: #fff;
    padding: 10px 15px 8px;
    margin: 50px 0 20px;
    position: relative;
}
.team .blogTalkingAboutTitle:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #ffffff transparent transparent transparent;
    margin-left: -23px;
    left: 50%;
    bottom: -15px;

}
.screenslide{
    opacity:0;
    position:absolute;
    overflow:hidden;
}
.screenslide.active{
    opacity:1;
}
.blogOverallTitle .blog1{
    font-size:31px;
    line-height:31px;
    font-size:3.1vw;
    opacity:0;
    line-height:3.1vw;
}
.blogOverallTitle .bannerTitleAnimation{
    opacity:1 !important;
}
.blogOverallTitle .blog1 span{
    margin-left:-5px;
    margin-left:-.4vw;
}
.blogOverallTitle .blog2{
    font-size:50px;
    font-size:5vw;
    margin-top:17px;
    margin-top:1.7vw;
    margin-left:45px;
    opacity:0;
    margin-left:4.5vw;
    letter-spacing:0.2vw;
    display:block;
}
.blogOverallTitle{
    position:absolute;
    bottom:40px;
    left:120px;
    bottom:4vw;
    color:#fff;
    left:12vw;
}

.cta-text{
    font-size:30px;
    font-size:3vw;
    line-height:25px;
    line-height:2.5vw;
    vertical-align: top;
    display:inline-block;
    letter-spacing:0.35vw;
}
.ctaFlip{
    opacity:0;
    cursor:pointer;
}

@-webkit-keyframes flipInX{
    0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
    40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px)
    rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
    60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
    80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
    100%{-webkit-transform:perspective(400px);transform:perspective(400px);opacity:1;}
}
@keyframes flipInX{
    0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);
        transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;
        transition-timing-function:ease-in;opacity:0}
    40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
         -ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);
        transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
    60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-transform:perspective(400px) rotate3d(1,0,0,10deg);
        transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);
        -ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
    100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px);opacity:1;}
}
.ctaOuter{
    position:absolute;
    margin:0px;
}
@-webkit-keyframes dropIn{
    100%{height:300px;opacity:1;}
    0%{height:0px;opacity:0;}
}
@keyframes dropIn{
    100%{height:300px;opacity:1;}
    0%{height:0px;opacity:0;}
}
.flipInX{
    -webkit-backface-visibility:visible!important;
    -ms-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipInX;
    animation-name:flipInX;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}
.dropIn{
    -webkit-backface-visibility:visible!important;
    -ms-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:dropIn;
    animation-name:dropIn;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}
.fadeOut{
    -webkit-backface-visibility:visible!important;
    -ms-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}
/*Bubble Transitions*/
@-webkit-keyframes slideRight{
    0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    75%{opacity:0;}
    100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes slideRight{
    0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    75%{opacity:0;}
    100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
textarea{
    width:100%;
    height:70px;
    height:7vw;
    font-size:13px;
    font-size:0.8vw !important;
    padding:5px 10px;
    padding:0.5vw 1vw;
}
textarea::-moz-placeholder {
    color: #777777 !important;
    opacity: 1 !important;
}
.reqFields{
    width:100%;
    text-align:left;
    font-size:11px;
    color:#fff;
}
.blogMob{
    display:none;
}
.form-group{
    position:relative;
}
.form-group .star{
    position:absolute;
    right:10px;
    top:10px;
    color:#a71c20;
}
#swap{
    position:relative;
    z-index:2;
}

.footer{
    position:fixed;
    bottom:0px;
    display:block;
    width:100%;
    z-index:0;
}
.footerblock{
    height:180px;
    height:18vw;
    display:block;
    position:relative;
    z-index:-2;
}
.footerblockBlog{
    height:0px;
    height:0vw;
}
.blogFiller{
    display:block;
}
.btn{
    border-radius:1px;
    border-radius:0.1vw !important;
}
.ctaFormWrap form p{
    font-size:13px;
    font-size:0.75vw;
    padding-top:0px;
    padding-top:0vw;
}

.contactFooter a{
    font-size:12px;
    font-size:1.2vw;
    margin-top:.4vw;
    display:block;
    letter-spacing:1px !important;
}
.contactFooter a:hover{
    color:#555;
}
.footer{
    font-size:10px;
    font-size:0.8vw;
    line-height:15px;
    line-height:1.25vw;
}
.footerHeading{
    font-size:11px;
    font-size:1.1vw;
    display:block;
    margin-bottom:3px;
    margin-bottom:0.25vw;
}
.footer .container{
    padding:30px 0px 0px;
    padding:3vw 0vw 0vw !important;
    border-top:15px solid #fff;
    background-color:#efe5d7;
    border-top:1.55vw solid #fff;
}
.socialMedia {
	margin-top: 10px;
	margin-top: 1vw;
    text-align: center;
}
.socialMedia a {
	display: block;
}
.iconsm-Facebook:before,.iconsm-GooglePlus:before,.iconsm-Linkedin:before,.iconsm-Twitter:before{
    display:inline-block;
    height:25px;
    width:25px;
    height:2.5vw;
    width:2.5vw;
    font-size:23px;
    font-size:2.3vw;
    color:#a71c20;
    margin-bottom:4px;
    margin-bottom:0.4vw;
 }
.iconsm-Facebook,.iconsm-GooglePlus,.iconsm-Linkedin,.iconsm-Twitter{
    text-decoration:none !important;
}
.iconsm-Facebook:hover:before,.iconsm-GooglePlus:hover:before,.iconsm-Linkedin:hover:before,.iconsm-Twitter:hover:before{
   color:#555;
}
.teamdesc{
    padding:10px 25px 0px 0px;
    padding:1vw 2.5vw 0vw 0vw;
}
.successPageSM a{
    display:inline-block;
    margin-left:4px;
    margin-right:4px;
    margin-left:0.4vw;
    margin-right:0.4vw;
    position:relative;
    z-index:2;
}
.successPageSM a:after{
    background-color:#fff;
    position:absolute;
    top:3px;
    left:3px;
    top:0.3vw;
    left:0.3vw;
    z-index:-1;
    height:18px;
    height:1.8vw;
    display:block;
    width:18px;
    width:1.8vw;
    border-radius:10px;
    border-radius:1vw;
    content:'';
}
.successPageSM {
    margin-top:1.5vw;
}
.moreInformation {
    margin:0 auto;
    margin-top:8px;
    margin-bottom:40px;
    margin-top:0.8vw;
    margin-bottom:4vw;
    padding:0px;
    width:auto;
    display:inline-block;
}
.moreInformation li{
    list-style:none;
    color:#fff;
    font-size:13px;
    line-height:18px;
    width:160px;
    margin-top:5px;
    font-size:0.8vw;
    line-height:1.1vw;
    width:16vw;
    margin-top:0.5vw;
}
.blogtop h3,.blogtop .Heading-3{
    font-size:25px !important;
    line-height:27px !important;
    margin-top:15px;
    font-size:2.5vw !important;
    line-height:2.7vw !important;
    margin-top:1.5vw;
    margin-bottom:0px !important;
}
.blogtop h4,.blogtop .Heading-4{
    font-size:20px !important;
    line-height:24px !important;
    margin-bottom:5px;
    font-size:2vw !important;
    line-height:2.4vw !important;
    margin-bottom:0.5vw !important;
}
#blog-sidebar {
	margin-top: 50px;
}
#blog-sidebar .tab-content {
	padding: 0;
	margin: 0;
	margin-top: 0.7vw;
}
#blog-sidebar .nav-tabs {
	border-bottom: 0;
}
#blog-sidebar .nav-tabs > li > a {
	margin: 0;
	background-color: #f3ebde;
}
#blog-sidebar .nav-tabs > li.active > a {
	color: #fff !important;
	background-color: #a71c20 !important;
}
#blog-sidebar .nav-tabs > li > a:hover {
	color: #a71c20;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border: 0;
	background-color: #a71c20;
	color: #fff;
}
.serviceBlurb #___partnersbadge_0, .whiteBlock #___partnersbadge_0 {
    float:right !important;
}
.serviceBlurb ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.serviceBlurb .btn {
    text-transform: uppercase;
}
.serviceBlurb ul li {
    display: inline-block;
}
.serviceBlurb ul li:first-child {
    margin-right: 10px;
}
.serviceBlurb ul li:last-child {
    margin-left: 10px;
}
.newsletter{
    background-color:#fff;
    font-size:12px;
    font-size:0.8vw;
    padding:15px;
    padding:1.5vw;
    width:150px;
    width:15vw;
    text-align:center;
    margin-top: 1vw;
}
.footerlogo{
    width:50px;
    margin-bottom:15px;
    margin-bottom:1.5vw;
    margin-top:5px;
    margin-top:0.5vw;
}

.newsletter p{
    margin:8px 0px 15px;
    margin:0.8vw 0vw 1.5vw;
}
.vimg{
    display:inline-block;
    width:175px;
    vertical-align:top;
}
.vfield{
    width:150px !important;
    width:15vw !important;
    display:inline-block !important;
    vertical-align:top;
}
.vericode{
    margin-bottom:0px !important;
    display:inline-block;
}
.reload{
    display:block;
    font-size:12px !important;
}
.newsletterTitle{
    font-size:17px;
    font-size:1.75vw;
    letter-spacing:0.1vw;
    margin-bottom:0vw;
    line-height:17px;
    line-height:1.75vw;
}
.newsletter .form-control{
    background-color:#efe5d7;
    border:none;
    height:17px;
    height:1.75vw;
    margin-bottom:10px;
    font-size:14px;
    margin-bottom:1vw;
}
.newsletter .btn-default{
    border:1px solid #504f4f;
    text-transform:uppercase;
    color:#5a5d5e;
    padding:4px 10px 3px;
    padding:0.4vw 1vw 0.3vw;
}
.newsletter .btn-default:hover{
    background-color:#504f4f;
    color:#fff;
}
.errors{
    background-color:#a71c20;
    color:#fff;
    padding:5px;
    padding:0.5vw;
    position:relative;
}
.errors:after{
    position:absolute;
    bottom:-5px;
    border-top:5px solid #a71c20;
    border-right:5px solid transparent;
    border-left:5px solid transparent;
    right:10px;
    bottom:-0.5vw;
    border-top:0.5vw solid #a71c20;
    border-right:0.5vw solid transparent;
    border-left:0.5vw solid transparent;
    content:'';
    right:1vw;
}
.positionSuccess{
    position:relative;
}
#successtext{
    font-size:11px;
    line-height:12px;
    position:absolute;
    top:-40px;
}
.success{
    background-color:#a9cbdc;
    padding:5px;
    padding:0.5vw;
    color:#fff;
}
.success:after{
    position:absolute;
    bottom:5px;
    border-top:5px solid #a9cbdc;
    border-right:5px solid transparent;
    border-left:5px solid transparent;
    right:10px;
    bottom:-0.5vw;
    border-top:0.5vw solid #a9cbdc;
    border-right:0.5vw solid transparent;
    border-left:0.5vw solid transparent;
    content:'';
    right:1vw;
}
.blog img{
    width:100% !important;
    height:auto !important;
}
.blogItem{
    position:relative;
    padding:0px !important;
}
.blogOverlay{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position:absolute;
    top:0px;
    width:100%;
    padding:25px;
    padding:2.5vw;
    text-align:center;
    height:100%;
    left:0px;
}
.blogOverlay:hover{
    opacity:0;
}
.blogItem:nth-child(1) .blogOverlay{
    background-color:rgba(85,85,85,0.9);
    color:#c4b79f;
}
.blogItem:nth-child(2) .blogOverlay{
    background-color:rgba(197,193,189,0.9);
    color:#fff;
}
.blogItem:nth-child(3) .blogOverlay{
    background-color:rgba(196,183,159,0.9);
    color:#fff;
}
.blogItem:nth-child(4) .blogOverlay{
    background-color:rgba(169,203,220,0.9);
    color:#fff;
}
.blogTitle{
    font-size:24px;
    font-size:2.4vw;
    display:block;
    margin-bottom:5px;
    margin-bottom:.5vw;
    line-height:26px;
    line-height:2.65vw;
    padding:0vw;
}
.blogDetails{
    display:block;
    font-size:15px;
    font-size:0.75vw;
}
.blogCategory{
    bottom:5px;
    left:10px;
    bottom:0.5vw;
    left:1vw;
    position:absolute;
    font-size:13px;
    font-size:0.8vw;
    text-transform:uppercase;
    color:#555;
}
.blogCategory a{
    color:#555;
}
.blog{
    position:relative;
    background-color:#fff;
    z-index:1;
    clear:both;
}
.clear{
    clear:both;
    width:100%;
}
.blogItem:nth-child(1) .blogCategory a{
    color:#fff;
}
.blogItem:nth-child(1) .blogCategory{
    color:#fff;
}

.links a{
    color:#3f3f3f;
}
.teamImg img{
    width:100% !important;
    height:auto !important;
}
.teamImg{
    overflow:hidden;
}
.member{
    position:relative;
    cursor:pointer;
}
.member:hover .teamHover{
    opacity:1;
}
.member:hover .teamImg img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.teamHover{
    opacity:0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width:100%;
    height:100%;
    background-size: cover;
    position:absolute;
    z-index:2;
    text-align:center;
    padding-top:100px;
    padding-top:10vw;

}
.teamHover .hoverName{
    font-size:25px;
    font-size:2.5vw;
    color:#fff;
    border-bottom:1px solid #fff;
    padding-bottom:10px;
    padding-bottom:1vw;
    display:inline-block;
    margin-bottom:5px;
    margin-bottom:0.5vw;
}
.teammemberset{
    overflow:hidden;
}
.teamPage div.teammemberset:nth-of-type(3n+1) .member .teamDets{
    margin-top:100%;
}
.teamPage div.teammemberset:nth-of-type(3n+2) .member .teamDets{
    margin-left:-100%;
    padding-right:100%;
}
.teamPage div.teammemberset:nth-of-type(3n+3) .member .teamDets{
    margin-right:-100%;
    padding-left:100%;
}
.teamPage div.teammemberset .member:hover .teamDets{
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    padding-right:0px;
    padding-left:0px;
}
.position{
    color:#fff;
    text-transform:uppercase;
    padding:0px 40px;
    padding:0vw 4vw;
    font-size:11px;
    font-size:1.1vw;
}
#red div{
    background-color:rgba(196,22,25,1);
}
#blue div{
    background-color:rgba(164,199,215,1);
}
#tan div{
    background-color:rgba(196,183,159,1);
}
#grey div{
    background-color:rgba(85,85,85,1);
}
#brown div{
    background-color:rgba(164,156,147,1);
}
.teamPage div.teammemberset:nth-of-type(5n+1) .teamHover{
    background-color:rgba(196,22,25,0.8);
}
.bio-wrapper{
    height:0px;
    overflow:hidden;
}
.bio-wrapper .teamsm {
	padding-left: 30px;
    padding-top:20px;
}
.bio-wrapper .teamsm a {
	display: block;
	font-size: 25px;
	border-radius: 50%;
	border: 2px solid #fff;
	border-color: #fff;
	color: #000;
	width: 50px;
	height: 50px;
	line-height: 48px;
	text-align: center;
	background: transparent;
	transition: background 0.5s ease, border-color 0.5s ease, color 0.5s ease;
	text-decoration: none;
	margin-top: 10px;
}
#submit_comment {
    text-transform:uppercase;
    background-color:#A71C20;
    padding:0px 6px;
    padding:0vw 0.6vw;
    border:none;
    color:#fff;
}
.bio-wrapper .teamsm a.fa-envelope {
	line-height: 48px;
}
.bio-wrapper .teamsm a.fa-linkedin {
	line-height: 48px;
}

#red.bio .teamsm a {
	color: #A4C7D7;
	border-color: #fff;
}
#red.bio .teamsm a:hover {
	color: #C41619;
	background: #A4C7D7;
	border-color: #A4C7D7;
}
#blue.bio .teamsm a {
	color: #C41619;
	border-color: #fff;
}
#blue.bio .teamsm a:hover {
	color: #A4C7D7;
	background: #C41619;
	border-color: #C41619;
}
#brown.bio .teamsm a {
	color: #555555;
	border-color: #fff;
}
#brown.bio .teamsm a:hover {
	color: #A49C93;
	background: #555555;
	border-color: #555555;
}
#grey.bio .teamsm a {
	color: #A49C93;
	border-color: #fff;
}
#grey.bio .teamsm a:hover {
	color: #555555;
	background: #A49C93;
	border-color: #A49C93;
}
#tan.bio .teamsm a {
	color: #555555;
	border-color: #fff;
}
#tan.bio .teamsm a:hover {
	color: #C4B79F;
	background: #555555;
	border-color: #555555;
}
.teamPage div.teammemberset:nth-of-type(5n+2) .teamHover{
    background-color:rgba(164,199,215,0.8);
}
.teamPage div.teammemberset:nth-of-type(5n+3) .teamHover{
    background-color:rgba(196,183,159,0.8);
}
.teamPage div.teammemberset:nth-of-type(5n+4) .teamHover{
    background-color:rgba(85,85,85,0.8);
}
.teamPage div.teammemberset:nth-of-type(5n+5) .teamHover{
    background-color:rgba(164,156,147,0.8);
}
.backgroundInsideImages{
    width:100% !important;
    max-width:100%;
    top:0px;
    background-repeat:no-repeat;
    height:100% !important;
    display:block;
    z-index:1;
    position:absolute;
    background-size:100% auto;

}
.backgroundImage{
    width:100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height:100%;
    padding:50px 0px;
    padding:5vw 0vw;
}

.backgroundImageOpacity{
    opacity:1 !important;
}
.imageBlock{
    position:relative;
    overflow:hidden;
    background-color:#fff;
}
.bannerInside{
    height:285px;
    height:28.5vw;
    position:relative;
    overflow:hidden;
}
.insideBlog.bannerInside{
    height:200px;
    height: 20vw;
}
.bannerInsideOuter{
    position:relative;
}
.relatedPost{
    width:110px;
    width:11vw;
    display:inline-block;
    text-align:center;
    vertical-align:top;
    margin-right:10px;
    padding:10px;
    font-size:13px;
    line-height:16px;
    margin-right:1vw;
    padding:1vw;
    border:1px solid #ccc;
    margin-bottom:1vw;
    font-size:1.1vw;
    line-height:1.3vw;
}
.relatedPost a{
    color:#555;
    text-decoration:none !important;
}
.relatedPost img{
    margin:0 auto;
    margin-bottom:10px;
    margin-bottom:1vw;
}

img{
    max-width:100%;
    height: auto;
}
.fullSpan .Heading-3,.fullSpan h3 {
    color:#555;
}
h1.insideTitle{
    position:absolute;
    text-align:center;
    bottom:30px;
    bottom:3vw;
    line-height:42px;
    padding:0px 20px;
    line-height:4.2vw;
    width:100%;
    color:#fff;
    padding:0vw 2vw;
    opacity:0;
    letter-spacing:0.5vw;
    font-size:40px;
    font-size:4vw;
    z-index:10;
    text-transform:uppercase;
}
.nopadding{
    padding-left:0px !important;
    padding-right:0px !important;
}
.insidepage .whiteBlock{
    padding:40px;
    padding-top:4vw;
    float: left;
}
.radial{
    padding:60px 0px 50px;
    padding:6vw 0vw 5vw;
    background: rgb(158,178,182); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzllYjJiNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2YwZjJlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2YwZjFlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZWIyYjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(158,178,182,1) 0%, rgba(240,242,229,1) 20%, rgba(240,241,229,1) 80%, rgba(158,178,182,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(158,178,182,1)), color-stop(20%,rgba(240,242,229,1)), color-stop(80%,rgba(240,241,229,1)), color-stop(100%,rgba(158,178,182,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(158,178,182,1) 0%,rgba(240,242,229,1) 20%,rgba(240,241,229,1) 80%,rgba(158,178,182,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(158,178,182,1) 0%,rgba(240,242,229,1) 20%,rgba(240,241,229,1) 80%,rgba(158,178,182,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(158,178,182,1) 0%,rgba(240,242,229,1) 20%,rgba(240,241,229,1) 80%,rgba(158,178,182,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(158,178,182,1) 0%,rgba(240,242,229,1) 20%,rgba(240,241,229,1) 80%,rgba(158,178,182,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9eb2b6', endColorstr='#9eb2b6',GradientType=1 ); /* IE6-8 */

}
.modulesSection{
    margin-top:40px;
    margin-top:4vw;
}
.testimonial{
    position:Relative;
    margin-top:40px;
    margin-top:4vw;
    background-color:transparent !important;
}
.testimonial:before{
    position:absolute;
    font-size:75px;
    font-size:7.5vw;
    background-color:transparent !important;
    font-family:'nerisblack';
    top:-25px;
    color:#C5C1BD !important;
    border:none !important;
    top:-2.5vw;
    content:'“';
}
.portInnerTestimonial .testimonial:before{
    color:#a71c20;
}
.portInnerTestimonial .testimonial:before{
    top:-20px;
    top:-1.5vw;
}
.testimonial:after{
    color:#a71c20;
    font-size:75px;
    bottom:10px;
    position:absolute;
    right:0px;
    font-size:7.5vw;
    font-family:'nerisblack';
    content:'”';
    bottom:1vw;
}
.testimonialText, .testimonialText p{
    font-family:'neristhin';
    font-size:16px;
    font-weight:normal;
    font-size:1.6vw;
    color:#504f4f;
    line-height:21px;
    line-height:2.1vw;
}
.testimonialAuthor{
    display:block;
    font-size:16px;
    font-size:1.6vw;
    line-height:15px;
    line-height:1.5vw;
    margin-top:12px;
    margin-top:1.25vw;
    text-transform:uppercase;
    font-family:'montserratregular';
}
.portInnerTestimonial .testimonialAuthor{
    margin-top:25px;
    font-size:18px;
    margin-top:2.5vw;
    font-size:1.8vw;
}
.leadingArrow,.insidepage .leadingArrow{
    padding-top:18px;
    padding-top:1.8vw;
}
.testimonailPosition{
    font-size:13px;
    line-height:19px;
    display:block;
    font-size:0.9vw;
    line-height:1.1vw;
    margin-top:3px;
    margin-top:0.3vw;
    margin-bottom:0.5vw;
    text-transform:uppercase;
    font-family:'montserratregular';
}
.portInnerTestimonial .testimonailPosition{
    font-size:13px;
    font-size:1.2vw;
    margin-top:0.6vw;
}
.screenshotImage{
    position:relative;
    margin-right:20px;
    margin-right:2vw;
    border:1px solid #c5c1bd;
}
.smbuttonblog{
    margin-top:10px;
    margin-bottom:10px;
}
.authorblurb{
    font-size:15px !important;
    line-height:19px !important;
    margin-top:10px;
}
.launchOverlay{
    background-color:rgba(164,199,215,0.8);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width:100%;
    opacity:0;
    left:0px;
    top:0px;
    height:100%;
    z-index:3;
    position:absolute;
    text-align:center;
}

.launchOverlay .launchText{
    color:#fff;
    font-size:30px;
    font-size:3vw;
    margin-bottom:20px;
    margin-top:80px;
    display:block;
    margin-bottom:2vw;
    margin-top:8vw;
}
.launchOverlay .btn-default{
    font-size:8px;
    font-size:0.8vw;
}
.screenshotImage img{
    width:100% !important;
    height:auto !important;
}
.logoScreenshots img{
    width: auto !important;
    max-width:130px;
    padding-left:20px;
    max-height:35px;
    max-width: 13vw;
    padding-left:2vw;
    height: auto !important;
    max-height:3.5vw;
    display:inline-block;
    margin:0 auto;
    cursor:pointer !important;
}
.greyscale{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}

.logoScreenshots:nth-child(1) img{
    padding-left:0px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus,.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
    background-color:transparent !important;
}
.logoScreenshots{
    max-width:130px;
    max-width:13vw;
    text-align:center !important;
    display:inline-block;
    vertical-align:middle;
    cursor:pointer !important;
    margin-right:0px;
    opacity:0.3;
}

.logoScreenshots.active{
    opacity:1;
}
.logos{
    padding:50px 0px 30px;
    padding:5vw 0vw 3vw;
    text-align:center;
}
.slidesOuter{
    padding-top:20px;
    padding-top:2vw;
}
.successStories{
    padding-top:20px;
    padding-top:2vw;
}

.fullSpan{
    background-color:#fff;
}
.contactDetails{
    margin-top:60px;
    padding-left:30px;
    padding-right:30px;
    margin-top:6vw;
    padding-left:3vw;
    padding-right:3vw;
}
h1.contactUs{
    font-size:40px !important;
    line-height:40px; !important;
    margin-bottom:10px;
    font-size:4vw !important;
    line-height:4vw !important;
    margin-bottom:1vw;
}
.contactDetails p{
    margin-bottom:20px;
   margin-bottom:2vw;
}
.portfolioItem{
    height:340px;
    height:34vw;
    overflow:hidden;
    float:left;
    position:relative;
}
.portfolioItem {
    width: 33.33%;
	height: 33vw;
	position: relative;
}
.portfolioItem.portfolioType1 {
	width: 100%;
	height: 289px;
	height: 28.9vw;
}
.portfolioItem.portfolioType0 img, .portfolioItem.portfolioType img {
    width:auto !important;
    height:auto !important;
    min-height:100%;
    min-width:100%;
	z-index: 0;
	position: absolute;
	top: 0;
}
.portfolioItem:hover:nth-of-type(4n+1) .portfolioHover{
    background-color:rgb(167,28,32);
}
.portfolioItem:hover:nth-of-type(4n+2) .portfolioHover{
    background-color:rgb(164,199,215);
}
.portfolioItem:hover:nth-of-type(4n+3) .portfolioHover{
    background-color:rgb(196,183,159);
}
.portfolioItem:hover:nth-of-type(4n+4) .portfolioHover{
    background-color:rgb(85,85,85);
}
.portfolioItem .portfolioHover{
    position:absolute;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width:100%;
    height:100%;
    text-align:center;
	opacity: 0.5;
	z-index: 1;
}
.portfolioItem:hover .portfolioHover{
    opacity: 0.8;
}
.portfolioItem.portfolioType0 .projectName, .portfolioItem.portfolioType .projectName {
    color:#fff;
    font-size:30px;
    padding-top:150px;
    line-height:30px;
    font-size:3vw;
    font-family:'montserratbold';
    padding-top:15vw;
    line-height:3vw;
    display:block;
    text-transform:uppercase;
	opacity: 0;
	text-align: center;
}
.portfolioItem.portfolioType0 .line, .portfolioItem.portfolioType .line {
	border-bottom: 1px solid #fff;
	display: block;
	margin: 10px auto;
    width:0;
}
.portfolioItem.portfolioType0 .portfolioNameContainer, .portfolioItem.portfolioType .portfolioNameContainer {
	position: absolute;
	z-index: 2;
	top: 0;
	width: 100%;
}
.portfolioItem.portfolioType0 .projectBackground .project-image-background, .portfolioItem.portfolioType .projectBackground .project-image-background {
	display: none;
}
.portfolioItem.portfolioType0 .projectBackground .project-image-thumbnail, .portfolioItem.portfolioType .projectBackground .project-image-thumbnail {
	display: block;
}
.portfolioItem.portfolioType1 .projectBackground .project-image-background {
	display: block;
}
.portfolioItem.portfolioType1 .projectBackground .project-image-thumbnail {
	display: none;
}
.portfolioItem.portfolioType0 .projectPreviewOverlay .projectTagline, .portfolioItem.portfolioType0 .projectPreviewOverlay, .portfolioItem.portfolioType0 .projectPreview,
.portfolioItem.portfolioType .projectPreviewOverlay .projectTagline, .portfolioItem.portfolioType .projectPreviewOverlay, .portfolioItem.portfolioType .projectPreview {
	display: none;
}
.portfolioItem.portfolioType0:hover .line, .portfolioItem.portfolioType:hover .line {
    width:100px;
    width:10vw;
}
.portfolioItem.portfolioType0:hover .projectName, .portfolioItem.portfolioType:hover .projectName {
	opacity: 1;
	text-align: center;
}
.portfolioItem.portfolioType1 .portfolioNameContainer {
	position: absolute;
	z-index: 3;
	top: 127px;
	top: 12.7vw;
	width: 100%;
	color: #fff;
}
.portfolioItem.portfolioType1 .projectName {
	font-family: 'montserratregular';
	font-weight: bold;
	position: relative;
	font-size: 30px;
	font-size: 3vw;
	display: block;
	margin-bottom: 20px;
	margin-bottom: 2vw;
	text-transform: uppercase;
	letter-spacing: 2px;
	letter-spacing: 0.2vw;
}
.portfolioItem.portfolioType1 .projectTagline {
	font-family:'nerislight';
	position: relative;
	font-size: 15px;
	font-size: 1.5vw;
	display: block;
}
.portfolioItem.portfolioType1 .projectBackground {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
}
.portfolioItem.portfolioType1 .projectBackground img {
	width: 100%;
	height: auto;
}
.portfolioItem.portfolioType1 .projectPreview {
	position: absolute;
	right: 45px;
	right: 4.5vw;
	top: 40px;
	top: 4.05vw;
	z-index: 3;
}
.portfolioItem.portfolioType1 .projectPreviewOverlay {
	width: 465px;
	width: 46.5vw;
	height: 515px;
	height: 51.5vw;
	position: absolute;
	z-index: 2;
	right: -50px;
	right: -5vw;
	top: -70px;
	top: -7vw;
	transform: rotate(25deg);
	-webkit-transform: rotate(25deg);
}
.portfolioItem.portfolioType1 .projectPreview .projectDesktop {
	background: url("/images/portfolio-desktop.png") no-repeat 0 0 / contain;
	width: 442px;
	width: 44.25vw;
	height: 231px;
	height: 23.15vw;
	position: absolute;
	z-index: 4;
	right: 0;
}
.portfolioItem.portfolioType1 .projectPreview .projectMobile {
	background: url("/images/portfolio-mobile.png") no-repeat 0 0 / contain;
	width: 104px;
	width: 10.4vw;
	height: 162px;
	height: 16.2vw;
	position: absolute;
	z-index: 6;
	right: 13px;
	right: 1.35vw;
	top: 72px;
	top: 7.25vw;
}
.portfolioItem.portfolioType1 .projectPreview .projectDesktop img {
	position: absolute;
	width: 277px;
	width: 27.75vw;
	height: 172px;
	height: 17.2vw;
	z-index: 5;
	right: 83px;
	right: 8.35vw;
	top: 11px;
	top: 1.15vw;
}
.portfolioItem.portfolioType1 .projectPreview .projectMobile img {
	position: absolute;
	width: 62px;
	width: 6.25vw;
	height: 112px;
	height: 11.2vw;
	z-index: 5;
	right: 20px;
	right: 2vw;
	top: 22px;
	top: 2.2vw;
}
.portfolioItem.portfolioType2 {
	background-color: #a4c7d7;
	text-align: center;
	line-height: 33vw;
}
.portfolioItem.portfolioType2 .portfolioNameContainer {
	display: inline-block;
	vertical-align: middle;
	line-height: 3vw;
}
.portfolioItem.portfolioType2 .projectName {
	color: #555;
	font-size: 40px;
	font-size: 4vw;
	font-family:'ralph_sansregular';
	line-height: 7vw;
	display: block;
	text-transform: uppercase;
}
.portfolioItem.portfolioType2 .projectSeeMore {
	text-transform: uppercase;
	background-color: #555;
	border: 1px solid #555;
	color: #a4c7d7;
	font-family:'montserratregular';
	font-size: 12px;
	font-size: 1.25vw;
}
.portfolioItem.portfolioType2 .projectSeeMore:hover {
	background-color: #a4c7d7;
	color: #555;
}
.portfolioButtons .arrow{
    font-family:'fontawesome';
    padding:0px 20px;
    color:#a71c20;
    padding: 0vw 2vw;
}
.backgroundPortInner{
    z-index:0;
    height:300px;
    height:30vw;
    overflow:hidden;
    background-position:0px 0px;
    background-position:0vw 0vw;
}
.backgroundPortInner img{
    width:100%;
    height: auto !important;
}
.portBackgroundImage{
    position:absolute;
    height:300px;
    height:30vw;
    width:100%;
    overflow:hidden;
    top:0px;
}
.fullScreenshot img{
    width:100% !important;
    height:auto !important;
}
.fullScreenshot{
    overflow:hidden;
    height:350px;
    margin-top:50px;
    margin-bottom:50px;
    height:35vw;
    margin-top:5vw;
    position:relative;
    margin-bottom:5vw;
}
.fullScreenshot .launchOverlay .launchText{
    margin-top:15vw;
}
a.portfolioButtons {
    background-color:#fff;
    color:#a71c20 !important;
    font-size:16px;
    text-decoration:none !important;
    line-height:18px;
    padding:10px 0px;
    margin-top:90px;
    width:45px;
    padding:1vw 0vw 1vw 0vw;
    margin-top:9vw;
    text-transform:uppercase;
    width:4.5vw;
    overflow:hidden;
    white-space: nowrap;
}
.portfolioButtons:hover{
    width:170px !important;
    width:17vw !important;
}
a.butright .insideArrow{
    display:block;
    float:right;
    color:#a71c20 !important;
}
a.butright{
    float:right;
    text-align:right;
    padding-left:20px !important;
    padding-left:2vw;
}
a.butleft{
    float:left;
    padding-left:20px;
    padding-right:2vw;
}
.screenshotImage:hover .launchOverlay{
    opacity:1 !important;
}
.fullScreenshot:hover .launchOverlay{
    opacity:1 !important;
}
h1.portfolioh1{
    font-size:40px;
    font-size:4vw;
    font-family:'montserratregular';
    line-height:40px;
    margin-bottom:20px;
    line-height:4vw;
    margin-bottom:2vw;
}
.portlogo{
    float:right;
}
.portfolio-logo {
	margin-bottom:30px;
	margin-top:-10px;
	margin-bottom:3vw;
	margin-top:-1vw;
}
.portfolio-logo img {
	display: block;
	margin: 0 auto;
}
.portserviceicon{
    width:50px;
    margin-bottom:20px;
    height:50px;
    width:5vw;
    background-size:50px 50px;
    margin-right:10px;
    height:5vw;
    margin-bottom:2vw;
    position:relative;
    background-size:5vw 5vw;
    display:inline-block;
    background-repeat:no-repeat;
    margin-right:1vw;
    cursor:pointer;
}
.portserviceicon:nth-child(4n+4){
    margin-right:0px;
}
.portserviceicon .popup{
    opacity:0;
    position:absolute;
    bottom:-20px;
    left:15px;
    font-size:13px;
    line-height:13px;
    bottom:-2vw;
    left:1.5vw;
    font-size:0.9vw;
    line-height:0.9vw;
    color:#fff;
    font-family:'montserratregular';
    background-color:#c5c1bd;
    text-transform:uppercase;
    padding:5px;
    padding:0.5vw;
}
.portserviceicon .popup:before{
    border-bottom:5px solid #c5c1bd;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    top:-4px;
    border-bottom:0.5vw solid #c5c1bd;
    border-left:0.5vw solid transparent;
    top:-0.48vw;
    border-right:0.5vw solid transparent;
    display:block;
    content:'';
    position:absolute;
}
.footerlinks a{
    color:#555;
    font-size:11px;
    line-height:13px;
    padding-right:5px;
    padding-left:5px;
}
.footerlinks a:first-child{
    padding-left:0px;
}
.footerlinks{
    color:#555;
    margin:10px 0;
    margin:1vw 0;

}
.serviceList{
    margin-bottom:40px;
    margin-top:20px;
    margin-bottom:4vw;
    margin-top:2vw;
    clear:both;
}
.portserviceicon:hover .popup{
    opacity:1;
}
.portserviceicon.ecommerce{
    background-image:url(../images/icons/Ecommerce/Services_E-Commerce_grey.svg);
}
.portserviceicon.ecommerce:hover{
    background-image:url(../images/icons/Ecommerce/Services_E-Commerce_over.svg);
}

.portserviceicon.design{
    background-image:url(../images/icons/Design/Services_Design_grey.svg);
}
.portserviceicon.design:hover{
    background-image:url(../images/icons/Design/Services_Design_over.svg);
}
.portserviceicon.digital_marketing{
    background-image:url(../images/icons/OnlineMarketing/Services_OM_grey.svg);
}
.portserviceicon.digital_marketing:hover{
    background-image:url(../images/icons/OnlineMarketing/Services_OM_over.svg);
}
.portserviceicon.development{
    background-image:url(../images/icons/DEV/Services_Dev_grey.svg);
}
.portserviceicon.development:hover{
    background-image:url(../images/icons/DEV/Services_Dev_over.svg);
}
.portserviceicon.content{
    background-image:url(../images/icons/OM-ContentMarketing/OM_ContentMarketing_grey.svg);
}
.portserviceicon.content:hover{
    background-image:url(../images/icons/OM-ContentMarketing/OM_ContentMarketing_over.svg);
}

.portserviceicon.content_management{
    background-image:url(../images/icons/CMS/Services_CMS_grey.svg);
}
.portserviceicon.content_management:hover{
    background-image:url(../images/icons/CMS/Services_CMS_over.svg);
}

.portserviceicon.strategy{
    background-image:url(../images/icons/OM-LocalSearch-Strategy/LocalSearch_Strategy_grey.svg);
}
.portserviceicon.strategy:hover{
    background-image:url(../images/icons/OM-LocalSearch-Strategy/LocalSearch_Strategy_over.svg);
}
.portInnerTestimonial{
    clear:both;
    margin-top:50px;
    margin-bottom:50px;
    margin-top:5vw;
    margin-bottom:5vw;
}
.portInnerTestimonial .testimonialText p{
    color:#a71c20 !important;
    font-size:14px;
    line-height:18px;
    font-size:1.4vw !important;
    line-height:1.8vw !important;
}
.testimonial:before,.testimonial:after{
    color:#c5c1bd;
}
.moduleHeading{
    background-color:#a4c7d7;
    color:#fff;
    font-family:'montserratregular';
    font-size:15px;
    padding:5px 0px;
    font-size:1.5vw;
    width:100%;
    text-align:center;
    padding:0.5vw 0vw;
    text-transform:uppercase;
    cursor:pointer;
    font-weight:normal;
}
.lrglogo{
    float:right;
    margin-bottom:30px;
    margin-top:-10px;
    margin-bottom:3vw;
    margin-top:-1vw;
}
.moduleHeading:last-child{
    margin-top:20px;
    margin-top:2vw;
}
.StandardModules{
    display:none;
}

.StandardModules li,.AdvancedModules li{
    width:100%;
}
.spaceblock{
    display:block;
    height:30px;
    height:3vw;
}
.tab-content{
    background-color:#fff;
    padding:20px 30px;
    margin-left:25px;
    padding:2vw 3vw;
    margin-left:2.5vw;
    text-align:left;
}
.tab-content h5.moduleHeadingTitle{
    color:#a4c7d7;
    font-size:40px;
    font-size:4vw;
}
.activeMod{
    position:relative;
}
.nav-tabs > li > a{
    border-radius:0px !important;
    outline:none;
}
.nav-tabs > li.active > a{
    border-top:none !important;
    border-right:none !important;
}
.StandardModules li a,.AdvancedModules li a,.StandardModules ul.nav-tabs li.active a,.AdvancedModules ul.nav-tabs li.active a{
    color:#555;
    font-size:12px;
    font-size:1.26vw;
    display:block !important;
    width:100%;
    text-align:center;
    border:none !important;
    border-bottom:1px solid #fff !important;
}
.StandardModules li a:hover,.AdvancedModules li a:hover,.StandardModules ul.nav-tabs li.active a:hover,.AdvancedModules ul.nav-tabs li.active a:hover{
    background-color:#fff !important;
}
.StandardModules ul.nav-tabs li.active a,.AdvancedModules ul.nav-tabs li.active a{
    color:#a4c7d7;
}
.activeMod:after{
    display:block;
    content:'';
    border-top:10px solid #a4c7d7;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:1vw solid #a4c7d7;
    border-left:1vw solid transparent;
    border-right:1vw solid transparent;
    position:absolute;
    bottom:9px;
    right:10px;
    bottom:-0.9vw;
    z-index:3;
    right:1vw;
}
.fullLine{
    display:inline-block;
    margin:10px 10px 10px 0px;
    width:70px;
    margin:1vw 1vw 1vw 0vw;
    vertical-align: middle;
    background-color:#fff;
    height:1px;
    width:7vw;
}
.halfLine{
    background-color:#fff;
    height:1px;
    display:block;
    margin:10px 0px;
    width:35px;
    margin:1vw 0vw;
    width:3.5vw;
}
.placeholder{
    height:180px;
    height:18vw;
    background-color:#000;
    width:100%;
}
.semiLine,.semitwoLine{
    background-color:#fff;
    height:1px;
    display:block;
    margin:10px 0px;
    width:16px;
    margin:1vw 0vw;
    width:1.6vw;
}
.processTitle{
    display:inline-block;
    font-size:28px;
}
.scrollOn{
    height:400px;
    height:40vw;
    overflow: scroll;
    margin-right:-30px;
}
.dropdown-menu{
    padding-top:0px !important;
}
.overflow{
    overflow:hidden;
}
.small-tick {
    width:90%;
    padding-bottom:6.86px;
    padding-bottom:0.7vw;
    margin-bottom:5px;
    margin-bottom:0.5vw;
    padding-left:34.3px;
    padding-left:3.5vw;
    padding-top: 5px;
    text-align:left;
    padding-top:0.5vw;
    position: relative;
}
/*
.small-tick:before {
    font-family: icomoon;
    font-size: 15px;
    content: "\e900";
    position: absolute;
    left: 30px;
    color:#a71c20;
}
*/
ul.tick-list li:before {
    font-family: icomoon-2;
    font-size: 15px;
    content: "\e900";
    position: absolute;
    left: -30px;
    color:#a71c20;
}
ul.tick-list {
    list-style: none;
    text-align: left;
    padding: 0 0 0 30px;
    margin: 0;
}
ul.tick-list li {
    width: 50%;
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
    vertical-align: top;
}
ul.tick-list li span {
    display: block;
    width: 85%;
}
.google-partner img {
    width: 150px;
    height: auto;
}
.google-partner {
    margin-top: 40px;
    margin-left: -80px;
}
.theme-dots .galleria-thumbnails-list {
	position: absolute !important;
	width: 100%;
	bottom: 20px !important;
	bottom: 3vw !important;
}
.theme-dots .galleria-thumbnails-container {
	bottom: 0;
}
.theme-dots .galleria-thumbnails {
    text-align: center;
}
.theme-dots .galleria-thumbnails .galleria-image.active {
    background-color: #ffffff;
}
.theme-dots .galleria-thumbnails .galleria-image {
    width: 10px;
    height: 10px;
}
.theme-dots .galleria-thumbnails .galleria-image {
    background-color: #8c8c8c;
}
.fullSpan .table tbody > tr > td {
    border-top: inherit;
}
#blog-sidebar .nav > li > a {
    padding: 7px;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    border: 0;
}
#blog-sidebar .nav-tabs > li {
    margin-bottom: 0;
}
#blog-sidebar ul.nav {
    border-bottom: solid 2px #a71c20;
}
#blog-sidebar .list-group-item {
    padding: 10px 0 !important;
    margin-bottom: 0;
    border-bottom: solid 1px #8c8c8c;
    line-height: 20px;
}
#blog-sidebar .Heading-5 {
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    border-bottom: solid 2px #a71c20;
}
.technology-partner h2,
.technology-partner .partner-description,
.technology-partner .partner-learn-more,
.technology-partner .partner-acknowledged,
.technology-partner .partner-learn-more-button {
    text-align: center;
}
.technology-partner h2 {
    margin-bottom: 18px;
    margin-bottom: 1.8vw;
}
.technology-partner .partner-description p {
    font-family: 'montserratlight';
    font-size: 16px;
    line-height: 22px;
    font-size: 1.6vw;
    line-height: 2.2vw;
    color: #444;
}
.technology-partner .partner-acknowledged {
    font-size: 12px;
    margin-bottom: 2vw;
}
.technology-partner .partner-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 2vw 0 0;
}
@media (max-width: 499px) {
    .technology-partner .partner-logos {
        flex-direction: column;
    }
}
.technology-partner .partner-logos img {
    max-width: 200px;
    width: auto;
    max-height: 125px;
    height: auto;
    margin: 0 25px 25px;
    filter: grayscale(1);
    transition: filter 0.25s;
}
.technology-partner .partner-logos a:hover img {
    filter: grayscale(0);
}
.technology-partner .btn {
    background-color:#a71c20;
    font-size: 14px;
    line-height: 19px;
    color:#fff;
    padding:0.5vw 1.1vw;
    border:none;
    margin: 2.5vw 0;
}
.technology-partner + .technology-partner h2 {
    border-top: 1px solid #555;
    margin-top: 2vw;
    padding-top: 4vw !important;
}
@media (min-width:980px){
    .normal .banner{
        background-attachment:fixed;
    }
    .normal .backgroundInsideImages{
        background-attachment: fixed;
    }
    .normal .backgroundImage{
        background-attachment: fixed;
    }
}

/*Smaller Desktop*/
@media (min-width: 980px) and (max-width: 1400px) {
    .google{
        max-width:140px !important;
        height:auto !important;
    }
    .newsletter .form-control{
        font-size:12px !important;
    }
    .startProject{
        font-size:18px;
        width:auto;
        padding-left:10px;
        padding-right:10px;
    }
    .columnBlurb{
        padding-right:2vw;
        display:inline-block;
        width:32vw;
    }
    .ctaTitleContainer .ctaFlip .btn{
        width:15vw;
    }
    .contactFooter a{
        font-size:15px !important;
    }
    .menu ul li ul li a{
        font-size:13px !important;
        line-height:17px !important;
        padding:1.6vw 0.7vw;
    }
    .menu ul li ul{
        margin-left:-15vw;
        width:85vw !important;
    }
    .menu ul li:first-child ul{
        margin-left:-19vw;
    }
    .menu{
        margin-top:10px;
    }
    .footer{
        font-size:13px;
        line-height:20px;
    }
    .bubbleTitle{
        font-size:1.3vw;
        line-height:1.5vw;
        padding:0vw 1vw;
    }
    .bannerSubtitle span{
        margin-right:-10px;
    }
    .menu ul li a{
        font-size:14px;
        padding-left:1vw;
        padding-right:1vw;
    }
    .footerblock{
        height:240px;
    }
    .blogDetails{
        font-size:1vw;
    }
    .blogCategory{
        font-size:1.05vw;
    }
    #mailinglist_form p{
        font-size:1vw;
        line-height:1.3vw;
    }
    .newsletterTitle{
        font-size:2vw;
        line-height:2vw;
        margin-bottom:15px;
    }
    .newsletter .form-control{
        font-size:14px;
        height:2.5vw;
    }
    .ctaFormWrap form p{
        font-size:13px !important;
        line-height:16px !important;
    }
    .introTitle{
        font-size:15px !important;
        line-height:15px !important;
        margin-top:0vw;
    }
    .successTitle,.successTitle2{
        font-size:28px !important;
        line-height:32px;
    }
    .iconsm-Facebook:before, .iconsm-GooglePlus:before, .iconsm-Linkedin:before, .iconsm-Twitter:before{
        font-size:3vw !important;
        line-height:29px !important;
        height:3.2vw !important;
    }
    .successPageSM a:after{
        height:2.5vw;
        top:-0.2vw;
        left: 1vw;
        width:2.5vw;
        border-radius:3vw;
    }
    .successPageSM a{
        width:4vw;
        margin-top:1.5vw;
        height:7vw;
    }
    .tick{
        background-size:30px 30px !important;
    }
    .blurb .blurbtext{
        font-size:13px !important;
        line-height:18px !important;
        width:19.5vw !important;
    }
    .moreInformation{
        margin-top:1vw;
    }
    .moreInformation li{
        font-size:13px !important;
        line-height:17px !important;
    }
    .givinglogos{
        height:150px;
    }
}
/*TABLET*/
@media (min-width: 0px) and (max-width: 980px) {
    .normal .banner{
        background-attachment:initial;
    }
    .authorblurb{
        font-size:11px !important;
        line-height:15px !important;
    }
    .blurb .blurbtext{
        font-size:12px !important;
        line-height:18px !important;
    }
    .StandardModules li a, .AdvancedModules li a, .StandardModules ul.nav-tabs li.active a, .AdvancedModules ul.nav-tabs li.active a{
        font-size:12px !important;
        line-height:18px !important;
    }

    .teamPage div.teammemberset:nth-of-type(5n+1) .teamHover{
        background-color:rgb(196,22,25);
    }
    .teamPage div.teammemberset:nth-of-type(5n+2) .teamHover{
        background-color:rgb(164,199,215);
    }
    .teamPage div.teammemberset:nth-of-type(5n+3) .teamHover{
        background-color:rgb(196,183,159);
    }
    .teamPage div.teammemberset:nth-of-type(5n+4) .teamHover{
        background-color:rgb(85,85,85);
    }
    .teamPage div.teammemberset:nth-of-type(5n+5) .teamHover{
        background-color:rgb(164,156,147);
    }
    .teamPage div.teammemberset:nth-of-type(5n+1) .teamHover:before{
        border-bottom:11px solid  rgb(196,22,25);
        border-bottom:1.5vw solid rgb(196,22,25);
    }
    .teamPage div.teammemberset:nth-of-type(5n+2) .teamHover:before{
        border-bottom:11px solid  rgb(164,199,215);
        border-bottom:1.5vw solid rgb(164,199,215);
    }
    .teamPage div.teammemberset:nth-of-type(5n+3) .teamHover:before{
        border-bottom:11px solid  rgb(196,183,159);
        border-bottom:1.5vw solid rgb(196,183,159);
    }
    .teamPage div.teammemberset:nth-of-type(5n+4) .teamHover:before{
        border-bottom:11px solid  rgb(85,85,85);
        border-bottom:1.5vw solid rgb(85,85,85);
    }
    .portInnerTestimonial .testimonialText p{
        font-size:18px !important;
        line-height:22px !important;
    }
    .portserviceicon{
        width:52px;
        height:52px;
        background-size:52px 52px;
        margin-right:7px;
        width:7vw;
        height:7vw;
        background-size:7vw 7vw;
        margin-right:1vw !important;
    }
    .menu ul li ul li a{
        font-size:12px !important;
        line-height:16px !important;
    }
    .portserviceicon:nth-child(3n+3){
        margin-right:0px !important;
    }
    .teamPage div.teammemberset:nth-of-type(5n+5) .teamHover:before{
        border-bottom:11px solid rgb(164,156,147);
        border-bottom:1.5vw solid rgb(164,156,147);
    }
    .teamPage div.teammemberset .teamHover:before{
        position:absolute;
        top:10px;
        right:22px;
        border-left:11px solid transparent;
        top:-1.4vw;
        right:3vw;
        border-left:1.5vw solid transparent;
        display:block;
        content:'';
        height:0px;
        width:0px;
        border-right:11px solid transparent;
        border-right:1.5vw solid transparent;

    }
    .teamHover{
        opacity:1 !important;
        height:30px;
        padding-top:6px;
        height:4vw;
        padding-top:0.8vw;
        bottom:0px;
        overflow:visible;
    }
    .teamDets{
        margin-top:0px !important;
        padding-top:0px;
        margin-left:0px !important;
        padding-left:0px !important;
        padding-right:0px !important;
        margin-right:0px !important;
    }
    .teamDets .hoverName{
        border-bottom:0px;
    }
    .teamDets .position{
        display:none;
    }
    .Heading-2,h2,h2 a, .Heading-2 a,.Heading-3, h3,.Heading-4, h4,.Heading-1, h1,.Heading-4, h4, h1.contactUs,h1.contactUs{
        font-size:38px !important;
        line-height:45px !important;
    }
    body, p, td{
        font-size:14px !important;
        line-height:21px !important;
    }
    label{
        font-size:13px !important;
        line-height:17px !important;
    }
    .closeQuote{
        font-size:18px !important;
        line-height:22px !important;
    }
    .Heading-5{
        font-size:18px !important;
        line-height:23px !important;
    }
    .form-control,textarea{
        font-size:13px !important;
    }
	.footerlinks {
		margin-bottom: 0;
	}
    #blog-sidebar .nav > li > a {
        font-size: 14px;
        line-height: 16px;

    }
}

@media (min-width: 750px) and (max-width: 980px) {

    .quote{
        margin-top:-5px;
        margin-top:-0.75vw;
        border-bottom: 5px solid #a71c20;
        border-bottom: 0.75vw solid #a71c20;
    }
    .givinglogos{
        height:150px;
    }
    .serviceIcon div:before{
        font-size:60px;
        font-size:8vw;
    }
    .ctaTitleContainer{
        padding-left:0px !important;
        padding-right:0px !important;
    }
    .logoAnimate{
        margin-top:3px !important;
    }
    .menu ul li ul{
        width:800px;
        margin-left:-135px;
        width:97vw;
        margin-left:-18vw;
    }
    .menu ul li:first-child ul {
        margin-left:-168px;
        margin-left:-22.5vw;
    }
    .startProject, .closeQuote{
        padding:6px 0px;
        padding:0.8vw 0vw;
    }
    .portfolioButtons:hover,.portfolioButtons{
        width:33px;
        width:4.5vw !important;
        margin-left:0px !important;
    }
    .quote h2, .startTalkSuccess h2, .fullSpanProject h2{
        font-size:30px !important;
        line-height:33px !important;
    }
    .serviceHome{
        text-align:center;
    }
    .quote .centered p:last-child, .startTalkSuccess .centered p:last-child{
        margin-bottom:5px;
    }
    .quote .form-group textarea{
        max-height:50px;
        margin-top:0px !important;
        white-space: normal;
        word-wrap: break-word;
        font-size:11px !important;
    }
    .whiteBlock .intro{
        font-size:18px !important;
        line-height:25px !important;
    }
    .columns{
        height:auto !important;
    }

    .tick{
        background-position:0px 5px;
        background-size:20px 20px !important;
    }
    /*
    .small-tick {
        left: 5px;
    }
    */

    .teamsm{
        padding-left:20px !important;
        padding-top:20px !important;
    }
    .columnBlurb{
        padding-right:15px;
        width:240px;
        padding-right:2vw;
        display:inline-block;
        width:32vw;
        font-size:13px !important;
        line-height:20px !important;
    }
    .blurb{
        margin-bottom:100px !important;
    }
    .blogimg{
        width:170px !important;
    }
    .coloursinner h4{
        font-size:15px !important;
        line-height:20px !important;
    }
    .blogimg img{
        height:auto !important;
    }
    .portfolioButtons .arrow{
        padding:0px 11px;
        padding:0vw 1.5vw;
    }
    .blogTitle{
        font-size:25px;
        line-height:28px;
        font-size:3.3vw;
        line-height:4vw;
    }
    .blogCategory{
        bottom:11px;
        bottom:1.5vw;
    }
    .butLeft .arrow{
        margin-left:5px;
    }
    .startProject{
        font-size:15px;
        width:120px;
        font-size:2vw;
        width:16vw;
        padding-left:0px;
        padding-right:0px;
    }
    .contactFooter a{
        font-size:16px !important;
        line-height:20px !important;
    }
    .ctaTitle h3{
        font-size:30px;
        line-height:25px;
        font-size:4vw !important;
        line-height:3.5vw !important;
    }
    .ctaTitleContainer .ctaFlip .btn{
        width:150px !important;
        padding-top:8px;
        padding-bottom:8px;
        line-height:15px;
        line-height:1vw;
        margin-top:-4px;
        border: 2px solid #a4c7d7;
        border: 0.3vw solid #a4c7d7;
    }
    .menu ul li a{
        font-size:13px;
        padding-left:10px;
        padding-right:10px;
        font-size:1.7vw;
        padding-left:1vw;
        padding-right:1vw;
    }
    .menu ul li ul a{

        padding-left:10px !important;
        padding-right:10px !important;
        padding-left:0.5vw !important;
        padding-right:0.5vw !important;
    }
    .fixed{
        height:50px;
    }
    .relative{
        position:relative;
    }
    .google{
        max-width:130px !important;
        height:auto !important;
    }
    .bubbleTitle{
        font-size:10px;
        line-height:13px;
        padding:0px 7px;
        font-size:1.3vw;
        line-height:1.5vw;
        padding:0vw 1vw;
    }
    .menu{
        margin-top:6px;
        margin-top:.9vw;
    }
    .bannerSubtitle1, .bannerSubtitle2 {
        font-size:32px;
        height:37.5px;
        font-size: 4.5vw;
        height:5vw;
    }
    .form-group{
        margin-bottom:20px !important;
    }
    .bannerSubtitle{
        padding-top:68px;
        padding-top:9vw;
    }
    .banner .absolute{
        height:190px;
        height:21vw;
    }
    .newsletter{
        width:100%;
        margin-top:22px;
        margin-top:3vw;
        padding-bottom:22px;
        padding-bottom:3vw;
        text-align:left;
    }
    .footer{
        font-size:11px !important;
        line-height:16px !important;
    }
    .blog{
        height:153px;
        height:20.45vw;
        overflow:hidden;
    }
    .socialMedia{
        position:absolute;
        right:-70px;
        top:-115px;
        width:auto;
        display:inline-block;
    }
    .footer .iconsm-Facebook:before,.footer .iconsm-GooglePlus:before, .footer .iconsm-Linkedin:before,.footer .iconsm-Twitter:before{
        font-size:30px !important;
        line-height:35px !important;
        display:inline-block !important;
        height:35px !important;
        width:45px !important;
    }
    .google-partner {
        margin-top: 0;
    }
    .footer .socialMedia a{
        height:40px !important;
        display:inline-block !important;
    }
    .googleplus,.facebook,.linkedin,.twitter{
        display:inline-block;
        vertical-align:top;
        margin-left:10px;
    }
    .google-partner img {
        width: 100px;
        margin-top: -20px;
    }
    .newsletter .form-control{
        font-size:12px !important;
        height:25px !important;
    }
    .newsletterTitle{
        font-size:25px;
        line-height:28px;
        margin-bottom:7px;
        margin-bottom:1vw;
        display:inline-block;
        vertical-align:top;
        text-align:center;
        width:150px;
        width:20vw;
    }
    .cta form .btn{
        width:135px;
        width:18vw;
    }
    .newsletter .btn-default{
        float:right;
        font-size:11px;
    }
    .formDets{
        width:412px;
        width:55vw;
        text-align:left;
        display:inline-block;
        vertical-align:top;
        margin-left:15px;
        margin-left:2vw;
    }
    #mailinglist_form p{
        font-size:11px !important;
        line-height:16px !important;
    }
    .blogDetails{
        font-size:8px;
        font-size:1vw;
    }
    .blogCategory{
        font-size:10px;
        font-size:1.05vw;
    }
    .introTitle{
        font-size:15px !important;
        line-height:15px !important;
        margin-top:0px;
        margin-top:0vw;
    }
    .successTitle,.successTitle2{
        font-size:28px !important;
        line-height:32px;
    }
    .iconsm-Facebook:before, .iconsm-GooglePlus:before, .iconsm-Linkedin:before, .iconsm-Twitter:before{
        font-size:37px;
        font-size:5vw !important;
        line-height:24px !important;
    }
    .successPageSM a:after{
        height:262px;
        top:0px;
        height:3.5vw;
        top:-0.5vw;
        left: 1.5vw;
        width:30px;
        border-radius:22px;
        width:4vw;
        border-radius:3vw;
    }
    .successPageSM a{
        width:37px;
        height:37px;
        margin-top:15px;
        width:5vw;
        margin-top:2vw;
        height:5vw;
    }
    .moreInformation{
        margin-top:12px;
        margin-top:1.6vw;
    }
    .moreInformation li{
        font-size:13px !important;
        line-height:17px !important;
        width:240px !important;
        width:32vw !important;
    }
    .form-control,textarea{
        font-size:13px !important;
    }
	.bio-wrapper .teamsm  {
		padding-left: 0;
	}
	.bio-wrapper .teamsm a {
		transform: scale(0.70);
		margin-top: 0;
	}
}
@media (min-width: 850px) and (max-width: 980px) {
    .logoAnimate{
        margin-top:0px !important;
    }
}
@media (min-width: 750px) and (max-width: 800px) {
    .fullspancontact{
        width:100% !important;
    }
    #Googlemap-1{
        height:300px !important;
    }
    .extrapadding{
        padding-left:50px !important;
        padding-right:50px !important;
    }

}
@media (max-width: 750px) and (min-width:500px) {
    .whiteFixedInside,.bannerInside{
        height:28vw !important;
        overflow:visible;
    }
    .cta-text{
        width:40vw;
    }
    h1.insideTitle{
        top:20vw !important;
    }
    .backgroundInsideImages{
        background-position:0px 0px !important;
    }
    .form-control,textarea{
        font-size:13px !important;
    }
}
/*MOBILE*/
@media (max-width: 750px){
    .fixed{
        border-top:none !important;
        background-color:#fff;
        border-bottom:0px;
        padding-bottom:5px;
        padding-top:2px;
        height:50px !important;
    }
    .quote{
        display:none;
    }
    .Heading-2,h2,h2 a, .Heading-2 a,.Heading-3, h3,.Heading-4, h4,.Heading-1, h1,.Heading-4, h4, h1.contactUs,h1.contactUs,.tab-content h5.moduleHeadingTitle{
        font-size:30px !important;
        line-height:35px !important;
    }
    .blogtop h3,.blogtop .Heading-3{
        font-size:30px !important;
        line-height:35px !important;
        margin-top:5px;
        margin-top:1.5vw;
        margin-bottom:0px !important;
    }
    .blogtop h4,.blogtop .Heading-4{
        font-size:25px !important;
        line-height:30px !important;
        margin-bottom:2px;
        margin-bottom:0.5vw !important;
    }
    .tab-content{
        margin-top:20px;
        margin-left:0px !important;
    }
    body, p, td{
        font-size:14px !important;
        line-height:22px !important;
    }
    h5,.Heading-5{
        font-size:16px !important;
        line-height:21px !important;
    }
    .ctaFormWrap form p{
        padding-bottom:20px;
    }
    .menuBlock{
        height:45px;
    }
    h1.portfolioh1{
        font-size:25px;
        line-height:29px;
    }
    .lrglogo{
        float:none;
        text-align:center;
    }
    .serviceHome {
        width: 100%;
    }
    .portinside .fullScreenshot{
        overflow:visible;
        height:300px;
        height:50vw;
    }
    .portinside .launchOverlay .btn-default{
        border:1px solid #555555;
    }
    .portinside .launchOverlay{
        opacity:1 !important;
        background-color:transparent;
        bottom:-55px;
        top: auto !important;
        height:40px !important;
        border-radius:1px;
    }
    .portinside .fullScreenshot .launchOverlay .launchText{
        display:none;
    }
    a.portfolioButtons{
        background-color:#c5c1bd;
        margin-top:192px;
        margin-bottom:7px;
        margin-top:60vw !important;
        margin-bottom:2vw;
        width:30px !important;
    }
    a.portfolioButtons:hover{
        width:30px !important;
    }
    .portfolioButtons .arrow{
        color:#fff;
    }
    .lrglogo img{
        max-width:128px;
        max-width:40vw;
        margin:0 auto;
        height: auto !important;
    }
    .portserviceicon{
        width:64px;
        height:64px;
        background-size:64px 64px;
        margin-bottom:35px;
        margin-right:10px;
        margin-left:30px;
        width:20vw;
        text-align:center;
        height:20vw;
        background-size:20vw 20vw;
        margin-right:3.2vw !important;
        margin-bottom:11vw !important;
        margin-left:3.2vw !important;
    }
    .portserviceicon .popup:before{
        top:30px;
        top:-0.48vw;
    }

    .lrglogo{
        margin-top:20px !important;
    }
    .portserviceicon .popup{
        opacity:1 !important;
        background-color:transparent;
        color:#a71c20;
        text-align:center;
        width:100%;
        font-size:11px;
        line-height:13px;
        bottom:-35px;
        bottom:-9vw;
        left:0px !important;
    }
    .portInnerTestimonial .testimonialAuthor{
        font-size:13px;
        line-height:16px;
    }
    .portInnerTestimonial .testimonailPosition{
        font-size:11px;
        line-height:13px;
    }
    .portserviceicon .popup:before{
        display:none !important;
    }
    .testimonial{
        margin-top:16px;
        margin-top:5vw;
    }
    .portInnerTestimonial .testimonial:before{
        margin-top:-6px;
        margin-top:-2vw;
    }
    .slideTestimonial1{
        display:block !important;
        opacity:1 ;
    }
    .startProject{
        display:none;
    }
    .dl-trigger{
        border:none !important;
        border-bottom:4px solid #455560 !important;
        position:relative;
        width:30px;
        float:right;
        background-color:transparent !important;
        margin-top:14px;
        padding-top:10px;
        padding-bottom:10px;
        display:block;
        z-index:9;
        margin-right:13px;
        margin-right:4vw;
    }
    .moblogo {
        width: 126px !important;
        height: 44px !important;
        display:inline-block;
        padding-top:0px !important;
    }
	.theme-dots .galleria-thumbnails-list {
		bottom: 5vw !important;
	}
    .logo{
        display:none;
    }
    .logoSurround {
     /*   animation-name: Animation;
        animation-duration: 1s;
        animation-fill-mode: both;
        overflow: hidden;*/
        width: 126px !important;
        height: 44px !important;
        padding-top:0px !important;
        box-shadow:none !important;
        margin-top:0px !important;
    }

    .dl-trigger:before{
        border-bottom:4px solid #455560;
        width:30px;
        content:'';
        display:block;
        left:0px;
        position:absolute;
        top:0px;
    }
    nav.menu{
        display:none;
    }
    .dl-trigger:after{
        border-bottom:4px solid #455560;
        width:30px;
        content:'';
        bottom:6px;
        left:0px;
        display:block;
        position:absolute;
    }
    .nav li{
        width:100% !important;
        display:block;
        border-radius:0px;
    }
    .nav{
        border-radius:0px;
        top:50px;
        opacity:0;
    }
    .nav ul{
        border-radius:0px !important;
        margin:0px !important;
        width:100%;
        margin-top:-2px !important;
        margin-left:-1px;
        margin-right:-1px;
    }
    .serviceBlurb .btn, .btn.teambutton{
        margin-top:10px;
        padding:5px !important;
    }
    .team .blogTalkingAboutTitle {
        display: none;
    }
    .team.radial {
        padding: 20px 0;
    }
    .nav li a{
        background-color:#f3ebde;
        font-family:'montserratregular';
        width:100% !important;
        text-align:center;
        text-transform:uppercase;
        font-size:16px;
        display:block;
        padding:7px 0px 6px !important;
        padding:2.3vw 0vw 1.8vw!important;
        border-radius:0px !important;
        border:none !important;
        border-bottom:1px solid #dededc !important;
        color:#555 !important;
    }
    .nav-pills > li + li{
        margin-left:0px !important;
    }
    .nav li a:hover{
        background-color:#fff !important;
    }
    #dl-menu{
        display:block;
        position:absolute;
        z-index:1 !important;
        width:100%;
        top:0px;
    }
    .whiteBlock .intro{
        font-size:20px;
        line-height:24px;
    }
    .serviceIcon{
        width:78px;
        width:24.5vw;
        height:62px;
        height:19.5vw;
        margin-bottom:5px;
    }
    .bubbleTitle{
        width:100%;
    }
    .serviceBubble{
        margin-right:8%;
        margin-left:8%;
        margin-left:0vw;
        margin-right:0vw;
    }
	#blog-sidebar .nav {
		opacity: 1;
	}
    .footer .container{
        padding-top:20px !important;
        padding-top:3vw !important;
    }
    .serviceIcon div{
        width:78px;
        width:24.5vw;
    }
    .bubbleTitle{
        font-size:11px;
        line-height:15px;
        padding-bottom:12px;
        padding-bottom:4vw;
        padding-left:0px;
        padding-right:0px;
    }
    .servicesDisplay h2, a .servicesDisplay h2{
        font-size:25px;
        line-height:29px;
    }
    .serviceIcon div:before{
        font-size:57px !important;
        font-size:18vw !important;
        border-radius:80px;
        border:3px solid #fff;
    }

    .smlBubbleIcon div:before{
        font-size:48px;
        border-radius:32px;
        font-size:15vw;
        border-radius:10vw;
    }
    .hidemob{
        display:none;
    }
    .newsletter{
        width:100%;
        padding-bottom:30px;
        padding-top:20px;
        margin-top:0px;

    }
    .google-partner {
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 30px;
    }
    .google-partner img {
        width: 120px;
        margin-top: 0px;
    }
    .footer,.footerHeading{
        font-size:16px !important;
        line-height:20px !important;
    }
    .relatedPost{
        max-width:320px;
        margin:0 auto;
        display:block;
        margin-bottom:40px;
    }
    .relatedPost img{
        width:320px !important;
        height:auto !important;
    }
    a.google{
        width:100%;
        text-align:center;
        display:block;
    }
    .google img{
        display:inline-block;
        float:none;
    }
    .footer{
        text-align:center;
    }
    .smlBubbleIcon div{
        width:51px;
        width:16vw;
    }
    .contactFooter a{
        display:none;
    }
    .blog{
        display:none;
    }
    .teamText h4{
        font-size:30px !important;
        line-height:35px !important;

    }
    .ctaTitleContainer{
        height:50px;
        padding-left:0px;
        padding:10px 0px;
        padding:1.5vw 0vw;
        padding-right:0px;
    }
    .cta form .btn{
        margin-top:0px !important;
    }
    .cta-text{
        display:inline-block;
        padding-left:0px !important;
        padding-right:0px !important;
        width:170px;
        width:56vw;
    }
    .reqFields{
        font-size:12px;
        margin-top:10px;
        line-height:13px;
    }
    .blogOverallTitle{
        display:none;
    }
    .cta-text{
        padding-left:25px;
        padding-right:25px;
        padding-left:8vw;
        padding-right:8vw;
    }
    .star{
        font-size:16px !important;
    }
    .ctaTitle h3{
        font-size:48px;
        line-height:46px;
        padding-left:64px !important;
        padding-right:64px !important;
        font-size:15vw;
        line-height:14.5vw;
        padding-left:20vw !important;
        padding-right:20vw !important;
    }
    .cta .btn{
        width:120px;
        margin-top:15px;
    }
    .logoScreenshots{
        display:none;
    }
    .testimonialAuthor{
       font-size:16px;
        line-height:20px;
    }
    .cta-text{
        font-size:22px;
        line-height:30px;
    }
    .testimonailPosition{
        font-size:13px;
        line-height:16px;
    }
    .smlBubbleIcon{
        width:51px;
        height:51px;
        margin-top:-42px;
        width:16vw;
        height:16vw;
        margin-top:-13vw;
    }
    .successRight,.successLeft{
        float:none !important;
        display:block;
        clear:both;
    }
    .testimonial{
        margin-top:62px;
        margin-top:10vw;
    }
    .testimonialText, .testimonialText p{
        font-size:18px !important;
        line-height:24px !important;
    }
    .successStories{
        padding-top:10px;
    }
    .cta form .btn{
        width:120px;
    }
    .btn{
        font-size:13px !important;
        line-height:16px !important;
    }
    .whiteBlock h2{
        font-size:30px;
        line-height:35px;
        padding-top:10px;
    }
    #mailinglist_form p{
        padding-left:30px;
        font-size:11px !important;
        line-height:14px !important;
        padding-right:30px;
    }
    .newsletterTitle{
        font-size:26px;
        line-height:28px;
        margin-bottom:20px;
    }
    .bannerSubtitle1, .bannerSubtitle2{
        font-size:25px !important;
        height:20px !important;
        font-size:5.5vw;
        height:5vw;
       margin-left:-10px;
    }
    .bannerSubtitle2{
        margin-right:13.5%;
    }

    .banner .absolute{
        height:152px;
        height:29vw;
    }
    .bannerSubtitle{
        padding-top:48px;
        padding-top:15vw;
        letter-spacing:0px !important;
    }

    .form-control,textarea{
        font-size:13px !important;
    }
    .newsletter .form-control{
        height:24px;
        width:192px;
        height:7.5vw;
        width:60vw;
        margin:0 auto;
        font-size:13px !important;
        margin-bottom:10px;
    }
	.footer .socialMedia a{
		display:inline-block !important;
	}
    .iconsm-Facebook:before,.iconsm-GooglePlus:before,.iconsm-Linkedin:before,.iconsm-Twitter:before{
        font-size:25px;
        height:35px;
        width:35px;
        font-size:8vw;
        height:11vw;
        width:11vw;
        margin-bottom:10px;
        margin-top:10px;
        display:inline-block;
    }
    .iconsm-Facebook,.iconsm-GooglePlus,.iconsm-Linkedin,.iconsm-Twitter{
        width:51px;
        height:51px;
        width:16vw;
        height:16vw;
    }
    .ctaTitleContainer .ctaFlip .btn{
        border:1px solid #a4c7d7;
    }
	.bio-wrapper .teamsm {
		padding-left: 0;
	}
	.bio-wrapper .teamsm a {
		display: inline-block;
		transform: scale(0.70);
	}
    .teamHover{
        height:28px;
    }
    .teamHover .hoverName{
        font-size:16px;
        line-height:16px;
    }
	.portfolioItem {
		width:100%;
		height:128px !important;
		height:31vw !important;
	}
	.portfolioItem.portfolioType0 .portfolioNameContainer, .portfolioItem.portfolioType .portfolioNameContainer, .portfolioItem .line {
		opacity: 1 !important;
	}
	.portfolioItem.portfolioType1 .portfolioNameContainer {
		top: 0;
	}
	.portfolioItem.portfolioType1 .projectName {
		color: #fff;
		display: block;
		font-family: "montserratbold";
		font-size: 3vw;
		line-height: 3vw;
		opacity: 0;
		padding-top: 15vw;
		text-align: center;
		text-transform: uppercase;
	}
	.portfolioItem .projectName {
        font-size:24px !important;
        padding-top:35px;
        padding-top:15vw;
        line-height:28px;
		opacity: 1 !important;
    }
	.portfolioItem .line {
        width:80px !important;
		border-bottom: 1px solid #fff;
		display: block;
		margin: 10px auto;
    }
	.portfolioItem.portfolioType1 .projectPreviewOverlay,
	.portfolioItem.portfolioType1 .projectPreview,
	.portfolioItem.portfolioType1 .projectTagline {
		display: none;
	}
	.portfolioItem .projectBackground .project-image-background {
		display: block !important;
	}
	.portfolioItem .projectBackground .project-image-thumbnail {
		display: none !important;
	}
	.portfolioItem.portfolioType2 {
		line-height: 31vw;
	}
	.portfolioItem.portfolioType2 .projectName {
		padding: 0;
	}
    #Googlemap-1{
        height:200px !important;
    }
    .dl-menuwrapper li .dl-submenu{
        position:static;
    }
    .teamText p{
       background-color:rgba(255,255,255,0.6);
        padding:6px;
        padding:2vw;
    }
    .fixed .nav > li:last-child{
        display:block;
    }
    .fixed .nav > li:last-child a{
        font-family:'ralph_sansregular';
        font-size:20px !important;
        padding-top:8px !important;
        padding-bottom:8px !important;
    }
    .quote .Heading-1, .startTalkSuccess .Heading-1, .fullSpanProject .Heading-1{
        font-size:35px;
        line-height:40px !important;
    }
    .quote h2, .startTalkSuccess h2, .fullSpanProject h2{
        font-size:25px;
        line-height:30px !important;
        padding-top:15px !important;
        padding-bottom:0px !important;
        margin-bottom:5px !important;
    }
    .ctaFormWrap{
        padding-top:20px;
        padding-bottom:20px;
    }
    .form-group{
        margin-bottom:25px !important;
    }
    .introTitle{
        font-size:15px !important;
        line-height:15px !important;
        margin-top:12px;
        margin-top:4vw;
    }
    .successTitle,.successTitle2{
        font-size:28px !important;
        line-height:32px;
    }
    .successPageSM .iconsm-Facebook, .successPageSM .iconsm-GooglePlus, .successPageSM .iconsm-Linkedin, .successPageSM .iconsm-Twitter{
        width:32px;
        height:32px;
        width:10vw;
        height:10vw;
    }

    .moreInformation li{
        width:100%;
    }
    .moreInformation li{
        font-size:14px !important;
        line-height:18px !important;
    }
    .successPageSM a:after{
        top:9px;
        left:7px;
        height:20px;
        width:20px;
        border-radius:16px;
        top:2.7vw;
        left:2.1vw;
        height:6vw;
        width:6vw;
        border-radius:5vw;
    }
    .whiteFixedInside,.bannerInside{
        height:153px;
        height:48vw;
        overflow:visible;
    }
    h1.insideTitle{
        bottom:10px;
        bottom:3vw !important;
        top:auto !important;
    }
    /*
    .tick{
        background-position:0px 7px;
        padding-left:20px !important;
    }
    */
    ul.tick-list li {
        display: block;
        width: 100%;
    }
    ul.tick-list li span {
        width: 100%;
    }
    .backgroundInsideImages{
        background-position:0px 45px;
    }
    .imgcol{
        padding-bottom:20px;
    }
    .blurb .blogimg{
        margin:0 auto;
        text-align:center;
        width:100%;
    }
    .blurb .blogimg img{
        display:inline-block !important;
        margin-bottom:10px;
    }

    .blurb .blurbtext{
        width:100%;
        padding-left:0px !important;
        margin-lefT:0px !important;
        min-height:0px !important;
    }
    #swap img{
        float:none !important;
    }
    .blurb{
        margin-bottom:100px !important;
    }
    .columns{
        height:auto !important;
     }
    .ctaFormHeading h3{
        margin-top:0px;
        padding:0px !important;
    }
    .ctaTitleContainer .ctaFlip .btn{
        width:120px;
        display:inline-block;
        vertical-align: top;
        padding:5px;
        margin-top:0px;
    }
    .vericode{
        display:block !important;
        width:100%;
    }
    .vfield{
        display:block !important;
        width:100% !important;
    }
    .moduleList .nav{
        display:block;
        opacity:1 !important;
    }
    .moduleHeading{
        font-size:16px !important;
        line-height:28px !important;
    }
    .blurb{
        margin-bottom:20px !important;
    }
    .cta form .btn{
        border:1px solid #fff;
        padding:5px !important;
        margin-bottom:40px;
    }

    .relatedPost{
        width:100%;
        font-size:12px !important;
        line-height:18px !important
    }
    .coloursinner .col-lg-8,.coloursinner .col-lg-10{
        border:none !important;
    }
    .coloursinner h4{
        font-size:13px !important;
        line-height:18px !important;
    }

    .mobtophide{
        display:block;
    }
    .mobtop{
        background-color:#a71c20;
        width:100%;
        margin-top:0px;
        position:relative;
        z-index:8;
    }
    .mobtop .btn{
        background-color:#a71c20 !important;
        color:#fff !important;
        margin-top:-20px;
        border:none !important;
    }
    .footerblock{
        height:0px !important;
    }
    .footer{
        position:relative !important;
    }
    .blogMob{
        display:block;
        background-color:#c5c1bd;
        color:#fff;
        padding:10px 0px;
        text-align:center;
        margin-bottom:5px;
        cursor:pointer;
    }
    .blogmobimg{
        display:inline-block;
        vertical-align:top;
        padding-right:10px;
        padding-left:0px;
    }
    .blogMob .blogText{
        color:#fff;
        letter-spacing:0.1vw;
        font-family: 'ralph_sansregular';
        font-size:28px;
        display:inline-block;
        vertical-align:top;
        line-height:30px;
    }
    .banner {
        overflow:hidden;
        clear:both;
        padding-top:0px !important;
        background-position:0px 10px;
    }
    .whiteBlock,.insidepage .whiteBlock,.radial{
        padding-top:40px;
        padding-bottom:40px;
    }
    .orangeBlock{
        padding-bottom:40px;
        padding-top:40px;
    }
    .footerlinks a{
        font-size:10px;
        padding:0px !important;
    }
    .testimonial:before, .testimonial:after {
        font-size:50px !important;
        line-height:10px !important;
    }
    .startProject,.successTitle,h5.moduleHeadingTitle,.successTitle2,.processTitle,.launchOverlay .launchText,.blogOverallTitle .blog1,.blogOverallTitle .blog2,.fullSpanProject .Heading-1,.fullSpanProject h2,.quote .Heading-1,.startTalkSuccess .Heading-1,.startTalkSuccess h2,.quote h2,.bannerTitle,.blogTitle,.bannerSubtitle1,.bannerSubtitle2,.closeQuote,.servicesDisplay h2,.newsletterTitle,.whiteBlock h2,.cta-text,.ctaTitle,.contactFooter a,.teamHover .hoverName{
        letter-spacing:1px;
    }
    .contactFooter{
        margin-bottom:10px;
    }
    .tick{
        background-size:15px 15px !important;
        padding:13px;
        padding-left:4vw;
    }
    .small-tick {
        padding: 13px 13px 13px 13px;
        padding-left: 20px;
    }
    .small-tick:before {
        left: -5px;
    }
    .mobText{
        display:inline-block !important;
    }
    .dtText{ display:none !important;}
    .givinglogos{
        height:45px;
        height:14vw;
        text-align:center;
        margin-bottom:30px !important;
        vertical-align: middle;
    }
    .givinglogos img{
        width:auto;
        max-height:45px;
        max-height:14vw;
        vertical-align: middle;
    }
    .fullSpanProject .Heading-1{
        margin-top:20px;
    }
    .screenslide{
        padding-bottom:10px !important;
    }
    .columnBlurb{
        padding-right:7px;
        padding-right:2vw;
        display:inline-block;
        width:100%;
        font-size:13px !important;
        line-height:20px !important;
    }
    .columns .icon:before{
        font-size:100px !important;
        line-height:80px !important;
        color:#A71C20;
        float:left;
        display:block;
        width:100%;
        text-align:center;
    }
    .google{
        margin-left:0px !important;
    }
    .teamHover{
        padding-top:2px;
        padding-top:0.6vw;
    }
    .bannerSubtitle span{
        margin-right:-8px;
    }
    h1.bannerTitle{
        font-size:7.6vw !important;
        line-height: 7.4vw !important;
        text-align:center;
        width:75%;
        margin: 0 auto !important;
    }
    .bannerSVG{
        width:400px !important;
        top:40px !important;
        left:50% !important;
        margin:0px 0px 0px -175px !important;
    }
	#slideshow_groupid_1 .galleria-container {
		height: 750px !important;
		height: 136vw !important;
	}
	.galleria-layer .slider-right {
		bottom: 12vw;
	}
	.galleria-layer .slider-left {
		bottom: 12vw;
	}
	.galleria-layer .slider-left .leftBanner {
		width: 100%;
		padding: 0;
	}
	.galleria-layer .leftBanner, .galleria-layer .rightBanner {
		width: 100%;
	}
	.galleria-layer .bannerPara {
		font-size: 5vw !important;
		line-height: 6vw !important;
		margin: 20px auto 0;
		margin: 2vw auto 0;
		text-align: center;
		width: 85%;
	}
	.galleria-layer .BannerCTA .cta-line1, .galleria-layer .BannerCTA .cta-line2 {
		font-size: 7vw !important;
		line-height: 7vw !important;
		margin: 0 auto;
		position: relative;
		right: auto !important;
		text-align: center;
	}
	.galleria-layer .BannerCTA {
		margin-top: 4vw;
	}
	.galleria-layer .bannerButton {
		display: block;
		float: none !important;
		font-size: 4vw;
		line-height: 8vw;
		margin: 15px auto 0 !important;
		margin: 5vw auto 0 !important;
		text-align: center;
		width: 200px;
		width: 35vw;
	}
	.bannerButton:hover::after {
		border-bottom: 4.9vw solid transparent;
		border-left: 4.4vw solid #9a282a;
		border-top: 5vw solid transparent;
		margin-right: -3vw;
	}
	.galleria-layer .slider-overlay-Marketing::before {
		background-image: url("/images/sliders/DigitalMarketing_mobile.svg");
		background-position: center 16vw;
		background-size: 90% auto;
	}
	.galleria-layer .slider-overlay-Design::before {
		background-image: url("/images/sliders/Design_mobile.svg");
		background-position: center 14vw;
		background-size: 75% auto;
	}
	.galleria-layer .slider-overlay-Development::before {
		background-image: url("/images/sliders/CustomDev_mobile.svg");
		background-position: center 16vw;
		background-size: 81% auto;
	}
	.galleria-layer .slider-overlay-Strategy::before {
		background-image: url("/images/sliders/Strategy_Mob_Illustration_sm.svg");
		background-position: center 16vw;
		background-size: 60% auto;
	}
	#slideshow_groupid_1 .galleria-image-nav {
		display: block;
		top: initial;
		bottom: 3vw;
	}
	#slideshow_groupid_1 .galleria-image-nav .galleria-image-nav-right, #slideshow_groupid_1 .galleria-image-nav .galleria-image-nav-left {
		background-color: rgba(255, 255, 255, 0.5);
		width: 41px;
		height: 32px;
		text-align: center;
		opacity: 1;
		bottom: 1vw;
		z-index: 5;
	}
	#slideshow_groupid_1 .galleria-image-nav .galleria-image-nav-right:before, #slideshow_groupid_1 .galleria-image-nav .galleria-image-nav-left:before {
		font-family: fontawesome;
		color: #9a282a;
		font-size: 16px;
		position: absolute;
		z-index: 1;
		top: 5px;
		left: 13px;
	}
	#slideshow_groupid_1 .galleria-image-nav .galleria-image-nav-right:before {
		content: "\f178";
	}
	#slideshow_groupid_1 .galleria-image-nav .galleria-image-nav-left:before {
		content: "\f177";
	}
    .serviceBlurb #___partnersbadge_0, .whiteBlock #___partnersbadge_0 {
        float:none !important;
    }
    .serviceBubble {
        width: 50%;
    }
    .serviceBlurb ul li {
        display: block;
    }
    .serviceBlurb ul li:first-child {
        margin-right: 0;
    }
    .serviceBlurb ul li:last-child {
        margin-left: 0;
    }
}
@media (max-width: 750px) and (orientation:landscape){
    .fixed{
        position:relative !important;
    }
    .menuBlock{
        height:0px;
    }
}