/*
Theme Name: Aperio                        
Theme URI: http://themeforest.net/user/bradweb/?ref=bradweb
Author: bradweb
Author URI: http://themeforest.net/user/bradweb
Description: Aperio Multipurpose Wordpress Theme
Version: 2.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/


.view-interactive:hover {

    background-color: #ffaf7b;
    border: thin solid #ffaf7b;

}

.view-interactive:hover {

    background-color: #ffaf7b;
    border: thin solid #ffaf7b;

}
  .st0{opacity:0.4;fill:#BABCBE;enable-background:new    ;}
  .st1{fill:#77AF46;}
  .st2{fill:#283440;}
  .st3{fill:#131F48;}
  .st4{fill:#6C7473;}
  .st5{fill:#1B2A56;}
  .st6{fill:#9C9F9D;}
  .st7{fill:#1E3450;}
  .st8{fill:#FFFFFF;}
  .st9{fill:#1E2730;}
  .st10{fill:#543614;}
  .st11{fill:#55B848;}
  .st12{fill:#4DA046;}
  .st13{fill:#6EBD44;}
  .st14{fill:#849B98;}
  .st15{fill:#C8D3D6;}
  .st16{fill:#86B1BC;}
  .st17{fill:#397B3B;}
  .st18{fill:#F1F1F2;}
  .st19{fill:#84613E;}
  .st20{fill:#371313;}
  .st21{fill:#B3353B;}
  .st22{fill:#1F0E0F;}
  .st23{fill:#67161D;}
  .st24{fill:#2C1011;}
  .st25{fill:#F4F5F5;}
  .st26{fill:#AD7B2D;}
  .st27{fill:#825C24;}
  .st28{fill:#1E2A2E;}
  .st29{fill:#DDA65A;}
  .st30{fill:#A67D44;}
  .st31{fill:#E5BF41;}
  .st32{fill:none;stroke:#B09430;stroke-width:0.3083;stroke-miterlimit:10;}
  .st33{fill:#FFD549;}
  .st34{fill:none;stroke:#BD9E35;stroke-width:0.3083;stroke-miterlimit:10;}
  .st35{fill:#2F5C78;}
  .st36{fill:#3F7CA0;}
  .st37{fill:#A0A3A9;}
  .st38{fill:#C8E0EC;}
  .st39{fill:#4B4F54;}
  .st40{fill:#ED2227;}
  .st41{fill:#EEE81C;}
  .st42{fill:#6ABC48;}
  .st43{fill:#ACDCDF;}
  .st44{fill:#D6EDF5;}
  .st45{fill:#5F6566;}
  .st46{fill:#929497;}
  .st47{fill:#988581;}
  .st48{fill:#EA9358;}
  .st49{fill:#EF7622;}
  .st50{fill:#F4F3EF;}
  .st51{fill:#A6A8AB;}
  .st52{fill:#F8D779;}
  .st53{fill:#E0DCD6;}
  .st54{fill:#785431;}
  .st55{fill:#465055;}
  .st56{fill:#F5B59A;}
  .st57{fill:#1E1E1E;}
  .st58{fill:#E43E38;}
  .st59{fill:#DDD6C6;}
  .st60{fill:#333333;}
  .st61{fill:#802420;}
  .st62{fill:#3C7E8E;}
  .st63{fill:#4D4E4E;}
  .st64{fill:#8DB83F;}
  .st65{fill:#A3C83A;}
  .st66{fill:#826A2A;}
  .st67{fill:#F05A26;}
  .st68{fill:#A4C546;}
  .st69{fill:#6B8A3B;}
  .st70{fill:#3A3A3A;}
  .st71{fill:#7C973C;}
  .st72{fill:#625020;}
  .st73{fill:#868686;}
  .st74{fill:#9E9E9E;}
  .st75{fill:#CDCDCD;}
  .st76{fill:#6D6E6E;}
  .st77{fill:#C0C0C0;}
  .st78{fill:#4D4C4D;}
  .st79{fill:#DBDCDD;}
  .st80{fill:#CBCBCD;}
  .st81{fill:#CBCBCA;}
  .st82{fill:#8D8D8D;}
  .st83{fill:#AAAAAA;}
  .st84{fill:#EB5D42;}
  .st85{fill:#D8DAD0;}
  .st86{fill:#DBDBDB;}
  .st87{fill:#DBDADA;}
  .st88{fill:#99999A;}
  .st89{fill:#5A585D;}
  .st90{fill:#D95E4C;}
  .st91{fill:#69696F;}
  .st92{fill:#BBBBBB;}
  .st93{fill:#4C5457;}
  .st94{opacity:0.2;fill:#FFFFFF;enable-background:new    ;}
  .st95{fill:#676769;}
  .st96{fill:#434C60;}
  .st97{fill:#D3CBB8;}
  .st98{fill:#606160;}
  .st99{fill:#5B6063;}
  .st100{fill:#916440;}
  .st101{fill:#3E3E3D;}
  .st102{fill:#F7CC63;}
  .st103{fill:#E28D53;}
  .st104{fill:#A29A91;}
  .st105{fill:#C53228;}
  .st106{fill:#C7C2BC;}
  .st107{fill:#CFCAC4;}
  .st108{fill:#E7E2DE;}
  .st109{fill:#F2EEED;}
  .st110{fill:#5B2A2A;}
  .st111{fill:#F1E2DB;}
  .st112{fill:#FDC147;}
  .st113{fill:#F8AA81;}
  .st114{fill:#FFFBF7;}
  .st115{fill:#F6EFE3;}
  .st116{fill:#D2C9BC;}
  .st117{fill:#DCD4C6;}
  .st118{fill:#84726E;}
  .st119{fill:#F59166;}
  .st120{fill:#B1ACA3;}
  .st121{fill:#928D85;}
  .st122{fill:#9A9690;}
  .st123{fill:#C8C1B7;}
  .st124{fill:#DCD5C9;}
  .st125{fill:#6296B6;}
  .st126{fill:#265983;}
  .st127{fill:#738FA3;}
  .st128{fill:#E3E4E2;}
  .st129{fill:#F7F8F9;}
  .st130{fill:#6D6566;}
  .st131{fill:#FCB918;}
  .st132{fill:#FFD06D;}
  .st133{fill:#020303;}
  .st134{fill:#63CAE5;}
  .st135{fill:#3F4040;}
  .st136{fill:#E89323;}
  .st137{fill:#8B421F;}
  .st138{fill:#2E7998;}
  .st139{fill:#215B74;}
  .st140{fill:#C38140;}
  .st141{fill:#D9E8F3;}
  .st142{fill:#2E7998;stroke:#215B74;stroke-width:0.3541;stroke-miterlimit:10;}
  .st143{fill:#FFDB8E;}
  .st144{fill:#787878;}
  .st145{fill:#B0CD6A;}
  .st146{fill:#C6C5C4;}
  .st147{fill:#E7B46A;}
  .st148{fill:#587F3C;}
  .st149{fill:none;stroke:#FFFFFF;stroke-width:0.1867;stroke-miterlimit:10;}
  .st150{fill:none;stroke:#FFFFFF;stroke-width:0.1867;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
  .st151{fill:#A1A4A4;}
  .st152{fill:#C6C5C5;}
  .st153{fill:#676767;}
  .st154{fill:#8B8B8B;}
  .st155{fill:#595A5A;}
  .st156{fill:#FDDA2F;}
  .st157{fill:#FCBA2F;}
  .st158{fill:#F58835;}
  .st159{fill:#F9A721;}
  .st160{fill:#DB7F27;}
  .st161{fill:#DA9828;}
  .st162{fill:#C2852B;}
  .st163{fill:#829398;}
  .st164{fill:#92CBBF;}
  .st165{fill:#BADED3;}
  .st166{fill:#68787B;}
  .st167{fill:#515E60;}
  .st168{fill:#7C6F6D;}
  .st169{fill:#645653;}
  .st170{fill:#7B7875;}
  .st171{fill:#D5C3BE;}
  .st172{fill:#666561;}
  .st173{fill:#815636;}
  .st174{fill:#9D9992;}
  .st175{fill:#82807D;}
  .st176{fill:#1A72B0;}
  .st177{fill:#4690CD;}
  .st178{fill:#343434;}
  .st179{fill:#F6EB95;}
  .st180{fill:#5D5D5D;}
  .st181{fill:#DAD9D8;}
  .st182{fill:#C6C2C2;}
  .st183{fill:#AFAA91;}
  .st184{fill:#777364;}
  .st185{fill:#D6D6D6;}
  .st186{fill:#C9C9C9;}
  .st187{fill:#C7CAD1;}
  .st188{fill:#E6EDE6;}
  .st189{fill:#261712;}
  .st190{fill:#777364;stroke:#777364;stroke-width:5.781782e-02;stroke-miterlimit:10;}
  .st191{fill:#FFFFFF;stroke:#777364;stroke-width:5.781782e-02;stroke-miterlimit:10;}
  .st192{fill:#777364;stroke:#777364;stroke-width:3.940385e-02;stroke-miterlimit:10;}
  .st193{fill:#FFFFFF;stroke:#777364;stroke-width:3.940385e-02;stroke-miterlimit:10;}
  .st194{fill:#FFFFFF;stroke:#DF7A39;stroke-width:4;stroke-miterlimit:10;}
  .st195{fill:#FFFFFF;stroke:#5D5D5D;stroke-miterlimit:10;}
  .st196{fill:none;stroke:#4B4F54;stroke-width:0.5068;stroke-miterlimit:10;}
  .st197{fill:#FBCE5E;}
  .st198{fill:#FDC041;}
  .st199{fill:none;stroke:#727176;stroke-miterlimit:10;}
  .st200{fill:#231F20;}
  .st201{clip-path:url(#SVGID_2_);}
  .st202{clip-path:url(#SVGID_4_);fill:#777364;stroke:#777364;stroke-width:0.2628;stroke-miterlimit:10;}
  .st203{clip-path:url(#SVGID_6_);fill:#FFFFFF;stroke:#777364;stroke-width:0.2628;stroke-miterlimit:10;}
  .st204{clip-path:url(#SVGID_8_);}
  .st205{fill:none;stroke:#727176;stroke-width:0.2288;stroke-miterlimit:10;}
  .st206{fill:#727176;}
  .st207{fill:#58595B;}
  .st208{clip-path:url(#SVGID_10_);}
  .st209{clip-path:url(#SVGID_12_);}
  .st210{clip-path:url(#SVGID_14_);}
  .st211{clip-path:url(#SVGID_16_);}
  .st212{clip-path:url(#SVGID_18_);}
  .st213{fill:#777364;stroke:#777364;stroke-width:0.1907;stroke-miterlimit:10;}
  .st214{fill:#FFFFFF;stroke:#777364;stroke-width:0.1907;stroke-miterlimit:10;}
  .st215{clip-path:url(#SVGID_20_);}
  .st216{clip-path:url(#SVGID_22_);}
  .st217{fill:none;stroke:#727176;stroke-width:0.1473;stroke-miterlimit:10;}
  .st218{clip-path:url(#SVGID_24_);fill:#777364;}
  .st219{clip-path:url(#SVGID_26_);fill:#C7CAD1;}
  .st220{clip-path:url(#SVGID_28_);fill:#C7CAD1;}
  .st221{clip-path:url(#SVGID_30_);fill:#C7CAD1;}
  .st222{clip-path:url(#SVGID_32_);fill:#AFAA91;}
  .st223{clip-path:url(#SVGID_34_);fill:#E6EDE6;}
  .st224{clip-path:url(#SVGID_36_);fill:#261712;}
  .st225{clip-path:url(#SVGID_38_);fill:#E6EDE6;}
  .st226{clip-path:url(#SVGID_40_);fill:#E6EDE6;}
  .st227{clip-path:url(#SVGID_42_);}
  .st228{fill:none;stroke:#727176;stroke-width:0.1603;stroke-miterlimit:10;}
.menu1, .menu2, .menu3, .menu4, .menu5, .menu6 {
  cursor: pointer;
  display: inline-block;
  font-size: 2px;
  height: 3em;
  margin: 2%;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  width: 4em;
  -webkit-tap-highlight-color: transparent;
}

.menu1 span, .menu2 span, .menu3 span, .menu4 span, .menu5 span, .menu6 span {
  background: #fff;
  border-radius: 2em;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  height: 0.8em;
  position: absolute;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
}

.menu6 span {
  left: 0;
}
.menu6 span:nth-child(1) {
  top: 2.5em;
}
.menu6 span:nth-child(2) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  top: 2.5em;
}
.open.menu6 {
  -webkit-transform: rotate(135deg) translatey(0.3em);
          transform: rotate(135deg) translatey(0.3em);top: 2.5em;

}


.net span {
  left: 0;
}
.net span:nth-child(1) {
  top: 2.5em;
}
.net span:nth-child(2) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  top: 2.5em;
}


.net2 span {
  left: 0;
}
.net2 span:nth-child(1) {
  top: 2.5em;
}
.net2 span:nth-child(2) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  top: 2.5em;
}

.net3 span {
  left: 0;
}
.net3 span:nth-child(1) {
  top: 2.5em;
}
.net3 span:nth-child(2) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  top: 2.5em;
}

.net4 span {
  left: 0;
}
.net4 span:nth-child(1) {
  top: 2.5em;
}
.net4 span:nth-child(2) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  top: 2.5em;
}

.net5 span {
  left: 0;
}
.net5 span:nth-child(1) {
  top: 2.5em;
}
.net5 span:nth-child(2) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  top: 2.5em;
}

.net6 span {
  left: 0;
}
.net6 span:nth-child(1) {
  top: 2.5em;
}
.net6 span:nth-child(2) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  top: 2.5em;
}

.net7 span {
  left: 0;
}
.net7 span:nth-child(1) {
  top: 2.5em;
}
.net7 span:nth-child(2) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  top: 2.5em;
}

.net8 span {
  left: 0;
}
.net8 span:nth-child(1) {
  top: 2.5em;
}
.net8 span:nth-child(2) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  top: 2.5em;
}

.net9 span {
  left: 0;
}
.net9 span:nth-child(1) {
  top: 2.5em;
}
.net9 span:nth-child(2) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  top: 2.5em;
}

.net10 span {
  left: 0;
}
.net10 span:nth-child(1) {
  top: 2.5em;
}
.net10 span:nth-child(2) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  top: 2.5em;
}

.net11 span {
  left: 0;
}
.net11 span:nth-child(1) {
  top: 2.5em;
}
.net11 span:nth-child(2) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  top: 2.5em;
}

svg#Layer_1{
  width: 567px;
  height: 567px;
}


.rot.net, .rot.net2, .rot.net3, .rot.net4, .rot.net5, .rot.net6, .rot.net7, .rot.net8, .rot.net9, .rot.net10, .rot.net11{
  -webkit-transform: rotate(135deg) translatey(0.3em);
          transform: rotate(135deg) translatey(0.3em);top: 2.5em;

}
.overlay-header{
      background-color: black;
    position: fixed;
    top: 0;
    width: 100%;
    padding: 20px;
        z-index: 99999999999999999;
}

#cow, #hospital, #football, #school, #bulldozer, #police, #police2, #police3, #police4, #park, #park2, #park3, #trailer, #factory, #factory2, #residential, #network, #network2, #network3{
  display: none;
}
.headline-overlay{

    position: absolute;
    top: 40px;
  left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;

  }




  .close2{
    position: absolute;
    top: 30px;
    right:40px;
    color: #fff;
    padding: 12px 25px 14px;
    border: #eb7225 solid 2px;
   background-color: #ea782f ;
   font-size: 13px;
  border-radius: 30px;
   font-weight: bold;

  }

   .close2: hover{
  
   background-color: #ff7d2b;
  

  }
 .interactive-center{
width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

ul.interactive-list ul {
  display: none;
  background-color: #fff;
margin: 0;
padding: 20px;
   
     border: 1px solid #bababa;

}
.interactive-overlay{
    width: 100%;
    z-index: 999999999;
    position: absolute;
    padding-top: 50px;
    top: 100px;
    height: 100%;
    background-color: rgba(255, 255, 255, 1);
    min-height: 1500px;
    display: none;

}

.see-it{
     display: -ms-flexbox;
  display: -webkit-flex;
  display: block;

  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;

  align-items: center;

}
.navigation{
float: left;
    margin-left: 50px;
width: 300px;
    background-color: rgb(235, 114, 37); ;
}

.view-interactive{

color: #fff;
padding: 22px 55px 24px;
font-size: 13px;
border: #eb7225 solid 2px;
background-color: #ea782f ;
border-radius: 30px;
font-weight: bold;

}

nav#ineractive-menu{
    margin: 30px auto 30px auto;
    max-width: 1100px;
    background-color: rgb(235, 114, 37); ;
    width: 300px;

}

a.view-interactive:hover{
color: #fff;

background-color: #ff7d2b ;

}

ul.interactive-list{
      list-style: none;
    margin: 0 !important;
    padding: 0;
    overflow: hidden;
   
}

ul.interactive-list li {
      list-style: none;

}

ul.interactive-list li a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px 16%;
    text-decoration: none;
}

ul.interactive-list li a:hover {
  margin: 0;
    background-color: #b0602c;
}

.metro-txt{

  max-width: 1100px !important;
  margin: 0 auto !important;
}

.metro-txt > .section {
  padding: 70px 0 20px;
}
.fancy {
  line-height: 0.5;
  text-align: center;
}
.fancy span {
  display: inline-block;
  position: relative;  
}
.fancy span:before,
.fancy span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #eb7225;
  top: 0;
  width: 50px;
}
.fancy span:before {
  right: 100%;
  margin-right: 15px;
}
.fancy span:after {
  left: 100%;
  margin-left: 15px;
}


.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor {}

.svgholder{
    width: 60%;
    max-width: 800px;
    float: left;
    animation: grow 1.5s;
}

.feature_boxes.iconbox-style3 .feature_box > .brad-icon{

background-color: #eb7225 !important;
}

a.imgs:hover{

width: 90%;

}
ul.utilities-txt li, ul.municiple-txt li, ul.agriculture-txt li, ul.education-txt li, ul.home-txt li, ul.construction-txt li, ul.sports-txt li, ul.network-txt li, ul.health-txt li, ul.commercial-txt li, ul.house-txt li, ul.logistics-txt li, ul.commercial-txt li{
    list-style: disc;
    border-bottom: none;
    margin-left: 15px;
}

.headline{

  max-width: 1100px;
  margin: 250px auto 0 auto;
}

.metro-logo {
    position: absolute;
    height: 230px;
    max-width: 1100px;
    margin: 0px auto;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('http://m2mspectrum.com/wp-content/uploads/2016/08/Mpowered.png');
}

ul.commercial-txt li{
border-bottom: #fff!important;

}
.municiple-txt, .education-txt, .agriculture-txt, .home-txt, .construction-txt, .sports-txt, .network-txt, .utilities-txt, .health-txt, .logistics-txt, .commercial-txt{
display: none;

}
.show {
     z-index: 400;
    position: fixed;
    top: 400px;
    max-width: 420px;
    background-color: #fff;
    padding: 20px;
    left: 30px;
    right: 0;
    box-shadow: 3px 3px 10px 2px #999;
    animation: grow 1s;
    width: 90%;
}
}


#XMLID_40_{
animation: grow;
animation-delay: 4s;
animation-duration: 1.5s;
 animation-iteration-count: infinite;

}
#XMLID_41_{
animation: grow;
animation-delay: 3s;
animation-duration: 1s;
 animation-iteration-count: infinite;

}
#XMLID_42_{
animation: grow;
animation-delay: 2s;
animation-duration: .5s;
 animation-iteration-count: infinite;

}

#XMLID_30_{
animation: grow;
animation-delay: 4s;
animation-duration: 1.5s;
 animation-iteration-count: infinite;

}
#XMLID_31_{
animation: grow;
animation-delay: 3s;
animation-duration: 1s;
 animation-iteration-count: infinite;

}
#XMLID_32_{
animation: grow;
animation-delay: 2s;
animation-duration: .5s;
 animation-iteration-count: infinite;

}

#XMLID_10_{
animation: grow;
animation-delay: 4s;
animation-duration: 1.5s;
 animation-iteration-count: infinite;

}
#XMLID_9_{
animation: grow;
animation-delay: 3s;
animation-duration: 1s;
 animation-iteration-count: infinite;

}

#XMLID_8__{
animation: grow;
animation-delay: 2s;
animation-duration: .5s;
 animation-iteration-count: infinite;

}

#XMLID_43_{
animation: infinite-spinning;
animation-delay: 0s;
animation-duration: 40s;
animation-iteration-count: infinite;
}

.st169{
animation: grow;
animation-duration: 2s;
animation-iteration-count: infinite;
}

.circle-in{

animation: bigger;
animation-duration: 1.5s;
}

h3#municiple2, h3#agriculture2, h3#education2, h3#house2, h3#construction2, h3#sports2, h3#utilities2, h3#health2, h3#network4, h3#logistics2, h3#commercial2{
  color: white;
  text-align: center;
  padding-top: 5px;
  border-top: solid thin;
  width: 100%;
  height: 100%;
  font-size: 15px;
  margin-bottom: 5px;
}


@-webkit-keyframes bigger {
    0%   {left:0px; top:0px;}
 
    100% {left:200px; top:0px;}
}


.circle{
   -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera < 12.1 */
            animation: fadein 3s;


}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes grow{
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
 
  }
}


@keyframes infinite-spinning {
  from {
    transform: rotate(0deg);
    transform-origin: center;
  }
  to {
    transform: rotate(360deg);
    transform-origin: center;
  }
}

@media only screen and (max-width: 1089px) and (min-width: 808px){

 .mobile-head{
   font-size: 30px !important;
  }

}
@media only screen and (max-width: 1000px) and (min-width: 769px){

.section {
    padding: 100px 0 80px !important;
  
}
 .mobile-head{
   font-size: 30px !important;
  }

}

@media only screen and (max-width: 875px) and (min-width: 769px){

 .mobile-head{
   font-size: 25px !important;
  }

}


@media only screen and (max-width: 768px) and (min-width: 320px){

  .section {
    padding: 100px 0 80px !important;
  
}

  #full-width, .section{
    padding-top:120px !important;

  }

  .alignleft{
    width: 100%;
    max-width: 320px;
    margin: 0 auto !important;
  }

  svg#Layer_1{
  width: 320px;
  height: 320px;
  margin: 0 auto;
  display: block;
}


      li.listing{
        display: list-item !important ;
      }

.interactive-center {
    width: 100%;
    display: block;
    margin-top: 0px;
}

  .navigation {
 float: none;
  margin-left: 0px;
    width: 100%;
    background-color: rgb(235, 114, 37); 
    border-bottom: solid thin #333;
}

.menu1 span, .menu2 span, .menu3 span, .menu4 span, .menu5 span, .menu6 span {
  background-color: rgb(235, 114, 37); 
}

  .mobile-head{
    text-align: left !important;
    width: 80%;
  }

  .close2{

    right: 15px;
 
}


.headline {
 display: none;

}
.mobile-show{
    display: block;
    z-index: 999999999;
    position: absolute;
    top: 30px;
    width: 90%;
    right: 0;
    left: 0;
    margin: center;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
}

.interactive-overlay{
 
    min-height: 2000px;


}



.svgholder {
width: 100%;
    margin: 0 auto;
    animation: grow 1.5s;
}


.show {
    z-index: 400;
    position: fixed;
    top: 80px;
    max-width: 768px;
    background-color: #fff;
    padding: 20px;
    left: 0;
    right: 0;
    box-shadow: 3px 3px 10px 2px #999;
    animation: grow 1s;
    width: 100%;
}

.navigation {
    float: none;
    margin-left: 0px;
      width: auto;
  background-color: #fff;
    margin-top: 0px;
 border-bottom: none;
}

h3#municiple2, h3#agriculture2, h3#education2, h3#house2, h3#construction2, h3#sports2, h3#utilities2, h3#health2, h3#network4, h3#logistics2, h3#commercial2 {
    color: rgb(235, 114, 37);
    text-align: center;
    padding-top: 0px;
    border-top: none;
    font-size: 12px;

}

ul.interactive-list {
    list-style: none;
    margin: 0 !important;
    padding: 0;
    /* overflow: hidden; */
    display: inline;
}

ul.interactive-list li {
 
    display: inline;
}
}


@media only screen and (max-width: 374px) and (min-width: 320px){

 .mobile-head{
   font-size: 20px !important;
  }

}

.row-fluid .row-fluid {

    margin: 0 !important;
}