/* Runsimply custom styles */

body{
    padding-top: 60px;
    font-family: 'proxima_nova_rgregular';
    font-size: 17px;
    color: #606060;
    background: #fbfbfb;
}

a:focus, a:active {
    outline:none;
}

a::-moz-focus-inner {
    border:0;
}

a, a:hover{
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    text-decoration: none;
}

a {
    color: #2bb6c1;
}

a.arrow-link{
    font-family: 'proxima_novasemibold';
    color: #606060;
    text-decoration: none;
    font-size: 18px;
}

a.arrow-link .fa{
    color: #2bb6c1;
    font-size: 14px;
}

a.arrow-link:hover{
    color: #2bb6c1;
}


::selection {
    background: #fbaf3f;
    color: #fff;
}

::-moz-selection {
    background: #fbaf3f;
    color: #fff;
}

.darker-bg{
    background: #f2f4f5;
}

.default-list{
    padding: 20px;
    color: #fab932;
}

.default-list span{
    color: #606060;
}

.txt-bold{
    font-family: 'proxima_nova_rgbold';
}

.bold{
    font-family: 'proxima_nova_rgbold';
    font-size: 18px;
    margin-top: 50px;
    display: block;
}

.light{
    font-family: 'proxima_novalight';
    color: #919191;
}

.navy{
    color: #34495e;
}

.orange{
    color: #fab932;
}

.tirquise{
    color: #2bb6c1;
}

.red{
    color: #ea5c4c;
}

.italic{
    font-style: italic;
}

.blue{
    color: #3598dc;
}

.table{
    margin-top: 80px;
    margin-bottom: 80px;
}

/* fonts */

@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('../fonts/proximanova-bold-webfont.eot');
    src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-bold-webfont.woff') format('woff'),
         url('../fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novasemibold';
    src: url('../fonts/proximanova-semibold-webfont.eot');
    src: url('../fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-semibold-webfont.woff') format('woff'),
         url('../fonts/proximanova-semibold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../fonts/proximanova-regular-webfont.eot');
    src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regular-webfont.woff') format('woff'),
         url('../fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_novalight';
    src: url('../fonts/proximanova-light-webfont.eot');
    src: url('../fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-light-webfont.woff') format('woff'),
         url('../fonts/proximanova-light-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;

}


h1{
    color: #606060;
    text-shadow: none;
    font-family: 'proxima_novalight';
    font-size: 45px;
    line-height: 43px;
    margin-bottom: 30px;
    margin-top: 30px;
}


h1.dual-size{
    font-size: 24px;
    line-height: 22px;
    margin-bottom: 30px;
    margin-top: 30px;
    color: #2d3e50;
}

h1.dual-size span{
    text-shadow: none;
    font-family: 'proxima_novasemibold';
    width: 100%;
    display: block;
    font-size: 45px;
    line-height: 43px;
    margin-bottom: 5px;
}

h1.dual-size.gray{
    color: #606060;
}

h2{
    font-family: 'proxima_novalight';
    font-size: 30px;
    line-height: 28px;
    margin-bottom: 20px;
    color: #2d3e50;
    font-weight: normal;
}


h4{
    font-family: 'proxima_nova_rgbold';
    font-size: 24px;
    line-height: 22px;
    color: #606060;
}

p{
    line-height: 22px;
}

.btn{
    font-family: 'proxima_nova_rgbold';
    text-transform: uppercase;
    font-size: 13px;
    line-height: 16px;
    -webkit-border-radius:3px;
    border-radius: 3px;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.btn-danger{
    background-color: #ea5c4c;
    border-color: #ea5c4c;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger{
    background-color: #fc6a5a;
    border-color: #fc6a5a;
}

.btn:focus, .btn:active:focus, .btn.active:focus{
    outline: none;
}

.btn-default{
    color: #808080;
    background-color: #fff;
    border-color: #808080;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default{
    color: #fff;
    background-color: #fbaf3f;
    border-color: #fbaf3f;
}

.btn-warning{
    color: #fff;
    background-color: #fbaf3f;
    border-color: #fbaf3f;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning{
    background-color: #f9b964;
    border-color: #f9b964;
}


.pace .pace-progress {
    background: #fbaf3f;
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    height: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
}
.pace-inactive {
    display: none;
}





.navbar{
    min-height: 60px;
    margin-bottom: 0px;
}

.navbar-brand {
    float: left;
    padding: 0px;
    height: 30px;
    width: 131px;
    background: url('../img/logo.png') left top no-repeat;
    margin: 15px 15px 0 0 !important;
}

.navbar-default{
    background-color: #fbfbfb;
    border-bottom: 0;
}

.navbar-default .navbar-nav>li>a{
    color: #606060;
    padding-top: 22px;
    padding-bottom: 18px;
    font-size: 16px;
}

.navbar-nav>li>.dropdown-menu{
    border-top: 0;
}


.lang-controls{
    float: right;
    font-size: 12px;
    margin-top: 20px;
    margin-left: 30px;
}

.lang-controls a{
    font-size: 12px;
    padding: 5px 0px 0px 0px;
    text-transform: uppercase;
    color: #606060;
}

.lang-controls a:hover{
    color: #fab932;
    text-decoration: none;
}

.lang-controls a.current{
    border-bottom: 2px solid #fab932;
    font-family: 'proxima_novasemibold';
}

.navbar-default .navbar-nav>li>a:hover{
    color: #fbaf3f;
}

.nav.navbar-right li a{
    border: 1px solid #AAA;
    border-radius: 3px;
    padding: 8px 10px;
    margin-top: 10px;
}

@media (min-width: 768px) and (max-width: 992px){
 
    .nav.navbar-right li a{
        margin-right: 15px;
        margin-bottom: 10px;
    }
}

@media (max-width: 767px){
    
    .lang-controls{
        float: none;
        margin-left: 0px;
    }
    
    .nav.navbar-right li a{
        border: none;
        padding-left: 15px;
    }
}

.home-carousel{
    margin-top: 0px !important;
    margin-bottom: 50px;
}

/* carousel */

.carousel-inner .item{
    padding-top: 20px;
}

.carousel-inner .item.with-image img{
    margin-top: -20px;
    margin-bottom: 20px;
}

.carousel-inner .item .container{
    padding-left: 0;
    padding-right: 0;
}

.carousel-inner .item .container, .carousel-inner .item .container-fluid{
    position: relative;
}

.carousel-inner .item .container .carousel-caption, .carousel-inner .item .container-fluid .carousel-caption{
    left: 15px;
    right: auto;
    bottom: auto;
    top: 80px;
    text-align: left;
    width: 40%;
}

.carousel-inner .item .container .carousel-caption h1, .carousel-inner .item .container-fluid .carousel-caption h1{
    font-size: 24px;
    line-height: 22px;
    margin-bottom: 40px;
    color: #2d3e50;
}

.carousel-inner .item .container .carousel-caption h1 span, .carousel-inner .item .container-fluid .carousel-caption h1 span{
    text-shadow: none;
    font-family: 'proxima_novasemibold';
    width: 100%;
    display: block;
    font-size: 45px;
    line-height: 43px;
    margin-bottom: 10px;
    
}

.carousel-control.right, .carousel-control.left{
    background-image: none;
    text-shadow: none;
    color: #a4a4a4;
}

.carousel-control .carousel-arrow{
    position: absolute;
    top: 45%;
}

.carousel-control.right .carousel-arrow{
    right: 40px;
}

.carousel-control.left .carousel-arrow{
    left: 40px;
}

.carousel-arrow.left-arrow{
    background: url('../img/arrows.png') 0 0 no-repeat;
    width: 26px;
    height: 50px;
}

.carousel-arrow.right-arrow{
    background: url('../img/arrows.png') -26px 0 no-repeat;
    width: 26px;
    height: 50px;
}

.carousel-indicators{
    bottom: -50px;
}

.carousel-indicators li{
    border: 1px solid #a4a4a4;
    width: 12px;
    height: 12px;
    margin: 4px;
}

.carousel-indicators .active{
    margin: 4px;
    background: #a4a4a4;
}

.carousel-caption .btn{
    margin-right: 8px;
    font-size: 13px;
    padding: 10px 16px;
}

/* eof carousel */


/* workforce */

.workforce{
    padding: 0px 15px 0 15px;
}

.workforce-heading{
    margin-bottom: 0;
    margin-top: 40px;
}

.executives h4, .managers h4, .members h4,.partners h4{
    margin-bottom: 20px;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.executives div, .managers div, .members div, .partners div{
    font-family: 'proxima_novasemibold';
    font-size: 70px;
    padding: 35px 0;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.executives, .managers, .members, .partners{
    padding: 0;
}

.executives div{
    background: rgba(52, 73, 94, 1);
}

.managers div{
    background: rgba(25, 189, 155, 1);
}

.members div{
    background: rgba(53, 152, 220, 1);
}

.partners div{
    background: rgba(234, 92, 76, 1);
}

.line-dark-blue{
    background: #34495e;
    width: 25px;
    height: 3px;
    display: block;
}

.line-green{
    background: #19bd9b;
    width: 25px;
    height: 3px;
    display: block;
}

.line-blue{
    background: #3598dc;
    width: 25px;
    height: 3px;
    display: block;
}

.line-red{
    background: #ea5c4c;
    width: 25px;
    height: 3px;
    display: block;
}

.workforce a{
    margin-top: 40px;
    float: left;
    width: 100%;
    text-decoration: none;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.executives a:hover, .managers a:hover, .members a:hover, .partners a:hover, .executives a:hover h4, .managers a:hover h4, .members a:hover h4, .partners a:hover h4{
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.executives a:hover h4{
    color: #6f7e8d;
}

.managers a:hover h4{
    color: #19bd9b;
}

.members a:hover h4{
    color: #3598dc;
}

.partners a:hover h4{
    color: #ea5c4c;
}

.executives a:hover div{
    background: rgba(52, 73, 94, 0.7);
}

.managers a:hover div{
    background: rgba(25, 189, 155, 0.7);
}

.members a:hover div{
    background: rgba(53, 152, 220, 0.7);
}

.partners a:hover div{
    background: rgba(234, 92, 76, 0.7);
}

/* eof workforce */


/* customers */

.customers{
    padding-top: 50px;
    padding-bottom: 40px;
}

.customers h4{
    font-family: 'proxima_nova_rgregular';
    margin-bottom: 20px;
}

.customers-logo{
    width: 20%;
    float: left;
    text-align: center;
}

.incadea{
    width: 160px;
    height: 75px;
    display: inline-block;
    background: url('../img/customers-logo.jpg') 0 0 no-repeat;
}

.rcmms{
    width: 80px;
    height: 75px;
    display: inline-block;
    background: url('../img/customers-logo.jpg') -173px 0 no-repeat;
}

.wepa{
    width: 145px;
    height: 75px;
    display: inline-block;
    background: url('../img/customers-logo.jpg') -264px 0 no-repeat;
}

.one-dealer{
    width: 90px;
    height: 75px;
    display: inline-block;
    background: url('../img/customers-logo.jpg') -420px 0 no-repeat;
}

.gb{
    width: 130px;
    height: 75px;
    display: inline-block;
    background: url('../img/customers-logo.jpg') -525px 0 no-repeat;
}

.customers-logo a:hover{
    background-position-y: -99px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* eof customers */


/* enterprise work management */

.enterprise-work-management{
    background: #f3f4f5;
    padding-top: 100px;
    padding-bottom: 100px;
}

.boxes-holder{
    padding-top: 50px;
}

.overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 18px;
    font-family: 'proxima_nova_rgbold';
    text-transform: uppercase;
    color: #fff;
}

a.turquoise-box, a.blue-box, a.purple-box, a.navy-box{
    position: relative;
    float: left;
    width: 100%;
}

a.turquoise-box .overlay span{
    background: #2bb6c1;
    width: 100%;
    float: left;
    padding: 26px 15px 15px 15px;
    line-height: 18px;
    margin: 85px 0 0 0;
    min-height: 70px;
}

a.blue-box .overlay span{
    background: #3597dc;
    width: 100%;
    float: left;
    padding: 26px 15px 15px 15px;
    line-height: 18px;
    margin: 85px 0 0 0;
    min-height: 70px;
}

a.purple-box .overlay span{
    background: #9c58b8;
    width: 100%;
    float: left;
    padding: 26px 15px 15px 15px;
    line-height: 18px;
    margin: 85px 0 0 0;
    min-height: 70px;
}

a.navy-box .overlay span{
    background: #34495e;
    width: 100%;
    float: left;
    padding: 26px 15px 15px 15px;
    line-height: 18px;
    margin: 85px 0 0 0;
    min-height: 70px;
}


.line-turquoise{
    background: #2bb6c1;
    width: 50px;
    height: 3px;
    display: block;
}

.line-yellow{
    background: #fab932;
    width: 50px;
    height: 3px;
    display: block;
}

.line-blue-big{
    background: #3597dc;
    width: 50px;
    height: 3px;
    display: block;
}

.line-magenta{
    background: #9c58b8;
    width: 50px;
    height: 3px;
    display: block;
}

.line-navy{
    background: #34495e;
    width: 50px;
    height: 3px;
    display: block;
}

.line-red-big{
    background: #ea5c4c;
    width: 50px;
    height: 3px;
    display: block;
}

.m-t-50{
    margin-top: 40px;
}





a.turquoise-box .overlay span, a.blue-box .overlay span, a.purple-box .overlay span, a.navy-box .overlay span{
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

a.turquoise-box:hover .overlay span, a.blue-box:hover .overlay span, a.purple-box:hover .overlay span, a.navy-box:hover .overlay span{
   -webkit-transform: translateY(-90px);
   -moz-transform: translateY(-90px);
   -o-transform: translateY(-90px);
   -ms-transform: translateY(-90px);
   transform: translateY(-90px);
}

a.turquoise-box:hover .overlay{
    background: rgba(43, 182, 193, 0.6);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a.blue-box:hover .overlay{
    background: rgba(53, 151, 220, 0.6);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a.purple-box:hover .overlay{
    background: rgba(156, 88, 184, 0.6);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a.navy-box:hover .overlay{
    background: rgba(52, 73, 94, 0.6);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/*
a.turquoise-box a.hidden-btn, a.blue-box a.hidden-btn, a.purple-box a.hidden-btn{
    position: absolute;
    top: 45%;
    left: 20%;
    z-index: 2;
    width: 60%;
    opacity: 0;
    background: none;
    border-color: #fff;
    color: #fff;
}

a.turquoise-box:hover a.hidden-btn, .blue-box:hover a.hidden-btn, .purple-box:hover a.hidden-btn{
    opacity: 1;
}

.turquoise-box a.hidden-btn:hover{
    background: #fff;
    border-color: #2bb6c1;
    color: #2bb6c1;
}

.blue-box a.hidden-btn:hover{
    background: #fff;
    border-color: #3597dc;
    color: #3597dc;
}

.purple-box a.hidden-btn:hover{
    background: #fff;
    border-color: #9c58b8;
    color: #9c58b8;
}*/


/* eof enterprise work management */


/* animated circles */
.animated-circles{
    background: #e95b4b;
    padding-top: 50px;
    padding-bottom: 45px;
}

.animated-circles h1{
    color: #fff;
}

/* animated circles */


/* customers description */

.customers-wrapper{
    position: relative;
    min-height: 836px;
}

.customers-image-boxes{
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    min-height: 836px;
}

.customers-desc{
    padding-left: 0;
    padding-right: 0;
    min-height: 836px;
}

.customers-image-big{
    background: url('../img/customers.jpg') left top no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.customers-image-small{
    background: url('../img/customers-graph.jpg') left bottom no-repeat;
    background-size:contain;
}

.customers-txt-wrapper{
    position: relative;
    z-index: 2;
}

.customers-txt{
    padding-top: 100px;
    padding-left: 60px;
}


/* eof customers description */


/* about us */

.txt-content{
    padding-top: 80px;
    padding-bottom: 80px;
}

.telephone{
    background: #34495e;
    text-align: center;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 60px;
    font-size: 16px;
    margin-top: 15px;
    margin-left: 15px;
    margin-bottom: 100px;
    min-height: 235px;
}

.email{
    background: #2bb6c1;
    text-align: center;
    color: #fff;
    padding-top: 50px;
    margin-top: 15px;
    padding-bottom: 60px;
    font-size: 16px;
    margin-bottom: 100px;
    min-height: 235px;
}

.email a{
    color: #fff;
    text-decoration: none;
}

.telephone .icon, .email .icon{
    margin-bottom: 15px;
    font-size: 70px;
}

/* eof about us */


/* customers page */

.full-image-carousel{
    padding-left: 0;
    padding-right: 0;
}

.full-image-carousel .carousel-inner .item{
    padding-top: 0;
}

.full-image-carousel .carousel-caption h1{
    color: #fff !important;
    text-transform: uppercase;
}

.full-image-carousel .carousel-control.right, .full-image-carousel .carousel-control.left{
    color: #fff;
}

.full-image-carousel img{
    min-width: 100%;
}

.carousel-arrow.left-arrow.white-arrow{
    background: url('../img/arrows.png') 0 -50px no-repeat;
    width: 26px;
    height: 50px;
}

.carousel-arrow.right-arrow.white-arrow{
    background: url('../img/arrows.png') -26px -50px no-repeat;
    width: 26px;
    height: 50px;
}

.full-image-carousel .carousel-indicators{
    bottom: 0;
}

.full-image-carousel .carousel-indicators li.active{
    background: #dddddd;
    border: 1px solid #dddddd;
}

.full-image-carousel .carousel-indicators li{
    border: 1px solid #dddddd;
}

/*.full-image-carousel .carousel-inner .item .container .carousel-caption h1, .full-image-carousel .carousel-inner .item .container-fluid .carousel-caption h1{
    font-size: 34px;
}

.full-image-carousel .carousel-inner .item .container .carousel-caption h1 span, .full-image-carousel .carousel-inner .item .container-fluid .carousel-caption h1 span{
    font-size: 55px;
}*/

.full-width-tagline{
    padding-top: 10px;
    padding-bottom: 10px;
}

.customer-boxes-wrapper, .product-boxes-wrapper{
    padding-left: 0;
    padding-right: 0;
}

.customer-boxes-wrapper .row, .product-boxes-wrapper .row{
    margin-left: 0;
    margin-right: 0;
}

.customer-boxes-wrapper .row>div, .product-boxes-wrapper .row>div{
    padding-left: 0;
    padding-right: 0;
}

.overlay-customers{
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    text-align: left;
    font-size: 17px;
    background: rgba(242, 242, 242, 0.8);
    padding: 10%;
    transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
}

.overlay-customers h1{
    color: #666666;
}

.overlay-customers p{
    color: #666666;
    margin-bottom: 20px;
}

.customers-box:hover .overlay-customers{
    opacity: 1;
}

/* eof customers page */


/* product page */

.featured-products{
    padding-top: 80px;
    padding-bottom: 80px;
}

.featured-products .first-featured{
    margin-top: -30px;
}

.overlay-product{
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    text-align: left;
    font-size: 17px;
    background: rgba(52, 73, 94, 0.7);
    padding: 10%;
    transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
}

.overlay-product h1{
    color: #fff;
}

.overlay-product p{
    color: #fff;
    margin-bottom: 20px;
}

.product-box:hover .overlay-product{
    opacity: 1;
}

.product-boxes-wrapper img{
    min-width: 100%;
}

/* eof product page */








/* footer */

.footer{
    background: #31363b;
    padding-top: 100px;
    padding-bottom: 100px;
}

.footer h4, .footer a{
    color: #808080;
    margin-bottom: 30px;
    text-decoration: none;
}

.footer a:hover{
    color: #fbaf3f;
}

.footer p{
    color: #606060;
}

.footer .btn.btn-default{
    background-color: #31363b;
}

.footer .btn.btn-default:hover{
    background-color: #fbaf3f;
    color: #fff;
}

.copyright{
    padding-top: 20px;
    border-top: 1px solid #606060;
    margin-top: 50px;
}

a.facebook, a.twitter, a.gplus, a.skype{
    width: 45px;
    height: 45px;
    color: #fff !important;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    padding-top: 12px;
}

a.facebook{
    background: #34495e;
}

a.twitter{
    background: #808080;
}

a.gplus{
    background: #606060;
}

a.skype{
    background: #96a6a6;
}

a.facebook:hover, a.twitter:hover, a.gplus:hover, a.skype:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
}

.scrollToTop, a.scrollToTop {
    width:30px;
    height:30px;
    border-radius: 100px;
    text-align:center;
    background: #fbaf3f;
    font-weight: bold;
    font-size: 25px;
    line-height: 32px;
    color: #fff;
    text-decoration: none;
    position:fixed;
    bottom:20px;
    right:15px;
    display:none;
    z-index: 20;
    opacity: 0.5;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
}
.scrollToTop:hover{
    text-decoration:none;
    opacity: 1;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
}

@media (max-width: 1200px) {
    .scrollToTop{
        display: none !important;
    }
}

/* eof footer */


/* responsive fixes */

@media (max-width: 1360px){
    
    .carousel-control.right, .carousel-control.left{
        display: none;
    }
    
}

@media (max-width: 1199px){
    
    .carousel-inner .item .container .carousel-caption{
        top: 40px;
    }
    
    .carousel-inner .item .container .carousel-caption h1{
        font-size: 30px;
        line-height: 30px;
    }
    
    .carousel-inner .item .container .carousel-caption h1 span{
        font-size: 40px;
        line-height: 35px;
    }
    
    h1{
        font-size: 40px;
        line-height: 35px;
    }
    
    .executives h4, .managers h4, .members h4, .partners h4{
        margin-bottom: 15px;
    }
    
    h4{
        font-size: 20px;
    }
    
    
    .turquoise-box .overlay span{
        padding: 21px 15px 10px 15px;
        margin: 100px 0 0 0;
    }

    .blue-box .overlay span{
        padding: 21px 15px 10px 15px;
        margin: 100px 0 0 0;
    }

    .purple-box .overlay span{
        padding: 21px 15px 10px 15px;
        margin: 100px 0 0 0;
    }
    
    a.turquoise-box:hover .overlay span, a.blue-box:hover .overlay span, a.purple-box:hover .overlay span{
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -o-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        transform: translateY(-100px);
     }
    
    .enterprise-work-management{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    .boxes-holder{
        padding-top: 40px;
    }
    
    .footer{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    
}


@media (min-width: 768px) and (max-width: 991px) {
    
    #myCarousel{
        display: none;
    }
    
    h4{
        font-size: 18px;
        line-height: 18px;
    }
    .turquoise-box .overlay span{
        margin: 70px 0 0 0;
    }

    .blue-box .overlay span{
        padding: 21px 15px 10px 15px;
        margin: 70px 0 0 0;
    }

    .purple-box .overlay span{
        padding: 13px 15px 10px 15px;
        margin: 70px 0 0 0;
    }
    
    .animated-circles{
        padding-top: 30px;
        padding-bottom: 25px;
    }
}



.content-navbar{
    border-top: 1px solid #eee;
    margin-top: 80px;
}

.content-navbar .container-fluid{
    padding-left: 0;
    padding-right: 0;
}

.navbar-default.content-navbar .navbar-nav>.active>a, .navbar-default.content-navbar .navbar-nav>.active>a:hover, .navbar-default.content-navbar .navbar-nav>.active>a:focus{
    background-color: #fbfbfb;
}

.navbar-default.content-navbar .navbar-nav>li>a{
    font-family: 'proxima_novalight';
    font-size: 20px;
    line-height: 18px;
    color: #c1c1c1;
    padding: 30px 45px;
    margin-top: -1px;
    border-top: 1px solid #eee;
}

.navbar-default.content-navbar.smaller-pad .navbar-nav>li>a{
    padding: 30px 35px;
}

.navbar-default.content-navbar .navbar-nav>li>a.first{
    padding-left: 0;
}

.navbar-default.content-navbar .navbar-nav>.active.executives>a, .navbar-default.content-navbar .navbar-nav>.executives>a:hover{
    border-top: 1px solid #34495e;
    color: #34495e;
}

.navbar-default.content-navbar .navbar-nav>.active.clients>a, .navbar-default.content-navbar .navbar-nav>.clients>a:hover{
    border-top: 1px solid #ea5c4c;
    color: #ea5c4c;
}

.navbar-default.content-navbar .navbar-nav>.active.tm>a, .navbar-default.content-navbar .navbar-nav>.tm>a:hover{
    border-top: 1px solid #3598dc;
    color: #3598dc;
}

.navbar-default.content-navbar .navbar-nav>.active.managers>a, .navbar-default.content-navbar .navbar-nav>.managers>a:hover{
    border-top: 1px solid #19bd9b;
    color: #19bd9b;
}





.navbar-default.content-navbar .navbar-nav>.active.marketing>a, .navbar-default.content-navbar .navbar-nav>.marketing>a:hover{
    border-top: 1px solid #2bb6c1;
    color: #2bb6c1;
}

.navbar-default.content-navbar .navbar-nav>.active.it>a, .navbar-default.content-navbar .navbar-nav>.it>a:hover{
    border-top: 1px solid #3597dc;
    color: #3597dc;
}

.navbar-default.content-navbar .navbar-nav>.active.dev>a, .navbar-default.content-navbar .navbar-nav>.dev>a:hover{
    border-top: 1px solid #9c58b8;
    color: #9c58b8;
}

.navbar-default.content-navbar .navbar-nav>.active.consulting>a, .navbar-default.content-navbar .navbar-nav>.consulting>a:hover{
    border-top: 1px solid #34495e;
    color: #34495e;
}




.content-navbar-content{
    min-height: 250px;
}

.pricing hr{
    border-top: 1px solid #ddd;
    margin-top: 35px;
    margin-bottom: 35px;
}

.pricing h1.dual-size{
    margin-top: 45px;
    margin-bottom: 45px;
}

.pricing h1.dual-size, .pricing h1.dual-size span{
    color: #606060;
    font-family: 'proxima_novalight';
}

.small-info{
    font-size: 15px;
    line-height: 12px;
    color: #919191;
}

.pricing-wrapper{
    padding-top: 80px;
    padding-bottom: 150px;
    min-height: 800px;
}

.pricing .btn{
    /*background-color: #f2f4f5;*/
}

.pricing .btn:hover{
/*    background-color: #fbaf3f;
    color: #fff;*/
}







.laptop-wrapper{
    padding-top: 120px;
    padding-bottom: 120px;
    position: relative;
}

.laptop-slider{
    padding: 0px 45px 68px 45px;
    border: 1px solid #ddd;
    border-radius: 40px;
    background: #fff;
}

.camera{
    border: 1px solid #ddd;
    border-radius: 100px;
    height: 16px;
    width: 16px;
    margin: 30px auto 5px auto;
}

.laptop-slider img{
    border: 1px solid #ddd;
}

.laptop-slider .carousel-indicators{
    display:none;
}

.it-teams{
    background: url('../img/image001.jpg') center center no-repeat;
}

.laptop-wrapper .left.carousel-control, .laptop-wrapper .right.carousel-control{
    z-index: 10;
    opacity: 0.3;
}

.laptop-wrapper .left.carousel-control:hover, .laptop-wrapper .right.carousel-control:hover{
    opacity: 1;
}

.laptop-wrapper .carousel-indicators li{
    opacity: 0.5;
}

.laptop-wrapper .carousel-indicators li:hover{
    opacity: 0.8;
    
}



.laptop-slider.mobile-slider{
    padding: 60px 15px 0px 15px;
    display: inline-block;
    margin: 0 auto;
}


.vertical .carousel-inner {
  height: 460px;
}

.carousel.vertical .item {
    padding: 0;
    margin: 0;
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
}

.carousel.vertical .active {
  top: 0;
}

.carousel.vertical .next {
  top: 460px;
}

.carousel.vertical .prev {
  top: -460px;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}

.carousel.vertical .active.left {
  top: -460px;
}

.carousel.vertical .active.right {
  top: 460px;
}

.carousel.vertical .item {
    left: 0;
    width: 255px;
    height: 460px;
}

.mobile-btn{
    border: 1px solid #ddd;
    border-radius: 100px;
    height: 34px;
    width: 34px;
    margin: 15px auto 15px auto;
}


/* form */

.demo-wrapper{
    padding-top: 80px;
    padding-bottom: 150px;
    min-height: 800px;
}

.req-wrapper{
    float: right;
    font-family: 'proxima_nova_rgregular';
    font-size: 17px;
    color: #606060;
}

.req{
    color: #fab932;
}

label{
    font-weight: normal;
}

.form-control{
    margin-bottom: 30px;
    display: block;
    width: 100%;
    height: 42px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #606060;
    background-color: #f2f4f5;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    text-decoration: none;
}

.form-control:hover{
    background-color: #fff;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    text-decoration: none;
}

.form-control:focus {
    background-color: #fff;
    border-color: #fbaf3f;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.demo-wrapper .form-horizontal{
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}

.demo-wrapper .form-horizontal .form-group{
    margin-left: 0;
    margin-right: 0;
}

.demo-wrapper .form-horizontal .btn{
    background-color: #f2f4f5;
    margin-top: 15px;
}

.demo-wrapper .form-horizontal .btn:hover, .demo-wrapper .form-horizontal .btn:focus{
    background-color: #fbaf3f;
    color: #fff;
}