/*

Landing Zero theme - A free landing page theme from BootstrapZero
http://www.bootstrapzero.com

*/

@import url(https://fonts.googleapis.com/css?family=Questrial);
@import url(https://fonts.googleapis.com/css?family=Roboto);
/*@import url(http://fonts.googleapis.com/css?family=Dancing+Script:700);*/



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

body {
    /*font-family: 'Questrial','Helvetica Neue',Arial,sans-serif;*/
    font-family: 'Roboto', sans-serif;
    background-color: #282828;
    color: #d3d3d3;
    webkit-tap-highlight-color: #222;
}

hr {
    max-width:     80px;
    border-width:  3px;
    opacity:       0.09;
    margin-top:    15px;
    margin-bottom: 15px;
}

hr.light {
    border-color: #fff;
}

a {
    color:               /*#9c27b0*/#5db000;
    -webkit-transition: all .35s;
    -moz-transition:    all .35s;
    transition:         all .35s;
}

a:hover,
a:focus {
    color:   #5db070;
    outline: 0;
}

h1,h2,h3,h4,h5,h6 {
    /*font-family: 'Questrial','Helvetica Neue',Arial,sans-serif;*/
    font-family: 'Roboto', sans-serif;
}

p {
    font-size:       17px;
    line-height:     1.7;
    margin-bottom:   20px;
}

.wide-space {
    letter-spacing: 1.6px;
}

.icon-lg {
    font-size:   50px;
    line-height: 18px;
}

.bg-primary {
    background-color: #333;
}

.bg-dark {
    color:            #eee;
    background-color: #222;
}

.cursive {
    text-transform: none;
}

.text-faded {
    color: rgba(245,245,245,0.7);
}

.text-dark {
    color: #111;
}

.text-primary {
    color:       #5db000;
    font-family: Roboto, sans-serif;
    font-weight: bold;
}

.modal-content {
    background-color: #1d1d1d;
}

section {
    padding: 70px 0;
}

aside {
    padding: 50px 0;
}

footer {
    padding: 15px;
}

.no-padding {
    padding: 0;
}

.navbar-default {
    border-color:        rgba(35,35,35,.05);
    font-family:         'Roboto', sans-serif;
    background-color:    #222;
    -webkit-transition:  all .4s;
    -moz-transition:     all .4s;
    transition:          all .4s;
}

.navbar-header > .navbar-brand {
    /*font-family: 'Questrial','Helvetica Neue',Arial,sans-serif;*/
    font-family:         'Roboto', sans-serif;
    color:               #5db000/*#9c27b0*/;
    padding:             15px;
    -webkit-transition:  padding .2s ease-in;
    -moz-transition:     padding .2s ease-in;
    transition:          padding .2s ease-in;
}

.navbar-header > .navbar-brand:hover,
.navbar-header > .navbar-brand:focus {
    color: #5db000;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #181818;
}
.navbar-default .navbar-toggle, .navbar-default .navbar-collapse {
    border-color: transparent;
}

.navbar-default .nav > li>a,
.navbar-default .nav>li>a:focus {
    text-transform:  uppercase;
    font-size:       13px;
    font-weight:     700;
    color:           #fff;
}

.navbar-default .nav > li>a:hover,
.navbar-default .nav>li>a:focus:hover {
    color: /*#9c27b0*/#5db000;
}

.navbar-default .nav > li.active>a,
.navbar-default .nav>li.active>a:focus {
    color:               #5db000/*#9c27b0*/ !important;
    background-color:    transparent;
}

.navbar-default .nav > li.active>a:hover,
.navbar-default .nav>li.active>a:focus:hover {
    background-color: transparent;
}


@media(min-width:922px) {
    .navbar-default {
        border-color:        transparent;
        background-color:    transparent;
        min-height:          60px;
    }

    .navbar-header > .navbar-brand {
        color:   rgba(255,255,255,0.7);
        padding: 19px;
    }

    .navbar-default .navbar-header .navbar-brand:hover,
    .navbar-default .navbar-header .navbar-brand:focus {
        color: #f4f4f4;
    }

    .navbar-default .nav > li>a,
    .navbar-default .nav>li>a:focus {
        color:           rgba(255,255,255,0.8);
        padding:         20px;
        letter-spacing:  1.1px;
        text-shadow:     1px 1px 1px rgba(60,60,60,0.7);
    }

    .navbar-default .nav > li>a:hover,
    .navbar-default .nav>li>a:focus:hover {
        color: #fefefe;
    }

    .navbar-default.affix {
        border-color:        rgba(34,34,34,.05);
        background-color:    #222;
    }

    .navbar-default.affix .navbar-header .navbar-brand {
        font-size:       15px;
        padding:         20px;
        letter-spacing:  1px;
    }

    .navbar-default.affix .navbar-header .navbar-brand:hover,
    .navbar-default.affix .navbar-header .navbar-brand:focus {
        color: #5db000;
    }

    .navbar-default.affix .nav > li>a,
    .navbar-default.affix .nav>li>a:focus {
        color:           #ddd;
        text-shadow:     1px 1px 1px rgba(30,30,30,0.7);
    }

    .navbar-default.affix .nav > li>a:hover,
    .navbar-default.affix .nav>li>a:focus:hover {
        color: #5db000/*#9c27b0*/;
    }
}

header {
    position:                    relative;
    min-height:                  auto;
    text-align:                  center;
    color:                       #fff;
    width:                       100%;
    background-color:            #337ab7;
    background-position:         top;
    -webkit-background-size:     cover;
    -moz-background-size:        cover;
    background-size:             cover;
    -o-background-size:          cover;
}

header .header-content {
    position:    relative;
    width:       100%;
    padding:     100px 15px;
    text-align:  center;
    z-index:     2;
}

header .header-content .inner h1 {
    margin-top:     0;
    margin-bottom:  0;
}

header .header-content .inner p {
    margin-bottom:   50px;
    font-size:       16px;
    font-weight:     300;
    color:           rgba(255,255,255,0.7);
}

#video-background {
  position:      absolute;
  right:         0;
  bottom:        0;
  min-width:     100%;
  min-height:    100%;
  width:         auto;
  height:        auto;
  z-index:       1;
}

#video-background.collapsing {
  display:none;
}

footer {
    background-color:#2d2d2d;
}

.auth .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.auth .btn {
    border-radius: 4px;
}

@media(min-width:768px) {
    .icon-lg {
        font-size: 80px;
    }
    
    header {
        min-height: 100%;
    }

    header .header-content {
        position:            absolute;
        top:                 50%;
        padding:             0 50px;
        -webkit-transform:   translateY(-50%);
        -ms-transform:       translateY(-50%);
        transform:           translateY(-50%);
    }

    header .header-content .inner {
        margin-right:    auto;
        margin-left:     auto;
        max-width:       1000px;
    }

    header .header-content.auth .inner {
        margin-right:    auto;
        margin-left:     auto;
        max-width:       300px;
    }

    header .header-content.auth .col-md-6 {
        width: 100%;
    }

    header .header-content .inner h1 {
        font-size: 53px;
    }

    header .header-content .inner p {
        margin-right:    auto;
        margin-left:     auto;
        max-width:       80%;
        font-size:       18px;
    }
    
    section {
        min-height:  600px;
        padding:     50px 0;
    }

}

.form-control {
    display:             block;
    width:               100%;
    height:              35px;
    padding:             6px 12px;
    font-size:           14px;
    line-height:         1.5;
    color:               #eee;
    background-color:    #36333d;
    background-image:    none;
    border:              1px solid #36333d;
    border-radius:       4px;
    box-shadow:          inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition:          border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus {
    color:               #222;
    background-color:    #ccc;
    box-shadow:          none;
}
textarea {
    resize: none;
}

.margin-top-0 {
    margin-top: 0;
}

.feature {
    margin:      50px auto 0;
    max-width:   400px;
}

@media(min-width:992px) {
    .feature {
        margin: 20px auto 0;
    }
}

.feature p {
    margin-bottom: 0;
}

.call-to-action h2 {
    margin: 0 auto 20px;
}

.gallery-box {
    display:     block;
    position:    relative;
    margin:      0 auto;
    max-width:   650px;
    overflow:    hidden;
}

.gallery-box .gallery-box-caption {
    display:             block;
    position:            absolute;
    bottom:              0;
    width:               100%;
    height:              100%;
    text-align:          center;
    color:               #fff;
    opacity:             0;
    background:          rgba(44,44,44,.8);
    -webkit-transition:  all .35s;
    -moz-transition:     all .35s;
    transition:          all .35s;
}

.gallery-box .gallery-box-caption .gallery-box-content {
    position:    absolute;
    top:         50%;
    width:       100%;
    text-align:  center;
    transform:   translateY(-50%);
}

.gallery-box:hover .gallery-box-caption {
    opacity: 1;
}

.gallery-box:hover img {
    -webkit-transform:   scale(1.1);
    -ms-transform:       scale(1.1);
    transform:           scale(1.1);
}

.gallery-box img {
    -webkit-transition:  all 300ms ease-in-out;
    transition:          all 300ms ease-in-out;
}

.no-gutter > [class*=col-] {
    padding-right:   0;
    padding-left:    0;
}

.btn-default {
    border-color:        #fff;
    color:               #222;
    background-color:    #fff;
    -webkit-transition:  all .35s;
    -moz-transition:     all .35s;
    transition:          all .35s;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    border-color:        #ededed;
    color:               #222;
    background-color:    #f2f2f2;
    opacity:             0.7;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    border-color:        #fff;
    background-color:    #fff;
    opacity:             0.7;
}

.btn-default .badge {
    color:               #fff;
    background-color:    #222;
}

.btn.btn-primary {
    background-color:    transparent;
    border:              1px solid #f0f0f0;
    border-color:        #f0f0f0;
    -webkit-transition:  all .35s;
    -moz-transition:     all .35s;
    transition:          all .35s;
}

.btn.btn-primary:hover {
    opacity: 0.7;
}

.btn {
    border:          0;
    border-radius:   290px;
    font-family:     'Roboto', sans-serif;
}

.btn-xl {
    padding:     15px 30px;
    font-size:   20px;
}

::-moz-selection {
    text-shadow: none;
    color:       #fff;
    background:  #222;
}

::selection {
    text-shadow: none;
    color:       #fff;
    background:  #222;
}

img::selection {
    color:       #fff;
    background:  0 0;
}

img::-moz-selection {
    color:       #fff;
    background:  0 0;
}
#newtoTK:after {
    content:             "";
    width:               100%;
    background-color:    transparent;
    display:             block;
    height:              1px;
    border-top:          1px solid #e7e7e7;
    position:            absolute;
    top:                 65.5%;
    margin-top:          -1px;
    margin-left:         15px;
    z-index:             1;
}
#newtoTK.col-md-12.text-center:before {
    padding-top: 5px;
}

.newtoTKCloud
{
    background-color:    #1d1d1d;
    line-height:         1;
    font-size:           12px;
    font-weight:         400;
    z-index:             3;
    position:            relative;
    display:             inline-block;
    padding:             0 8px 0 7px;
    margin-top:          5px;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
    background-color: transparent !important;
}

.open > ul > li > a{
    color:white;
}

.open > ul{
    background-color: #1d1d1d;
}

.gallery-box > img{
    position:    relative;
    float:       left;
    width:       100%;
    height:      270px;
}

#three .row > div{
    padding: 5px !important;
}

#four p{
    color: #95989a;
}

@media (min-width: 990px){
    #first{
        background-color: #337ab7;
        /*background-color: #000;*/
    }
}


@media (min-width: 1000px){

    #stepOne{
        margin-top:  15px;
        padding:     0px;
    }

    #stepTwo{
        margin-top:     15px;
        padding-right:  0px;
    }

    #stepThree{
        padding-left:    0px;
        margin-top:      15px;
    }

    #stepFour{
        padding-left:    5%;
        margin-top:      15px;
    }

    #stepFive{
        padding:         0px;
        margin-top:      15px;
        margin-left:     50px;
    }
}

@media (max-width: 736px){

    #stepOne, #stepTwo, #stepThree, #stepFour, #stepFive{
        margin-bottom:   5%;
        margin-top:      2%;
    }

    #stepOne p, #stepTwo p, #stepThree p, #stepFour p, #stepFive p {
        font-size:       13px;
        line-height:     13px;
        margin-bottom:   5px;
    }

    #stepOne .badge, #stepTwo .badge, #stepThree .badge, #stepFour .badge, #stepFive .badge {
        font-weight:     300;
        font-size:       9px;
        padding:         3px 5px;
    }
}
/*
@media (max-width: 600px){

    .howSteps{
        padding:0px;
        padding-top: 5%;
    }

    #stepOne p {
        font-size: 13px;
        line-height: 13px;
        margin-bottom: 5px;
    }

    #stepOne .badge {
        font-weight: 300;
        font-size: 9px;
        padding: 3px 5px;
    }

    #stepTwo p{
        font-size: 13px;
        line-height: 13px;
        margin-bottom: 5px;
    }

    #stepTwo .badge {
        font-weight: 300;
        font-size: 9px;
        padding: 3px 5px;
    }

    #stepThree p{
        font-size: 13px;
        line-height: 13px;
        margin-bottom: 5px;
    }

    #stepThree .badge {
        font-weight: 300;
        font-size: 9px;
        padding: 3px 5px;
    }

    #stepFour p{
        font-size: 13px;
        line-height: 13px;
        margin-bottom: 5px;
    }

    #stepFour .badge {
        font-weight: 300;
        font-size: 9px;
        padding: 3px 5px;
    }

    #stepFive p{
        font-size: 13px;
        line-height: 13px;
        margin-bottom: 5px;
    }

    #stepFive .badge {
        font-weight: 300;
        font-size: 9px;
        padding: 3px 5px;
    }
}

@media (max-width: 320px){

    .howSteps{
        padding:0px;
        padding-top: 5%;
    }

    #stepOne{
        margin-bottom: 45%;
    }

    #stepOne p {
        font-size: 9px;
        line-height: 10px;
        margin-bottom: 5px;
    }

    #stepOne .badge {
        font-weight: 300;
        font-size: 9px;
        padding: 3px 5px;
    }

    #stepTwo{
        margin-bottom: 45%;
    }

    #stepTwo p{
        font-size: 9px;
        line-height: 10px;
        margin-bottom: 5px;
    }

    #stepTwo .badge {
        font-weight: 300;
        font-size: 9px;
        padding: 3px 5px;
    }

    #stepThree{
        margin-bottom: 35%;
    }

    #stepThree p{
        font-size: 9px;
        line-height: 10px;
        margin-bottom: 5px;
    }

    #stepThree .badge {
        font-weight: 300;
        font-size: 9px;
        padding: 3px 5px;
    }

    #stepFour{
        margin-bottom: 45%;
    }

    #stepFour p{
        font-size: 9px;
        line-height: 10px;
        margin-bottom: 5px;
    }

    #stepFour .badge {
        font-weight: 300;
        font-size: 9px;
        padding: 3px 5px;
    }

    #stepFive{
        margin-bottom: 35%;
    }

    #stepFive p{
        font-size: 9px;
        line-height: 10px;
        margin-bottom: 5px;
    }

    #stepFive .badge {
        font-weight: 300;
        font-size: 9px;
        padding: 3px 5px;
    }
}
*/

.intro-ul > li{
    font-size:   17px;
    color:       rgba(245,245,245,0.7);
}

#contact{
    position:    absolute;
    bottom:      3%;
}

#feedback{
    float: right;
}

#last > .container > .row{
    position: relative;
}

#headlogo{
    padding:     0px;
    padding-top: 7px;
}

#langbar > li > a{
    color: #888 !important;
}

video{
    object-fit:      fill;
    -webkit-filter:  blur(20px);
    -moz-filter:     blur(20px);
    -o-filter:       blur(20px);
    -ms-filter:      blur(20px);

}