html, body { height: 100%; width: 100%; font-family: 'Lato', sans-serif; font-size: 18px; }

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

ul, li { list-style: none; padding: 0px; }

a[href^="tel"] { color: inherit; text-decoration: none; }

@media screen and (max-width: 767px) { h1 { font-size: 30px; } }
#header { position: relative; z-index: 99999; }
#header .navbar { padding: 15px 0; }
#header .navbar a { color: #ffffff; }
@media screen and (max-width: 767px) { #header .navbar .navbar-brand { margin-left: 20px; }
  #header .navbar .navbar-brand img { max-width: 80%; } }
@media screen and (max-width: 767px) { #header .navbar .navbar-collapse { background: #394659; border: 0px !important; box-shadow: none !important; } }
@media screen and (min-width: 991px) { #header .navbar .navbar-nav { float: right; } }
@media screen and (max-width: 991px) { #header .navbar .navbar-nav { font-size: 15px; }
  #header .navbar .navbar-nav span { display: block; line-height: 20px; padding: 15px; } }
#header .navbar .callnumber { color: #ffffff; }
@media screen and (min-width: 1200px) { #header .navbar .callnumber { float: right; border: 1px #ffffff solid; padding: 5px; font-size: 18px; margin: 6px 0 5px; } }
@media screen and (min-width: 768px) and (max-width: 1170px) { #header .navbar .navbar-header { width: 100%; text-align: center; float: none; display: block; margin-bottom: 15px; }
  #header .navbar .navbar-header .navbar-brand { float: none; }
  #header .navbar .navbar-header .navbar-brand img:first-child { display: inline-block; }
  #header .navbar #mainmenu { float: none; }
  #header .navbar #mainmenu .navbar-nav { text-align: center; float: none; }
  #header .navbar #mainmenu .navbar-nav li { float: none; display: inline-block; } }
@media screen and (min-width: 768px) and (max-width: 1170px) { #header .navbar { padding-bottom: 0px; }
  #header .navbar-header { margin-bottom: 0px !important; } }
#header .bluelogo { display: none; }
#header .affix { background-color: #ffffff !important; box-shadow: 1px 0 7px 0 rgba(0, 0, 0, 0.4); border-radius: 0px; width: 100%; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out; }
@media screen and (max-width: 767px) { #header .affix .navbar-collapse { background: #ffffff; } }
#header .affix li.active a { color: #480a1d; }
#header .affix .navbar-header span { background-color: #394659; }
#header .affix .callnumber { color: #394659; }
#header .affix a { color: #394659; }
#header .affix a:hover { color: #0b76bc; }
#header .affix img:first-child { display: none !important; }
#header .affix img.bluelogo { display: inline-block; }

#banner { position: relative; z-index: -1; overflow: hidden; }
#banner ul { margin-bottom: 0px; }

#maximage { width: 100% !important; }
#maximage li { background: url(../images/banner.jpg) 0 0px no-repeat; background-size: cover; height: 100vh; background-attachment: fixed; overflow: hidden; transform: scale(1.1); }
@media screen and (max-width: 1170px) { #maximage li { background-attachment: inherit !important; } }
#maximage li img { opacity: 0; position: absolute; width: 100%; left: 0; right: 0; }
#maximage .banneriner { height: 100%; background: url(../images/clouds.png) 0 0px no-repeat; background-size: contain; }
#maximage .pattern { height: 100%; }
#maximage .captions { z-index: 99999; text-align: center; position: relative; top: 55%; -webkit-transform: translateY(-45%); -ms-transform: translateY(-45%); transform: translateY(-45%); }
#maximage .captions .hidtext { overflow: hidden; }
#maximage .captions .text1 { font-size: 40px; color: #ffffff; font-weight: 100; margin-bottom: 35px; }
#maximage .captions .text2 { font-size: 66px; line-height: 1; color: #ffffff; font-weight: 900; text-transform: uppercase; letter-spacing: -1px; margin-top: 9px; }
#maximage .captions .text3 { font-size: 66px; line-height: 1; color: #ffffff; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; }
#maximage .captions .text4 { font-size: 24px; line-height: 1; color: #ffffff; font-weight: 100; letter-spacing: 2px; margin-top: 20px; }
@media screen and (max-width: 1400px) { #maximage .captions .text1 { font-size: 30px; margin-bottom: 20px; }
  #maximage .captions .text2, #maximage .captions .text3 { font-size: 50px; }
  #maximage .captions .text4 { font-size: 20px; } }
@media screen and (max-width: 1170px) { #maximage .captions .text1 { font-size: 31px; margin-bottom: 20px; }
  #maximage .captions .text2 { font-size: 40px; }
  #maximage .captions .text3 { font-size: 40px; }
  #maximage .captions .text4 { font-size: 20px; } }
@media screen and (max-width: 767px) { #maximage .captions .text1 { font-size: 24px; }
  #maximage .captions .text2 { font-size: 27px; font-weight: 700; margin-bottom: 3px; letter-spacing: 1px; }
  #maximage .captions .text3 { font-size: 27px; letter-spacing: 0px; } }
@media screen and (max-width: 479px) { #maximage .captions .text1, #maximage .captions .text4 { font-size: 16px; }
  #maximage .captions .text2 { font-size: 18px; font-weight: 700; margin-bottom: 3px; }
  #maximage .captions .text3 { font-size: 18px; } }

.businessinfo { background: #f2f2f2; padding: 30px 0; text-align: center; color: #394659; font-size: 40px; line-height: 45px; }
@media screen and (max-width: 767px) { .businessinfo { padding: 20px 0; } }
.businessinfo .col-md-4 { border-right: 1px #7f7f7f solid; line-height: 28px; }
.businessinfo .col-md-4:last-child { border: 0px; }
@media screen and (max-width: 767px) { .businessinfo .col-md-4 { border-right: 0; border-bottom: 1px #ccc solid; padding: 15px 0; }
  .businessinfo .col-md-4:first-child { padding-top: 0px; }
  .businessinfo .col-md-4:last-child { margin-bottom: 0; padding-bottom: 0px; } }
.businessinfo span { font-weight: 100; font-size: 24px; position: relative; top: -4px; }
@media screen and (max-width: 767px) { .businessinfo span { top: 0px; } }
.businessinfo strong { font-weight: 400; }
@media screen and (max-width: 1170px) { .businessinfo { font-size: 20px; line-height: normal !important; }
  .businessinfo span { font-size: 16px; } }

@media screen and (max-width: 767px) { #businessinfo.texts img { margin-right: 10px; } }
#businessinfo.texts span { color: #7f7f7f; position: relative; top: 2px; }

#main { background: #ffffff; position: relative; z-index: 99; }

.fixfixed .affix { position: absolute; }

#bodyone { padding: 100px 0; text-align: center; }
#bodyone h3.title { margin: 30px 0 10px; color: #696969; }
#bodyone .brands { margin: 0px 0 100px; }
#bodyone .brands img { margin: 0 15px; }
#bodyone h4 { font-size: 29px; }
@media screen and (max-width: 991px) { #bodyone { padding: 50px 0; } }
#bodyone p { width: 75%; margin: auto; font-size: 24px; }
@media screen and (max-width: 767px) { #bodyone p { font-size: 20px; } }
@media screen and (max-width: 1366px) { #bodyone p { width: 85%; } }
#bodyone h1 { margin-bottom: 40px; }
@media screen and (max-width: 991px) { #bodyone h1 { margin: 20px 15px; font-size: 30px; } }
#bodyone .text1 { color: #000000; font-size: 35px; font-weight: 100; margin-bottom: 20px; margin-top: 100px; }
@media screen and (max-width: 767px) { #bodyone .text1 { font-size: 20px; } }
@media screen and (max-width: 991px) { #bodyone .text1 { margin-top: 50px; } }
#bodyone .callnum { background-color: #394659; font-size: 35px; color: #ffffff; font-weight: 100; padding: 15px; position: relative; display: inline-block; margin-bottom: 50px; }
@media screen and (max-width: 991px) { #bodyone .callnum { font-size: 30px; margin-bottom: 30px; } }
@media screen and (min-width: 1170px) { #bodyone .callnum:before { border: 1px #7f7f7f solid; position: absolute; left: -110%; top: 40px; content: " "; width: 100%; }
  #bodyone .callnum:after { border: 1px #7f7f7f solid; position: absolute; right: -110%; left: auto; top: 40px; content: " "; width: 100%; } }
#bodyone .servicecount p { margin-top: 15px; }

#budgets { overflow: hidden; }
@media screen and (max-width: 991px) { #budgets { padding: 50px 0; } }
#budgets h2 { margin-bottom: 60px; color: #000; }
#budgets .box { padding: 15px 20px; border: 1px #394659 solid; }
#budgets .box span { margin-bottom: 25px; font-size: 22px; display: block; }
#budgets .box p { font-size: 15px; }
@media screen and (max-width: 767px) { #budgets .box { margin: 0 5% 15px; } }
#budgets .pricewrap .col-lg-10 { padding: 0px; text-align: center; }
#budgets .priceboxouter { margin: 40px 0 100px; display: block; }
#budgets .priceboxouter h2 { font-weight: 400; color: #141414; margin-bottom: 25px; font-size: 32px; }
#budgets .pricebox { background: #f4f7f9; }
#budgets .pricebox h3 { font-weight: 400; color: #434343; font-size: 28px; margin-bottom: 0px; }
#budgets .pricebox p { margin-top: 5px; }
#budgets .whyteams { margin: 0px 0 90px; }
#budgets .whyteams .container { background: #f4f7f9; position: relative; padding: 20px 50px; }
#budgets .whyteams h2 { text-align: center; color: #000; }
#budgets .whyteams hr { background: #000; height: 1px; width: 175px; margin: 30px auto 70px; }
#budgets .whyteams .col-md-4 { position: relative; padding: 0 45px; text-align: center; }
#budgets .whyteams .col-md-4 span { margin: 0 15px; border: 4px #f4f7f9 solid; height: 100px; width: 100px; line-height: normal; border-radius: 50%; display: inline-block; }
#budgets .whyteams .col-md-4 span img { margin-top: 22px; width: 50px; }
#budgets .whyteams .col-md-4 p { font-weight: 400; margin-bottom: 40px; }
#budgets .whyteams .col-md-4 svg { width: 50px; margin-top: 22px; }
#budgets .whyteams .col-md-4:hover span { background: #394659; border-color: #394659; }
#budgets .whyteams .col-md-4:hover span .svg path, #budgets .whyteams .col-md-4:hover span .svg circle { fill: #fff; }
@media screen and (max-width: 991px) { #budgets .whyteams { margin: 0px 0 50px; padding: 0px; }
  #budgets .whyteams .container { padding: 20px; } }
#budgets .text-center h3 { font-weight: 100; margin-bottom: 40px; line-height: 1.6; font-size: 30px; }
@media screen and (max-width: 991px) { #budgets .text-center h3 { margin-bottom: 40px; } }
@media screen and (max-width: 767px) { #budgets .text-center h3 { font-size: 22px; } }
#budgets a.startbtn { background: #394659; padding: 10px 20px; color: #ffffff; font-size: 32px; font-weight: 300; display: inline-block; margin: auto auto 60px; position: relative; }
@media screen and (max-width: 991px) { #budgets a.startbtn { margin-bottom: 0px; } }
@media screen and (max-width: 767px) { #budgets a.startbtn { font-size: 24px; } }
@media screen and (min-width: 1170px) { #budgets a.startbtn:before { border: 1px #7f7f7f solid; position: absolute; left: -110%; top: 30px; content: " "; width: 100%; }
  #budgets a.startbtn:after { border: 1px #7f7f7f solid; position: absolute; right: -110%; left: auto; top: 30px; content: " "; width: 100%; } }
#budgets a.startbtn:hover { color: #ffffff; background: #480a1d; }

.table { text-align: center; width: 100%; margin-bottom: 0px; }

.tabledata { font-size: 30px; padding: 0px 0 40px; }
@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: #394659; color: #ffffff; }
.tabledata thead th { padding: 10px 25px !important; text-align: center; font-weight: 300; font-size: 20px; }
.tabledata tbody { background: #f4f7f9; }
.tabledata tbody td { padding: 20px 25px !important; font-size: 18px; color: #717275; }
.tabledata tbody td span { display: block; font-weight: 500; color: #717275; font-size: 25px; width: 100%; margin-bottom: 5px; }
.tabledata tbody td span span { font-size: 14px; text-indent: 25px; }
.tabledata tbody td:nth-child(2) span { font-size: 25px; }
.tabledata tbody td:nth-child(2) span span { font-size: 14px; text-indent: 25px; }
.tabledata tbody td:last-child { border: 0px; }
.tabledata tbody td:last-child span span { text-indent: 130px; }
.tabledata tbody td:nth-of-type(2n+1) { background: #e5e6e6; }
@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; } }
.tabledata .whitetxt { background: #ffffff; text-align: right; margin: 0px 0px 80px !important; font-size: 15px; padding-top: 5px; display: block; }
@media screen and (min-width: 767px) and (max-width: 991px) { .tabledata .table th { width: 130px; } }
@media screen and (max-width: 991px) { .tabledata .table span { font-size: 20px !important; } }

#portfolio { position: relative; margin: 100px 0; }
@media screen and (max-width: 991px) { #portfolio { margin: 50px 0; }
  #portfolio h3 { margin: 0px 15px; font-size: 20px; margin-bottom: 20px !important; } }
#portfolio .bx-wrapper { margin-bottom: 100px; }
@media screen and (max-width: 991px) { #portfolio .bx-wrapper { margin-bottom: 50px; } }
#portfolio .bxslider li { padding: 10px 0 100px; }
@media screen and (max-width: 1560px) { #portfolio .bxslider li img { margin: 0 auto 50px !important; padding-bottom: 40px; } }
@media screen and (max-width: 991px) { #portfolio .bxslider li { padding-bottom: 50px; }
  #portfolio .bxslider li img { max-width: 75%; } }
@media screen and (max-width: 1560px) { #portfolio .bxslider li { padding-bottom: 0px; } }
#portfolio .outside { position: absolute; top: 40%; bottom: 40%; z-index: 999; width: 100%; }
#portfolio .outside a.bx-prev { background: url(../images/arrow-left.svg) no-repeat 0 0; width: 7%; height: 48px; display: inline-block; }
@media screen and (max-width: 640px) { #portfolio .outside a.bx-prev { width: 5%; } }
#portfolio .outside a.bx-next { background: url(../images/arrow-right.svg) no-repeat 0 0; width: 7%; height: 48px; display: inline-block; float: right; }
@media screen and (max-width: 640px) { #portfolio .outside a.bx-next { width: 10%; } }
@media screen and (max-width: 640px) { #portfolio .outside { top: 25%; bottom: 25%; } }
#portfolio .text3 { font-size: 30px; color: #000000; text-align: center; width: 70%; margin: 0 auto 50px; }
@media screen and (max-width: 991px) { #portfolio .text3 { font-size: 24px; width: 94%; padding: 0 3%; box-sizing: border-box; } }
#portfolio .title { font-size: 40px; color: #000000; margin-top: 30px; }
@media screen and (max-width: 767px) { #portfolio .title { font-size: 30px; } }
#portfolio .projectinfo { font-size: 22px; font-weight: 300; margin: 20px 0; }
@media screen and (max-width: 767px) { #portfolio .projectinfo { font-size: 20px; } }
#portfolio .projectinfo li { padding: 0 0 10px; }
#portfolio p { font-weight: 300; }
#portfolio h3 { margin-bottom: 40px; font-weight: 300; }
#portfolio .bxslidertwo { text-align: center; }
#portfolio .bxslidertwo p { font-size: 24px; }

#testimonials { margin-bottom: 80px; }
#testimonials .slick-slide { padding: 0 30px; }
#testimonials .slick-slide p { font-size: 19px; }
#testimonials .slick-slide i { line-height: 1.5; margin-top: 25px; display: block; }
#testimonials .brands { margin: 100px auto; text-align: center; }
#testimonials .brands img { margin: 0 15px; }
@media screen and (max-width: 991px) { #testimonials .brands { margin: 40px 0; } }

#secureidea h1 { font-weight: 100; margin-bottom: 30px; }
#secureidea h1 span { font-weight: 600; }
#secureidea p { font-size: 28px; width: 80%; margin: 0 auto 80px; }
@media screen and (max-width: 991px) { #secureidea p { font-size: 22px; width: 90%; } }
#secureidea hr { background-color: #7f7f7f; height: 1px; margin: 100px auto 0; width: 10%; }
@media screen and (max-width: 991px) { #secureidea hr { margin: 80px auto; width: 50%; } }

#ourservices { text-align: center; }
#ourservices h1 { font-weight: 400; margin-bottom: 40px; margin-top: 0; }
#ourservices .service { background: #f2f2f2; padding: 30px 0; text-align: center; margin-bottom: 100px; }
@media screen and (max-width: 991px) { #ourservices .service { margin-bottom: 80px; }
  #ourservices .service img { margin-bottom: 35px; max-width: 80%; }
  #ourservices .service img:last-child { margin-bottom: 0px; max-width: 55%; } }
@media screen and (max-width: 767px) { #ourservices .service img { max-width: 50%; margin-bottom: 10px !important; } }
#ourservices .service h1 { font-weight: 400; margin-bottom: 45px; }

#footer { position: relative; z-index: 100; }
#footer h5 { font-size: 18px; color: #394659; font-weight: 300; margin-bottom: 0px; }
#footer .error { color: red; font-size: 14px; }
#footer .thank-you { display: none; font-size: 16px; }
#footer .footertop { background: #ffffff; padding: 50px 0; position: relative; z-index: 9999; }
@media only screen and (max-width: 767px) { #footer .footertop .btntext { text-align: center; }
  #footer .footertop .btntext .btn { float: none; } }
#footer .footertop h2 { margin-top: 0px; margin-bottom: 30px; font-weight: 400; color: #000000; }
#footer .footertop input.field { border: 0px; width: 100%; border-bottom: 1px #a1a1a1 solid; padding: 0; font-size: 18px; }
#footer .footertop input.field:focus { border-color: #252525; color: #252525; }
#footer .footertop .advanceds { margin-top: 30px; margin-bottom: 0px; color: #6a6a6a; font-size: 16px; text-align: left; }
@media only screen and (max-width: 767px) { #footer .footertop .advanceds .row.advanceds { margin-bottom: 10px; } }
#footer .footertop .advanceds span { display: block; color: #1c75bc; font-size: 24px; font-weight: 300; }
#footer .footertop .messagebox { margin-top: 25px; }
#footer .footertop .messagebox h5 { margin-bottom: 10px; }
#footer .footertop .messagebox textarea { border: 0px; width: 100%; border-bottom: 1px #a1a1a1 solid; padding: 7px 0; font-size: 18px; color: #969696; height: 90px; margin-bottom: 30px; }
#footer .footertop .messagebox textarea:focus { border-color: #252525; color: #252525; }
#footer .footertop .btnform { border-radius: 0px; background: #394659; color: #ffffff; float: right; padding: 10px 70px; font-size: 18px; margin-bottom: 15px; }
#footer .footertop .btnform:hover { color: #ffffff; background: #480a1d; }
@media only screen and (max-width: 767px) { #footer .footertop .abvance-opts-bx .funkyradio-default, #footer .footertop .abvance-opts-bx .funkyradio-default-last { float: left; width: 50%; } }
@media only screen and (max-width: 767px) and (max-width: 580px) { #footer .footertop .abvance-opts-bx .funkyradio-default, #footer .footertop .abvance-opts-bx .funkyradio-default-last { width: 100%; }
  #footer .footertop .abvance-opts-bx .funkyradio-default label, #footer .footertop .abvance-opts-bx .funkyradio-default-last label { font-size: 15px; margin-bottom: 10px; } }

@media only screen and (max-width: 580px) { #footer .footertop .sliderrange h5 { margin-bottom: 20px; } }
#footer .footer-section-1 { background: #394659; padding: 50px 0 0; position: relative; overflow: hidden; font-size: 20px; color: #fff; font-weight: 300; }
#footer .footer-section-1 h3 { margin-bottom: 10px; }
#footer .footer-section-1 .col-sm-3:nth-child(2) .footer-inner-info { border-right: 1px #4c5869 solid; margin-right: 70px; }
#footer .footer-section-1 .dmca-badge { display: block; }
@media only screen and (max-width: 1400px) { #footer .footer-section-1 .col-sm-3:nth-child(2) .footer-inner-info { margin-right: 45px; } }
@media only screen and (max-width: 1170px) { #footer .footer-section-1 .col-sm-3:nth-child(2) .footer-inner-info { margin-right: 20px; } }
@media only screen and (max-width: 991px) { #footer .footer-section-1 .col-sm-3:nth-child(2) .footer-inner-info { border-right: 0px !important; margin-right: 0px !important; } }
@media only screen and (min-width: 768px) and (max-width: 991px) { #footer .footer-section-1 .col-sm-2 img { width: 100%; } }
@media only screen and (max-width: 767px) { #footer .footer-section-1 .col-sm-2 img { margin-bottom: 25px; }
  #footer .footer-section-1 .col-sm-3:nth-child(2) .footer-inner-info { border: 0px; }
  #footer .footer-section-1 .footer-inner-info { margin: 0px 0 25px; }
  #footer .footer-section-1 .dmca-badge { text-align: center; }
  #footer .footer-section-1 .dmca-badge img { width: 100px; } }
#footer .footer-section-2 { color: #ffffff; background: #4c5769; padding: 8px 0; position: relative; }
#footer .footer-section-2 p { margin-bottom: 0px; font-size: 13px; }
#footer .footer-inner-info { font-size: 18px; color: #ffffff; }
#footer .funkyradio { margin-bottom: 30px; }
#footer .funkyradio label { width: 100%; font-weight: 300; font-size: 16px; color: #30353b; }
#footer .funkyradio input[type="checkbox"]:empty, #footer .funkyradio input[type="radio"]:empty { display: none; }
#footer .funkyradio input[type="checkbox"]:empty ~ label, #footer .funkyradio input[type="radio"]:empty ~ label { position: relative; line-height: 1; text-indent: 2em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#footer .funkyradio input[type="checkbox"]:empty ~ label:before, #footer .funkyradio input[type="radio"]:empty ~ label:before { position: absolute; display: block; bottom: -3px; left: 0; background: url(../images/check_circles-01.svg) no-repeat 0 bottom; width: 24px; height: 24px; content: " "; opacity: 0.6; }
#footer .funkyradio input[type="checkbox"]:checked ~ label, #footer .funkyradio input[type="radio"]:checked ~ label { color: #30353b; }
#footer .funkyradio input[type="checkbox"]:checked ~ label:before, #footer .funkyradio input[type="radio"]:checked ~ label:before { background: url(../images/check_circles-02.svg) no-repeat 0 bottom; width: 24px; height: 24px; content: " "; opacity: 1; }
#footer .funkyradios input[type="radio"]:empty { display: none; }
#footer .funkyradios input[type="radio"]:empty ~ label { position: relative; line-height: 1; text-indent: 2.1em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#footer .funkyradios input[type="radio"]:empty ~ label:before { position: absolute; display: block; bottom: -3px; left: 0; background: url(../images/uncheck-radio.png) no-repeat 0 bottom; width: 24px; height: 24px; content: " "; opacity: 0.6; }
@media only screen and (max-width: 580px) { #footer .funkyradios input[type="radio"]:empty ~ label:before { bottom: -4px; } }
#footer .funkyradios input[type="radio"]:checked ~ label { color: #394659; }
#footer .funkyradios input[type="radio"]:checked ~ label:before { background: url(../images/check-radio.png) no-repeat 0 bottom; width: 24px; height: 24px; content: " "; opacity: 1; }
#footer :-moz-ui-invalid:not(output) { box-shadow: none !important; }
#footer .m-form-style label { position: relative; width: 100%; height: auto; color: #30353b; font-weight: 300; }
@media only screen and (max-width: 767px) { #footer .m-form-style label { height: auto; margin-bottom: 10px; font-size: 16px; } }
#footer .m-form-style label input { background-color: transparent; height: 26px; height: 2.6rem; width: 100%; border: 0; border-bottom: 1px solid #9B9B9B; z-index: 2; font-size: 15px; font-size: 1.5rem; }
#footer .m-form-style label input:focus { outline: none; border-bottom: 2px solid #394659 !important; -webkit-transition: 500ms; transition: 500ms; }
@media only screen and (max-width: 992px) { #footer .m-form-style label input:focus { -webkit-transition: 500ms; transition: 500ms; } }
#footer .m-form-style label input:focus + span, #footer .m-form-style label input:valid + span { top: -3px; font-size: 11px; color: #fff; font-weight: 400; letter-spacing: 0px; letter-spacing: 0.07rem; -webkit-transition: 500ms; transition: 500ms; }
@media only screen and (max-width: 992px) { #footer .m-form-style label input:focus + span, #footer .m-form-style label input:valid + span { -webkit-transition: 500ms; transition: 500ms; } }
#footer .m-form-style label textarea:focus { outline: none; border-bottom: 2px solid #394659 !important; -webkit-transition: 500ms; transition: 500ms; }
@media only screen and (max-width: 992px) { #footer .m-form-style label textarea:focus { -webkit-transition: 500ms; transition: 500ms; } }
#footer .m-form-style label textarea:focus + span, #footer .m-form-style label textarea:valid + span { top: -3px; font-size: 11px; color: #fff; font-weight: 400; letter-spacing: 0px; letter-spacing: 0.07rem; -webkit-transition: 500ms; transition: 500ms; }
@media only screen and (max-width: 992px) { #footer .m-form-style label textarea:focus + span, #footer .m-form-style label textarea:valid + span { -webkit-transition: 500ms; transition: 500ms; } }
#footer .m-form-style label:not(:first-child) { margin-top: 1.5rem; }
@media only screen and (max-width: 767px) { #footer .m-form-style label:not(:first-child) { margin-top: 1rem; } }
#footer .m-form-style label:not(:last-child) input { margin-bottom: 12px; margin-bottom: 1.2rem; }
#footer .m-form-style label span { position: absolute; left: 2px; top: 10px; -webkit-transition: 500ms; transition: 500ms; z-index: 1; font-weight: normal; font-size: 18px; color: #969696; }
@media only screen and (max-width: 992px) { #footer .m-form-style label span { -webkit-transition: 1000ms; transition: 1000ms; } }
#footer .m-form-style .textarea { margin-top: 10px !important; }
@media only screen and (max-width: 767px) { #footer .m-form-style .textarea { margin-top: 5px; } }
#footer .m-form-style .textarea span { top: 8px; }
#footer .m-form-style .funkyradio-default-last label { height: auto; font-size: 16px; font-weight: 300; }
#footer .btntext { margin-bottom: 50px; }
#footer .btntext p { display: block; width: 100%; float: right; text-align: right; }

.wrapup { display: inline-block; }

@media only screen and (max-width: 767px) { .animated { /*CSS transitions*/ -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; /*CSS transforms*/ -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; /*CSS animations*/ -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } }
