html, body, #page {
    width: 100%;
    height: 100%;
}

body { background:#fff; font-family:'Roboto',Helvectica,sans-serif; }

.clear { clear:both; width:100%; }

.r { float:right; }
.l { float:left; }

*:focus { outline:none; }

ul.nav {
   display: none;
} 

#results { margin-left:20px; }

ul.nav>li[data-menuanchor="intro"] {
    display: none;
}

ul.nav>li {
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
}

ul.nav>li {
    left: 0px;outline:none; 
}
ul.nav>li>a {
   outline:none; 
}

ul.nav>li>a>i { float:left; width:24px; height:24px; padding-right:36px; }

ul.nav>li>a>i.welcome{background:transparent url(../images/icon_welcome.png) no-repeat center left; }
ul.nav>li>a>i.trading-and-investment{background:transparent url(../images/icon_trading.png) no-repeat center left; }
ul.nav>li>a>i.cabel-and-satelite-tv-network{background:transparent url(../images/icon_cabel.png) no-repeat center left; }
ul.nav>li>a>i.press-and-media{background:transparent url(../images/icon_press.png) no-repeat center left; }
ul.nav>li>a>i.advertising-and-public-relations{background:transparent url(../images/icon_advertising.png) no-repeat center left; }
ul.nav>li>a>i.publishing{background:transparent url(../images/icon_publishing.png) no-repeat center left; }
ul.nav>li>a>i.travelling{background:transparent url(../images/icon_travelling.png) no-repeat center left; }
ul.nav>li>a>i.security{background:transparent url(../images/icon_security.png) no-repeat center left; }
ul.nav>li>a>i.internet-provider{background:transparent url(../images/icon_internet.png) no-repeat center left; }


ul.nav>li:nth-child(0) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
 
ul.nav>li:nth-child(1) {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

ul.nav>li:nth-child(2) {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s;
}

ul.nav>li:nth-child(3) {
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s;
}

ul.nav>li:nth-child(4) {
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s;
}

ul.nav>li:nth-child(5) {
    -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s;
}

ul.nav>li:nth-child(6) {
    -webkit-transition-delay: 2.8s;
    transition-delay: 2.8s;
}

ul.nav>li.active>a:hover {}

ul.nav>li:hover>a,
ul.nav>li>a:focus {
    color: rgba(0, 0, 0, 0.8);
    text-decoration:none; 
    background:none;
}

ul.nav>li:hover { background:none; }
ul.nav>li>a,
ul.nav>li.active>a {
    padding: 0px 0 0;
    text-decoration: none;
    display: block;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
    line-height: 24px;
    margin: 16px 0 16px;
    font-weight:400; 
}

ul.nav>li.pasive>a {
    font-size: 52px;
    line-height: 42px;
    height: 36px;
    padding: 0;
    margin: 14px 0;
}

ul.nav>li.active>a {
    color: #000;
    font-size:16px;
    font-weight: bold; 
}

a:hover { text-decoration:none; }

#welcome { background:url(../images/bg_welcome.jpg) no-repeat; background-attachment:fixed; background-size: cover; margin:0px; float:left; padding:0; padding-bottom:90px;  width:100%;  min-height:100%;   }
#welcome article { float:left; text-align:center; margin-top:10px; width:95%; margin-left:5%;   }
#welcome article h1  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:33px; font-weight:500;  text-transform:uppercase;  }
#welcome article h2  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:25px; font-weight:500;  text-transform:uppercase;  }
#welcome article h3  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:20px; font-weight:500;  text-transform:uppercase;  }
#welcome article p  { margin-top:20px; text-align:left; font-size:15px; font-weight:300;   }
#welcome a.cntForm { display: none; }

#trading-and-investment { background:url(../images/bg_trading.jpg) no-repeat; background-attachment:fixed; background-size: cover;  margin:0px; float:left; padding:0; padding-bottom:90px;  width:100%;  min-height:100%;   }
#trading-and-investment article { float:left; text-align:center; margin-top:10px; width:95%; margin-left:5%;   }
#trading-and-investment article h2  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:33px; font-weight:500;  text-transform:uppercase;  }
#trading-and-investment article h3  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:20px; font-weight:500;  text-transform:uppercase;  }
#trading-and-investment article p  { margin-top:20px; text-align:left; font-size:15px; font-weight:300;   }
#trading-and-investment  a.cntForm { display: none; }

#cabel-and-satelite-tv-network { background:url(../images/bg_cabel.jpg) no-repeat;  background-attachment:fixed;  background-size: cover; margin:0px; float:left; padding:0;  padding-bottom:90px;  width:100%; min-height:100%;  }
#cabel-and-satelite-tv-network article { float:left; text-align:center; margin-top:10px; width:95%; margin-left:5%;   }
#cabel-and-satelite-tv-network article h2  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:33px; font-weight:500; text-transform:uppercase;  }
#cabel-and-satelite-tv-network article h3  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:20px; font-weight:500; text-transform:uppercase;  }
#cabel-and-satelite-tv-network article p  { margin-top:20px; text-align:left; font-size:15px; font-weight:300;   }
#cabel-and-satelite-tv-network a.cntForm { display: none; }

#press-and-media { background:url(../images/bg_press.jpg) no-repeat;  background-attachment:fixed;  background-size: cover;   margin:0px; float:left; padding:0;  padding-bottom:90px;  width:100%; min-height:100%;   }
#press-and-media article { float:left; text-align:center; margin-top:10px; width:95%; margin-left:5%;   }
#press-and-media article h2  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:33px; font-weight:500; text-transform:uppercase;  }
#press-and-media article h3  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:20px; font-weight:500; text-transform:uppercase;  }
#press-and-media article p  { margin-top:20px; text-align:left; font-size:15px; font-weight:300;   }
#press-and-media  a.cntForm { display: none; }

#advertising-and-public-relations { background:url(../images/bg_advertising.jpg) no-repeat;  background-attachment:fixed;   background-size: cover;  margin:0px; float:left; padding:0;  padding-bottom:90px;  width:100%; min-height:100%;  }
#advertising-and-public-relations article { float:left; text-align:center; margin-top:10px; width:95%; margin-left:5%;   }
#advertising-and-public-relations article h2  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:33px; font-weight:500; text-transform:uppercase;  }
#advertising-and-public-relations article h3  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:20px; font-weight:500; text-transform:uppercase;  }
#advertising-and-public-relations article p  { margin-top:20px; text-align:left; font-size:15px; font-weight:300;   }
#advertising-and-public-relations a.cntForm { display: none; }

#publishing { background:url(../images/bg_publishing.jpg) no-repeat;  background-attachment:fixed;    background-size: cover; margin:0px; float:left; padding:0;  padding-bottom:90px;  width:100%; min-height:100%;  }
#publishing article { float:left; text-align:center; margin-top:10px; width:95%; margin-left:5%;   }
#publishing article h2  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:33px; font-weight:500; text-transform:uppercase;  }
#publishing article h3  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:20px; font-weight:500; text-transform:uppercase;  }
#publishing article p  { margin-top:20px; text-align:left; font-size:15px; font-weight:300;   }
#publishing article a.cntForm { display: none; }

#travelling { background:url(../images/bg_travelling.jpg) no-repeat;  background-attachment:fixed;  background-size: cover;   margin:0px; float:left; padding:0;  padding-bottom:90px;  width:100%; min-height:100%;  }
#travelling article { float:left; text-align:center; margin-top:10px; width:95%; margin-left:5%;   }
#travelling article h2  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:33px; font-weight:500; text-transform:uppercase;  }
#travelling article h3  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:20px; font-weight:500; text-transform:uppercase;  }
#travelling article p  { margin-top:20px; text-align:left; font-size:15px; font-weight:300;   }
#travelling a.cntForm { display: none; }

#security { background:url(../images/bg_security.jpg) no-repeat; background-attachment:fixed;background-size: cover;  margin:0px; float:left; padding:0; padding-bottom:90px;  width:100%; min-height:100%;  }
#security article { float:left; text-align:center; margin-top:10px; width:95%; margin-left:5%;   }
#security article h2  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:33px; font-weight:500;  text-transform:uppercase;  }
#security article h3  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:20px; font-weight:500;  text-transform:uppercase;  }
#security article p  { margin-top:20px; text-align:left; font-size:15px; font-weight:300;   }
#security a.cntForm { display: none; }

#internet-provider { background:url(../images/bg_internet.jpg) no-repeat; background-attachment:fixed; background-size: cover;  margin:0px; float:left; padding:0; padding-bottom:90px;  width:100%;  min-height:100%;   }
#internet-provider article { float:left; text-align:center; margin-top:10px; width:95%; margin-left:5%;   }
#internet-provider article h2  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:33px; font-weight:500;  text-transform:uppercase;  }
#internet-provider article h3  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:20px; font-weight:500;  text-transform:uppercase;  }
#internet-provider article p  { margin-top:20px; text-align:left; font-size:15px; font-weight:300;   }
#internet-provider  a.cntForm { display: none; }

.mobileMenu { display:none; }

footer { background:#000; margin:0px; float:left; padding:0; padding-bottom:90px; color:#fcfcfc;  width:100%; padding:15px;  height:50px;   }
 
 
#cnForm .txt-fld { position: relative; padding: 14px 20px; border-bottom: 1px solid #EEE; text-align: right; }
#cnForm .btn-fld { overflow: hidden; padding-top: 10px; padding-bottom:10px; text-align:center; margin-left:30%; float:left;  }

#cnForm .txt-fld label { display: block; float: left; width: 100%; padding-top: 4px; padding-bottom:4px;  color: #222; font-size: 13px; font-weight:300; text-align: left;  }
#cnForm .txt-fld input { width: 100%; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family: "Helvetica Neue"; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
#cnForm .txt-fld textarea { width: 100%; height:80px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family: "Helvetica Neue"; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
#cnForm .txt-fld input[type="button"] { width:30%; background-color:#3F9D4A; color:#fff; border:0;  }
#cnForm .txt-fld:last-of-type{border-bottom:0; }

.txt-fld input:focus, .txt-fld textarea:focus { background-color: #FAF9DC; }
        
button { 
	float: left;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	background: #3F9D4A; 
	border: none;
  overflow: visible;
  font-size: 1.4em; 
  color: #FFF; 
  
 padding: 12px;  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-weight: bold; text-shadow: 0 1px 0 rgba(0,0,0,0.4);}
        
.modal_close { position: absolute; top: 12px; right: 12px; display: block; width: 14px; height: 14px; background: url(../images/modal_close.png); z-index: 2; }


@media only screen and (max-width: 999px) { 
     
    body { max-width:100%; overflow-x:hidden; }
    ul.nav { display:none; }
    
    .mobileMenu { display:inline;  }

    nav ul {
      border-top: 1px solid #2c3e50;
//      text-align: center;
    }

    #navigation-list { 
      position:absolute; 
      background: rgba(0,0,0, 0.8);
      width:94%;
      top:1%;
      left:3%; 
      z-index:50;
      border-radius:5px
    }
    nav#navigation-list ul { margin-top:60px; margin-left:-5%;  }
    
    .mobileMenu nav li { list-style:none; }
    .mobileMenu nav li a {
      text-decoration: inherit;
      padding: 15px 0px;
      color: white;
      display: block;
      text-transform: uppercase;
      transition: all 0.4s;
      -webkit-transition: all 0.4s;
      text-align:left

    }

    .mobileMenu nav li a i { float:left; width:24px; height:24px; padding-right:36px;       margin-left: 5%;}

    .mobileMenu nav li a:hover { background-color: #2c3e50; }

    .mobileMenu nav li a i.welcome{background:transparent url(../images/icon_welcome_white.png) no-repeat center left; }
    .mobileMenu nav li a i.trading-and-investment{background:transparent url(../images/icon_trading_white.png) no-repeat center left; }
    .mobileMenu nav li a i.cabel-and-satelite-tv-network{background:transparent url(../images/icon_cabel_white.png) no-repeat center left; }
    .mobileMenu nav li a i.press-and-media{background:transparent url(../images/icon_press_white.png) no-repeat center left; }
    .mobileMenu nav li a i.advertising-and-public-relations{background:transparent url(../images/icon_advertising_white.png) no-repeat center left; }
    .mobileMenu nav li a i.publishing{background:transparent url(../images/icon_publishing_white.png) no-repeat center left; }
    .mobileMenu nav li a i.travelling{background:transparent url(../images/icon_travelling_white.png) no-repeat center left; }
    .mobileMenu nav li a i.security{background:transparent url(../images/icon_security_white.png) no-repeat center left; }
    .mobileMenu nav li a i.internet-provider{background:transparent url(../images/icon_internet_white.png) no-repeat center left; }


    .mobileMenu .menuBtn {
      display: block;
      line-height: 15px;
      text-align: right;
      padding-right: 20px;
      cursor: pointer;
      position:absolute;
      float:right;
      right:20px; 
      z-index:999;
    }

    .mobileMenu .menuBtn:hover { opacity: 0.7; }

    .mobileMenu .menuBtn img {
      height: 40px;
      position: relative;
      top: 13px;
      right: -15px;
    }


    #welcome { background:url(../images/bg_welcome.jpg) no-repeat; background-attachment:fixed;  background-size: cover;  margin:0px; float:left; padding:0; padding-bottom:90px;  width:100%;  min-height:100%;  }
    #welcome article { float:left; text-align:center; margin-top:30px; width:100%; margin-left:0%; padding:4%;    }
    #welcome article h3  { text-align:left; margin-top: 30px; color:#333; text-shadow:1px 1px #fff; font-size:32px; font-weight:500;  text-transform:uppercase;  }
    #welcome article p  { margin-top:20px; text-align:left; color:#000; font-size:18px; font-weight:300;   }


    #trading-and-investment { background:url(../images/bg_trading.jpg) no-repeat; background-attachment:fixed; background-size: cover;  margin:0px; float:left; padding:0; padding-bottom:90px;  width:100%;  min-height:100%;   }
    #trading-and-investment article { float:left; text-align:center; margin-top:30px; width:100%; margin-left:0%; padding:4%;    }
    #trading-and-investment article h3  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:32px; font-weight:500;  text-transform:uppercase;  }
    #trading-and-investment article p  { margin-top:20px; text-align:left; color:#000; font-size:18px; font-weight:300;   }


    #cabel-and-satelite-tv-network { background:url(../images/bg_cabel.jpg) no-repeat;  background-attachment:fixed; background-size: cover;  margin:0px; float:left; padding:0;  padding-bottom:90px;  width:100%; min-height:100%;   }
    #cabel-and-satelite-tv-network article { float:left; text-align:center; margin-top:30px; width:100%; margin-left:0%; padding:4%;    }
    #cabel-and-satelite-tv-network article h3  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:32px; font-weight:500; text-transform:uppercase;  }
    #cabel-and-satelite-tv-network article p  { margin-top:20px; text-align:left; color:#000; font-size:18px; font-weight:300;   }


    #press-and-media { background:url(../images/bg_press.jpg) no-repeat;  background-attachment:fixed; background-size: cover;    margin:0px; float:left; padding:0;  padding-bottom:90px;  width:100%; min-height:100%;  }
    #press-and-media article { float:left; text-align:center; margin-top:30px; width:100%; margin-left:0%; padding:4%;    }
    #press-and-media article h3  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:32px; font-weight:500; text-transform:uppercase;  }
    #press-and-media article p  { margin-top:20px; text-align:left; color:#000; font-size:18px; font-weight:300;   }

    #advertising-and-public-relations { background:url(../images/bg_advertising.jpg) no-repeat;  background-attachment:fixed;  background-size: cover;   margin:0px; float:left; padding:0;  padding-bottom:90px;  width:100%; min-height:100%;  }
    #advertising-and-public-relations article { float:left; text-align:center; margin-top:30px; width:100%; margin-left:0%; padding:4%;    }
    #advertising-and-public-relations article h3  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:32px; font-weight:500; text-transform:uppercase;  }
    #advertising-and-public-relations article p  { margin-top:20px; text-align:left; color:#000; font-size:18px; font-weight:300;   }


    #publishing { background:url(../images/bg_publishing.jpg) no-repeat;  background-attachment:fixed;  background-size: cover;   margin:0px; float:left; padding:0;  padding-bottom:90px;  width:100%; min-height:100%; }
    #publishing article { float:left; text-align:center; margin-top:30px; width:100%; margin-left:0%; padding:4%;    }
    #publishing article h3  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:32px; font-weight:500; text-transform:uppercase;  }
    #publishing article p  { margin-top:20px; text-align:left; color:#000; font-size:18px; font-weight:300;   }


    #travelling { background:url(../images/bg_travelling.jpg) no-repeat;  background-attachment:fixed;  background-size: cover;   margin:0px; float:left; padding:0;  padding-bottom:90px;  width:100%; min-height:100%;   }
    #travelling article { float:left; text-align:center; margin-top:30px; width:100%; margin-left:0%; padding:4%;    }
    #travelling article h3  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:32px; font-weight:500; text-transform:uppercase;  }
    #travelling article p  { margin-top:20px; text-align:left; color:#000; font-size:18px; font-weight:300;   }

    #security { background:url(../images/bg_security.jpg) no-repeat; background-attachment:fixed; background-size: cover;  margin:0px; float:left; padding:0; padding-bottom:90px;  width:100%;  min-height:100%; }
    #security article { float:left; text-align:center; margin-top:30px; width:100%; margin-left:0%; padding:4%;    }
    #security article h3  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:32px; font-weight:500;  text-transform:uppercase;  }
    #security article p  { margin-top:20px; text-align:left; color:#000; font-size:18px; font-weight:300;   }

    #internet-provider { background:url(../images/bg_internet.jpg) no-repeat; background-attachment:fixed; background-size: cover;  margin:0px; float:left; padding:0; padding-bottom:90px;  width:100%;  min-height:100%;   }
    #internet-provider article { float:left; text-align:center; margin-top:30px; width:100%; margin-left:0%; padding:4%;    }
    #internet-provider article h3  { text-align:left; color:#333; text-shadow:1px 1px #fff; font-size:32px; font-weight:500;  text-transform:uppercase;  }
    #internet-provider article p  { margin-top:20px; text-align:left; color:#000; font-size:18px; font-weight:300;   }

      
    .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    background-color: #888;/* change this color*/
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset;
    color: #555555;
    text-decoration: none;
    
    }
    
}

.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}


#loader { display:none; }

.page_loader {

  width:100%;
  top:0px;
  background:transparent url(../images/dark.png);
  left:0px;
  height:100%;
  position:fixed;
  z-index:99999;

}

.center_loading { margin:auto; width:100px; height:100px; position:relative; top:40%; }
.text_loading { margin:auto; width:180px; height:100px; position:relative; top:42%; color:#fff; font-size:14px; }


.loading-effect-2 {
  width: 100px;
  height: 100px;
}
.loading-effect-2 > span,
.loading-effect-2 > span:before,
.loading-effect-2 > span:after {
  content: "";
  display: block;
  border-radius: 50%;
  border: 2px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.loading-effect-2 > span {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-left-color: transparent;
  -webkit-animation: effect-2 2s infinite linear;
  -moz-animation: effect-2 2s infinite linear;
  -ms-animation: effect-2 2s infinite linear;
  -o-animation: effect-2 2s infinite linear;
  animation: effect-2 2s infinite linear;
}
.loading-effect-2 > span:before {
  width: 75%;
  height: 75%;
  border-right-color: transparent;
}
.loading-effect-2 > span:after {
  width: 50%;
  height: 50%;
  border-bottom-color: transparent;
}
@-webkit-keyframes effect-2 {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes effect-2 {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}