@font-face{
    font-family: 'Roboto-Thin';
    src: url('../fonts/Roboto-Thin.ttf');
    src: url('../fonts/Roboto-Thin.eot?iefix') format('eot'),
    url('../fonts/Roboto-Thin.woff') format('woff'),
    url('../fonts/Roboto-Thin.ttf') format('truetype'),
    url('../fonts/Roboto-Thin.svg#webfont') format('svg');
}
@font-face{
    font-family: 'Roboto-Light';
    src: url('../fonts/Roboto-Light.ttf');
    src: url('../fonts/Roboto-Light.eot?iefix') format('eot'),
    url('../fonts/Roboto-Light.woff') format('woff'),
    url('../fonts/Roboto-Light.ttf') format('truetype'),
    url('../fonts/Roboto-Thin.svg#webfont') format('svg');
}

*{margin:0;padding:0;}
a{color:#333;}
a:hover,a:focus,a:active{text-decoration:none;color:#333;}
.c-red{color:#c70000;}
.bg-white{background:#fff;}
.bg-cream{background:#f7f5f5;}
.roboto-thin{font-family:"Roboto-Thin";font-weight:100;}
.roboto-light{font-family:"Roboto-Light";font-weight:300;}
.big-font{font-size:50px;}
h2{font-size:30px;margin-top:0;}
.paragraph{font-size:22px;}
.general-padding{padding:60px 0;}
.below-header{padding:20px 0;}
.sub-text-right{width:85%;float:right;text-align:justify;}
.sub-text-left{width:80%;float:left}
.med-font{font-size:36px;}
.list-bullet-check{color: #c9c9c9;padding-right:10px;}
.navbar{background-color:#fff;margin-bottom:0;border:none;}
.check-style-ul{padding-left: 30px;}
.check-style-li:before{font-family: 'FontAwesome';color:#c9c9c9;content: '\f00c';margin:0 5px 0 -30px;}
.li-padding{padding-bottom:10px;}
.arx-link{color:#275d8c;}
.fancybox-outter, .fancybox-skin, .fancybox-inner{border-radius: 10px;}
/* box-shadow:0 0 5px rgba(51,51,51,.7);*/
.navbar .container .navbar-header{padding:20px 15px;transition:padding .2s ease;}
.navbar .container .navbar-header.nav-bar-shring{padding:0 15px;}
.navbar .container .navbar-header .navbar-brand{height:55px;margin:5px 0;}
.navbar .container .navbar-header .navbar-brand img{height:inherit;}
.navbar .container .navbar-header button{margin:15.5px 0;}
.navbar .container #main-nav{float:right;padding:20px 15px;transition:padding .2s ease;}
.navbar .container #main-nav.nav-bar-shring{padding:0 15px;}
.navbar .container #main-nav ul li{padding:14.5px 0;}
.navbar .container #main-nav ul li a{padding:8px 15px;background:transparent;}
.navbar .container #main-nav ul li.active a{border-bottom:2.5px solid #5ab2cc;}
.navbar .container #main-nav ul li:hover{cursor: pointer;}
/*
Navbar flashing on click FIX
*/
.navbar .navbar-nav > li.open > a {background-color:#586F7C;}
/*************************/
section {width:100%;color:#000;height:auto;padding-top:106px;}
section .section-image{width:100%;}
div#locpush {padding:5% 0 70px 0;}
div#locpush a img {width:40px;}
div#locpush a span {padding:10px;}
section#intro {padding-top: 166px;}
section#intro .gradient{background:linear-gradient(#fff, #ededed);}
section#intro .push-technology,section#intro .what-is-locpush{padding-top: 40px;}
section#intro .push-technology,section#intro .what-is-locpush p{padding-top: 20px;}
section#intro .push-technology > h1{font-size:60px;}
section#intro .push-technology > p{font-size:28px;}
section#intro .intro-footer{padding: 60px 0;min-height:195px;max-height:195px;background:url(../assets/TV/remote.png);background-repeat:no-repeat;background-size:cover;}
section#intro .intro-footer > h1{margin:0;}
section#intro .intro-footer > p{}
section#intro .intro-footer > a{width:181px;display:block;margin:0 auto;font-size:25px;}
section#intro .intro-footer > a img{width:65px;margin-bottom:23px;}
/*section#devices-divider{padding:60px 0;}*/
/*section#devices-divider img{padding-bottom:20px;}*/
div#integration {padding-bottom: 30px;}
div#integration ul.paragraph {padding-bottom: 0;}
div#integration ul.platform-icons{padding:0 25px;}
div#integration ul.platform-icons li{padding-right:15px;}
div#campaign-suggestions h2{float:right;text-align:left;}
div#user-segmentation h2{float:right;}
section#features #integration h1{padding:20px 0 60px 0;text-align: center;}
section#features {background:linear-gradient(#fff, #ededed); padding-top:40px;}
section#features #features-head{padding:40px 0 120px 0;}
/*section#features #features-head h2{padding:30px 0px;}*/
section#features #features-head .paragraph{width:70%;margin:0 auto;}
section#features #features-head img{width: auto;padding: 65px 15px 30px 0;}

section#features .feature-div{padding-bottom:110px;}

div#campaigns #campaign-suggestions{text-align: right;padding-bottom:65px;}
div#middle-icons{padding:70px;}
div#middle-icons ul li img{margin-bottom:20px;}


section#cases{}
section#cases .paragraph{width: 700px;margin: 0 auto;padding: 60px 0 60px 0;text-align: center;}
section#cases .iphones{width: 77%;margin: 0 auto;}

section#arxnet{padding-top: 0px}
section#arxnet .container-fluid .row div:first-child{padding-left:0;}
section#arxnet .container-fluid .row div:last-child{padding-right:0;}
section#arxnet .container-fluid .row div:first-child img, section#arxnet .container-fluid .row div:last-child img{max-width:336px;width:100%;}
section#arxnet .who-are-we{padding-top:50px;}
section#arxnet .who-are-we h1{font-size:60px;padding-bottom:30px;}
section#arxnet .dots{font-size: 30pt;padding-top: 120px;}
section#arxnet .dots li{}
section#arxnet a{color:#275d8c;}
section#arxnet .contact-us{padding-top:150px;width: 600px;margin: 0 auto;}
section#arxnet .contact-us .email{font-size:27px;}



section#footer{padding:0;}
section#footer h3{}
section#footer h3{font-size:17px;margin:0;padding:100px 0;text-align: center;}

/***
Animation
*/

.img-pizza-top{width: 60%;position: absolute;top: 44px;right: 81px;}
.img-game-top{width: 55%;position: absolute;top: 0px;right: 225px;}
.img-screens-top{width: 60%;float:right;}


/*
*   Media queries ****************** /
*/

@media (max-width: 1200px){
    section#arxnet .col-lg-3 img{display:none;}
}
@media (max-width: 992px){
    .navbar .container{width:100%;}
    .navbar .container #main-nav{float:none;background-color:#fff;box-shadow:0 3px 3px rgba(51,51,51,.3);height: 170px;}
    .navbar .container #main-nav ul{width:100%;padding:0;}
    .navbar .container #main-nav ul li{float:none;padding:0;}
    .navbar .container #main-nav.nav-bar-shring{padding:0px;}
    .navbar-nav{margin:7.5px 0;}
    .navbar-nav li{max-width: 130px;margin: 0 auto;}
    div#locpush .video {text-align:center;}
    section#arxnet #whoweare img{display: none;}
    div#integration h2{padding-top:20px}
    section#features .feature-div{padding-bottom:0;}
    div#campaigns {padding-top:20px;}
    div#campaigns h2{padding-top:20px;}
    div#campaign-creation h2{padding-top:30px;}
    div#middle-icons {padding-top:140px;}
    section#cases .iphones{width: 45%;margin: 0 auto;}
    section#cases .paragraph{width: auto;}
    section#arxnet .contact-us{width:auto;}
}

@media (max-width:778px) {
    section#devices-divider img{width:90%;margin:0 auto;}
    section#features #features-head img{width:100%;padding:15px 30px;}
}
@media (max-width: 767px){
    .navbar{-webkit-transition:padding .5s ease-in-out;-moz-transition:padding .5s ease-in-out;transition:padding .5s ease-in-out;}
    /*.top-nav-collapse{padding:0;}*/
    section#intro .push-technology{padding-top: 120px;}
    div#cases li{display:table;margin:0 auto;}
    section#devices-divider{padding:60px 10px;}

}

@media (max-width: 640px){
    h1.roboto-light{margin-top:0;}
    h2.roboto-thin{padding-top:20px;}
    .navbar .container #main-nav ul {height:auto;display:block;text-align:center;margin:0 0;background:#fff;border-radius:0 0 5px 5px;padding-bottom:20px;}
    .general-padding{padding:60px 2px;}
    section{padding-top:20px;}
    section#intro, .push-technology, .what-is-locpush{padding-top:0;}
    section#intro .intro-footer{padding: 10px 0;}
    section#campaigns #campaign-suggestions{padding:0 20px;}
    div#integration, div#user-segmentation, div#campaign-creation, div#features-head, div#analytics {padding-top: 100px;}
    div#middle-icons ul li{display:table;padding:30px 0;width:50%;}
    div#cases ul li {width:100%;}
    div#cases ul li img{width:50%;}
    section#arxnet .who-are-we{padding-top: 0;}
    /*section#arxnet .dots{padding-top: 200px;}*/
    section#arxnet .contact-us{padding:30px 0;}
}
@media (max-width: 480px){
   section#middle-icons .col-xs-3{width:50%;}
}
@media (max-width: 320px){
    div#cases li img{width:99%;}
}


/*************************************/