/*
Theme Name: Tusk
*/

@font-face { font-family: GilroyLight; src:url(fonts/Gilroy-Light.otf); }
@font-face { font-family: GilroyRegular; src:url(fonts/Gilroy-Regular.otf); }
@font-face { font-family: GilroyMedium; src:url(fonts/Gilroy-Medium.otf); }
@font-face { font-family: GilroyExtraBold; src:url(fonts/Gilroy-ExtraBold.otf); }

@font-face { font-family: MyriadProRegular; src:url(fonts/MyriadPro-Regular.otf); }

@font-face { font-family: HelveticaLTStdBlk; src:url(fonts/HelveticaLTStd-Blk.otf); }

@font-face { font-family: SurveyorBook; src:url(fonts/SurveyorDisplay-Book.otf); }


body { margin: 0; font-family: GilroyRegular; }
img, iframe { max-width: 100%; }
ul { padding-left: 0; }
h1 { font-family: SurveyorBook; }
h2, h3 { font-family: GilroyExtraBold; color: #000; }
p { font-family: GilroyRegular; }
h1 { font-size: 148px; margin-bottom: 45px; color: #000; }

.mc4wp-response p { color: #fff; padding-top: 10px; font-family: GilroyMedium; }

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

.beyond { width: 100%; max-width: 100%; }
.width730 { max-width: 730px; }

.page-template-page-home #masthead { z-index: 15; padding-top: 40px; height: auto; background: transparent; }
#masthead { display: block; position: fixed; left: 0; top: 0; right: 0; background: #2f9dc2; height: 80px; z-index: 15; transition: all 0.4s linear; }

.page-template-page-home #masthead.sticky { position: fixed; background: #2f9dc2; height: 80px; padding-top: 0; }
.page-template-page-home #masthead.sticky .headerflex { height: 80px; }

.home .sticky .top-menu li a { color: #fff; }

.footerflex .social-facebook, .footerflex .social-linkedin { display: none; }
.footerflex .socials { display: none; }
.page-template-page-home .headerflex { padding-top: 0; }
.logotexttop {font-family: "Helvetica Neue", sans-serif; color: #fff; transition: color linear 0.4s; line-height: 1; margin-top: 7px; }
.logotexttop svg{ width: 280px; }
.home .sticky .logotexttop svg { width: 280px; }
.home .logotexttop svg { width: 212px; }
.home .logotexttop { margin-top: 0; }
.home .sticky .logotexttop { margin-top: 7px; }

.logotexttop:hover, .logotexttop:focus { color: #00d5d0; text-decoration: none; }
.home .content-area { padding-top: 0; }
.content-area { padding-top: 80px; }

.page-template-page-home .logotexttop { font-size: 30px; }
.page-template-page-home .headerflex { padding-top: 0; }
.logotexttop {font-family: "Helvetica Neue", sans-serif; font-size: 40px; color: #fff; transition: color linear 0.4s; }
.logotexttop:hover, .logotexttop:focus { color: #ffd73b; text-decoration: none; }
.page-template-page-home #masthead.sticky .logotexttop:hover, .page-template-page-home #masthead.sticky .logotexttop:focus { color: #ffd73b; }

.headerflex { display: flex; align-items: center; padding-top: 10px; }
.menu-top-container { margin-left: auto; margin-top: 5px; }
.top-menu { margin-bottom: 0; }
.top-menu li { list-style: none; display: inline-block; }
.top-menu li a{ color: #fff; font-family: GilroyMedium; font-size: 20px; margin-left: 37px; transition: color linear 0.4s;}
.top-menu li a:hover { color: #ffd73b; text-decoration: none;}
.top-menu li a:focus{ color: #646568; text-decoration: none;}

.home .sticky .top-menu li a:hover { color: #ffd73b; }
.home .sticky .top-menu li a:focus { color: #646568; }

.socials a { display: inline-block; width: 30px; height:30px; background-size: cover; background-repeat: no-repeat;
    -webkit-transition: 1s -webkit-filter linear;
    -moz-transition: 0.4s filter linear;
    -o-transition: 0.4s -o-filter linear;
    transition: 0.4s filter linear, 0.4s -webkit-filter linear; }
.socials a:hover, .socials a:focus { filter: opacity(.5) drop-shadow(0 0 0 #f7d309) saturate(4) contrast(4); }

.social-facebook { background-image: url(images/facebookico.png); margin-right: 17px}
.social-twitter { background-image: url(images/twitterico.png); margin-right: 17px }
.social-linkedin { background-image: url(images/linkedinico.png); }

.homeheaderbg { position: relative; height: 750px;background-size: auto 100%; background-position: center; background-size: cover; background-repeat: no-repeat; padding-top: 80px; color: #fff; margin-bottom: 168px; }
.homeheaderbg h1 { font-family: GilroyExtraBold; font-size: 124px; line-height: 1; margin-bottom: 50px;  color: #fff; }
.whitebuttonhere a { display: inline-block; font-family: GilroyExtraBold; font-size: 20px; color: #fff; transition: color linear 0.4s, border-color linear 0.4s; border: 3px solid #fff; border-radius: 8px; padding: 12px 15px; min-width: 207px; }
.whitebuttonhere a:hover { color: #646568; text-decoration: none; border-color: #646568; }
.whitebuttonhere a:focus { color: #000; text-decoration: none; border-color: #000; }

.mobile-navtoggle {margin-left: auto; display: none; cursor: pointer; overflow: hidden; position: relative; height: 25px; width: 30px; }
.mobile-navtoggle span {background-color: #fff; display: block; width: 30px; height: 5px; transition: transform 0.3s linear, top 0.2s linear, left 0.2s linear; transition-delay: 0s; position: absolute; }
.mobile-navtoggle span:nth-child(2n+0) { transition-delay: 0.3s; top: 50%; left: 0; transform: translateY(-50%); }
.mobile-navtoggle span:first-child { left: 0; top: 0; }
.mobile-navtoggle span:last-child { left: 0; top: 20px; }
.mobile-navtoggle.open span:first-child { transform: translate(-50%, -50%) rotate( 45deg ); left: 50%; top: 50%; transition-delay: 0.2s; }
.mobile-navtoggle.open span:nth-child(2n+0) { transform: translate(100%, -50%); transition-delay: 0s;}
.mobile-navtoggle.open span:last-child { transform: translate(-50%, -50%) rotate( -45deg ); left: 50%; top: 50%; transition-delay: 0.2s;}

/*home*/
.slick-list { overflow: unset; }
.homepageslickslider { margin-bottom: 60px; }

.hpfirsttextblock { margin-bottom: 185px; }
.hpfirsttextblock h2{ font-size: 70px; color: #000; margin-bottom: 25px;}
.hpfirsttextblock li { font-size: 40px; line-height: 1.3; margin-bottom: 25px; }
.hpfirsttextblock ul li { list-style: none; position: relative; padding-left: 80px; }
.hpfirsttextblock li::before { content:''; display: inline-block; position: absolute; left: 0; top: 20px; background-image: url(images/arrowright.png); background-size: cover; width: 54px; height: 60px; }
.hpfirsttextblock p { color: #000; font-size: 60px; line-height: 1.65; }
.hpfirsttextblock a { font-sise: 60px; color: #000; line-height: 1.65; }


.hometilesblock { background-color: #2f9dc2; margin-bottom: 278px; padding-top: 120px; padding-bottom: 68px; }
.hptilescontainer { margin-bottom: 35px; }
.hometilesblock  h2 { font-family: GilroyExtraBold; font-size: 70px; color: #fff; margin-bottom: 45px; }

.homepagetile { margin-bottom: 25px; float: left; border-radius: 5px; color: #fff; overflow: hidden; position: relative; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75); }
.homepagetile img { width: 100%; transition: transform 0.4s linear; filter: sepia(1) hue-rotate(180deg); }

.homepageslickslider .homepagetile { width: 370px; margin-bottom: 0; }
.homepagetile .hptileimg { border-radius: 5px; }
.homepageslickslider .slick-list { margin-right: -25px; margin-bottom: 25px; }
.homepagetile .tilelogocontainer img { width: auto; }


.blueoverlay { position: absolute; height: 100%; width: 100%; background-color: #283f5d; opacity: 0.05; z-index: 2; transition: opacity 0.4s linear; }
.tilebottompart { display: flex; align-items: center; min-height: 100px; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 5; background-color: rgba( 54, 77, 107, 0.9); }
.homepagetile:hover, .homepagetile:focus { color: #fff; text-decoration: none; }
.homepagetile:hover .hptileimg, .homepagetile:focus .hptileimg { transform: scale( 1.1 ); filter: sepia(0) hue-rotate(0deg);  }
.homepagetile:hover .blueoverlay, .homepagetile:focus .blueoverlay { opacity: 0; }
.tilelogocontainer { flex-shrink: 0; position: relative; height: 100px; width: 133px; float: left; }
.tilelogocontainer img { position: absolute; max-width: 90%; max-height: 90%; top: 50%; left: 50%; transform: translate( -50%, -50% ); }
.homepagetile p { position: relative; z-index: 8; margin-bottom: 0; font-family: SurveyorBook; font-size: 24px; line-height: 1; padding: 25px 15px 25px 8px; }


.hpquote { position: relative; margin-bottom: 226px; }
.hpquote h2 { font-family: SurveyorBook; color: #000; font-size: 80px; margin-bottom: 28px; }
.hpquote p { color: #000; font-family: GilroyExtraBold; font-size: 18px; margin-bottom: 5px; }
.hpquote blockquote { margin-bottom: 28px; }
.hpquote blockquote::before{ display: none; }
.hpquote blockquote p{ font-family: SurveyorBook; color: #000; font-size: 80px; line-height: 1.1; margin-bottom: 10px; }

.quotesleft, .quotesright { position: absolute; z-index: -1; display: inline-block; background-repeat: no-repeat; background-size: cover; height: 167px; width: 199px; }
.quotesleft { top: -78px; left: -82px; background-image: url("images/quotesleft.png"); }
.quotesright { right: 53px; bottom: -26px; background-image: url("images/quotesright.png"); }

.footernewsletterbg { background-color: #2f9dc2; margin-bottom: 120px; padding-top: 58px; padding-bottom: 64px; position: relative; }
.mailchimptext h2 { color: #fff; font-size: 40px; line-height: 1; font-family: GilroyExtraBold; }
.mc4wp-form { padding-top: 18px; max-width: 610px; margin-left: auto; }
.mc4wp-form input[type="email"] { position: relative; z-index: 2; outline: none; font-family: GilroyLight; font-size: 18px; padding-bottom: 10px; margin-bottom: 28px; background: transparent; color: #fff; width: 100%; border: none; border-bottom: 2px solid #fff; -webkit-appearance: none; }
.mc4wp-form input[type="email"]::placeholder { color: rgba(255,255,255,0.5); font-family: GilroyLight; font-size: 18px;}
.mc4wp-form input[type="submit"] { text-align: left; background: transparent; font-family: GilroyExtraBold; font-size: 20px; color: #fff; transition: color linear 0.4s, border-color linear 0.4s; border: 3px solid #fff; border-radius: 8px; padding: 10px 15px; min-width: 210px;  }
.mc4wp-form input[type="submit"]:hover { color: #646568; border-color: #646568; }
.mc4wp-form input[type="submit"]:focus { color: #000; border-color: #000; }


.fancy-input { display: inline-block; position: relative; width: 100%; background: transparent; }
.fancy-input label { display: inline-flex; position: absolute; width: 100%; height: 40px; left: 0; z-index: 1; padding: 0; margin: 0; align-items: center; color: #6f6f6f; font-size: 15px; line-height: 1; font-family: 'Open Sans', sans-serif; font-weight: 400; background: transparent; -webkit-transition: bottom 0.4s cubic-bezier(0.4,0,0.2,1), transform 0.4s cubic-bezier(0.4,0,0.2,1), padding 0.4s cubic-bezier(0.4,0,0.2,1); -moz-transition: bottom 0.4s cubic-bezier(0.4,0,0.2,1), transform 0.4s cubic-bezier(0.4,0,0.2,1), padding 0.4s cubic-bezier(0.4,0,0.2,1); -o-transition: bottom 0.4s cubic-bezier(0.4,0,0.2,1), transform 0.4s cubic-bezier(0.4,0,0.2,1), padding 0.4s cubic-bezier(0.4,0,0.2,1); transition: bottom 0.4s cubic-bezier(0.4,0,0.2,1), transform 0.4s cubic-bezier(0.4,0,0.2,1), padding 0.4s cubic-bezier(0.4,0,0.2,1); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; color: rgba(255,255,255,0.5); font-family: GilroyLight; font-size: 18px;  }
.fancy-input.focused label,
.fancy-input.written label { -webkit-transform: scale(0.8) translateY(-50px); -moz-transform: scale(0.8) translateY(-50px); -ms-transform: scale(0.8) translateY(-50px); -o-transform: scale(0.8) translateY(-50px); transform: scale(0.8) translateY(-50px); }



.footerflex { display: flex; }
/*.footerflex .socials { display: none; }*/
.footerflex .social-twitter { margin-right: 0; }
.social-navigation { margin-left: auto; }

.logotextbot {font-family: "Helvetica Neue", sans-serif; font-size: 0; color: #000; transition: color linear 0.4s; margin-right: 77px; margin-top: -4px; }
.logotextbot svg { width: 280px; }
.logotextbot .st0 { fill: #000; }
.logotexttop:hover .st0, .logotexttop:focus .st0{ fill: #ffd73b; }
.logotextbot:hover .st0, .logotextbot:focus .st0{ fill: #ffd73b; }
.st0 { transition: fill 0.4s linear; }
.logotextbot:hover, .logotextbot:focus { color: #ffd73b; text-decoration: none; }
.bot-menu { padding-left: 0; list-style: none; margin-bottom: 0; margin-top: 12px; }
.bot-menu li { display: inline-block; margin-left: 43px; }
.bot-menu a { color: #2f9dc2; font-family: GilroyRegular; font-size: 18px; letter-spacing: 0.2px; transition: color 0.4s linear; }
.bot-menu a:hover { color: #283F5D; text-decoration: none; }
.bot-menu a:focus { color: #283F5D; text-decoration: none; }

.socials { margin-left: auto; margin-top: 1px; }
.bottomborderfooter { border-bottom: 2px solid #bcbec0; display: block; margin-top: 46px; margin-bottom: 18px; }
.footertexts { font-family: GilroyExtraBold; color: #bcbec0; font-size: 18px; margin-bottom: 58px; }
.footertexts p { margin-bottom: 0; }
.footertexts a{ font-family: GilroyExtraBold; color: #bcbec0; font-size: 18px; }
.bottomtextleft { float: left; }
.bottomtextright { float: right; text-align: right; }


/* about main*/
.page-template-page-about h1 { color: #fff; }
.aboutheaderbg { position: relative; margin-bottom: 205px; background-position: center; background-repeat: no-repeat; min-height: 1200px; background-size: cover; }
.leftgradient { position: absolute; height: 100%; width: 100%; z-index: 1; left: 0; top: 0;
    background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 45%, rgba(255,255,255,0) 72%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 45%, rgba(255,255,255,0) 72%);
    background: -o-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 45%, rgba(255,255,255,0) 72%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 45%, rgba(255,255,255,0) 72%);
    background: linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 45%, rgba(255,255,255,0) 72%);
}

.aboutheadertext { position: relative; z-index: 2; padding-top: 20px; padding-bottom: 120px; }
.aboutheadertext { color: #fff; }
.aboutheadertext h1 { font-size: 148px; margin-bottom: 50px; color: #fff; }
.aboutheadertext h2 { font-size: 40px; }
.aboutheadertext p, .aboutheadertext a, .aboutheadertext ul { line-height: 30px; font-size: 18px; }
.aboutheadertext p { margin-bottom: 30px; }
.maxwidth450 { max-width: 450px; }

.aboutmidsection { position: relative; min-height: 850px; background-position: center; background-repeat: no-repeat; padding-top: 123px; }
.abouttextblock { max-width: 450px; }
.abouttextblock a { margin-top: 38px; display: inline-block; font-family: GilroyExtraBold; font-size: 20px; color: #ffd73b; transition: color linear 0.4s, border-color linear 0.4s; border: 3px solid #ffd73b; border-radius: 8px; padding: 11px 15px; min-width: 207px; }
.abouttextblock a:hover, .aboutmidsection a:focus { color: #fff; text-decoration: none; border-color: #fff; }
.abouttextblock p { color: #fff; font-size: 20px; line-height: 1.5; }
.abouttextblock h2 { color: #fff; font-size: 72px; line-height: 1; margin-bottom: 28px;}
.abouttextblock { position: relative; z-index: 2; }


.inthenewssectionheadline { color: #000; margin-bottom: 50px; }
.inthenewssectionheadline h2 { font-size: 70px; }

.inthenewssection { margin-top: 112px; margin-bottom: 150px; }
.inthenewssection a { text-decoration: none; transition: border-color 0.4s linear; }
.inthenewssection a:hover, .inthenewssection a:focus { box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); border-color: #2f9dc2; text-decoration: none;  color: #fff !important;  }
.inthenewssection .abouttileimg { width: 100%; transition: transform 0.4s linear; }
.inthenewssection a p { transition: color 0.4s linear; }
.inthenewssection a:hover p, .inthenewssection a:focus p{ color: #2f9dc2; }
.aboutcolumn1 { max-width: 449px; margin-right: 25px; float: left; }
.aboutcolumn2 { max-width: 291px; margin-right: 25px; float: left; }
.aboutcolumn3 { max-width: 370px; float: left; }
.abouttilecontent p { color: #000; font-family: SurveyorBook; }
.abouttilecontent { background-color: #f0f0f0; position: relative; z-index: 1; padding: 25px; }
.abouttile3 .abouttilecontent { background-color: #ebebeb; }
.abouttile1 p { font-size: 45px; line-height: 1; margin-bottom: 0; }
.abouttile2 p { font-size: 24px; line-height: 1; margin-bottom: 0; }
.abouttile3 p { font-size: 24px; line-height: 1; }
.abouttile4 p { font-size: 28px; line-height: 1; margin-bottom: 0; }

.abouttile1 .abouttilelogo { margin-bottom: 20px; }
.abouttile2 .abouttilelogo { margin-bottom: 10px; }
.abouttile4 .abouttilelogo { margin-bottom: 10px; }

.abouttilelogo { height: 30px; width: auto; }
.abouttile1 { border-bottom: 15px solid #ebebeb; overflow: hidden; }
.abouttile1 .abouttilecontent { padding: 29px 40px 25px 40px; }
.abouttile2 { border-bottom: 15px solid #ebebeb; margin-bottom: 25px; overflow: hidden; }
.abouttile2 .abouttilecontent { padding-top: 21px; padding-bottom: 15px; }
.abouttile3 .abouttilecontent { padding-top: 21px; padding-bottom: 11px; }
.abouttile3 .abouttilelogo { margin-bottom: 10px; }
.abouttile4 { border-bottom: 15px solid #ebebeb; margin-bottom: 25px; overflow: hidden; }
.abouttile4 .abouttilecontent { padding-top: 20px; padding-bottom: 10px; }
.inthenewsblock .readblogbtn { transition: background-color 0.4s linear; display: block; width: 100%; background-color: #2f9dc2; color: #fff; text-align: center; font-family: GilroyExtraBold; font-size: 20px; padding-bottom: 39px; padding-top: 38px; height: 105px; }
.readblogbtn:hover, .readblogbtn:focus { color: #fff; background-color: #467eb1; text-decoration: none; }

/*align in the news boxes*/
.inthenewsblock { display: flex; }
.col2and3container { display: flex; }
.aboutcolumn1, .aboutcolumn2, .aboutcolumn3 { display: flex; flex-direction: column; }
.abouttile1, .abouttile2, .abouttile3, .abouttile4  { display: flex; flex-direction: column; flex-grow: 1; }
.abouttilecontent { flex-grow: 1; }

/*our work*/

.worktextblock { margin-top: 21px; margin-bottom: 70px; }
.worktextblock p { font-size: 18px; line-height: 1.7; }

.workstiles { padding-left: 15px; padding-right: 15px; margin-bottom: 100px; }
.workstiles .col-md-4 { padding-left: 0; padding-right: 0; width: 370px; margin-right: 25px; }
.workstiles .col-md-4:nth-child(3n+0) { padding-right: 0; margin-right: 0; }

.col-md-4.yellow { margin-bottom: 25px; background-color: #ffd73b; }

.yellowtile { color: #000; height: 470px; padding: 25px; }
.yellowtile img { margin-top: 25px; }
.yellowtile p { font-family: GilroyExtraBold; color: #000; font-size: 18px; line-height: 1.1; }
.yellowtile h2 { color: #000; margin-top: 23px; line-height: 1.2; margin-bottom: 7px; }

blockquote { border: none; padding: 0; margin-bottom: 35px; }
/*blockquote::before { content:""; color: #fff; font-family: HelveticaLTStdBlk; font-size: 150px; line-height: 0.72; display: block; margin-bottom: -39px; }*/
blockquote::before { content:""; display: block; height: 55px; width: 65px; background-image: url("images/smallquoteswhite.png"); background-repeat: no-repeat; margin-bottom: 15px; }
.yellowtile blockquote p { font-family: SurveyorBook; font-size: 32px; line-height: 1.115; }

.portfoliocontainer { padding-left: 15px; padding-right: 15px; }
.portfoliorow { margin-bottom: 100px; }
.portfoliorow h2 { font-size: 70px; margin-bottom: 45px; }
.page-template-page-work-php .services-portfolio-list-item { float: left; width: calc( 20% - 20px ); margin-right: 25px; margin-bottom: 25px; }
.page-template-page-work-php .services-portfolio-list-item:nth-child(5n+0) { margin-right: 0; }
.page-template-page-work-php .services-portfolio-list-item a { position: relative;  display: block; width: 100%; height: 100%; background: #ebebeb;  padding-top: 100%; }
.page-template-page-work-php .services-portfolio-list-item img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; transition: filter 0.4s linear; }


/*team*/

.page-template-page-teammain .worktextblock { margin-bottom: 55px; }
.singlemember a:hover p {
    color: #2f9dc2;
}
.wholeteam { margin-bottom: 115px; }
.teamcategory { color: #000; font-size: 40px; margin-bottom: 20px; }
.memberscontainer { padding-left: 15px; padding-right: 15px; display: flex; flex-wrap: wrap; }
.singlemember { margin-right: 25px; margin-bottom: 17px; width: calc( 20% - 20px ); padding: 0; }
.singlemember a { display: block; width: 100%; height: 100%; text-decoration: none; }
.singlemember a img { width: 100%; transition: transform 0.4s linear; }
.singlemember a:hover img, .singlemember a:focus img { transform: scale(1.1); }
.memberscontainer .singlemember:nth-child(5n+0) { margin-right: 0; }
.singlemember p {transition: color 0.4s linear; word-spacing: 2000px; line-height: 1.5; color: #000; font-family: GilroyExtraBold; font-size: 16px; position: relative; z-index: 1; padding-top: 18px; }

/* single team member */
.single-team_member .worktextblock { margin-top: 35px; margin-bottom: 0; }
.single-team_member .worktextblock h2 { color: #000; font-size: 35px; margin-bottom: -28px; }


.memberdetailtext { float: left; margin-bottom: 142px; }
.memberdetailimg { float: right; }
.memberdetailimg img { margin-top: 7px; float: right; margin-bottom: 142px; }

.memberdetailsocials a:hover, .memberdetailsocials a:focus { filter: opacity(.5) drop-shadow(0 0 0 #f7d309) saturate(4) contrast(4); }

.memberdetailsocials { float: left; }
.memberdetailsocials a { margin-top: 48px;  display: inline-block; width: 30px; height:30px; background-size: cover; background-repeat: no-repeat;
    -webkit-transition: 1s -webkit-filter linear;
    -moz-transition: 0.4s filter linear;
    -o-transition: 0.4s -o-filter linear;
    transition: 0.4s filter linear, 0.4s -webkit-filter linear;
}
.membertextwrap { max-width: 450px; line-height: 1.7; }
.membertextwrap a { color: #2f9dc2; }
.membertextwrap p { font-size: 18px; margin-bottom: 30px; color: #000; }
.membertextwrap h2 { color: #000; font-size: 35px; margin-bottom: 30px; }
.membertextwrap h3 { color: #000; font-size: 28px; margin-bottom: 25px; }
.membertextwrap ul, .membertextwrap ol { padding-left: 25px; font-size: 18px; margin-bottom: 30px; }

/*privacy policy*/
.page-template-page-privacypolicy .membertextwrap { max-width: 770px; margin-bottom: 140px; }
.page-template-page-privacypolicy .worktextblock { margin-bottom: 0; }
.cc-message { color: #fff; }
.cc-message a { color: #fff !important; }

/*case study - work detail */

.extralargep span { display: none; -webkit-font-smoothing: subpixel-antialiased; }

.worktextblock { position: relative; z-index: 2; }
.casestudyheader { margin-bottom: 94px; min-height: 700px; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; margin-top: -80px; z-index: 0; padding-top: 390px; }
.single-case_study .leftgradient {
    background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 45%, rgba(255,255,255,0) 56%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 45%, rgba(255,255,255,0) 56%);
    background: -o-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 45%, rgba(255,255,255,0) 56%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 45%, rgba(255,255,255,0) 56%);
    background: linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 45%, rgba(255,255,255,0) 56%);
}
.single-case_study .worktextblock { margin-bottom: 0; }
.casestudyheader h2 { color: #ffd73b; font-size: 36px; }
.casestudyheader h1 { color: #fff; margin-top: 0; line-height: 0.85; }
.casestudyheader h1 { font-size: 128px; }

.single-case_study .memberdetailtext { margin-bottom: 80px; }
.workdetailwideimg { padding-top: 400px; background-repeat: no-repeat; background-position: center; margin-bottom: 95px; }
.single-case_study .hpquote { margin-bottom: 145px; }
.width607 { max-width: 607px; margin-left: auto; }
.margintoplefttext { padding-top: 25px; }
.extralargep { padding-top: 25px; }
.extralargep p { font-family: SurveyorBook; font-size: 275px; line-height: 0.85; }
.largep p { font-family: SurveyorBook; font-size: 35px; line-height: 1.05; }

.memberdetailtext iframe { margin-bottom: 21px; }
.mejs-video { margin-bottom: 21px; }
.casequotecontainer { margin-top: 100px; }

/*services*/


.services-portfolio-list-item .portfoliogallery a { background: transparent; }
.portfoliogallery { background: #ebebeb; }

.page-template-page-services .aboutheaderbg { min-height: 850px; }
/*.page-template-page-services .aboutheaderbg { margin-bottom: 120px; }*/
.page-template-page-services .aboutheaderbg { margin-bottom: 0 !important; }
.marginbot125 { margin-bottom: 125px; }
.services-tusk-attributes h2 { font-size: 70px; margin-bottom: 35px; }
.services-tusk-attributes-list-item-content { display: none; }
.services-tusk-attributes-list-item { margin-bottom: 25px; }
.services-tusk-attributes-list-item button { max-width: 100%; outline: none; font-family: GilroyExtraBold; font-size: 38px; text-align: left; padding-left: 20px; color: #646568; background-color: #f0f0f0; border: none; width: 449px; height: 80px; transition: color 0.4s linear; }
.services-tusk-attributes-list-item.open button { color: #2f9dc2; }
.services-tusk-attributes-list-item-content { line-height: 1.7; font-size: 18px; margin-top: 25px; padding-bottom: 15px; }
.servicesmap { margin-top: 200px; }

.servicesblock { background-color: #2f9dc2; padding-top: 120px; padding-bottom: 95px; margin-bottom: 120px; }
.services-services-list { display: flex; flex-wrap: wrap; padding-left: 15px; padding-right: 15px; }
.services-services-list .col-md-4 { width: 370px; margin-right: 25px; padding: 0; }
.services-services-list .col-md-4:nth-child(3n+0) { margin-right: 0; }
.services-services-list-item { text-align: center; margin-bottom: 50px; }
.circlebgcontainer { max-width: 300px; margin: auto; margin-bottom: -65px; }
.circlebg { border-radius: 300px; background-color: rgba( 255,255,255,0.1 ); position: relative; padding-top: 100%; width: 100%; max-width: 300px; max-height: 300px; }
.circlebg img { position: absolute; left: 50%; top: 50%; transform: translate( -50%, -57%); max-width: 60%; max-height: 60%; }
.services-services h2 { font-size: 70px; margin-bottom: 50px; }
.services-services h2, .services-services h3, .services-services p { color: #fff; }
.services-services p { font-size: 20px; line-height: 1.5; }
.services-services h3 { font-size: 40px; margin-bottom: 30px; }

.services-portfolio { margin-bottom: 120px; }
.services-portfolio-text .membertextwrap h2 { font-size: 70px; line-height: 1.05; margin-bottom: 25px; }
.membertextwrap.bluebtnhere a, .bluebtnhere a { display: inline-block; font-family: GilroyExtraBold; font-size: 20px; color: #2f9dc2; transition: color linear 0.4s, border-color linear 0.4s; border: 3px solid #2f9dc2; border-radius: 8px; padding: 9px 15px; min-width: 207px; margin-top: 22px; }
.bluebtnhere a:hover, .bluebtnhere a:focus { color: #23527c; text-decoration: none; border-color: #23527c; }
.services-portfolio-list-item { float: left; width: 291px; margin-right: 25px; margin-bottom: 25px; }
.width607 .services-portfolio-list-item:nth-child(2n+0) { margin-right: 0; }
.services-portfolio-list-item a { position: relative;  display: block; width: 100%; height: 100%; background: #ebebeb;  padding-top: 65.3%; }
.services-portfolio-list-item a:hover img, .services-portfolio-list-item a:focus img { opacity: 1; }
.services-portfolio-list-item a:hover img, .services-portfolio-list-item a:focus img { filter: grayscale(0); }
.services-portfolio-list-item img { opacity: 0.7; filter: grayscale(100%); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 80%; max-height: 80%; transition: filter 0.4s linear;}

.col-md-4.servicesitem6, .col-md-4.servicesitem7 { width: 50%; margin-right: 0; }
.col-md-4.servicesitem6 { padding-right: 12px; }
.col-md-4.servicesitem7 { padding-left: 12px; }

.servicesitem6 .services-services-list-item { max-width: 370px; float: right; }
.servicesitem7 .services-services-list-item { max-width: 370px; float: left; }

.portfoliogallery a { display: none; opacity: 0; transition: opacity 0.5s linear; }
.portfoliogallery a.show { display: block; opacity: 1 }

/*contact*/

.contacttexts { margin-top: 45px; margin-bottom: 20px; }
.membertextwrap.bluebtnhere a { margin-top: 0; }

.contacts-list { display: flex; flex-wrap: wrap; margin-bottom: 100px; }
.contacts-list-item { font-size: 18px; line-height: 1.7; }
.contacts-list-item { background-repeat: no-repeat; float: left; }
.contacts-list-large { width: calc( 50% - 30px ); padding-bottom: 75px; margin: 0 15px 45px; background-position: top 30px right 15px; }
.contacts-list-large h3 { font-size: 70px; margin-bottom: 25px; }
.contacts-list-small h3 { font-size: 50px; margin-bottom: 25px; }
.contacts-list-small { width: calc( 25% - 30px ); margin: 0 15px 45px; background-position: top 30px right 25px}

.contacts-list-item.boxnumber1 { background-position: top 30px right 55px; }
.contacts-list-item.boxnumber2 { background-position: top 30px right 33px; }
.contacts-list-item.boxnumber3 { background-position: top 30px right 32px; }
.contacts-list-item.boxnumber4 { background-position: top 30px right 0px; margin-left: auto; margin-right: auto; }
.contacts-list-item.boxnumber5 { background-position: top 30px right 35px; }


.page-template-page-contact .footernewsletterbg { background-image: url(images/footercontactbg.jpg); background-repeat: no-repeat; background-position: center;  height: 600px; padding-top: 70px; padding-bottom: 40px;  }
.page-template-page-contact .footernewsletterbg .mailchimptext { margin-bottom: 65px; }
.page-template-page-contact .footernewsletterbg h2 { line-height: 1.25; }
.footergradient { display: none; }
.page-template-page-contact .footergradient { display: block; position: absolute; height: 100%; width: 100%; left: 0; top: 0;
    background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 45%, rgba(255,255,255,0) 72%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 45%, rgba(255,255,255,0) 72%);
    background: -o-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 45%, rgba(255,255,255,0) 72%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 45%, rgba(255,255,255,0) 72%);
    background: linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 45%, rgba(255,255,255,0) 72%);
}
.page-template-page-contact .mc4wp-form input[type="submit"]{ color: #ffd73b; border-color: #ffd73b; }
.page-template-page-contact .mc4wp-form input[type="submit"]:hover, .mc4wp-form input[type="submit"]:focus { color: #fff; border-color: #fff; }
.page-template-page-contact .footernewsletterbg .col-md-5 { width: 100%; max-width: 480px; float: none; }
.page-template-page-contact .footernewsletterbg .col-md-7 {  width: 100%; max-width: 480px; float: none; }
.page-template-page-contact .mc4wp-form { margin-left: 0; }

/* 404 */
.wrap404 p { font-size: 22px; }
.wrap404 { margin-bottom: 80px; }


@media (min-width: 1920px){
    .container.beyond { max-width: 1920px; }
}

@media (min-width: 1220px){
.container1190 { width: 1190px; }
}

@media (max-width: 1330px){
    .hpquote { max-width: 95%; margin-left: auto; margin-right: auto; }
}

@media (max-width: 1221px) {
    .workstiles { padding-left: 0; padding-right: 0; width: 770px; max-width: 100%; margin: auto; display: flex; flex-wrap: wrap; }
    .workstiles .col-md-4 { width: calc( 50% - 30px ); margin-left: 15px; margin-right: 15px; }
    .workstiles .col-md-4:nth-child(3n+0) { margin-right: 15px; }
    .yellowtile { height: auto; min-height: 450px; }
}

@media (max-width: 1220px){
    .hptilescontainer { padding-left: 5px; padding-right: 5px; }
    .homepageslickslider .homepagetile { width: auto; }
    .services-services-list { padding-left: 0; padding-right: 0; }
    .services-services-list .col-md-4 { margin-left: 15px; margin-right: 15px; width: calc( 33.3% - 30px ); }

    .col-md-4.servicesitem6, .col-md-4.servicesitem7 { width: calc( 50% - 30px ); margin-right: 0; margin-left: 0; }
    .col-md-4.servicesitem6 { padding-right: 0; }
    .col-md-4.servicesitem7 { padding-left: 0; }
}

@media (max-width: 1200px){
    .logotextbot { margin-right: 0; }
    .hptilescontainer { padding-left: 5px; padding-right: 5px; }
    .home .homepagetile { margin-left: 10px; margin-right: 10px; }
    .homepagetile.middle { margin-left: 10px; margin-right: 10px; }
}

@media (max-width: 1199px){
    .services-tusk-attributes h2 { font-size: 55px; }
    .servicesmap { margin-top: 100px; }
    .services-portfolio-list-item { width: calc( 50% - 10px ); margin-right: 20px; }
    .services-portfolio-text .membertextwrap h2, .services-services h2 { font-size: 60px; }
}

@media (max-width: 1049px) {
    .homepagetile { -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
    .homepageslickslider { border-radius: 5px; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75); }
    .homepageslickslider .homepagetile { width: 100%; box-shadow: none; }
    .slick-list { overflow: hidden; }
    .homepageslickslider { width: 560px; margin-left: auto; margin-right: auto; margin-top: 36px; margin-bottom: 75px; }
    .homepageslickslider .slick-list { margin-right: 0; }
    .hometilesblock .whitebuttonhere { text-align: center; }
    .homepageslickslider .homepagetile { margin-left: 0; margin-right: 0; border-radius: 0; }

    .slick-list { overflow: hidden; border-radius: 5px; }
    .slick-prev, .slick-next { width: 0; height: 0;}
    .slick-prev { left: -30px; }
    .slick-next { right: 0; }
    .slick-next::before, .slick-prev::before { content: ''; opacity: 1; position: absolute; z-index: 2; top: -50px; }
    .slick-prev::before {
        left: -40px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 50px 30px 50px 0;
        border-color: transparent #9cc5dc transparent transparent;
    }
    .slick-next::before {
        left: 40px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 50px 0 50px 30px;
        border-color: transparent transparent transparent #9cc5dc;
    }

}

@media (max-width: 991px){
    .home .logotexttop svg,
    .home .sticky .logotexttop svg,
    .logotexttop svg{ width: 160px; }
    .home .logotexttop,
    .home .sticky .logotexttop,
    .logotexttop { margin-top: 5px; }
    .casestudyheader { min-height: auto; }

    .contacts-list-item.boxnumber1 { background-position: top 30px right 0px; }
    .contacts-list-item.boxnumber2 { background-position: top 30px right 0px; }
    .contacts-list-item.boxnumber3 { background-position: top 30px right 0px; }
    .contacts-list-item.boxnumber4 { background-position: top 30px right 0px; }
    .contacts-list-item.boxnumber5 { background-position: top 30px right 0px; }
    .contacts-list-item.boxnumber6 { background-position: top 30px right 0px; }

    .content-area { padding-top: 50px; }
    .page-template-page-home #masthead.sticky .headerflex { height: 50px; }
    .page-template-page-home #masthead.sticky { height: auto; }

    .readblogbtn { font-size: 18px; }
    .menu-top-container { border-top: 2px solid #fff; }
    .mailchimptext { margin-bottom: 25px; }
    .yellowtile img { margin-top: 0; }
    .yellowtile { min-height: auto; }
    .yellowtile blockquote p { font-size: 32px; }
    .home .homepageslickslider .homepagetile { margin-left: 0; margin-right: 0; float: left; }
    .hometilesblock { padding-bottom: 55px; margin-bottom: 198px; }
    .quotesright { bottom: -65px; right: 0; }
    .hpquote p { font-size: 24px; }
    .hpquote { margin-bottom: 230px; max-width: 80%; }
    .mailchimptext h2 { font-size: 62px; line-height: 1.12; }
    .footernewsletterbg { padding-top: 66px; padding-bottom: 100px; }
    .page-template-page-contact .footernewsletterbg { height: auto; background-size: cover; }
    .mc4wp-form { padding-top: 60px; }
    .mc4wp-form input[type="email"] { padding-bottom: 8px; margin-bottom: 40px; }

    /*.social-navigation { position: absolute; top: 155px; width: calc(100% - 30px); }*/
    .logotextbot { font-size: 60px; }
    .footerflex .socials { margin-top: 15px; }
    .footerflex { display: block; text-align: center; }

    .bot-menu a { color: #515255; font-size: 30px; }
    .bot-menu { display: flex; justify-content: space-between; }
    .bottomborderfooter { display: none; }

    .footertexts { /*margin-top: 105px;*/ margin-bottom: 110px; display: flex; flex-direction: column-reverse; }
    .footertexts a, .footertexts p { font-size: 24px; font-family: GilroyExtraBold; }
    .bottomtextright { border-bottom: 2px solid #bcbec0; padding-bottom: 20px; margin-bottom: 20px; }
    .footertexts .bottomtextleft a, .footertexts .bottomtextleft p{ font-size: 22px; }

    .quotesright { right: -80px; }
    .quotesleft { left: -86px; }

    .homeheaderbg { padding-top: 78px; }
    .worktextblock h1 { font-size: 100px; line-height: 0.9; margin-bottom: 20px; }
    .menu-top-container { display: none; width: 100%; position: absolute; top: 50px; left: 50%; transform: translateX( -50% ); margin-top: 0; background-color: #2f9dc2; }
    .top-menu li { display: block; width: 100%; }
    .top-menu li a {display: block; text-align: center; width: 100%; font-size: 30px; margin-left: 0; padding: 15px; transition: background-color 0.4s linear; }
    .top-menu li a:hover, .top-menu li a:focus { background-color: #ffd73b; color: #fff; }
    .mobile-navtoggle { display: block; }

    .page-template-page-home #masthead { background: #2f9dc2; padding-top: 0; height: auto; }
    #masthead { background: #2f9dc2; height: auto; }
    .page-template-page-home .logotexttop, .logotexttop { font-size: 20px; }
    .page-template-page-home .headerflex { padding-top: 0; }
    .headerflex { padding-top: 0; height: 50px; }
    .home .headertext.whitebuttonhere { text-align: left }

    .hptilescontainer { padding-left: 15px; padding-right: 15px; }
    .home .homepagetile { display: block; float: none; width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; }
    .homepagetile.middle { margin-left: auto; margin-right: auto; }
    .home .whitebuttonhere { text-align: center; }

    .mc4wp-form { max-width: 100%; }
    .footernewsletterbg { margin-bottom: 105px; }

    .bot-menu { margin-bottom: 25px; }
    .bot-menu li { margin-left: 0; margin-right: 0; }

    .bottomtextright, .bottomtextleft { float: none; text-align: center; }

    .memberdetailimg { float: none; }
    .memberdetailimg img { float: none; margin-bottom: 35px; }
    .membertextwrap { max-width: 100%; }
    .memberdetailtext { margin-bottom: 60px; }

    .memberscontainer { padding-left: 0; padding-right: 0; }
    .singlemember { margin-right: 15px; margin-left: 15px; width: calc( 33% - 30px ); }
    .memberscontainer .singlemember:nth-child(5n+0) { margin-right: 15px; }

    .aboutheadertext h1 { font-size: 100px; margin-top: 50px; }
    .leftgradient {
        background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.7) 45%, rgba(0,0,0,0.6) 100%);
        background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.7) 45%, rgba(0,0,0,0.6) 100%);
        background: -o-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.7) 45%, rgba(0,0,0,0.6) 100%);
        background: -ms-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.7) 45%, rgba(0,0,0,0.6) 100%);
        background: linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.7) 45%, rgba(0,0,0,0.6) 100%); }

    .maxwidth450, .width607 { max-width: 100%; }
    .servicesmap { margin-top: 30px; }
    .servicesmap img { margin: auto; display: block;}
    .marginbot125 { margin-bottom: 40px; }
    .page-template-page-services .aboutheaderbg { min-height: auto; padding-bottom: 50px; margin-bottom: 40px; }
    .page-template-page-services .aboutheadertext { padding-bottom: 0; }
    .services-services-list .col-md-4 { margin-left: 15px; margin-right: 15px; width: calc( 50% - 30px ); }
    .single-case_study .leftgradient {
        background: -moz-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.4) 100% );
        background: -webkit-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.4) 100% );
        background: -o-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.4) 100% );
        background: -ms-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.4) 100% );
        background: linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.4) 100% );
    }
    .single-case_study .memberdetailtext { width: 100%; }
    .margintoplefttext, .extralargep { padding-top: 0; }
    .contacts-list-small { width: calc( 50% - 30px ); background-position: top 30px right 20px; }
    .page-template-page-contact h1 { font-size: 110px; }

    .casestudyheader { height: auto; padding-top: 253px; padding-bottom: 50px; }
    .casestudyheader { margin-bottom: 90px; }
    .membertextwrap h2 { font-size: 46px; margin-bottom: 36px; }
    .membertextwrap .largep p { font-size: 45px; line-height: 1.35; }
    .single-case_study .memberdetailtext { margin-bottom: 75px; }
    .workdetailwideimg { margin-bottom: 90px; }
    .single-team_member .worktextblock { margin-top: 0; }
    .single-team_member .worktextblock h2 { margin-bottom: -16px; }
    .worktextblock h1 { line-height: 0.92; margin-bottom: 38px; }
    .memberdetailimg img { width: 100%; margin-bottom: 50px; }
    .memberdetailsocials a { margin-top: 36px; }
    .memberdetailtext { margin-bottom: 110px; }
    .bottompartinner { position: relative; display: block; min-height: 100px; }
}

@media (max-width: 767px){
    .page-template-page-about .aboutheaderbg { margin-bottom: 60px; }
    .width730 { max-width: none; }
    .inthenewssection { margin-top: 0; margin-bottom: 60px; }
    .inthenewssectionheadline { margin-bottom: 30px; }
    .inthenewsblock { display: block; }
    .aboutcolumn1 { max-width: 100%; width: 100%; float: none; margin-bottom: 25px; }

    .services-tusk-attributes-list-item button { font-size: 30px; width: 100%; }
    .page-template-page-privacypolicy .membertextwrap,
    .membertextwrap { margin-bottom: 70px; }

    .homeheaderbg { margin-bottom: 92px; height: auto; padding-bottom: 150px; }

    .hpfirsttextblock ul { padding-top: 15px; }
    .hpfirsttextblock li { line-height: 1.2; margin-bottom: 25px; }
    .hpfirsttextblock li::before { top: 7px; }
    .hpfirsttextblock { margin-bottom: 105px; }
    .hpfirsttextblock h2 { font-size: 70px; line-height: 1; }

    .hometilesblock { margin-bottom: 140px; padding-top: 40px; padding-bottom: 35px; }
    .hometilesblock h2 { font-size: 70px; line-height: 1.03; }
    .hptilescontainer { margin-bottom: 15px; padding-top: 40px; }

    .worktextblock h1 { margin-bottom: 30px; }
    .worktextblock { margin-bottom: 60px; }
    .wholeteam { margin-bottom: 45px; }
    .maxwidth450 { max-width: 100%; }
    .aboutheaderbg { min-height: auto; margin-bottom: 150px; }
    .aboutheadertext { padding-bottom: 60px; }
    .aboutmidsection { padding-top: 50px; padding-bottom: 50px; min-height: auto; }
    .inthenewssection { margin-top: 40px; margin-bottom: 40px; }
    .servicesblock { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; }
    .services-services h2 { font-size: 70px; }
    .services-services h3 { font-size: 30px; margin-bottom: 25px; }
    .services-portfolio-text .membertextwrap h2 { font-size: 50px; }
    .services-portfolio { margin-bottom: 50px; }

    .hpquote { max-width: 580px; }

    .contacts-list-small { background-position: top 30px right 0; }
    .contacts-list-large { background-position: top 30px right 0; }
    .contacttexts .membertextwrap { margin-bottom: 0; }
    .page-template-page-contact .footergradient {
        background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 70%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 70%, rgba(255,255,255,0) 100%);
        background: -o-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 70%, rgba(255,255,255,0) 100%);
        background: -ms-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 70%, rgba(255,255,255,0) 100%);
        background: linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 70%, rgba(255,255,255,0) 100%);
    }
    .services-tusk-attributes-list-item-content { font-size: 22px; }
    .abouttile1 p { font-size: 35px; }
}

@media (max-width: 760px) {

    .workstiles { display: block }
    .workstiles .col-md-4 { width: 370px; margin: auto; margin-bottom: 25px; float: none; clear: both; }
    .workstiles .col-md-4:nth-child(3n+0) { margin-right: auto; }

    .readblogbtn { width: 100%; }
    .homepageslickslider { width: 370px; margin-bottom: 20px; }
    .quotesleft, .quotesright { font-size: 250px; }
    .quotesleft { left: -35px; top: -40px; }
    .quotesright { bottom: -30px; right: -35px; }
    .hpquote blockquote p, .hpquote h2 { font-size: 40px; }
    .hpquote h2,
    .hpquote blockquote { margin-bottom: 15px; }
    .hpquote p { font-size: 14px; margin-bottom: 0; }
    .hpquote { margin: 0 35px 130px; }
    .mailchimptext h2 { font-size: 50px; }
    .mc4wp-form { padding-top: 5px; }
    .mc4wp-form input[type="email"], .mc4wp-form input[type="email"]::placeholder { font-size: 28px; }
    .footernewsletterbg { margin-bottom: 70px; }
    .single-case_study .memberdetailtext { margin-bottom: 0; }
    .quotesleft, .quotesright { height: 84px; width: 100px; }
}

@media (max-width: 700px) {

    .page-template-page-work-php .services-portfolio-list-item:nth-child(5n+0) { margin-right: 17px; }
    .page-template-page-work-php .services-portfolio-list-item:nth-child(3n+0) { margin-right: 0; }
    .page-template-page-work-php .services-portfolio-list-item { width: calc(33% - 11px); margin-right: 17px; margin-left: 0; margin-bottom: 17px; }
}

@media (max-width: 630px){
    .contacts-list-item.boxnumber1 { background-position: top 0px right 0px; background-size: 155px auto; }
    .contacts-list-item.boxnumber2 { background-position: top 0px right 30px; background-size: auto 130px; }
    .contacts-list-item.boxnumber3 { background-position: top 0px right 0px; }
    .contacts-list-item.boxnumber4 { background-position: top 0px right 0px; }
    .contacts-list-item.boxnumber5 { background-position: top 0px right 5px; background-size: 100px auto;  }
    .contacts-list-item.boxnumber6 { background-position: top 8px right 40px; background-size: auto 82px;}

    .contacts-list-large { width: calc( 100% - 30px ); background-position: top 30px right 0; }
    .contacts-list-small { width: calc( 100% - 30px ); background-position: top 30px right 10%; }
    .page-template-page-contact h1 { font-size: 80px; }
    .workdetailwideimg { margin-bottom: 35px; }
    .hpfirsttextblock { margin-bottom: 60px; }
    .memberdetailsocials a { margin-top: 18px; }
    .memberdetailtext { margin-bottom: 40px; }
    .memberdetailsocials a, .socials a { height: 15px; width: 15px; }
    .social-facebook, .social-twitter { margin-right: 12px; }
    .logotextbot { font-size: 30px; }
    .bot-menu a { font-size: 16px; }
    .social-navigation { top: 80px }
    .footertexts { margin-bottom: 52px; }
    .footertexts a, .footertexts p { font-size: 12px; }
    .footertexts .bottomtextleft a, .footertexts .bottomtextleft p { font-size: 12px; }
    .bottomtextright { margin-bottom: 10px; padding-bottom: 10px; }
    .footernewsletterbg { margin-bottom: 50px; }
    .portfoliorow { margin-bottom: 30px; }
}

@media (max-width: 600px){
    .homeheaderbg h1 { margin-top: 50px; }
    .portfoliorow h2 { font-size: 30px; }
    .membertextwrap .extralargep p { font-size: 210px; line-height: 0.7; }
    .membertextwrap .largep p { font-size: 24px; line-height: 1.1; }
    .aboutheadertext h1 { font-size: 62px; margin-top: 30px; margin-bottom: 30px; }
    .abouttextblock h2,
    .inthenewssectionheadline h2,
    .services-tusk-attributes h2,
    .hpfirsttextblock h2,
    .hometilesblock h2,
    .services-portfolio-text .membertextwrap h2,
    .services-services h2{ font-size: 34px; }
    .mailchimptext h2 { font-size: 30px; }
    .homeheaderbg h1 { font-size: 80px; }
    .homeheaderbg { padding-bottom: 70px; padding-top: 30px; }
    .hpfirsttextblock li { font-size: 35px; }
    .hpfirsttextblock li::before { top: 2px; width: 36px; height: 40px; }
    .hpfirsttextblock ul li { padding-left: 50px; }
    .hptilescontainer { padding-top: 0; }
    .homepageslickslider { margin-top: 0; max-width: 100%; }

    .contacttexts { margin-top: 0; }
    .page-template-page-contact h1 { font-size: 75px; line-height: 0.95; margin-top: 30px; }
    .membertextwrap p, .contacts-list-item { font-size: 16px; line-height: 1.5; }

    .worktextblock p,
    .abouttextblock p,
    .services-services p,
    .aboutheadertext p,
    .aboutheadertext a,
    .aboutheadertext ul,
    .membertextwrap p,
    .membertextwrap ul,
    .membertextwrap ol { font-size: 16px; line-height: 1.5;  margin-bottom: 18px; }
    .services-tusk-attributes-list-item-content { font-size: 16px; line-height: 1.5; }
    .contacts-list-large { padding-bottom: 0; /*background-size: contain;*/ background-size: auto 160px ; background-position: top 0px right 0; margin-bottom: 35px; min-height: 160px; }
    .contacts-list-small { padding-bottom: 0; background-size: auto auto; background-position: top 0px right 0; margin-bottom: 2px; min-height: 160px; }
    .contacts-list-small h3, .contacts-list-large h3 { font-size: 35px; margin-top: -2px; margin-bottom: 12px; }
    .contacttexts { margin-bottom: 45px; }
    .page-template-page-contact .footernewsletterbg .mailchimptext { margin-bottom: 22px; }
    .page-template-page-contact .footernewsletterbg { background-image: none; padding-top: 20px; padding-bottom: 50px; height: auto; }
    .page-template-page-contact .footergradient { display: none;  }
    .page-template-page-contact .mc4wp-form input[type="submit"]{ color: #fff; border-color: #fff; }
    .page-template-page-contact .mc4wp-form input[type="submit"]:hover, .mc4wp-form input[type="submit"]:focus { color: #ffd73b; border-color: #ffd73b; }
    .page-template-page-contact .membertextwrap.bluebtnhere a { margin-top: 15px; }
}

@media (max-width: 550px){
    .page-template-page-services .aboutheadertext { padding-top: 30px; }
    .abouttilelogo { max-height: 22px; }
    .abouttile2 p, .abouttile3 p { font-size: 14px; }
    .abouttile4 p { font-size: 14px; line-height: 1.2; }
    .abouttilecontent { padding: 13px; }
    .readblogbtn { font-size: 12px; height: 50px; padding-top: 0; padding-bottom: 0; line-height: 50px; }
    .abouttile2, .abouttile4, .aboutcolumn1 { margin-bottom: 13px; }
    .aboutcolumn2 { margin-right: 13px; }

    .worktextblock h1 { font-size: 45px; margin-bottom: 15px; }
    .services-services-list .col-md-4 { width: calc( 100% - 30px ); }
    .slick-prev { left: 0; }
    .slick-next::before { left: 20px; border-width: 25px 0 25px 15px; }
    .slick-prev::before { left: -35px; border-width: 25px 15px 25px 0; }
    .footernewsletterbg { padding-top: 30px; padding-bottom: 40px; }
    .casestudyheader { margin-bottom: 35px; padding-top: 145px; padding-bottom: 20px; }
    .single-team_member .worktextblock h2 { font-size: 18px; margin-top: 12px; }
    .casestudyheader h2 { font-size: 18px; margin-bottom: 0px; }
    .membertextwrap h2 { font-size: 22px }

    .servicesitem6 .services-services-list-item { max-width: 370px; float: none; margin: auto; }
    .servicesitem7 .services-services-list-item { max-width: 370px; float: none; margin: auto; }
}

@media (max-width: 470px){
    .membertextwrap .extralargep p { font-size: 210px; line-height: 0.7; }
    .membertextwrap .largep p { font-size: 24px; line-height: 1.1; }
    /*.aboutheadertext p, .aboutheadertext a, .aboutheadertext ul, .membertextwrap p, .membertextwrap ul, .membertextwrap ol { font-size: 24px; }*/
    .extralargep { margin-bottom: 40px; }
    .memberdetailimg img { margin-bottom: 40px; }
    .homepageslickslider { width: calc( 100% - 70px ); }
    .whitebuttonhere a, .mc4wp-form input[type="submit"], .membertextwrap.bluebtnhere a, .bluebtnhere a { font-size: 16px; min-width: 155px; padding: 9px 15px; }
    .mc4wp-form input[type="email"] { margin-bottom: 20px; }
    .footerflex .socials { margin-top: 11px; }
    .casequotecontainer { margin-top: 60px; }
    .single-case_study .hpquote { margin-bottom: 125px; }
}

@media (max-width: 440px){
    .inthenewsblock .readblogbtn { font-size: 16px; }
    .mc4wp-form input[type="email"] { padding-bottom: 2px; font-size: 22px; }

    .hpfirsttextblock ul li { padding-left: 45px; }
    .hpfirsttextblock li::before { width: 28px; height: 32px; top: 0; }
    .homepageslickslider .tilebottompart { height: auto; }
    .worktextblock { margin-bottom: 40px; }
    .singlemember { width: calc( 50% - 30px ); }
    .homeheaderbg h1 { font-size: 70px; }
    .hpfirsttextblock ul li { font-size: 28px; }
    .workdetailwideimg { padding-top: 250px; background-size: auto 100%; }
    .extralargep p { font-size: 200px; }
    .single-case_study .hpquote { margin-bottom: 85px; }
    .contacts-list { margin-bottom: 40px; }
    .hometilesblock { margin-bottom: 100px; }
    .home .hpquote { margin-bottom: 85px; }
    .hpquote { margin-bottom: 70px; }
    .homeheaderbg { margin-bottom: 50px; }
    .wrap404 h1 { font-size: 120px; }
}

@media (max-width: 420px){
    .hpfirsttextblock { margin-bottom: 70px; }
}
@media (max-width: 400px){
    .homeheaderbg h1 { font-size: 50px; }
}

@media (max-width: 380px){
    .page-template-page-home .logotexttop,
    .logotexttop { font-size: 30px; }
}