/* Venti Blue: #1f4ca6 */
/* Venti Line Blue: #0032a0 */


/* General */
html, body { height: 100%; }
body { padding: 0; margin: 0; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; color: #212121; font-family: "proxima-nova",sans-serif; overflow-x: hidden; }
ol, ul { margin: 0; padding: 0; }
a { color: #0032a0; cursor: pointer; transition: all 125ms cubic-bezier(0.25,0.25,0,1); }
a:hover, a:focus { color: #498ac0; text-decoration: none; }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-family: "museo-sans",sans-serif; }
::-moz-selection { background: #ffeb3b; }
::selection { background: #ffeb3b; }
::-moz-selection { background: #ffeb3b; }

.flex__container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; }

.header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 20px 0; background-color: #1f4ca6; }
.header .button { border-color: #fff; }
.header__item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.header__item--top { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.header__item--bottom { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.header__logo { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.header__logo img { width: 168px; height: 56px; background: url(../img/ventiWhite.png); background: url(../img/ventiWhite.svg); background-size: 168px 56px; }


.header__menu { margin: 20px 0 0; }
ul.menu { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-family: "museo-sans",sans-serif; font-weight: 500; }
ul.menu li { display: -webkit-flex; display: -ms-flexbox; display: flex; }
ul.menu li a { line-height: 1em; padding: 10px 0; color: #fff; border-bottom: 2px solid #1f4ca6; }
ul.menu li a:hover { border-color: #fff; }
ul.menu li a.button { padding: 10px 7px; border: 2px solid #fff; }

ul.menu li.mobilehidden { display: none; }

.header__hero { width: 100%; text-align: center; margin: 60px 0 40px; }
.header__hero h1 { font-weight: 700; color: #fff; }


.button { display: inline-block; padding: 10px 7px; border: 2px solid #0032a0; line-height: 1em; color: #0032a0; font-family: "proxima-nova",sans-serif; font-size: 16px; white-space: nowrap; }


.button--ornament { position: relative; overflow: hidden; z-index: 1; transition: all 420ms cubic-bezier(0.25,0.25,0,1); }
.button--ornament:before { z-index: -1; opacity: 0; position: absolute; left: -50%; top: 0; background-color: #1f4ca6; width: 100%; height: 100%; content: ""; -webkit-transform: skewX(45deg) translate3d(-100%,0,0); transform: skewX(45deg) translate3d(-100%,0,0); transition: all 420ms cubic-bezier(0.25,0.25,0,1); }
.button--ornament:after { z-index: -1; opacity: 0; position: absolute; left: 50%; top: 0; background-color: #1f4ca6; width: 100%; height: 100%; content: ""; -webkit-transform: skewX(-135deg) translate3d(100%,0,0); transform: skewX(-135deg) translate3d(100%,0,0); transition: all 420ms cubic-bezier(0.25,0.25,0,1); }
.button--ornament:hover:before { opacity: 1; -webkit-transform: skewX(45deg) translate3d(5%,0,0); transform: skewX(45deg) translate3d(5%,0,0); }
.button--ornament:hover:after { opacity: 1; -webkit-transform: skewX(-135deg) translate3d(-5%,0,0); transform: skewX(-135deg) translate3d(-5%,0,0); }
.button--ornament:hover { color: #fff; }


.main__item__header { position: relative; padding-top: 60px; }
.main__item__header h2 { font-weight: 500; font-size: 18px; }

.main__item__header span.border { position: absolute; width: 2px; height: 16px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background-color: #0032a0; }


ul.zigzag { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 14px; padding-left: 4px; margin-top: 10px; }
ul.zigzag li { position: relative; width: 10px; }
ul.zigzag li span { position: absolute; width: 2px; height: 15px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background-color: #0032a0; }
ul.zigzag li:nth-child(2n) span { -webkit-transform: rotate(45deg); transform: rotate(45deg); }


ul.work > li { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 0 60px; }
ul.work > li:nth-child(2n) { background-color: #f5f5f5; }
ul.work > li .work__item--content h3 { font-size: 37px; font-weight: 700; line-height: 1em; }
ul.work > li .work__item--content h5 { margin: 5px 0 40px 0; font-size: 18px; font-weight: 500; line-height: 1em; color: #b8b8b8; }
ul.work > li .work__item--content p { margin-top: 20px; }
ul.work > li .work__item--content .button { margin-top: 25px; padding: 15px 30px; }
ul.work > li .work__item--picture { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
ul.work > li .work__item--picture img { display: none; }
ul.work > li img.work__item__thumbnail { display: block; width: 100%; height: auto; margin: 25px 0; }


.main__item__header--work { padding-bottom: 60px; }


ul.product__feature { margin-top: 30px; }

ul.product__feature li { position: relative; padding-left: 20px; }
ul.product__feature li ~ li { margin-top: 8px; }
ul.product__feature li:before { position: absolute; left: 0; top: 4px; content: ""; height: 12px; width: 12px; background-color: #1f4ca6; border-radius: 50%; }


.main__social { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100px; background-color: #1f4ca6; }
.main__social p { margin: 0; font-family: "museo-sans",sans-serif; font-weight: 700; color: #fff; font-size: 18px; white-space: nowrap; }
.main__social a { color: #fff; margin-left: 30px; font-size: 20px; }




.about__item { margin-top: 40px; }
.about__item--paragraph { margin-top: 20px; }
.about__item--paragraph p { margin: 0; }

.about__item--logo img { width: 168px; height: 56px; background: url(../img/ventiBlue.png); background: url(../img/ventiBlue.svg); background-size: 168px 56px; }



ul.webuild li { margin-top: 40px; }
ul.webuild li i { font-size: 60px; color: #1f4ca6; }
ul.webuild li h4 { margin-top: 20px; font-size: 21px; }
ul.webuild li p { margin-top: 10px; font-size: 16px; color: #727272; }

.contact__wrapper { padding-bottom: 60px; }
.main__item--contact { margin-top: 60px; background-color: #f5f5f5; }
.contact__item--info p { margin: 20px 0 0; }
.contact__item--address p { margin-top: 20px; color: #727272; }



ul.contact__list li { margin-top: 20px; }
ul.contact__list li a { color: #0032a0; }
ul.contact__list li a:hover { color: #0047e4; }
ul.contact__list li i { width: 16px; margin-right: 5px; color: #0032a0 !important; }
ul.contact__list li span { display: inline-block; width: 65px; text-align: left; }
.main__item--footer {  height: 80px; line-height: 80px; text-align: center; }
.main__item--footer p { margin: 0; color: #727272; }



#map { height: 60vh; }



.bx-viewport { overflow: hidden !important; height: 100% !important; width: 100%; }
.bx-wrapper { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; max-width: none !important; }
.bx-wrapper .bx-viewport { padding: 0; border: none; box-shadow: none; }
ul.bxslider { height: 100%; }
ul.bxslider li { display: block; position: absolute; height: 100%; width: 100% !important; left: 0; top: 0; bottom: 0; }
.bx-wrapper img { max-width: none; }