body { -webkit-appearance: none; -webkit-font-smoothing: antialiased; font-size: 21px; background: #ecedf1; font-family: 'Proxima Nova Rg'; font-weight: 400; overflow: hidden; overflow-y: auto; }

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

h2 { 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: 23px; line-height: 1.4; font-family: 'Proxima Nova Alt Lt'; font-weight: 300; color: #353535; }
@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; }

.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; }

@font-face { font-family: 'Proxima Nova Rg'; src: url("../fonts/ProximaNova-Bold.eot"); src: url("../fonts/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Bold.woff2") format("woff2"), url("../fonts/ProximaNova-Bold.woff") format("woff"), url("../fonts/ProximaNova-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Proxima Nova Lt'; src: url("../fonts/ProximaNova-Semibold.eot"); src: url("../fonts/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Semibold.woff2") format("woff2"), url("../fonts/ProximaNova-Semibold.woff") format("woff"), url("../fonts/ProximaNova-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Proxima Nova Rg'; src: url("../fonts/ProximaNova-Regular.eot"); src: url("../fonts/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Regular.woff2") format("woff2"), url("../fonts/ProximaNova-Regular.woff") format("woff"), url("../fonts/ProximaNova-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Proxima Nova Alt Lt'; src: url("../fonts/ProximaNovaA-Light.eot"); src: url("../fonts/ProximaNovaA-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNovaA-Light.woff2") format("woff2"), url("../fonts/ProximaNovaA-Light.woff") format("woff"), url("../fonts/ProximaNovaA-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Proxima Nova Th'; src: url("../fonts/ProximaNovaT-Thin.eot"); src: url("../fonts/ProximaNovaT-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNovaT-Thin.woff2") format("woff2"), url("../fonts/ProximaNovaT-Thin.woff") format("woff"), url("../fonts/ProximaNovaT-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; }
#header { margin: 0; overflow: hidden; }
#header .topbar { background: #fff; position: fixed; width: 100%; top: 0; z-index: 999; }
#header .topbar .flex-lg-container { position: relative; }
#header .topbar .flex-lg-container:after { content: " "; position: absolute; right: -100%; top: 0; height: 54px; width: 100%; background: #008cdc; }
@media screen and (max-width: 767px) { #header .topbar .flex-lg-container { flex-direction: column; } }
#header .topbar a { font-size: 14px; color: #63727a; margin-right: 15px; }
@media screen and (max-width: 640px) { #header .topbar a { padding: 10px 0; } }
#header .topbar .call { background: #008cdc; text-align: left; display: inline-block; color: #fff; padding-right: 20px; }
#header .topbar .call i { font-size: 24px; background: #ffc000; padding: 15px 20px; color: #fff; display: inline-block; margin-right: 15px; }
@media screen and (max-width: 640px) { #header .topbar .call i { padding: 5px 10px; } }
@media screen and (max-width: 767px) { #header #mainmenu { display: none; background: #0070b0; color: #fff; top: 62px; left: 0; width: 100%; position: absolute; z-index: 999; }
  #header #mainmenu li { display: block; line-height: 1.6; padding: 10px 0; } }
#header .navigation { background: #0070b0; position: fixed; width: 100%; top: 54px; z-index: 999; }
#header .navigation .flex-lg-container { padding: 15px 0; position: relative; }
#header .navigation .flex-lg-container:after { content: " "; position: absolute; right: -100%; top: 0; height: 78px; width: 100%; background: #0070b0; }
#header .navigation .logo { margin-left: 100px; }
@media screen and (max-width: 640px) { #header .navigation .logo { margin-left: 0px; width: 100%; margin: 0 5%; }
  #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: #fff; font-size: 18px; margin: 0 25px; }
@media screen and (max-width: 767px) { #header .navigation { top: 0px; } }
#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: #fff; height: 2px; 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: 767px) { #header .navigation .menuicon { display: inline-block; margin-top: 0px; position: relative; top: 8px; height: 16px; } }
#header .hero { width: 100%; background: url(../images/banner.png) no-repeat 0 0; background-size: cover; padding-top: 130px; position: relative; transform: scale(1); transition: 1s ease-in-out; }
#header .hero .wrapper { width: 100%; background: url(../images/banner-outer.png) no-repeat 0 0px; background-size: cover; width: 100%; height: 100vh; position: absolute; bottom: 0px; z-index: 11; transform: scale(1); transition: 1s ease-in-out; left: 0; }
#header .hero .heroinfo { margin: 85px 0 0 100px; position: relative; z-index: 9; }
#header .hero .heroinfo h1 { color: #fff; }
@media screen and (max-width: 767px) { #header .hero .heroinfo h1 { font-weight: 600; } }
#header .hero .heroinfo p { color: #fff; }
@media screen and (max-width: 1199px) { #header .hero .heroinfo { flex-basis: inherit !important; padding: 0 15px; margin: 40px 0; } }
#header .hero .flex-budget { background: rgba(0, 112, 176, 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%; }
@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%; } }
#header .fixedbanner .wrapper { transform: scale(1.06); transition: transform 1s; }

.main { margin: auto; }
.main .topbar { background: #fff; }
@media screen and (min-width: 768px) { .main { width: 750px; } }
@media screen and (min-width: 992px) { .main { width: 970px; } }
@media screen and (min-width: 1200px) { .main { width: 1153px; } }
@media screen and (min-width: 1600px) { .main { width: 1366px; } }

.features .flex-item { background: #fff; min-height: 27em; padding: 0 55px; text-align: center; transition: 1s; }
.features .flex-item.grey { background: #f8f8f8; }
.features .flex-item p { color: #63727a; }
@media screen and (max-width: 1199px) { .features .flex-item { padding: 40px 20px; min-height: inherit; } }
.features .flex-item:hover { transform: scale(1.05); transition: 1s; z-index: 99; position: relative; }

#budget { background: #fff; }
#budget h2 { color: #0070b0; font-weight: 400; font-size: 45px; }
@media screen and (max-width: 767px) { #budget h2 { font-size: 25px; }
  #budget h3 { font-size: 22px; } }

.aboutus { background: url(../images/about-image.jpg) no-repeat 0 0px; min-height: 15em; text-align: center; padding: 70px 0 90px; }
.aboutus p { color: #fff; line-height: 1.4; margin-bottom: 50px; }
@media screen and (max-width: 767px) { .aboutus { padding: 25px; min-height: inherit; }
  .aboutus a { font-size: 14px; padding: 10px; box-sizing: border-box; width: 100%; } }

.whyweoffer { background: #f8f8f8; padding: 90px 280px; text-align: center; }
@media screen and (max-width: 1199px) { .whyweoffer { padding: 90px 100px; } }
@media screen and (max-width: 767px) { .whyweoffer { padding: 90px 20px; } }

.table { text-align: center; margin: auto; }

.tabledata { font-size: 30px; text-align: center; background: #fff; padding: 80px 0 40px; }
.tabledata .table-responsive { margin-bottom: 80px; }
@media screen and (max-width: 767px) { .tabledata .table-responsive { overflow: auto; padding: 0 15px 0px; } }
.tabledata .title h2 { color: #008cdc; font-weight: 400; }
.tabledata .title h3 { font-size: 30px; color: #434343; margin-bottom: 0px; }
.tabledata .title p { margin-top: 0px; }
.tabledata thead { background: #0070b0; color: #fff; }
.tabledata thead th { padding: 15px 25px !important; text-align: center; font-weight: 400; }
.tabledata thead th:first-child { background: #fff; color: #008cdc; }
.tabledata thead th:nth-child(2) { background: #008cdc; }
.tabledata tbody { background: #fff; }
.tabledata tbody tr:nth-of-type(2n+1) { background: #f8f8f8; }
.tabledata tbody td { border-right: 1px #d5d7d7 solid; padding: 8px 25px !important; font-size: 24px; }
.tabledata tbody td span { display: block; font-weight: 300; font-size: 25px; }
.tabledata tbody td:nth-child(2) span { display: inline-block; font-size: 25px; }
.tabledata tbody td:last-child { border: 0px; }
@media screen and (max-width: 767px) { .tabledata tbody td { padding: 10px !important; font-size: 19px; }
  .tabledata tbody td span { font-size: 22px !important; } }
.tabledata .projects .col-sm-6:nth-child(1), .tabledata .projects .col-sm-6:nth-child(3) { margin-bottom: 25px; }
@media screen and (max-width: 991px) { .tabledata .projects .col-sm-6:nth-child(1), .tabledata .projects .col-sm-6:nth-child(3) { margin-bottom: 0px; }
  .tabledata .projects img { margin: auto; } }
@media screen and (max-width: 991px) { .tabledata { font-size: 26px; } }
@media screen and (max-width: 767px) { .tabledata { font-size: 22px; } }
.tabledata .light thead { background: #818181; }
.tabledata .light thead th:nth-of-type(2) { background: #6a6a6a; text-align: center; }
.tabledata .light tbody { background: #f1f1f1; }

#whyweteams { position: relative; }
#whyweteams:after { background: url(../images/vteam-logo.png) no-repeat 0 0; background-size: contain; height: 539px; width: 485px; content: " "; position: absolute; right: 0px; top: -180px; }
@media screen and (max-width: 767px) { #whyweteams:after { background: none; } }
#whyweteams .whyweteams { background: #fff; width: 100%; padding: 100px 100px 50px; position: relative; box-sizing: border-box; }
#whyweteams .whyweteams ul li { position: relative; }
#whyweteams .whyweteams ul li:before { position: absolute; left: -39px; top: 0px; background: url(../images/tick-icon.svg) no-repeat 0 0; content: " "; height: 28px; width: 23px; }
#whyweteams .whyweteams ul li p { margin-bottom: 50px; }
#whyweteams .whyweteams hr { width: 30%; margin: auto; color: #008cdc; border: 0px; border-top: 1px #008cdc solid; margin-top: 50px; position: absolute; bottom: 28px; left: 0; right: 0px; }
@media screen and (max-width: 767px) { #whyweteams .whyweteams { padding: 50px 15px; }
  #whyweteams .whyweteams ul { padding-left: 0px; } }

.portfolio { background: #fff; width: 100%; padding: 100px; position: relative; box-sizing: border-box; }
.portfolio .slide-flex-item:last-child { margin-left: 3%; }
.portfolio .slide-flex-item h1 { margin-bottom: 10px; }
.portfolio .slide-flex-item ul { padding: 0px; line-height: 1.8; }
@media screen and (max-width: 1199px) { .portfolio .slide-flex-item { margin-top: 40px; } }
@media screen and (max-width: 1199px) { .portfolio .slick-dots { text-align: center; } }
@media screen and (max-width: 767px) { .portfolio { padding: 20px; } }

.aboutvteams { background: white; text-align: center; }
.aboutvteams .aboutvteams-container .flex-item { background: #fff; min-height: 19em; padding: 0 50px; text-align: left; }
@media screen and (max-width: 1199px) { .aboutvteams .aboutvteams-container .flex-item { min-height: inherit; padding-bottom: 30px; } }
@media screen and (max-width: 767px) { .aboutvteams .aboutvteams-container .flex-item { padding: 15px; }
  .aboutvteams .aboutvteams-container .flex-item i { font-size: 16px; } }
.aboutvteams .aboutvteams-container .flex-item.grey { background: #f8f8f8; }
.aboutvteams .aboutvteams-container .flex-item p { margin-bottom: 40px; font-size: 21px; }
.aboutvteams .aboutvteams-container .flex-item i { color: #353535; }
.aboutvteams .aboutvteams-container .flex-item i strong { margin-bottom: 5px; display: block; font-weight: 600; font-family: 'Proxima Nova Lt'; }
@media screen and (max-width: 767px) { .aboutvteams { padding: 50px 30px 0; }
  .aboutvteams p:first-child { margin-top: 0px; } }

.yourideas { background: url(../images/about-image.jpg) no-repeat 0 bottom; text-align: center; padding: 100px 15px; }
.yourideas p { color: #fff; line-height: 1.4; font-size: 30px; margin: 0; }
@media screen and (max-width: 767px) { .yourideas { padding: 50px 15px; }
  .yourideas p { font-size: 22px; } }

.budgetarea { padding: 40px 0 40px 70px; box-sizing: border-box; }
.budgetarea ul li { position: relative; }
.budgetarea ul li:before { position: absolute; left: -39px; top: 0px; background: url(../images/tick-icon.svg) no-repeat 0 0; content: " "; height: 28px; width: 23px; }
.budgetarea ul li p { margin-bottom: 30px; }
.budgetarea .flex-budget { background: #0070b0; padding: 45px; box-sizing: border-box; }
.budgetarea .flex-budget h3 { color: #fff; font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 26px; }
@media screen and (max-width: 767px) { .budgetarea .flex-budget h3 { font-size: 18px; } }
.budgetarea .flex-budget .formgroup { margin-bottom: 15px; }
.budgetarea .flex-budget .formgroup label { color: #fff; }
.budgetarea .flex-budget .formgroup input { background: #fff; border: 0px; width: 96%; padding: 0 2%; height: 2em; line-height: 1.6; border-radius: 2px; }
.budgetarea .flex-budget .formgroup textarea { width: 96%; padding: 2%; border: 0px; border-radius: 2px; }
.budgetarea .flex-budget .formgroup:last-child { margin-bottom: 0; }
.budgetarea .flex-budget .btn-default { padding: 16px 32px; font-size: 20px; }
@media screen and (max-width: 1199px) { .budgetarea { padding: 40px; }
  .budgetarea .flex-budget { width: 98%; margin: 0 1%; } }
@media screen and (max-width: 640px) { .budgetarea { padding: 20px; }
  .budgetarea .flex-budget { padding: 20px; }
  .budgetarea .flex-budget .btn-default { padding: 16px 0px; font-size: 12px; box-sizing: border-box; width: 100%; } }

#footer { margin: auto; max-width: 1366px; }
#footer .footer-top { background: #0070b0; padding: 70px 90px 0; color: #fff; }
#footer .footer-top .flex-item:nth-child(2) { position: relative; }
#footer .footer-top .flex-item:nth-child(2):before { border-right: 1px #008cdc solid; position: absolute; right: 22%; top: 0%; height: 50%; content: " "; }
#footer .footer-top .flex-item:last-child { text-align: right; }
#footer .footer-top p { margin-top: 0px; font-size: 19px; font-weight: 300; color: #fff; }
#footer .footer-top .dmcacode { margin-top: 70px; display: inline-block; }
#footer .footer-top .call { background: #008cdc; margin: 20px 0 0; text-align: left; }
#footer .footer-top .call i { font-size: 24px; background: #ffc000; padding: 15px 20px; color: #fff; display: inline-block; margin-right: 10px; }
@media screen and (max-width: 1199px) { #footer .footer-top { flex-flow: row wrap; }
  #footer .footer-top .call { margin-top: 20px; }
  #footer .footer-top .flex-item { flex-basis: 50%; }
  #footer .footer-top .flex-item:nth-child(2):before { border: 0px; }
  #footer .footer-top .dmcacode { margin-top: 20px; } }
@media screen and (max-width: 640px) { #footer .footer-top { padding: 25px 25px 0; text-align: center; }
  #footer .footer-top .flex-item { flex-basis: 100%; }
  #footer .footer-top .flex-item h4 { margin-top: 15px; }
  #footer .footer-top .flex-item:last-child { text-align: center; flex-basis: 100%; margin-top: 20px; } }
#footer .copyright { background: #008cdc; padding: 20px 75px 10px; }
#footer .copyright p { color: #fff; font-size: 15px; font-weight: 300; margin: 0px; }
#footer .copyright .dmcacode { margin-left: auto; }
@media screen and (max-width: 640px) { #footer .copyright { padding: 20px 25px; text-align: center; flex-direction: column; }
  #footer .copyright p { margin: 0px 0 10px; }
  #footer .copyright .dmcacode { margin-left: inherit; } }

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

.error { color: #ad0e0e; font-size: 16px; margin-top: 5px; }

.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; } }