body { -webkit-appearance: none; -webkit-font-smoothing: antialiased; font-size: 17px; font-family: 'Montserrat', sans-serif; font-weight: 400; overflow: hidden; overflow-y: auto; margin: 0px; }

h1 { font-size: 45px; margin: 0 0 40px; color: #1c75bc; font-weight: 400; }
@media screen and (max-width: 767px) { h1 { font-size: 25px; margin: 0 5px; margin-bottom: 10px; } }

h2 { margin-top: 0; font-size: 31px; }
@media screen and (max-width: 767px) { h2 { font-size: 25px; } }

h3 { font-size: 22px; margin-top: 0px; }
@media screen and (max-width: 767px) { h3 { font-size: 18px; } }

h4 { font-size: 19px; margin: 0 0 15px; }

p { font-size: 18px; line-height: 1.4; font-weight: 300; color: #343434; }
@media screen and (max-width: 767px) { p { font-size: 18px; } }

label { font-size: 19px; font-weight: 300; margin-bottom: 8px; display: block; }

a { text-decoration: none; }
a:hover, a:focus { outline: none; }

.small { font-size: 16px; }

ul { list-style: none; margin: 0px; }

input { box-shadow: none; }

input:-moz-placeholder { box-shadow: none !important; }

.btn-default { background: #ffc000; text-transform: uppercase; padding: 25px 32px; display: inline-block; color: #004663; font-weight: 700; border: 0px; cursor: pointer; }

.btn-default:hover { background: #fff; }

#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 999999; }
#preloader #status { width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; background-image: url(../images/loader.gif); background-repeat: no-repeat; background-position: center; background-size: contain; }

#header { margin: 0; overflow: hidden; }
@media screen and (min-width: 992px) { #header #mainmenu { display: block !important; } }
@media screen and (max-width: 991px) { #header #mainmenu { display: none; background: #fff; color: #343434; top: 60px; left: 0; width: 100%; position: absolute; z-index: 999; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); }
  #header #mainmenu li { display: block; line-height: 1.6; padding: 10px 0; }
  #header #mainmenu li a.requestquote { background: #fff; color: #343434; padding: 0; } }
@media screen and (max-width: 991px) and (max-width: 767px) { #header #mainmenu { top: 47px; } }

#header .navigation { position: fixed; width: 100%; top: 0px; z-index: 9999; background: #fff; padding: 15px 0; }
#header .navigation .flex-lg-container { position: relative; }
#header .navigation .logo { box-sizing: border-box; }
#header .navigation .logo h1 { margin: 0px; }
@media screen and (max-width: 991px) { #header .navigation .logo { width: 100%; padding: 0 3%; box-sizing: border-box; }
  #header .navigation .logo img { max-width: 120px; } }
#header .navigation nav ul { padding: 0; }
#header .navigation nav ul li { display: inline; }
#header .navigation nav ul li a { color: #343434; font-size: 12px; margin: 0 15px; text-transform: uppercase; }
#header .navigation nav ul li a.requestquote { background: #3f3f3f; color: #fff; padding: 10px 20px; }
#header .navigation nav ul li a.requestquote:hover { background: #1c75bc; color: #fff; }
@media screen and (max-width: 767px) { #header .navigation nav ul li a { display: block; } }
#header .navigation .menuicon { display: none; margin-top: 30px; float: right; color: #fff; cursor: pointer; font-size: 22px; margin-right: 0; position: relative; width: 24px; }
#header .navigation .menuicon span { background: #343434; height: 1px; position: absolute; top: 2px; width: 100%; left: 0px; }
#header .navigation .menuicon span:nth-child(2) { top: 8px; }
#header .navigation .menuicon span:nth-child(3) { top: 14px; }
@media screen and (max-width: 991px) { #header .navigation .menuicon { display: inline-block; margin-top: 0px; position: relative; top: 20px; height: 16px; } }
@media screen and (max-width: 767px) { #header .navigation .menuicon { top: 10px; } }
#header .navigation.affix { background: #fff; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); }
#header .hero { width: 100%; background: url(../images/banner-outer.jpg) no-repeat 0 0; background-size: cover; position: relative; min-height: 800px; background-attachment: fixed; }
#header .hero:after { height: 270px; background: url(../images/outer.png) no-repeat 0 0px; background-size: cover; width: 100%; position: absolute; bottom: -90px; z-index: 11; left: 0; content: " "; }
#header .hero .heroinfo { position: absolute; z-index: 99; top: 46%; transform: translateY(-46%); left: 10%; }
#header .hero .heroinfo h1 { color: #000000; font-size: 52px; font-weight: 100; margin-bottom: 0; letter-spacing: -3px; text-transform: uppercase; }
#header .hero .heroinfo h2 { color: #1c75bc; font-size: 52px; font-weight: 300; margin-bottom: 0; letter-spacing: -3px; text-transform: uppercase; }
#header .hero .heroinfo p { color: #232323; font-weight: 400; margin: 5px 0 30px; text-transform: uppercase; font-size: 22px; }
#header .hero .heroinfo p.texts { text-transform: inherit; margin-top: 0px; }
#header .hero .heroinfo p.texts span { color: #1c75bc; font-weight: 400; }
@media screen and (max-width: 1199px) { #header .hero .heroinfo { flex-basis: inherit !important; padding: 0 15px; margin: 40px 0; } }
@media screen and (max-width: 992px) { #header .hero .heroinfo { left: 3% !important; margin-left: 0px !important; } }
#header .hero .flex-budget { background: rgba(28, 117, 188, 0.9); padding: 45px; box-sizing: border-box; width: 460px; margin-top: 100px; z-index: 99; }
@media screen and (max-width: 1199px) { #header .hero .flex-budget { width: 90%; margin: 0 5%; } }
#header .hero .flex-budget h3 { color: #fff; font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 26px; }
@media screen and (max-width: 767px) { #header .hero .flex-budget h3 { font-size: 18px; } }
#header .hero .flex-budget .formgroup { margin-bottom: 15px; }
#header .hero .flex-budget .formgroup label { color: #fff; }
#header .hero .flex-budget .formgroup input { background: #fff; border: 0px; width: 96%; padding: 0 2%; height: 2em; line-height: 1.6; border-radius: 2px; }
#header .hero .flex-budget .formgroup textarea { width: 96%; padding: 2%; border: 0px; border-radius: 2px; }
#header .hero .flex-budget .formgroup:last-child { margin-bottom: 0; }
#header .hero .flex-budget .btn-default { padding: 16px 0; font-size: 20px; text-align: center; width: 100%; }
#header .hero .wrap { overflow: hidden; }
@media screen and (max-width: 640px) { #header .hero { padding: 50px 15px 0; }
  #header .hero .flex-budget { padding: 20px; }
  #header .hero .flex-budget .btn-default { padding: 16px 0px; font-size: 12px; box-sizing: border-box; width: 100%; } }
@media screen and (max-width: 992px) { #header .hero { min-height: 550px; background: url(../images/banner-outer.jpg) no-repeat; background-size: 50% 100%; background-size: cover !important; }
  #header .hero:after { background: none !important; }
  #header .hero .heroinfo { top: 40%; transform: translateY(-40%); margin-left: 50px; }
  #header .hero .heroinfo h1, #header .hero .heroinfo h2 { font-size: 32px; }
  #header .hero .heroinfo a.btn { font-size: 20px; padding: 10px 15px; } }
@media screen and (max-width: 767px) { #header .hero { min-height: 400px; background-position: 15% 100%; background-size: cover; }
  #header .hero:after { background: none !important; }
  #header .hero .heroinfo { top: 22%; transform: translateY(-22%); margin-left: 25px; }
  #header .hero .heroinfo h1, #header .hero .heroinfo h2 { font-size: 22px; margin: 0; letter-spacing: 1px !important; }
  #header .hero .heroinfo p { font-size: 16px; }
  #header .hero .heroinfo a.btn { font-size: 18px; padding: 10px 10px; } }
#header .fixedbanner .wrapper { transform: scale(1.06); transition: transform 1s; }
#header .cloud { background: url(../images/cloud.png) no-repeat 0 0; width: 100%; height: 500px; position: absolute; background-size: 60%; top: 45%; -webkit-animation: moveclouds 30s linear infinite; -moz-animation: moveclouds 30s linear infinite; animation: moveclouds 30s linear infinite; }
#header .cloud2 { background: url(../images/cloud2.png) no-repeat 0 0; width: 100%; height: 100%; left: 1500px; position: absolute; background-size: 35%; top: 30%; -webkit-animation: moveclouds 35s linear infinite; -moz-animation: moveclouds 35s linear infinite; }
@keyframes moveclouds { 0% { margin-left: 50px; opacity: 0; }
  10% { margin-left: 75px; opacity: 0.2; }
  20% { margin-left: 100px; opacity: 0.3; }
  100% { margin-left: -1000px; opacity: 1; } }
@-webkit-keyframes moveclouds { 0% { margin-left: 50px; opacity: 0; }
  10% { margin-left: 75px; opacity: 0.2; }
  20% { margin-left: 100px; opacity: 0.3; }
  100% { margin-left: -1000px; opacity: 1; } }
@-moz-keyframes moveclouds { 0% { margin-left: 50px; opacity: 0; }
  10% { margin-left: 75px; opacity: 0.2; }
  20% { margin-left: 100px; opacity: 0.3; }
  100% { margin-left: -1000px; opacity: 1; } }
.businessinfo { padding: 90px 0; text-align: center; color: #fff; font-size: 40px; line-height: 45px; }
.businessinfo .flex-lg-container { display: flex; justify-content: space-between; }
.businessinfo .col { flex: 1 0 0; line-height: 28px; position: relative; color: #1c75bc; }
.businessinfo .col:after { border-right: 1px #343434 solid; position: absolute; right: 30px; bottom: 0px; content: " "; height: 40px; }
.businessinfo .col:nth-child(2):after { right: -30px; }
.businessinfo .col:last-child:after { border: 0px; }
@media screen and (max-width: 767px) { .businessinfo .flex-lg-container { flex-flow: column; }
  .businessinfo .col { border-right: 0; border-bottom: 1px #ccc solid; padding: 20px 0; }
  .businessinfo .col:after { border: 0px; }
  .businessinfo .col:first-child { padding-top: 0px; }
  .businessinfo .col:last-child { margin-bottom: 0; padding-bottom: 0px; border: 0px; } }
.businessinfo span { font-weight: 300; font-size: 24px; color: #343434; display: block; margin-top: 12px; }
@media screen and (max-width: 767px) { .businessinfo span { top: 0px; } }
.businessinfo strong { font-weight: 300; font-size: 50px; color: #1c75bc; margin-bottom: 20px; }
@media screen and (max-width: 767px) { .businessinfo strong { margin-bottom: 0px; font-size: 30px; } }
@media screen and (max-width: 1200px) { .businessinfo { font-size: 20px; line-height: normal !important; }
  .businessinfo span { font-size: 16px; } }

#services { position: relative; margin-bottom: 50px; }
#services .headings { text-align: center; color: #1c75bc; margin-bottom: 40px; }
#services .headings p { font-size: 22px; margin-bottom: 10px; }
#services .headings h4 { font-weight: 400; font-size: 30px; text-transform: uppercase; }
@media screen and (max-width: 767px) { #services .headings { margin: 0 5%; }
  #services .headings p { font-size: 16px; }
  #services .headings h4 { font-size: 19px; } }
#services .programing-container { display: flex; justify-content: space-between; overflow: hidden; }
#services .programing-container .flex-box { flex-basis: 960px; }
#services .programing-container .flex-box img { max-width: 110%; position: relative; left: 80px; }
#services .programing-container .flex-box.last { flex-basis: 460px !important; z-index: 999; }
#services .programing-container .flex-box.last .content { padding: 35px 35px; box-sizing: border-box; background: #fff; }
#services .programing-container .flex-box.last .content h3 { font-size: 35px; font-weight: 300; }
#services .programing-container .flex-box.last .content p { color: #434343; font-weight: 300; }
#services .programing-container .flex-box.last .content ul { padding: 15px 0; }
#services .programing-container .flex-box.last .content ul li { color: #434343; margin-bottom: 20px; font-size: 18px; position: relative; padding-left: 30px; font-weight: 300; }
#services .programing-container .flex-box.last .content ul li:before { content: " "; width: 10px; height: 10px; background: #008cdc; position: absolute; left: 0px; top: 5px; border-radius: 50%; }
#services .programing-container .flex-box.last .btn { background: #1c75bc; color: #fff; text-transform: uppercase; font-size: 22px; font-weight: 300; padding: 30px 0; width: 100%; display: inline-block; text-align: center; letter-spacing: -1px; }
#services .programing-container .flex-box.last .btn:hover { background: #268ada; }
@media screen and (max-width: 992px) { #services .programing-container .flex-box.last .btn { padding: 15px 0; font-size: 18px; letter-spacing: 1px; } }
@media screen and (max-width: 991px) { #services .programing-container { flex-flow: column; }
  #services .programing-container .flex-box { flex-basis: 100%; box-sizing: border-box; padding: 0 15px; }
  #services .programing-container .flex-box img { max-width: 100%; left: 0; } }
#services:after { background: #f4f7f9; width: 100%; height: 55%; content: " "; position: absolute; top: 50%; left: 0; right: 0; z-index: -1; }
@media screen and (max-width: 1366px) { #services { height: 100% !important; }
  #services .last { flex-basis: 560px !important; }
  #services .content h3 { font-size: 24px !important; } }

#portfolio { padding: 90px 0 0; }
@media screen and (max-width: 992px) { #portfolio { padding: 50px 0; } }
#portfolio .headings { text-align: center; color: #1c75bc; margin-bottom: 40px; }
#portfolio .headings h4 { color: #343434; font-weight: 300; font-size: 35px; margin-bottom: 0px; }
@media screen and (max-width: 767px) { #portfolio .headings { margin: 0 5%; }
  #portfolio .headings h4 { font-size: 26px; } }
#portfolio .portfolio-container { display: flex; justify-content: space-around; flex-flow: row-reverse; overflow: hidden; opacity: 1; }
#portfolio .portfolio-container .flex-box { flex-basis: 40%; min-height: 340px; box-sizing: border-box; }
@media screen and (max-width: 991px) { #portfolio .portfolio-container .flex-box { margin-right: 20px; } }
@media screen and (max-width: 991px) and (max-width: 767px) { #portfolio .portfolio-container .flex-box { margin-left: 20px; } }

@media screen and (max-width: 991px) and (max-width: 767px) and (max-width: 640px) { #portfolio .portfolio-container .flex-box { min-height: 240px; } }

#portfolio .portfolio-container .flex-box.blue { padding: 25px 25px; color: #fff; position: relative; z-index: 999; display: flex; flex-wrap: wrap; align-items: center; }
#portfolio .portfolio-container .flex-box.blue h3 { color: #343434; margin: 0px; font-weight: 400; font-size: 30px; padding-bottom: 15px; }
#portfolio .portfolio-container .flex-box.blue span { display: block; color: #343434; line-height: 1.6; font-weight: 400; font-size: 18px; }
#portfolio .portfolio-container .flex-box.blue p { color: #343434; font-weight: 300; font-size: 16px; margin: 0px 10px 10px 0; }
@media screen and (max-width: 1170px) { #portfolio .portfolio-container .flex-box.blue p { margin-bottom: 20px; } }
#portfolio .portfolio-container .flex-box.image1 { background: url(../images/portfolio1.png) no-repeat 0 0; background-size: cover; }
#portfolio .portfolio-container .flex-box.image2 { background: url(../images/portfolio2.png) no-repeat 0 0; background-size: cover; }
#portfolio .portfolio-container .flex-box.image3 { background: url(../images/portfolio3.png) no-repeat 0 0; background-size: cover; }
#portfolio .portfolio-container .flex-box.image4 { background: url(../images/portfolio4.png) no-repeat 0 0; background-size: cover; }
@media screen and (max-width: 767px) { #portfolio .portfolio-container { flex-flow: column; display: inherit; } }
#portfolio .slick-prev, #portfolio .slick-next { display: block !important; }
@media screen and (max-width: 991px) { #portfolio .slick-prev, #portfolio .slick-next { display: none !important; } }

#budgets { background: #fff; padding: 150px 0; }
@media screen and (max-width: 1199px) { #budgets { padding-bottom: 80px; } }
@media screen and (max-width: 991px) { #budgets { padding-top: 0px; } }
#budgets .priceboxouter h2 { text-align: center; font-weight: 400; color: #434343; }
#budgets .pricebox { display: flex; justify-content: center; padding-top: 20px; text-align: center; }
#budgets .pricebox h3 { font-weight: 400; color: #434343; margin-bottom: 0px; }
@media screen and (max-width: 1170px) { #budgets .pricebox { padding: 20px 2% 0; width: 96%; box-sizing: border-box; } }
#budgets .pricebox .box { background: #fff; padding: 20px; box-shadow: 14px 10px 20px rgba(160, 160, 160, 0.1); border: 1px #adadad dotted; width: 34%; margin: 0 3%; font-size: 15px; color: #7d7d7d; }
#budgets .pricebox .box span { display: block; font-size: 23px; margin-top: 5px; }
#budgets .pricebox .box samp { display: block; font-size: 14px; border-bottom: 1px #ddd solid; padding-bottom: 15px; margin-bottom: 15px; }
#budgets .pricebox .box samp:last-child { margin-bottom: 0px; padding-bottom: 0px; border: 0px; }
@media screen and (max-width: 767px) { #budgets { display: inherit; }
  #budgets h2 { font-size: 25px; }
  #budgets h3 { font-size: 22px; } }
@media screen and (max-width: 640px) { #budgets { padding-bottom: 50px; }
  #budgets .pricebox { flex-flow: column; }
  #budgets .pricebox .box { width: 94%; box-sizing: border-box; margin-bottom: 20px; } }

#whyvteams { background: #f4f7f9; padding: 90px 0; margin: 30px 0 90px; text-align: center; }
#whyvteams h2 { text-align: center; font-weight: 400; color: #434343; margin-top: 0px; }
#whyvteams .flex-container { flex-flow: row wrap; justify-content: space-between; }
#whyvteams .flex-container .col { flex-basis: 33%; margin: 40px 0; text-align: center; font-size: 16px; }
#whyvteams .flex-container .col .icon { text-align: center; height: 130px; width: 130px; margin: auto; border-radius: 50%; margin-bottom: 20px; display: flex; justify-content: center; }
#whyvteams .flex-container .col .icon svg { width: 65px; }
#whyvteams .flex-container .col .icon svg path { fill: #000; }
#whyvteams .flex-container .col:hover { color: #1c75bc; }
#whyvteams .flex-container .col:hover .icon { background: #1c75bc; }
#whyvteams .flex-container .col:hover .icon svg { width: 65px; }
#whyvteams .flex-container .col:hover .icon svg path, #whyvteams .flex-container .col:hover .icon svg circle { fill: #fff; }
@media screen and (max-width: 991px) { #whyvteams .flex-container .col { flex-basis: 48%; } }
@media screen and (max-width: 640px) { #whyvteams .flex-container { flex-flow: column wrap; }
  #whyvteams .flex-container .col { flex-basis: 96%; margin: 20px 0; }
  #whyvteams .flex-container .col .icon { margin-bottom: 20px; } }

#testimonials .slick-slide { padding: 0 30px; text-align: center; cursor: move; }
#testimonials .slick-slide i { line-height: 1.4; }
#testimonials .brands { margin: 80px auto; text-align: center; width: 76%; }
#testimonials .brands img { max-width: 100%; }
@media screen and (max-width: 991px) { #testimonials .brands { margin: 40px 0; width: 100%; display: inherit; }
  #testimonials .brands img { margin: auto; display: block; width: 35%; } }
@media screen and (max-width: 992px) { #testimonials { margin: 0 15px; }
  #testimonials .slick-initialized .slick-slide { opacity: 1 !important; } }

#footer { background: url(../images/footer-bg.png) no-repeat 0 bottom; background-size: cover; }
#footer .wpcf7 p { margin-bottom: 8px; font-size: 14px; }
#footer .footerbox { background: #fff; display: flex; justify-content: space-between; align-items: flex-end; padding: 50px; border: 1px #e1e1e1 solid; box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.2); }
#footer .footerbox .flex { flex: 1 0 auto; }
#footer .footerbox .flex.last { padding: 0 100px; }
#footer .footerbox .flex.last div { padding-left: 40px; }
#footer .footerbox .flex.last div a { color: #fff; }
#footer .footerbox .flex.last img { margin-bottom: 25px; }
#footer .footerbox .flex.last div { line-height: 2.4; font-size: 16px; font-weight: 300; }
#footer .footerbox .flex.last div.fb-icon { background: url(../images/callicon.png) no-repeat 0 5px; }
#footer .footerbox .flex.last div.tweet-icon { background: url(../images/emailicon.png) no-repeat 0 5px; }
#footer .footerbox .flex.last div.gPlus-icon { background: url(../images/map-icon.png) no-repeat 0 5px; }
#footer .footerbox .flex.last div:last-child { line-height: 1.6; margin-top: 5px; }
@media screen and (max-width: 991px) { #footer .footerbox { flex-flow: column; margin: 0 5%; display: inherit; }
  #footer .footerbox .flex { width: 100%; }
  #footer .footerbox .flex.last { padding: 50px 0 0; } }
#footer .thank-you { display: none; font-size: 24px; text-align: center; padding-top: 60px; color: green; }
#footer form.m-form-style h5 { margin: 40px 0 60px; font-weight: 300; font-size: 44px; text-align: center; }
#footer form.m-form-style label { position: relative; width: 100%; height: auto; font-size: 14px; font-weight: normal; color: #343434; }
@media only screen and (max-width: 767px) { #footer form.m-form-style label { height: auto; margin-bottom: 30px; } }
@media only screen and (max-width: 767px) { #footer form.m-form-style label:not(:first-child) { margin-top: 1rem; } }
#footer form.m-form-style label:not(:last-child) input { margin-bottom: 12px; margin-bottom: 1.2rem; }
#footer form.m-form-style label span { position: absolute; left: 2px; top: 15px; -webkit-transition: 500ms; transition: 500ms; z-index: 1; font-weight: normal; font-size: 16px; font-weight: 300; }
@media only screen and (max-width: 992px) { #footer form.m-form-style label span { -webkit-transition: 1000ms; transition: 1000ms; } }
#footer form.m-form-style input { background-color: transparent; height: 23px; height: 2.6rem; width: 100%; border: 0; border-bottom: 1px solid #d6d7da; z-index: 2; font-weight: 300; font-size: 18px; margin-bottom: 10px; }
#footer form.m-form-style input:last-child { margin-bottom: 0px; }
#footer form.m-form-style input span { top: 15px; }
#footer form.m-form-style input:focus { outline: none; border-bottom: 1px solid #000000 !important; -webkit-transition: 500ms; transition: 500ms; color: #000000; }
@media only screen and (max-width: 992px) { #footer form.m-form-style input:focus { -webkit-transition: 1000ms; transition: 1000ms; } }
#footer form.m-form-style input:focus + span, #footer form.m-form-style input:valid + span { top: -5px; font-size: 14px; font-weight: 300; color: #343434; letter-spacing: 0px; letter-spacing: 0.07rem; -webkit-transition: 500ms; transition: 500ms; opacity: 0; }
@media only screen and (max-width: 992px) { #footer form.m-form-style input:focus + span, #footer form.m-form-style input:valid + span { -webkit-transition: 1000ms; transition: 1000ms; } }
@media screen and (max-width: 767px) { #footer form.m-form-style .text-right { text-align: center; } }
#footer form.m-form-style .messagebox { margin-top: 20px; }
@media screen and (max-width: 767px) { #footer form.m-form-style .messagebox { margin-top: 10px; } }
#footer form.m-form-style .messagebox h4 { font-size: 18px; font-weight: 400; margin: 0 0 10px; color: #343434; text-align: left; }
#footer form.m-form-style .messagebox textarea { border: 0px; width: 100%; border-bottom: 1px #d6d7da solid; padding: 7px 0; resize: none; font-weight: 300; font-size: 16px; color: #343434; height: 90px; margin-bottom: 30px; background: transparent; }
#footer form.m-form-style .messagebox textarea:focus { color: #000000; border-bottom: 1px solid #000000 !important; -webkit-transition: 500ms; transition: 500ms; outline: none; }
@media only screen and (max-width: 992px) { #footer form.m-form-style .messagebox textarea:focus { -webkit-transition: 1000ms; transition: 1000ms; } }
#footer form.m-form-style .messagebox textarea:focus + span, #footer form.m-form-style .messagebox textarea:valid + span { top: -9px; font-size: 13px; font-weight: 300; color: #343434; letter-spacing: 0px; letter-spacing: 0.07rem; -webkit-transition: 500ms; transition: 500ms; opacity: 0; }
@media only screen and (max-width: 992px) { #footer form.m-form-style .messagebox textarea:focus + span, #footer form.m-form-style .messagebox textarea:valid + span { -webkit-transition: 1000ms; transition: 1000ms; } }
@media only screen and (max-width: 767px) { #footer form.m-form-style label.textarea { margin-top: 5px; } }
#footer form.m-form-style .btn { color: #fff; background: #1c75bc; padding: 12px 40px; font-size: 20px; border-radius: 0px; width: auto; display: inline-block; height: auto; margin-bottom: 20px; border: 0px; cursor: pointer; font-weight: 300; font-family: 'Montserrat', sans-serif; -webkit-appearance: none; }
@media screen and (max-width: 640px) { #footer form.m-form-style .btn { padding: 14px 0; font-size: 22px; width: 100%; box-sizing: border-box; } }
#footer form.m-form-style .btn:hover { background: #268ada; }
#footer form.m-form-style .btn:focus { color: #fff; border-bottom: 0px !important; }
#footer .footerbottom { text-align: center; padding: 20px 0; }
#footer .footerbottom a.dmca-badge { margin: 15px 0 0; display: inline-block; }
#footer .footerbottom p { color: #fff; font-size: 14px; }

.thank-you { display: none; color: #fff; }

.error { color: #cc0000; font-size: 14px; }

.mobilehshow { display: none !important; }

@media screen and (max-width: 767px) { .slick-arrow { display: none !important; }
  .mobilehide { display: none; }
  .mobilehshow { display: block !important; }
  #budget { display: inherit; } }
@media screen and (min-width: 1200px) { .leftspace { position: relative; left: 15px; } }
.visible-ipad { display: none; }

@media screen and (min-width: 768px) and (max-width: 1170px) { .hidden-ipad { display: none; }
  .visible-ipad { display: block; }
  .flex-box .front { margin-bottom: 20px; }
  #portfolio .portfolio-container .flex-box { flex-basis: 44%; }
  .slick-prev { left: 0px !important; }
  .slick-next { right: -5px !important; } }