/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 26, 2015, 5:00:41 PM
    Author     : User
*/
@font-face {
    font-family: 'ocr'; /*a name to be used later*/
    src: url('http://kurcoba.com/fonts/OCRAStd.otf'); /*URL to font*/
}

.kc_text{
    margin-top: 100px;
    font-size: 22px;
    color: #555;
    
}

.highlight{
    font-size: 22px;
    color: #2d98ff;
}

.reveal-box{

    width: 100%;
    border-top: #2d98ff 1px solid;
    padding: 20px;
    margin-bottom: 30px;
    /*border-top: #2d98ff 1px solid;*/
}

.reveal-link{
    margin-top: 20px;
    color: #03a63c; 
}

.reveal-icon{
    margin-top: 30px;
    max-width: 220px;
}

a.kurcoba-link{  
    font-family: 'Quicksand', sans-serif;
    font-weight: 100;
    font-size: 18px !important;
    color: white;
}
.navbar-custom > li:hover {
    color: white;
    background-color: #8bd3d5!important;
}
.title-icon{
    margin: 0px 30px;
    
}
.title-word{
    margin-top: -40px;
}

/*li:hover{
  
    background-color: #03a63c !important;
    color: white;
}*/


/*li.a.kurcoba-link:hover{
  
    background-color: #03a63c !important;
    color: white;
}*/

a#google-plus{
    color: #d34836;
}

a#google-plus:hover{
    color: #d2d2d2;
}

a#twitter{
    color: #00aced;
}

a#twitter:hover{
    color: #d2d2d2;
}

a#facebook{
    color: #3b5998;
}

a#facebook:hover{
    color: #d2d2d2;
}

.nav.navbar-nav.navbar-right li a {
    color: #fff ;//#2d98ff;
    /*background-color: #03a63c;*/
}

.nav.navbar-nav.navbar-right li a:hover {
    color: #fff ;//#2d98ff;
    background-color: #8bd3d5!important;
}

.nav.navbar-nav.navbar-right li a:visited {
    color: #fff ;//#2d98ff;
    background-color: #69bf6f!important;
}

.nav.navbar-nav.navbar-right li a:active {
    color: #fff ;//#2d98ff;
    background-color: #69bf6f !important;
}

.nav.navbar-nav.navbar-right li a:valid{
    color: #fff ;//#2d98ff;
    background-color: #69bf6f!important;
}

.nav.navbar-nav.navbar-right li a:focus{
    color: #fff ;//#2d98ff;
    background-color: #69bf6f!important;
}



.navbar-custom{
    position: fixed;
    width: 100%;
    background-color: rgb(255,255,255, 0);
    transition: background-color 0.2s ease 0s;
    color: #8bd3d5; 
}
/*.navbar-brand{
    opacity:0;
    -moz-transition: opacity 1s;  Firefox 4 
    -webkit-transition: opacity 1s;  Safari and Chrome 
    -o-transition: opacity 1s;
    transition: opacity 1s;
}​*/
.navbar-custom.a.headeranchor{

    color:  #fff; //#2d98ff;
}
.navbar-custom.opaque { 
    
    background: url("../img/epiphany/primary-toolbar.jpg");
background-size: cover;
background-repeat: no-repeat;
    /*background-color: rgba(23 ,60, 133, 0.8);*/
    transition: background-color 0.2s ease 0s;
    
}

.navbar-brand.opaque {
    opacity:255;
    -moz-transition: opacity 0.2s; /* Firefox 4 */
    -webkit-transition: opacity 0.2s; /* Safari and Chrome */
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}​





header {
    background-color:black;
    color:white;
    text-align:center;
    padding:5px; 
}



.centered .img-responsive {
    margin: 0 auto;
}
.ocrbadge{
    
    /*font-family: 'ocr';*/
    font-size: 24pt;
    color: white;
    padding: 0;
    margin: 0;
}
.ocrLarge{
    
    /*font-family: 'ocr';*/
    font-size: 128pt;
    padding: 0;
    margin: 0;
}
hr{
  border-color: rgba(26,87,148,0.3);  
}

.kurcobaIntro{
    
    margin-top: 400px;
}

.hover-zoom-parent{
    overflow:hidden;
}

.case-study-card{
    transition: all .5s;
}

.hover-image{
    position: absolute;
   
    
    width:100%;
    height: 550px;
    transition: all .5s;

}

.hover-image:hover ,
.hover-image:focus {
    transform: scale(1.2);

}

.case-study-card p{
    position: absolute;
}
/*
.case-study-card:hover ,
.case-study-card:focus {
  transform: scale(1.2);
}*/

#case-study-pebble{
    background: url("../img/case-study-pebble.png");
   background-size: cover;
    background-repeat: no-repeat;
        height: 550px;
}

#case-study-pebble-dash{
    background: url("../img/case-study-pebble-dash.jpg");
   background-size: cover;
    background-repeat: no-repeat;
        height: 550px;
        
}

#case-study-pebble-dentice{
    background: url("../img/case-study-dentice.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 550px;
}


.case-study-card{
    background-size: cover;
    background-repeat: no-repeat;
    margin: 4px;
    width: 100%;
    height: 450px;
}


#first{
    /*height:650px;*/
    height:100vh;
    background: #3e668c; //2d98ff ;//url("../img/logo-large.png");
    /*background: url("../img/toms-alpine-start.jpg");*/
/*    background-size: cover;
    background-repeat: no-repeat;*/
    margin: 0 auto;
    padding: 0;
    width: 100%;
}



#second{
    /*height:100vh;*/
    /*max-height: 870px;*/
    /*height: 700px;*/
    //padding: 60px 20px;
    /*background: #fff url("../images/mobile2.png")  50% 0 no-repeat fixed;*/
    background-size: cover;
    background-color: #fff;
}

#third{
    height:100vh;
    max-height: 700px;
    background: #fff;
    
    //background:#fff url("../images/payment.jpg")  50% 0 no-repeat fixed;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    border-bottom: #ddd solid thin;
    
}

#fourth{

    height:1040px;
    width: 100vw;
    max-height: 900px;
    background:#fff;
    background-size: cover;
}

#fifth{
    height:100vh;
    max-height: 700px;
    /*height:450px;*/
    //background:#fff url("../images/event.jpg")  50% 0 no-repeat fixed;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

#sixth{
    
 height: 440px;
    //padding: 60px 20px;
        background: #fff url("../img/small-business-1.jpg")  50% 0 no-repeat fixed;
    background-size: cover;
    
}

#seventh{
   
    height:100vh;
    max-height: 700px;


/*    background:#fff url("../img/wellington.jpg")  50% 0 no-repeat fixed;
    background-size: cover;*/

}

#eighth{
    background: #173C85; 
    height: 200px;
    padding:0px 50px;
    background:#fff url("../img/toms-alpine-start-bottom.jpg") ;
    //background-color: #eee;
    background-size:cover;
}

#ninth{
    width:100%;

 height: 240px;
//padding: 60px 20px;
background: #163b7a;
background-size: cover;
/*background:#fff url("../img/toms-alpine-start-center.jpg") no-repeat;*/

}

twelvth{
    
 height: 240px;
 width:100%;
//padding: 60px 20px;
/*background: #173C85;*/
background-size: cover;
background:#173C85 url("../img/toms-alpine-start-top.jpg") no-repeat;

}

#footer{
    background-color: #101010;
}

.kurcoba-image-large{
    margin: 30px 80px;
}

.kurcoba-info{
    margin: 30px 120px;
    text-align: left;
}

.kc-header{
    color: #404040;
    font-size: 48px;
    font-weight: 300;
    margin: 5px 0;
    font-family: "open sans",arial,sans-serif;
}

.kc-header-main{
    color: #fff;
    font-size: 68px;
    font-weight: 300;
    margin: 5px 0;
    font-family: "open sans",arial,sans-serif;
}

.kc-subtext{
    color: #555555;
    font-size: 21px;
    font-weight: 200;
    line-height: 1.4;
}

.kc-subtext-main{
    color: #fff;
    font-size: 24px;
    font-weight: 200;
    line-height: 1.4;
}

a.kc_link-main{
    
    background: url("../img/epiphany/primary-button.png") ;
    background-size: cover;
    background-repeat: no-repeat;
    transform: scale(1.0);
    transition: all ease 500ms;
    
    display:block;
    
    width: 320px !important;
    height: 58px !important; 
    border-radius: 46px;
    padding-top:13px;
    padding-bottom:8px;
    padding-left: 16px;
    padding-right: 16px;

    font-size: 22px;
    color: white !important;
    text-decoration: none;
    /*background-color: #1a9266;*/
}

a.kc_link-main:hover{
    
    /*transform: scale(1.2f);*/

    -webkit-box-shadow: 0px 0px 30px 0px rgba(192, 70, 65, 0.67);
    -moz-box-shadow:    0px 0px 30px 0px rgba(192, 70, 65, 0.67);
    box-shadow:         0px 0px 30px 0px rgba(192, 70, 65, 0.67);
    
      transform: scale(1.1);
  transition: all ease 500ms;
  
    text-decoration: none;
}

.info-panel{
    margin-top: -80px;
    margin-left: 150px;
    background-color: rgba(55, 55, 55, 0.7); 
    padding-top: 16px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 10px;
/*    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0));  //For Safari 5.1 to 6.0 
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0));  //For Opera 11.1 to 12.0 
    background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0));  //For Firefox 3.6 to 15 
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0));  //Standard syntax */
   border: solid rgba(0, 0, 0, 0.9) 1px;
    color: white;
    /*border-radius: 1em;*/
}

.info-panel small{
    
    color: white;
    /*border-radius: 1em;*/
}

.kc_slide_in_leftable{
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%); 
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.kc_slide_in_left{   
    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 0.5s forwards; 
}

.kc_slide_in_rightable{
    transform: translateX(100%);
    -webkit-transform: translateX(100%); 
}

.kc_slide_in_right{   
    animation: slide-in 0.5s backwards;
    -webkit-animation: slide-in 0.5s backwards; 
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


.kc_invisible{
    opacity: 0;

}

.kc_transition_fade{
    
    opacity: 1;
    
    -moz-transition: opacity 0.5s; /* Firefox 4 */
    -webkit-transition: opacity 0.5s; /* Safari and Chrome */
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;

}

a.main-page-info-card{
    
    text-decoration: none;
    min-height:300px !important;
    -webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    display:block;
    display:block;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;padding:0;border-radius:2px;overflow:hidden;
    background-color: white;
}

a.main-page-info-card:hover{
    
    text-decoration: none;
    min-height:300px !important;
    -webkit-box-shadow:0 6px 2px -4px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    box-shadow:0 6px 2px -4px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    display:block;
    display:block;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;padding:0;border-radius:2px;overflow:hidden;
    background-color: white;
}


    
@keyframes slide-in {
    100% { transform: translateX(0%); }
}

@-webkit-keyframes slide-in {
    100% { -webkit-transform: translateX(0%); }
}


@media ( max-width: 585px ) {
    .input-group span.input-group-btn,.input-group input,.input-group button{
        display: block;
        width: 100%;
        border-radius: 0;
        margin: 0;
    }
    .input-group {
        position: relative;   
    }
    .input-group span.data-up{
        position: absolute;
        top: 0;
    }
    .input-group span.data-dwn{
        position: absolute;
        bottom: 0;
    }
    .form-control.text-center {
        margin: 34px 0;
    }
    .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{
        margin-left:0;
    }
    
    .ocrLarge{
    
        /*font-family: 'ocr';*/
        font-size: 64pt;
        padding: 0;
        margin: 0;
    }

}

/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .kc_text{
        margin-left: 10px;
        margin-right: 20px;
        margin-top: 100px;
        font-size: 18px;
        color: #555;

    }

    .highlight{
        font-size: 22px;
        color: #2d98ff;
    }   
    .reveal-icon{
        margin-top: 60px;
        max-width: 200px;
    }
    
    .reveal-link{
        margin-top: 20px;
        color: #03a63c;
        font-size: 18px;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .kc_text{
            margin-left: 20px;
            margin-right: 20px;
            margin-top: 0px;
            font-size: 18px;
            color: #555;

        }
        
    .reveal-icon{
        margin-top: 10px;
        max-width: 200px;
    }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {

}

.nopadding {
   padding: 0px !important;
   margin: 0px !important;
}


container {
  padding:3px;
  border:1px solid #e6e6e6;
  width:2800px;
  overflow:hidden;
}
.marquee{
  display:block;
position:relative;
width:2800px;
height:160px;
animation:scroll 10s linear infinite;
padding:3px;
}

.marquee:hover {
    animation-play-state: paused
}

.img1 {
  width:150px;
  height:150px;
  background-color:#f6f6f6;
  margin:3px;
  float:left;
}

/* Make it move */
@keyframes scroll{
0% {left:1400px;}
100% {left:-1400px;}
}