* {
  -webkit-overflow-scrolling: touch;
  -webkit-user-select: html;
  -khtml-user-select: html;
  -moz-user-select: html;
  -ms-user-select: html;
  user-select: html;
}

p
{
  margin: 0;
}

a:hover
{
  text-decoration: none;
}

a:focus
{
  outline: none;
}

ul
{
  list-style-type: none;
}

legend
{
  border: none;
  font-size: 1px;
  margin: 0;
  text-indent: -9999px;
}

.noPad
{
  padding: 0;
}

.noPadWidth
{
  padding-left: 0;
  padding-right: 0;
}

.noPadLeft
{
  padding-left: 0;
}

.noPadRight
{
  padding-right: 0;
}

#recaptcha_switch_audio 
{
 display: none;
}

.hidden-meta, .hidden {
  position: absolute;
  z-index: 999;
  left: -9999em;
  width: 0;
  height: 0;
  display: none;
}

.ng-cloak {
  display: none;
}

.back-to-top {
  position: fixed;
  bottom: 2em;
  right: 15px;
  text-decoration: none;
  color: #000000;
  background-color: rgba(235, 235, 235, 0.80);
  font-size: 12px;
  padding: 1em;
  display: none;
  z-index: 20;
  text-align: center;
  text-transform: lowercase;
}

.back-to-top:hover {
  background-color: rgba(135, 135, 135, 0.50);
}

.stuck {
  position: fixed;
  z-index: 10;
}

.app-loading-container {
  width: 100%; 
  height: 100%; 
  top: 0px; 
  left: 0px; 
  position: fixed; 
  display: block; 
  opacity: 0.7; 
  background-color: #fff; 
  z-index: 999999; 
  text-align: center;
}

.app-loading-image {
  position: absolute; 
  top: 100px; 
  left: 50%; 
  z-index: 100; 
  margin-left: -64px
}

.modal-content {
  color: #000;
}

.body-gmodal { 
  overflow: hidden !important; 
}

.gmodal {
  background: url("data:image/gif;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNg2AQAALUAs0e+XlcAAAAASUVORK5CYII=");
}

/* always show photoswipe toolbar */
.ps-caption {
  opacity:0.8 !important;
  display:block !important;
}

.ps-toolbar {
  opacity:0.8 !important;
  display:table !important;
}   

.logo {
  max-width: 100%;
}

/* logo responsive */
@media(max-width: 767px){
  .logo {
    height: 70px;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .logo {
    height: 100px;
  }
}

/* make dropdown menu better touch target */
.dropdown-menu-touch li a {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.dcircular-popup
{
  position: fixed; 
  z-index: 10; 
  width: 300px;
  padding: 5px; 
  background: #fff
}

/* logo responsive */
@media(max-width: 767px){
  .dcircular-popup {
    width: 200px;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .dcircular-popup {
    width: 250px;
  }
}

/* hover menu on big screen only */
@media (min-width: 979px) {
  ul.nav-hover li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}

.stuck.stuck-collapsed {
  display: none;
}

.stuck-collapser {
  display: none;
}

.stuck .stuck-collapser {
  cursor: pointer; 
  background-color: #ccc; 
  width: 30px; 
  border-radius: 30px; 
  position: absolute; 
  text-align: center; 
  line-height: 30px;
  display: block;
  cursor: pointer;
}

.dcircular-popup {
  display: none;
}

.gsn-popover 
{
  position: fixed; 
  z-index: 100; 
  padding: 5px; 
  background: #fff;
  display: none;
}

.gsn-popover img {
  max-width: 200px;
  max-height: 200px;
}

.my-navbar {
  margin-bottom: 0;
  width: 100%;
}

.slide-container img {
  width: 100%;
  height: 100%;
}

.slide-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.slide.ng-enter, .slide.ng-leave {
  -webkit-transition: left 0.6s ease-in-out 0s;
  -moz-transition: left 0.6s ease-in-out 0s;
  -o-transition: left 0.6s ease-in-out 0s;
  transition: left 0.6s ease-in-out 0s;
  position: relative;
  top: 0;
  width: 100%;
}

.slide.ng-enter {
  left: 100%;
}

.slide.ng-enter.ng-enter-active {   
  left: 0;
}

.slide.ng-leave {
  position: absolute;
  left: 0;
}

.slide.ng-leave.ng-leave-active {
  left: -100%;
}

.featuredhome-default img {
  width: 150px;
  padding-right: 10px;
}

.featuredhome a.featuredhome-default {
  height: 120px;
  width: 100%;
  border: 1px solid #ccc;
  display: block;
  padding: 5px;
  overflow: hidden;
  color: #000;
}

.featuredhome a.featuredhome-default:hover {
  background-color: #f8f8f8;
}

.featuredhome > a > i.fa {
  font-size: 7em;
  text-align: center;
  width: 1.44em;
}

@media(min-width:768px) and (max-width:991px) {
  .featuredhome-default img {
    width: 80px;
  }
}

.mainContent {
  background-color: #fff;
  color: #000;
  padding-bottom: 15px;
}

footer {
  display: block;
  overflow: auto;
  border-top: solid 1px #ccc;
  padding-top: 5px;
}

.generic-content, .generic-content > *,
 .generic-content a, .generic-content a:hover, .generic-content a:active {
  color: #000 !important;
}

#loading-bar,#loading-bar-spinner{pointer-events:none;-webkit-pointer-events:none;-webkit-transition:350ms linear all;-moz-transition:350ms linear all;-o-transition:350ms linear all;transition:350ms linear all}#loading-bar-spinner.ng-enter,#loading-bar-spinner.ng-leave.ng-leave-active,#loading-bar.ng-enter,#loading-bar.ng-leave.ng-leave-active{opacity:0}#loading-bar-spinner.ng-enter.ng-enter-active,#loading-bar-spinner.ng-leave,#loading-bar.ng-enter.ng-enter-active,#loading-bar.ng-leave{opacity:1}#loading-bar .bar{-webkit-transition:width 350ms;-moz-transition:width 350ms;-o-transition:width 350ms;transition:width 350ms;background:#ccc;position:fixed;z-index:2000;top:0;left:0;width:100%;height:2px}#loading-bar .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #ccc,0 0 5px #ccc;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-moz-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);-o-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}#loading-bar-spinner{display:block;position:fixed;z-index:100;top:10px;left:10px}#loading-bar-spinner .spinner-icon{width:40px;height:40px}

.main-container {
  margin: 0 auto; /* To center your page within the body */
  padding: 0;
  overflow: hidden;
  padding-bottom: 15px;
}

@media only screen and (min-width: 767px){
  .right-pods {
    margin-left: -40px;
    bottom: auto;
    top: auto;
  }
}

@media only screen and (max-width: 940px){
  .main-container, .header-bar {
    width: 100%;
  }
  .navbar-header {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media only screen and (min-width: 992px){
  .main-container, .header-bar {
    width: 940px;
  }
  .navbar-header {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media only screen and (min-width: 1200px){
  .main-container, .header-bar {
    width: 1170px;
  }
  .navbar-header {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.social-icons {
  margin-bottom: 0px;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline li {
  display: inline-block;
  padding-right: 2px;
  padding-left: 2px;
}
/*---- Genral classes end -------*/

/*Change icons size here*/
.social-icons .fa {
  font-size: 1.2em;
}
/*Change icons circle size and color here*/
.social-icons .fa {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #FFF;
  color: rgba(255, 255, 255, 0.8);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px){
  .social-icons .fa {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}

.social-icons.icon-circle .fa{ 
  border-radius: 50%;
}
.social-icons.icon-rounded .fa{
  border-radius: 5px;
}
.social-icons.icon-flat .fa{
  border-radius: 0;
}

.social-icons .fa:hover, .social-icons .fa:active {
  color: #FFF;
  -webkit-box-shadow: 1px 1px 3px #333;
  -moz-box-shadow: 1px 1px 3px #333;
  box-shadow: 1px 1px 3px #333; 
}
.social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active { 
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1); 
}
.social-icons.icon-rotate .fa:hover, .social-icons.icon-rotate .fa:active { 
  -webkit-transform: scale(1.1) rotate(360deg);
  -moz-transform: scale(1.1) rotate(360deg);
  -ms-transform: scale(1.1) rotate(360deg);
  -o-transform: scale(1.1) rotate(360deg);
  transform: scale(1.1) rotate(360deg);
}
 
.social-icons .fa-adn{background-color:#504e54;} 
.social-icons .fa-apple{background-color:#aeb5c5;} 
.social-icons .fa-android{background-color:#A5C63B;}  
.social-icons .fa-bitbucket,.social-icons .fa-bitbucket-square{background-color:#003366;} 
.social-icons .fa-bitcoin,.social-icons .fa-btc{background-color:#F7931A;} 
.social-icons .fa-css3{background-color:#1572B7;} 
.social-icons .fa-dribbble{background-color:#F46899;}  
.social-icons .fa-dropbox{background-color:#018BD3;}
.social-icons .fa-facebook,.social-icons .fa-facebook-square{background-color:#3C599F;}  
.social-icons .fa-flickr{background-color:#FF0084;}
.social-icons .fa-foursquare{background-color:#0086BE;}
.social-icons .fa-github,.social-icons .fa-github-alt,.social-icons .fa-github-square{background-color:#070709;} 
.social-icons .fa-google-plus,.social-icons .fa-google-plus-square{background-color:#CF3D2E;} 
.social-icons .fa-html5{background-color:#E54D26;}
.social-icons .fa-instagram{background-color:#A1755C;}
.social-icons .fa-linkedin,.social-icons .fa-linkedin-square{background-color:#0085AE;} 
.social-icons .fa-linux{background-color:#FBC002;color:#333;}
.social-icons .fa-maxcdn{background-color:#F6AE1C;}
.social-icons .fa-pagelines{background-color:#241E20;color:#3984EA;}
.social-icons .fa-pinterest,.social-icons .fa-pinterest-square{background-color:#CC2127;} 
.social-icons .fa-renren{background-color:#025DAC;}
.social-icons .fa-skype{background-color:#01AEF2;}
.social-icons .fa-stack-exchange{background-color:#245590;}
.social-icons .fa-stack-overflow{background-color:#FF7300;}
.social-icons .fa-trello{background-color:#265A7F;}
.social-icons .fa-tumblr,.social-icons .fa-tumblr-square{background-color:#314E6C;} 
.social-icons .fa-twitter,.social-icons .fa-twitter-square{background-color:#32CCFE;} 
.social-icons .fa-vimeo-square{background-color:#229ACC;}
.social-icons .fa-vk{background-color:#375474;}
.social-icons .fa-weibo{background-color:#D72B2B;}
.social-icons .fa-windows{background-color:#12B6F3;}
.social-icons .fa-xing,.social-icons .fa-xing-square{background-color:#00555C;} 
.social-icons .fa-youtube,.social-icons .fa-youtube-play,.social-icons .fa-youtube-square{background-color:#C52F30;}
 
.ripple {
  width: 1px; 
  height: 1px; 
  border-radius: 1px; 
  z-index: -1; 
  position: absolute; 
  top: 50%; 
  left: 50%;
  border-style: dotted;
  border-width: 1px;
  border-color: #f8f8f8;
}

/*Ripple Effect*/
@-webkit-keyframes ripple {
    100% {opacity: 0; -webkit-transform: scale(100);}
}
@-moz-keyframes ripple {
    100% {opacity: 0; -moz-transform: scale(100);}
}
@-o-keyframes ripple {
    100% {opacity: 0; -o-transform: scale(100);}
}
@keyframes ripple {
    100% {opacity: 0; transform: scale(100);}
}

.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl{
    display: none !important;
}

@media (min-width: 1600px) {
    .visible-xl {
        display: block !important;
    }

    table.visible-xl {
        display: table;
    }

    tr.visible-xl {
        display: table-row !important;
    }

    th.visible-xl, td.visible-xl {
        display: table-cell !important;
    }

    .visible-xl-block {
        display: block !important;
    }

    .visible-xl-inline {
        display: inline !important;
    }

    .visible-xl-inline-block {
        display: inline-block !important;
    }

    .hidden-xl {
        display: none !important;
    }
}

.sharing-menu:hover {
  left: -40px;
}

.sharing-menu {
    top: 60px; 
    left: -85px; 
    position: fixed;
    z-index: 77;
    transition: all 0.2s ease-in-out;
}

.sharing-menu ul {
    overflow: auto;
}

.sharing-menu ul li {
    list-style-type: none;
}

.sharing-menu ul li a i {
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    font-size: 25px;
    text-align: center;
    padding-top: 15%;
}

.sharing-menu .fa-facebook {
    background: #3b5998;
}

.sharing-menu .fa-pinterest {
    background: #c92228;
}

.sharing-menu .fa-twitter {
    background: #00aced;
}

.sharing-menu .fa-google-plus {
    background: #dd4b39;
}

.popout-menu ul li a i:hover {
    opacity: .7;
}
