.flex-container { width: 1430px; margin: auto; }
@media screen and (min-width: 768px) { .flex-container { width: 750px; } }
@media screen and (min-width: 992px) { .flex-container { width: 970px; } }
@media screen and (min-width: 1200px) { .flex-container { width: 1153px; } }
@media screen and (min-width: 1600px) { .flex-container { width: 1366px; } }
@media screen and (max-width: 767px) { .flex-container { width: 100% !important; } }

.flex-md-container { margin: auto; width: 1050px; }
@media screen and (max-width: 991px) { .flex-md-container { width: 100%; } }

html, body { height: 100%; width: 100%; font-family: 'Montserrat', sans-serif; font-size: 16px; color: #000000; background: url(../images/header-bg.png) no-repeat right top; background-size: contain; }

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 5px; }
#header .navbar .nav > li > a { color: #000000; font-weight: 300; font-size: 15px; }
#header .navbar .navbar-brand a { color: #000000; }
@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 { 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: #f64810; font-weight: 300; }
@media screen and (max-width: 767px) { #header .navbar .callnumber { padding: 10px 15px; } }
@media screen and (min-width: 1170px) { #header .navbar .callnumber { float: right; padding: 5px; font-size: 15px; margin: 10px 10px 10px; } }
@media screen and (min-width: 768px) and (max-width: 1170px) { #header .navbar .nav > li > a { padding: 10px; }
  #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 (max-width: 767px) { #header .navbar { background: white !important; box-shadow: 1px 0 7px 0 rgba(0, 0, 0, 0.4); padding-bottom: 0px; }
  #header .navbar .icon-bar { background-color: #f64810; }
  #header .navbar button { margin-top: 0px; } }
@media screen and (min-width: 768px) and (max-width: 1170px) { #header .navbar { padding-bottom: 0px; }
  #header .navbar-header { margin-bottom: 0px !important; } }
#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: #f64810; }
#header .affix .navbar-header span { background-color: #f64810; }

#banner { padding: 150px 0 100px; overflow-x: hidden; }
#banner .flex-container { display: flex; justify-content: space-between; align-items: center; }
@media screen and (max-width: 767px) { #banner .flex-container { flex-direction: column-reverse; }
  #banner .flex-container .image { width: 100%; } }
#banner .captions { z-index: 9999; }
#banner .captions h1 { font-size: 45px; color: #4a4a4a; font-weight: 200; margin: 0px 0 80px; }
@media screen and (max-width: 1370px) { #banner .captions h1 { font-size: 36px; } }
@media screen and (max-width: 991px) { #banner .captions h1 { font-size: 26px; line-height: 1.2; } }
@media screen and (max-width: 767px) { #banner .captions h1 { margin-bottom: 20px; } }
#banner .captions .text2 { font-size: 40px; line-height: 1.2; color: #4a4a4a; letter-spacing: -1px; font-weight: 200; }
@media screen and (max-width: 1370px) { #banner .captions .text2 { font-size: 30px; } }
@media screen and (max-width: 991px) { #banner .captions .text2 { font-size: 24px; line-height: 1.2; } }
@media screen and (max-width: 767px) { #banner .captions .text2 { text-align: center; } }
#banner .captions .text2 span { color: #f64810; }
@media screen and (max-width: 991px) { #banner .captions { margin-left: 20px; } }
@media screen and (max-width: 479px) { #banner .captions h1 { font-size: 20px; }
  #banner .captions .text2 { font-size: 22px; line-height: 1; } }
@media screen and (max-width: 1365px) { #banner .image { width: 50%; }
  #banner .image img { width: 100%; } }
@media screen and (min-width: 1366px) { #banner .captions { margin-top: -50px; }
  #banner .image { position: relative; right: -50px; } }

.businessinfo { padding: 0 0 50px; text-align: center; font-size: 36px; line-height: 45px; font-weight: 200; }
@media screen and (max-width: 1170px) { .businessinfo { padding: 0px; } }
@media screen and (min-width: 1366px) { .businessinfo .col-md-offset-1 { margin-left: 12.50%; } }
@media screen and (max-width: 767px) { .businessinfo { padding: 20px 0; } }
.businessinfo .col-md-4 { 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: 200; font-size: 20px; position: relative; top: -4px; }
@media screen and (max-width: 767px) { .businessinfo span { top: 0px; } }
.businessinfo strong { font-weight: 200; }
@media screen and (max-width: 1170px) { .businessinfo { font-size: 20px; line-height: normal !important; }
  .businessinfo span { font-size: 16px; } }
@media screen and (max-width: 1170px) { .businessinfo { padding: 0px; }
  .businessinfo span { font-size: 15px; margin-bottom: 20px; display: block; } }

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

.fixfixed .affix { position: absolute; }

#development-services { padding: 100px 0 0; overflow: hidden; width: 100%; }
@media screen and (min-width: 992px) { #development-services .focusdiv > *[class^="col-"]:nth-child(2n+1) { clear: both; margin-bottom: 0px; } }
#development-services .col-md-6 { margin-bottom: 20px; }
#development-services h1 { margin-top: -5px; margin-bottom: 50px; font-weight: 200; font-size: 36px; }
@media screen and (max-width: 1170px) { #development-services h1 { line-height: 1; margin-bottom: 50px; margin-top: 40px; display: inline-block; }
  #development-services .title { text-align: center; } }
#development-services .girlimg { background: transparent url("../images/harness-img.jpg") no-repeat 0 0/cover; height: 640px; width: 100%; }
@media screen and (max-width: 1366px) { #development-services .girlimg { height: 530px; } }
@media screen and (max-width: 991px) { #development-services .girlimg { height: 450px; } }
@media screen and (max-width: 639px) { #development-services .girlimg { height: 410px; } }
@media screen and (max-width: 1169px) { #development-services .girlimg { background-position: 70% center; } }
#development-services .whatwe { text-align: left; margin-bottom: 100px; }
#development-services .whatwe h3 { color: #6e6e6e; font-weight: 200; }
@media screen and (max-width: 767px) { #development-services .whatwe { text-align: center; } }
@media screen and (max-width: 1170px) { #development-services .whatwe { margin-bottom: 50px; } }
@media screen and (min-width: 1170px) { #development-services .whatwe .content { padding: 0px 40px 0; } }
@media screen and (max-width: 991px) { #development-services .whatwe .content .col-md-6 { text-align: center; } }
@media screen and (max-width: 1170px) { #development-services .whatwe .content .col-md-6 h3 { font-size: 24px; }
  #development-services .whatwe .content .col-md-6 img { width: 20%; } }
#development-services .whatwe .showmobile { display: none; }
@media screen and (min-width: 992px) and (max-width: 1170px) { #development-services .whatwe .girlimg { height: 450px; }
  #development-services .whatwe h3 { margin-top: 0px; }
  #development-services .whatwe .showmobile { display: inline-block; max-width: 40%; margin-right: 15px; }
  #development-services .whatwe .hiddenmobile { display: none; } }
@media screen and (max-width: 767px) { #development-services .whatwe .col-sm-6 { min-height: auto !important; margin-bottom: 40px; }
  #development-services .whatwe .col-sm-6:last-child { margin-bottom: 0px; } }
@media screen and (max-width: 1366px) { #development-services .headtitle { text-align: center; } }

#portfolio { position: relative; padding: 100px 0 50px; }
#portfolio .head { text-align: center; }
#portfolio .head h2 { font-weight: 200; margin: 0 0 25px; }
@media screen and (max-width: 991px) { #portfolio { margin: 50px 0; }
  #portfolio h3 { margin: 0px 15px; font-size: 20px; margin-bottom: 20px !important; } }
@media screen and (max-width: 767px) { #portfolio { margin: 50px auto; padding-bottom: 80px; } }
#portfolio .bx-pager { padding-top: 40px; }
#portfolio .bxslider ul { margin-bottom: 20px; }
#portfolio .bxslider li { padding: 6px 0 0; }
@media screen and (max-width: 1560px) { #portfolio .bxslider li img { padding-bottom: 40px; } }
@media screen and (max-width: 991px) { #portfolio .bxslider li { padding-bottom: 50px; }
  #portfolio .bxslider li img { max-width: 75%; margin: auto; } }
@media screen and (max-width: 1560px) { #portfolio .bxslider li { padding-bottom: 0px; } }
#portfolio .outside { position: absolute; top: 65%; bottom: 65%; 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: 50%; bottom: 50%; } }
#portfolio .text3 { color: #000000; text-align: center; width: 60%; margin: 0 auto 100px; font-size: 22px; font-weight: 100; }
@media screen and (max-width: 767px) { #portfolio .text3 { font-size: 18px; width: 100%; margin-bottom: 50px; padding: 0 15px; } }
#portfolio .title { font-size: 36px; color: #000000; font-weight: 200; margin-bottom: 10px; }
@media screen and (max-width: 767px) { #portfolio .title { font-size: 30px; } }
#portfolio .projectinfo { font-size: 24px; 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: 200; line-height: 26px; font-size: 16px; }
@media screen and (max-width: 640px) { #portfolio p { font-size: 15px; } }
#portfolio h3 { margin-bottom: 40px; font-weight: 300; }
#portfolio a.startbtn { background: #f64810; padding: 10px 20px; color: #ffffff; font-size: 36px; font-weight: 300; display: inline-block; margin: auto; position: relative; }
@media screen and (max-width: 767px) { #portfolio a.startbtn { font-size: 24px; } }
@media screen and (min-width: 1170px) { #portfolio a.startbtn:before { border: 1px #7f7f7f solid; position: absolute; left: -110%; top: 40px; content: " "; width: 100%; }
  #portfolio a.startbtn:after { border: 1px #7f7f7f solid; position: absolute; right: -110%; left: auto; top: 40px; content: " "; width: 100%; } }
#portfolio .bxslidertwo { text-align: center; }
#portfolio .bxslidertwo p { font-size: 24px; }
@media (min-width: 992px) and (max-width: 1280px) { #portfolio .col-lg-5 img { margin-top: 80px !important; } }

#pricing { padding: 100px 0; background: #ffffff; }
@media screen and (max-width: 1199px) { #pricing { padding-bottom: 80px; } }
@media screen and (max-width: 991px) { #pricing { padding-top: 0px; } }
#pricing .priceboxouter h2 { text-align: center; font-weight: 200; color: #070502; margin-top: 0px; }
#pricing .pricebox { display: flex; justify-content: center; padding-top: 30px; text-align: center; }
#pricing .pricebox h3 { font-weight: 400; color: #070502; margin-bottom: 0px; }
@media screen and (max-width: 1170px) { #pricing .pricebox { padding: 20px 2% 0; width: 96%; box-sizing: border-box; } }
#pricing .pricebox table { border: 2px #e8e7ec solid; }
#pricing .pricebox .head { background: #ef4c23; color: #fff; }
#pricing .pricebox .head td:nth-child(2) { background: #d84420; }
#pricing .pricebox .body:nth-child(odd) { background: #f3f3f3; }
#pricing .pricebox td { padding: 15px; }
#pricing .pricebox td:first-child { text-align: left; }
#pricing .pricebox td:nth-child(2) { background: rgba(243, 243, 243, 0.5); }
#pricing .pricebox .box { background: #ffffff; padding: 20px; box-shadow: 9px 20px 40px rgba(160, 160, 160, 0.1); width: 40%; margin: 0 5%; font-size: 18px; color: #7d7d7d; }
#pricing .pricebox .box span { display: block; font-size: 23px; margin-top: 5px; }
#pricing .pricebox .box samp { display: block; font-size: 14px; border-bottom: 1px #dedede solid; padding-bottom: 15px; margin-bottom: 15px; }
#pricing .pricebox .box samp:last-child { margin-bottom: 0px; padding-bottom: 0px; border: 0px; }
@media screen and (max-width: 767px) { #pricing { display: inherit; }
  #pricing h2 { font-size: 25px; }
  #pricing h3 { font-size: 22px; } }
@media screen and (max-width: 640px) { #pricing { padding-bottom: 50px; }
  #pricing .pricebox { flex-flow: column; }
  #pricing .pricebox .box { width: 94%; box-sizing: border-box; margin-bottom: 20px; } }

#whymagento { background: url(../images/whymagento-bg.png) repeat 0 0; padding: 100px 0 0; overflow: hidden; width: 100%; }
@media screen and (min-width: 992px) { #whymagento .focusdiv > *[class^="col-"]:nth-child(2n+1) { clear: both; margin-bottom: 0px; } }
#whymagento h2 { margin-top: -5px; margin-bottom: 50px; font-weight: 200; }
@media screen and (max-width: 1170px) { #whymagento h1 { line-height: 1; margin-bottom: 50px; margin-top: 40px; display: inline-block; }
  #whymagento .title { text-align: center; } }
#whymagento .girlimg { background: transparent url("../images/whymagento-img.png") no-repeat 0 0/cover; height: 630px; width: 100%; margin-top: 50px; }
@media screen and (max-width: 1370px) { #whymagento .girlimg { height: 530px; } }
@media screen and (max-width: 991px) { #whymagento .girlimg { height: 450px; } }
@media screen and (max-width: 639px) { #whymagento .girlimg { height: 410px; } }
@media screen and (max-width: 1169px) { #whymagento .girlimg { background-position: 70% center; } }
#whymagento .whatwe { text-align: left; margin-bottom: 100px; }
#whymagento .whatwe h3 { color: #6e6e6e; font-weight: 200; font-size: 20px; margin-bottom: 20px; }
#whymagento .whatwe p { font-size: 15px; }
@media screen and (max-width: 767px) { #whymagento .whatwe { text-align: center; } }
@media screen and (max-width: 1170px) { #whymagento .whatwe { margin-bottom: 50px; } }
@media screen and (min-width: 1170px) { #whymagento .whatwe .content { padding: 0px 40px 0; } }
@media screen and (max-width: 991px) { #whymagento .whatwe .content .col-md-6 { text-align: center; } }
@media screen and (max-width: 1170px) { #whymagento .whatwe .content .col-md-6 h3 { font-size: 24px; }
  #whymagento .whatwe .content .col-md-6 img { width: 20%; } }
#whymagento .whatwe .showmobile { display: none; }
@media screen and (min-width: 992px) and (max-width: 1170px) { #whymagento .whatwe .girlimg { height: 450px; }
  #whymagento .whatwe h3 { margin-top: 0px; }
  #whymagento .whatwe .showmobile { display: inline-block; max-width: 40%; margin-right: 15px; }
  #whymagento .whatwe .hiddenmobile { display: none; } }
@media screen and (max-width: 767px) { #whymagento .whatwe .col-sm-6 { min-height: auto !important; margin-bottom: 40px; }
  #whymagento .whatwe .col-sm-6:last-child { margin-bottom: 0px; } }
@media screen and (max-width: 1370px) { #whymagento .headtitle { text-align: center; } }
#whymagento .box { margin-bottom: 20px; background: white; box-sizing: border-box; padding: 20px; text-align: center; min-height: 280px; box-shadow: 6px 4px 13px rgba(0, 0, 0, 0.1); width: 90%; }
#whymagento .box .first.svg { margin-top: 15px; width: 70px; }
@media screen and (max-width: 1370px) { #whymagento .box { min-height: 290px; } }
#whymagento .box .svg { width: 60px; }
#whymagento .box:hover { background: #f64810; box-shadow: 6px 4px 13px rgba(246, 72, 16, 0.3); }
#whymagento .box:hover h3, #whymagento .box:hover p { color: #ffffff; }
#whymagento .box:hover .svg { width: 60px; }
#whymagento .box:hover svg path, #whymagento .box:hover svg circle { fill: #fff; }
#whymagento .box:hover .first.svg { width: 70px; }
#whymagento .box:hover .first.svg .st0 { fill: #fff; }
#whymagento .box:hover .first.svg .st1 { fill: #f64810; }

#ecommerce { margin: 100px auto; width: 90%; text-align: center; }
@media screen and (max-width: 767px) { #ecommerce { width: 100%; margin: 50px auto; } }
#ecommerce .content { margin-bottom: 80px; }
#ecommerce .content h3 { color: #6e6e6e; width: 65%; margin: 0 auto 50px; font-size: 40px; font-weight: 200; line-height: 60px; }
#ecommerce .content h3 span { font-size: 50px; display: block; }
@media screen and (max-width: 1370px) { #ecommerce .content h3 { font-size: 36px; }
  #ecommerce .content h3 span { font-size: 36px; } }
@media screen and (max-width: 1280px) { #ecommerce .content h3 { font-size: 28px; line-height: 30px; }
  #ecommerce .content h3 span { font-size: 25px; } }
#ecommerce .content p { font-size: 22px; margin: 0 auto; width: 80%; }
@media screen and (max-width: 1280px) { #ecommerce .content p { font-size: 20px; } }
@media screen and (max-width: 767px) { #ecommerce .content h3 { font-size: 22px; }
  #ecommerce .content h3 span { font-size: 20px; }
  #ecommerce .content p { font-size: 18px; } }
#ecommerce .content li { display: inline-block; margin: 0 50px; }
@media screen and (max-width: 1320px) { #ecommerce .content li { margin: 0 20px; width: 12%; }
  #ecommerce .content li img { max-width: 100%; } }
@media screen and (max-width: 767px) { #ecommerce .content li { margin: 0; } }
#ecommerce .content:last-child h3 { margin-bottom: 20px; }
#ecommerce .content hr { background-color: #7f7f7f; height: 1px; margin: 100px auto 0; width: 15%; }
@media screen and (max-width: 991px) { #ecommerce .content hr { margin: 80px auto; width: 50%; } }
@media screen and (max-width: 767px) { #ecommerce { width: 80%; }
  #ecommerce .content h3 { width: 100%; }
  #ecommerce .content li { width: 100%; }
  #ecommerce .content li img { margin-bottom: 25px; max-width: 100%; } }

.getaquote { padding: 50px 0; text-align: center; }
.getaquote .text1 { color: #000000; font-size: 35px; font-weight: 100; margin-bottom: 20px; }
@media screen and (max-width: 767px) { .getaquote .text1 { font-size: 20px; } }
@media screen and (max-width: 1280px) { .getaquote .text1 { margin-top: 50px; font-size: 24px; } }
@media screen and (max-width: 1280px) { .getaquote { padding: 0; } }
.getaquote .callnum { background-color: #f64810; font-size: 30px; color: #ffffff; font-weight: 100; padding: 15px; position: relative; display: inline-block; }
.getaquote .callnum a { color: #ffffff; }
@media screen and (max-width: 1280px) { .getaquote .callnum { font-size: 24px; margin-bottom: 30px; } }

#testimonials { padding: 100px 0 50px; }
#testimonials h2 { text-align: center; display: block; font-weight: 200; margin-bottom: 20px; }
#testimonials .slick-slide { padding: 0 30px; text-align: center; cursor: move; }
#testimonials .slick-slide p { font-size: 17px; }
#testimonials .slick-slide i { line-height: 1.4; color: #6a6a6a; font-size: 16px; margin-top: 25px; display: block; }
#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; } }
#testimonials .slick-dotted.slick-slider { overflow: hidden; }
#testimonials .slick-list { overflow: initial !important; }
#testimonials .slider .slick-slide > div { background: white; padding: 30px; box-sizing: border-box; box-shadow: 5px 15px 15px rgba(0, 0, 0, 0.1); }

.service { padding: 50px 0; }
@media screen and (max-width: 991px) { .service img { width: 100%; } }
@media screen and (max-width: 767px) { .service .col-sm-2 { text-align: center; } }

#footer { position: relative; z-index: 100; }
#footer h5 { font-size: 18px; color: #7f7f7f; 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: 75px 0 50px; 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: 16px; }
#footer .footertop input.field:focus { border-color: #252525; color: #252525; }
#footer .footertop .advanceds { margin-top: 30px; margin-bottom: 0px; color: #7f7f7f; 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: #f64810; 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: #070502; color: #070502; }
#footer .footertop .btnform { border-radius: 0px; background: #f64810; color: #ffffff; padding: 10px 70px; font-size: 18px; margin-bottom: 10px; }
#footer .footertop .btnform:hover { background: #6e6e6e; }
@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: #2e2e2e; padding: 50px 0; position: relative; overflow: hidden; font-size: 20px; color: #fff; font-weight: 300; }
#footer .footer-section-1 h3 { margin-bottom: 10px; }
#footer .footer-section-2 { color: #ffffff; background: #232323; padding: 8px 0; position: relative; text-align: center; }
#footer .footer-section-2 p { margin: 10px 15px 10px 0; display: inline-block; font-size: 13px; }
#footer .footer-section-2 img { width: 100px; }
#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 #88909b !important; -webkit-transition: 500ms; transition: 500ms; }
@media only screen and (max-width: 991px) { #footer .m-form-style label input:focus { -webkit-transition: 1000ms; transition: 1000ms; } }
#footer .m-form-style label input:focus + span, #footer .m-form-style label input:valid + span { top: -3px; font-size: 11px; color: #969696; font-weight: 400; color: #9B9B9B; letter-spacing: 0px; letter-spacing: 0.07rem; -webkit-transition: 500ms; transition: 500ms; }
@media only screen and (max-width: 991px) { #footer .m-form-style label input:focus + span, #footer .m-form-style label input:valid + span { -webkit-transition: 1000ms; transition: 1000ms; } }
#footer .m-form-style label textarea:focus { outline: none; border-bottom: 2px solid #88909b !important; -webkit-transition: 500ms; transition: 500ms; }
@media only screen and (max-width: 991px) { #footer .m-form-style label textarea:focus { -webkit-transition: 1000ms; transition: 1000ms; } }
#footer .m-form-style label textarea:focus + span, #footer .m-form-style label textarea:valid + span { top: -3px; font-size: 11px; color: #969696; font-weight: 400; color: #9B9B9B; letter-spacing: 0px; letter-spacing: 0.07rem; -webkit-transition: 500ms; transition: 500ms; }
@media only screen and (max-width: 991px) { #footer .m-form-style label textarea:focus + span, #footer .m-form-style label textarea:valid + span { -webkit-transition: 1000ms; transition: 1000ms; } }
#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: 200; font-size: 16px; color: #969696; }
@media only screen and (max-width: 991px) { #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 .footerlogo { margin-bottom: 20px; }
#footer .footer-inner-info div { padding: 10px; padding-left: 40px; color: #ffffff; font-size: 16px; }
#footer .footer-inner-info .fb-icon { background: url(../images/callus-icon.svg) no-repeat 0 5px; background-size: 25px; }
#footer .footer-inner-info .tweet-icon { background: url(../images/emailus-icon.svg) no-repeat 0 5px; background-size: 25px; }
#footer .footer-inner-info .gPlus-icon { background: url(../images/map-icon.svg) no-repeat 0 5px; background-size: 25px; }

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