* { margin: 0; padding: 0; border: 0; box-sizing: border-box; } body, input, table, textarea, select { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; line-height: 22px; color: #333; background-color: #fff; outline: 0; } h1, h2, h3, h4, h5, h6 { font-size: inherit; line-height: inherit; } ul, li { list-style: none; } a { text-decoration: none; font-weight: bold; } a:hover { text-decoration: underline; } img { vertical-align: bottom; display: block; } svg { display: block; } html { background-color: #333; font-family: "Open Sans", Arial, Helvetica, Verdana; } main { clear: both; min-height: 226px; background-color: #fff; color: #333; } main article { clear: both; overflow: hidden; text-align: center; padding: 70px 0; } main article * { font-weight: 200; font-size: 22px; line-height: 32px; } main article * br { line-height: inherit; } main article b, main article strong { font-weight: 600; } main article p, main article ul { padding: 16px 0; } main article .wrapper > p:first-child, main article .wrapper > ul:first-child { padding-top: 3px; } main article.gray { background-color: #f4f4f4; } main article.colour { background-color: #3d2b7b; color: #fff; } main article.black { background-color: #000; color: #fff; } main article .title__h3 { font-family: "Montserrat", Arial, Helvetica, Verdana; font-weight: 600; text-transform: uppercase; font-size: 24px; line-height: 38px; letter-spacing: 3.5px; } main article .title__h3 + p, main article .title__h3 + ul { padding-top: 12px; } main article .bottom { max-width: 1025px; margin: 0 auto; } main article .bottom h4 { font-family: "Montserrat", Arial, Helvetica, Verdana; font-weight: 600; font-size: 32px; line-height: 44px; padding-bottom: 44px; } main article .bottom .btn { font-family: "Montserrat", Arial, Helvetica, Verdana; border-radius: 4px; font-size: 16px; height: 55px; line-height: 55px; text-transform: uppercase; margin: 4px auto 10px auto; width: 100%; max-width: 368px; display: block; } main article .bottom .btn:hover { background-color: #333; text-decoration: none; } main article .img { text-align: center; padding: 37px 0 10px 0; } main article .img img { margin: 0 auto; max-width: 100%; } .wrapper { width: 1325px; margin: 0 auto; } @media all and (max-width: 1344px) { .wrapper { width: 1260px; } } @media all and (max-width: 1279px) { .wrapper { width: 1004px; } } @media all and (max-width: 1023px) { .wrapper { width: 748px; } } @media all and (max-width: 767px) { .wrapper { width: 100%; padding-left: 10px !important; padding-right: 10px !important; } } a, .color { color: #3d2b7b; } .bgcolor { color: #fff; background-color: #3d2b7b; } textarea { resize: none; } .nowrap { white-space: nowrap; } .centered { text-align: center; } .left { text-align: left; } .right { text-align: right; } .upper { text-transform: uppercase; } .clearfix { clear: both; overflow: hidden; } .none { display: none; } footer .footer-pill { clear: both; overflow: hidden; background-color: #333; color: #fff; padding: 75px 0 74px 0; } @media all and (max-width: 767px) { footer .footer-pill { padding-top: 35px; padding-bottom: 34px; } } footer .footer-pill__nav { float: left; } footer .footer-pill__nav ul { float: left; max-width: 360px; } footer .footer-pill__nav ul + ul { margin-left: 100px; } footer .footer-pill__nav ul li { line-height: 24px; font-size: 16px; font-family: "Open Sans", Arial, Helvetica, Verdana; font-weight: 200; } footer .footer-pill__nav ul li + li { margin-top : 6px; } footer .footer-pill__nav ul li:first-of-type { font-size: 18px; text-transform: uppercase; font-family: "Montserrat", Arial, Helvetica, Verdana; font-weight: 600; margin-bottom: 12px; } footer .footer-pill__nav ul li a { font-weight: 400; color: inherit; } footer .footer-pill__rrss li a { height: 20px; display: inline-block; margin: 5px 22px 0 0; } footer .footer-pill__rrss li a img { height: 100%; } @media all and (max-width: 767px) { footer .footer-pill__rrss li a { margin-right: 11px; margin-left: 11px; } } footer .footer-pill__info { text-align: right; float: right; line-height: 30px; font-size: 16px; font-family: "Open Sans", Arial, Helvetica, Verdana; padding-top: 40px; } @media all and (max-width: 767px) { footer .footer-pill__info { width: 100%; text-align: center; } } footer .footer-pill__info a { font-weight: 400; color: inherit; } footer .footer-pill__info ul { clear: both; overflow: hidden; padding-bottom: 30px; } footer .footer-pill__info ul li { float: left; } @media all and (max-width: 767px) { footer .footer-pill__info ul li { float: none; } footer .footer-pill__info ul li:after { display: none; } } footer .footer-pill__info ul li:after { content: "|"; float: left; padding: 0 3px 0 4px; } footer .footer-pill__info ul li:first-of-type:after { display: none; } @media all and (max-width: 1279px) { footer .footer-pill__nav ul { max-width : 237px; } footer .footer-pill__nav ul + ul { margin-left : 50px; } } @media all and (max-width: 1023px) { footer .footer-pill__nav { float : none; } } @media all and (max-width: 767px) { footer .footer-pill__nav { float : none; width : 100%; text-align : center; } footer .footer-pill__nav ul { max-width : 100%; float : none; } footer .footer-pill__nav ul + ul { margin-left : 0; margin-top : 35px; } } header { position : fixed; top : 0; width : 100%; left : 0; z-index : 10; background-color : #333; transition : all 0.3s ease; } header .header-pill { height : 96px; position : relative; color : #fff; font-family : "Montserrat", Arial, Helvetica, Verdana; } header .header-pill .main-logo { float : left; padding-top: 9.5px; } header .header-pill .main-logo img { height: 78px; } @media all and (max-width: 1279px) { header .header-pill .main-logo { padding-top: 22px; } header .header-pill .main-logo img { height: 50px; } } header .header-pill .nav-mobile { display : none; float : left; text-transform : uppercase; line-height : 39px; padding-top : 24.5px; letter-spacing : 1.5px; } header .header-pill .nav-mobile a { color : #fff; } header .header-pill .nav-mobile a:hover { color : #efd31a; text-decoration : none; } header .header-pill .nav { float : right; padding-top : 27.5px; } header .header-pill .nav a { letter-spacing : 1.5px; color : inherit; } header .header-pill .nav a.active, header .header-pill .nav a:hover { color : #efd31a; text-decoration : none; } header .header-pill .nav__main { float : left; } header .header-pill .nav__main > li { float : left; line-height : 39px; } header .header-pill .nav__main > li + li { margin-left : 40px; } header .header-pill .nav__main > li > a { text-transform : uppercase; letter-spacing: 3px; } header .header-pill .nav__main > li .submenu { display : none; position : absolute; left : auto; top : 96px; background-color : #3d2b7b; color : #fff; font-family : "Open Sans", Arial, Helvetica, Verdana; border-top : 11px solid rgba(255, 255, 255, 0.01); border-bottom : 11px solid rgba(255, 255, 255, 0.01); } header .header-pill .nav__main > li .submenu a { color : inherit !important; font-weight : inherit; letter-spacing : 0; } header .header-pill .nav__main > li .submenu h5 { font-size : 16px; line-height : 24px; font-weight : 600; white-space: nowrap; } header .header-pill .nav__main > li .submenu ul { float : left; padding-bottom : 24px; padding-left: 35px; padding-right: 35px; } header .header-pill .nav__main > li .submenu ul li { padding-top : 24px; } header .header-pill .nav__main > li .submenu:hover { display : block; } header .header-pill .nav__main > li.subnav:hover:after { content : ""; width : 0; height : 0; display : block; position : relative; border-top : 17px solid rgba(255, 255, 255, 0.01); margin-right : auto; margin-left : auto; border-left : 13.5px solid transparent; border-right : 13.5px solid transparent; border-bottom : 12px solid #3d2b7b; z-index : 1; } header .header-pill .nav__main > li.subnav:hover .submenu { display : block; } header .header-pill .nav__main > li.subnav:hover a { color : #efd31a; } header .header-pill .nav__main > li.subnav a:hover + .submenu { display : block; } header .header-pill .nav__icons { float : right; margin-left : 80px; position: relative; } header .header-pill .nav__icons li { float : left; text-transform : uppercase; } header .header-pill .nav__icons li + li { margin-left : 2px; } header .header-pill .nav__icons li a { line-height : 39px; display : inline-block; padding : 0 23px; } header .header-pill .nav__icons li a.btn { background-color : #fff; color : #3d2b7b; border-radius : 4px; } header .header-pill .nav__icons li a.btn:hover, header .header-pill .nav__icons li a.btn.active { background-color : #3d2b7b; color: #efd31a; } header .header-pill .nav__icons li a.btn span { display: inline-block; margin-right: 8px; height: 16px; position: relative; top: 3px; } header .header-pill .nav__icons li a.btn svg { height: 100%; width: auto; } header .header-pill .nav__icons li a.btn svg * { fill: #3d2b7b; } header .header-pill .nav__icons li a.btn:hover svg *, header .header-pill .nav__icons li a.btn.active svg * { fill: #efd31a; } header .header-pill .nav__icons .langs { position: absolute; text-align: right; right: 0px; border-top : 11px solid rgba(255, 255, 255, 0.01); border-bottom : 11px solid rgba(255, 255, 255, 0.01); } header .header-pill .nav__icons .langs:before { content: ""; width: 0; height: 0; display: block; position: relative; border-top: 6px solid rgba(255, 255, 255, 0.01); margin-right: auto; margin-left: auto; border-left: 13.5px solid transparent; border-right: 13.5px solid transparent; border-bottom: 12px solid #3d2b7b; z-index: 1; } header .header-pill .nav__icons .langs li { float: none; display: block; background-color: #3d2b7b; margin: 0px !important; padding: 4.5px 0; } header .header-pill .nav__icons .langs li:first-of-type { padding-top: 24px; } header .header-pill .nav__icons .langs li:last-of-type { padding-bottom: 24px; } header + main { margin-top : 96px; } @media all and (max-width: 1279px) { header .header-pill .nav__icons { margin-left: 40px; } } @media all and (max-width: 1023px) { header .header-pill { height : 64px; } header .header-pill .nav { padding-top : 13px; } header .header-pill .nav-mobile { display : inline; padding-top: 14px; } header .header-pill .nav__main { display : none; position : absolute; left : 0; width : 100%; top : 64px; background-color : #3d2b7b; padding : 14px 0; } header .header-pill .nav__main > li { margin-left : auto !important; margin-right : auto !important; float : none; width : 748px; } header .header-pill .nav__main > li.subnav:hover:after { display : none; } header .header-pill .nav__main > li.subnav:hover a { color : #efd31a; } header .header-pill .nav__main > li .submenu { display: block; } header .header-pill .nav__main > li.subnav:hover a:after { border-color : #3d2b7b; } header .header-pill .nav__main > li.subnav > a:after { content : ""; transform : rotate(45deg); border : #fff solid; border-width : 0 2px 2px 0; display : inline-block; position : relative; padding : 3px; top : -3px; left : 10px; } header .header-pill .nav__main > li a:hover, header .header-pill .nav__main > li a.active { color : #efd31a; } header .header-pill .nav__main > li .submenu { position : static; top : auto; border-top : 0; border-bottom : 0; } header .header-pill .nav__main > li .submenu ul { display : block; float : none; width : 100%; padding-left : 15px; padding-bottom : 10px; padding-top : 12px; } header .header-pill .nav__main > li .submenu ul li { padding-top : 0; } header .header-pill .nav__main > li .submenu ul li + li { padding-top : 12px; } header .header-pill .nav__main > li .submenu ul li a:hover { color : #efd31a !important; } header .header-pill .nav__icons { margin-left: 20px; float: right; } header .header-pill .nav__icons li a { line-height: 29px; padding: 0 13px; margin-top: 5px; } header .header-pill .main-logo { padding-top: 6.5px; position: absolute; left: 50%; margin-left: -81.5px; } } @media all and (max-width: 767px) { header .header-pill { height: 54px; } header .header-pill .nav { padding-top: 8.5px; } header .header-pill .nav-mobile { padding-top: 8.5px; } header .header-pill .nav__main > li { width : 100%; padding-left : 10px; padding-right : 10px; } header .header-pill .main-logo { padding-top: 4px; margin-left: -72px; } header .header-pill .main-logo img { height: 46px; } header .header-pill .nav__main { top : 54px; } header .header-pill .nav__icons li a.btn span { margin-right: 0px; height: 13px; top: 2px; } header .header-pill .nav__icons .langs:before { display: none; } header .header-pill .nav__icons .langs li { padding: 2px 0; } header .header-pill .nav__icons .langs li:first-of-type { padding-top: 14px; } header .header-pill .nav__icons .langs li:last-of-type { padding-bottom: 14px; } } .page-home { overflow-x : hidden; } .page-home header { background-color : transparent; } .page-home header.scroll { background-color : #3d2b7b; } .page-home .header-home { height : 626px; width: 100%; background-image : url("../img/SOLIDENT_0003.jpg"); background-attachment : fixed; background-repeat : no-repeat; background-position : center center; background-size : cover; position : relative; top : -96px; color : #fff; } .page-home .header-home:before { content : ""; position : absolute; width : 100%; height : 100%; background-color : rgba(0, 0, 0, 0.60); } .page-home .header-home__icons { width: 360px; margin: 90px auto 0 auto; } .page-home .header-home__icons .item { float: left; width: 90px; margin: 0 15px; } .page-home .header-home__icons .item { background-color: #3d2b7b; padding: 20px; text-align: center; border-radius: 45px; } .page-home .header-home__icons .item img { width: 100%; height: auto; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .page-home .header-home__icons .item:hover { background-color: #efd31a; } .page-home .header-home__icons .item:hover img { -webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0); } .page-home .header-home .wrapper { position : relative; padding-top : 96px; height: 100%; } .page-home .header-home .info { text-align: center; position: absolute; bottom: 25px; } .page-home .header-home__h1 { text-transform : uppercase; font-family : "Open Sans", Arial, Helvetica, Verdana; font-weight : 200; font-size : 24px; line-height : 40px; letter-spacing : 4px; } .page-home .header-home__h1 strong, .page-home .header-home__h1 b { display : block; font-family : "Montserrat", Arial, Helvetica, Verdana; font-weight : 600; font-size : 73px; line-height : 76px; margin-bottom : -3px; margin-left : -4px; } .page-home .header-home__h2 { font-size : 22px; line-height : 30px; font-family : "Open Sans", Arial, Helvetica, Verdana; font-weight : 200; margin-top : 23px; } .page-home .header-home .btn { text-align : center; margin : 37px 0 10px 0; border-radius : 4px; font-size : 16px; height : 55px; line-height : 55px; text-transform : uppercase; width : 248px; display : block; font-family : "Montserrat", Arial, Helvetica, Verdana; } .page-home .header-home .btn:hover { background-color : #333; text-decoration : none; } .page-home .header-home + article { position : relative; top : -96px; margin-bottom : -96px; } .page-home .features { width : calc(100% + 40px); margin : 0 -20px -12px -20px; clear : both; overflow : hidden; padding : 57px 0 0 0; } .page-home .features .item { float : left; margin : 0 20px; width : calc((100% / 3) - 40px); } .page-home .features .item figure { height : 155px; margin-bottom : 25px; } .page-home .features .item figure img { margin : 0 auto; height : 100% !important; width : auto !important; } .page-home .features .item h4 { font-family : "Montserrat", Arial, Helvetica, Verdana; font-weight : 600; line-height : 28px; padding-bottom : 2px; } .page-home .features .item p { color : #858585; font-size : 17px; line-height : 24px; } .page-home .features .sep { clear: both; overflow: hidden; height: 40px; display: none; } .page-home .features .sep:nth-of-type(3n+1) { display: block; } .page-home .features .sep:nth-of-type(1) { display: none !important; } .page-home .numbers { clear : both; overflow : hidden; counter-reset : section; padding-top : 30px; } .page-home .numbers .col { float : left; width : calc(50% - 25px); } .page-home .numbers .col + .col { float : right; } .page-home .numbers .col .item { text-align : left; position : relative; margin-top : 30px; padding-left : 88px; } .page-home .numbers .col .item:after { counter-increment : section; content : counter(section); position : absolute; width : 48px; height : 48px; line-height : 48px; left : 6px; top : 6px; text-align : center; font-family : "Montserrat", Arial, Helvetica, Verdana; font-size : 24px; background-color : #fff; border-radius : 24px; } .page-home .numbers .col .item:before { content : ""; position : absolute; width : 60px; height : 60px; border-radius : 30px; left : 0; top : 0; background-color : #3d2b7b; } .page-home .numbers .col .item h4 { font-size : 17px; line-height : 30px; font-weight : 600; } .page-home .numbers .col .item p { font-size : 17px; line-height : 24px; color : #858585; margin-top : -13px; } .page-home .counters { clear : both; overflow : hidden; counter-reset : section; padding-top : 30px; padding-bottom : 1px; } .page-home .counters li { float : left; width : calc(100% / 3); } .page-home .counters li .counter, .page-home .counters li span { display : block; } .page-home .counters li .counter { font-size : 60px; line-height : 96px; padding-bottom : 8px; } .page-home .counters li span { text-transform : uppercase; font-size : 40px; line-height : 48px; } .page-home .testimonials { color : #acacac; padding-top : 63px; padding-bottom : 9px; } .page-home .testimonials .items { position : relative; height : 252px; overflow : hidden; } .page-home .testimonials .items .item { position : absolute; top : 0; left : 0; z-index : 2; opacity : 0; height : 100%; width : 100%; } .page-home .testimonials .items .item.last-active { z-index : 3; } .page-home .testimonials .items .item.active { z-index : 4; opacity : 1; } .page-home .testimonials .items .item h4 { font-size : 22px; line-height : 30px; font-family : "Montserrat", Arial, Helvetica, Verdana; } .page-home .testimonials .items .item h5 { font-size : 14px; line-height : 26px; letter-spacing : 3px; text-transform : uppercase; } .page-home .testimonials .items .item blockquote { padding-top : 8px; font-style : italic; } .page-home .testimonials .items .item p { font-size : 28px; line-height : 39px; font-family : Georgia, "Times New Roman", Times, serif; overflow : hidden; max-height : 178px; } .page-home .testimonials .arrows { clear : both; overflow : hidden; width : 89px; margin : 35px auto 0 auto; } .page-home .testimonials .arrows a { width : 40px; height : 41px; float : left; position : relative; text-align : center; } .page-home .testimonials .arrows a + a { float : right; } .page-home .testimonials .arrows a:hover { background-color : #333; } .page-home .testimonials .arrows__arrow:before { content : ""; border : #fff solid; border-width : 0 2px 2px 0; display : inline-block; position : relative; padding : 6px; top : 2px; } .page-home .testimonials .arrows__left:before { transform : rotate(135deg); margin-left : 8px; } .page-home .testimonials .arrows__right:before { transform : rotate(-45deg); margin-right : 8px; } .page-home .gray .numbers .col .item:after { background-color : #f4f4f4; } @media all and (max-width: 1344px) { .page-home .header-home__h2 { font-size : 21px; } .page-home .counters li .counter { font-size : 50px; } } @media all and (max-width: 1279px) { .page-home .header-home { height : 496px; } .page-home .header-home__h2 { font-size : 19px; } } @media all and (max-width: 1023px) { .page-home .header-home .info { width : 100%; } .page-home .features .item { width : calc((100% / 2) - 40px); } .page-home .features .sep { height : 25px; } .page-home .features .sep:nth-of-type(3n+1) { display: none; } .page-home .features .sep:nth-of-type(2n+1) { display : block; } .page-home .counters li .counter { font-size : 34px; line-height : 40px; } .page-home .counters li span { font-size : 30px; line-height : 38px; } } @media all and (max-width: 767px) { .page-home .features { width : 100%; margin-left : 0; margin-right : 0; } .page-home .features .item { width : 100%; margin-left : 0; margin-right : 0; } .page-home .features .sep { display : block !important; } .page-home .features .sep:nth-of-type(1) { display : none !important; } .page-home .numbers .col { width : 100%; } .page-home .counters li { width : 100%; } .page-home .counters li + li { margin-top : 40px; } } @media all and (max-width: 531px) { .page-home .header-home__h1 { font-size : 15px; line-height : 22px; letter-spacing : 3px; } .page-home .header-home__h1 b, .page-home .header-home__h1 strong { font-size : 45px; line-height : 56px; margin-left : 0; } .page-home .header-home__h2 { font-size : 15px; line-height : 22px; } .page-home .header-home .btn { margin-left : auto; margin-right : auto; } } @media all and (max-width: 479px) { .page-home .numbers .col .item { padding-top : 70px; padding-left : 0; text-align : center; } .page-home .numbers .col .item:before { left : 50%; margin-left : -30px; } .page-home .numbers .col .item:after { left : 50%; margin-left : -24px; } } .page-inside .inside-title { background-color : #f4f4f4; text-align : center; padding : 70px 0; text-transform : uppercase; } .page-inside .inside-title__h1 { font-size : 40px; line-height : 50px; font-family : "Montserrat", Arial, Helvetica, Verdana; font-weight : 600; } .page-inside .inside-title__h2 { font-size : 17px; line-height : 33px; font-family : "Open Sans", Arial, Helvetica, Verdana; font-weight : 200; letter-spacing : 3px; } .page-inside .points { clear : both; overflow : hidden; max-width : 894px; margin : 0 auto -16px auto; padding : 32px 0 0 0; } .page-inside .points ul { float : left; width : 408px; } .page-inside .points ul + ul { float : right; } .page-inside .points ul li { text-align : left; font-size : 17px; line-height : 30px; color : #858585; position : relative; padding-left : 26px; } .page-inside .points ul li:before { content : ""; position : absolute; width : 6px; height : 6px; left : 0; top : 12px; border-radius : 3px; background-color : #3d2b7b; } .page-inside .alerting { clear : both; overflow : hidden; padding : 19px 0 0 0; } .page-inside .alerting .col { float : left; width : calc(50% - 40px); } .page-inside .alerting .col + .col { float : right; } .page-inside .alerting .col .img { padding-top : 10px; } .page-inside .alerting .col .item { clear : both; overflow : hidden; text-align : left; padding-top : 38px; } .page-inside .alerting .col .item__svg { width : 69px; margin-right : 30px; float : left; } .page-inside .alerting .col .item__svg img { width : 100% !important; height : auto !important; } .page-inside .alerting .col .item__data { width : calc(100% - 69px - 30px); float : left; } .page-inside .alerting .col .item__data h4 { font-family : "Montserrat", Arial, Helvetica, Verdana; font-weight : 600; font-size : 22px; margin-top : 13px; margin-bottom : -1px; } .page-inside .alerting .col .item__data p { color : #858585; font-size : 17px; line-height : 24px; } .page-inside .alerting .col.imgs { padding-top : 30px; } @media all and (max-width: 1023px) { .page-inside .points ul { width : 100%; float : none; } .page-inside .points ul + ul { padding-top : 0; margin-top : -16px; float : none; } .page-inside .alerting { padding-top : 0; } .page-inside .alerting .col { width : 100%; } .page-inside .alerting .col.imgs .img { float : left; width : calc(50% - 5px); } .page-inside .alerting .col.imgs .img + .img { float : right; } } @media all and (max-width: 767px) { .page-inside .alerting .col.imgs .img { float : none !important; width : 100%; } } @media all and (max-width: 479px) { .page-inside .alerting .col .item__svg { float : none; margin : 0 auto 13px auto; } .page-inside .alerting .col .item__data { float : none; text-align : center; width : 100%; } } .contact { clear : both; overflow : hidden; padding : 12px 0 6px 0; max-width : 1025px; margin : 0 auto; text-align : left; color : #999; } .contact .col { float : left; } .contact .col * { font-size : 17px; line-height : 30px; } .contact .col.data { width : calc(35% - 30px); } .contact .col.data span { color : #333; font-weight : 600; } .contact .col.data p { margin-bottom : -2px; } .contact .col.form { float : right; width : calc(65% - 30px); } .contact .col.form fieldset { padding-top : 16px; } .contact .col.form fieldset + fieldset { margin-top : 1px; } .contact .col.form fieldset label { display : block; padding-bottom : 1px; } .contact .col.form fieldset input, .contact .col.form fieldset select, .contact .col.form fieldset textarea { width : 100%; border : #ccc solid 1px; height : 36px; line-height : 30px; padding : 0 10px; } .contact .col.form fieldset textarea { padding-top : 2px; height : 120px; } .contact .col.form fieldset input[type="submit"], .contact .col.form fieldset button { margin : 4px auto; width : 100%; max-width : 248px; cursor : pointer; border : none 0; border-radius : 4px; height : 55px; line-height : 55px; text-transform : uppercase; font-family : "Montserrat", Arial, Helvetica, Verdana; } .contact .col.form fieldset input[type="submit"]:hover, .contact .col.form fieldset button:hover { background-color : #333; } @media all and (max-width: 767px) { .contact .col.data { width : 100%; text-align : center; } .contact .col.form { width : 100%; } }