html {
    background: #fff;
}

body {font-family: 'Open Sans', sans-serif;color: #3d3536; margin: 0; /*'Open Sans'*/
      -webkit-touch-callout: none; /*Prevent iOS long click menu on links*/
      -webkit-tap-highlight-color: rgba(0,0,0,0); /*iOS remove click highlight*/
}

h1, h2, h3, h4{font-family: 'Lato', sans-serif; font-weight: 400;}

.top_animation {
    background: url(/images/landing/heading-bg.svg) bottom left no-repeat;
    background-size: cover;
    height: 919px;
    width: 100% !important;
    position: absolute;
    z-index: -1000;
    top: 0;
}
.top_logo {
    padding: 5px 5px 0 5px;
}
.top_header_holder {
    min-height:800px;
}
.top_title {
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    color: #ffffff;
    font-size: 80px;
    font-weight: 700;
    letter-spacing: 4px;
    margin: 60px 0 40px 0;
}
.top_sub_title {
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    color: #ffffff;
    font-size: 50px;
    margin: 40px 0 60px;
    letter-spacing: 2px;
}

/*.top_logo_bar{padding: 5px 5px 0 5px; text-align: left;}
.top_title_bar{background: #fff; padding: 15px 0 15px 0;}
.top_title{text-align: center;color: #2196f3;font-size: 80px; font-weight: bold; letter-spacing: 4px; margin: 0;}
.top_title_thin{font-weight: 400;}
.top_title_desc{color: #fff; font-size: 50px;padding: 80px 0 60px 0;line-height: 1.5em;}


.title_holder{margin: 0 auto 0 auto;width: 1000px; padding: 0 20px 0 20px;}
.title{font-size: 1.5em;text-align:center;margin: 40px 10px 20px 10px;letter-spacing: 1px;}

.video_holder{margin: 0 auto;width: 1000px; padding-bottom:20px;}
.video_container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;height: auto;border-radius: 3px;}
.video_container iframe, .video_container object, .video_container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.image_holder{padding: 0 20px 40px 20px; text-align: center;}
.image{width: 100%; max-width:1000px;}

.bullet_holder{padding: 40px 0 40px 0; background-color: #fff;}
.bullet_body{margin: 0 auto 0 auto;width: 1000px; padding: 0 20px 0 20px;}
.bullet_item_header{width: 50%; margin:auto; padding: 0 20px 20px 20px; box-sizing: border-box;}
.bullet_item{width: 50%; float:left; padding: 0 20px 20px 20px; box-sizing: border-box;}
.bullet_title{letter-spacing: 2px;margin: 0 0 10px 0;}
.bullet_text{line-height: 1.5em;}
.bullet_icons{height: 80px;width:80px;}

.section_holder{padding: 0 0 40px 0; background-color: #fff;}
.section_holder_title{letter-spacing: 2px;color: #2196f4;margin: 0 0 40px 0; padding: 0 20px 0 20px;}
.section_body{margin: 0 auto 0 auto;width: 1000px; padding: 0 20px 0 20px;}
.features{width: 33%; float:left; padding: 0 20px 20px 20px; box-sizing:border-box;}
.features_title{letter-spacing: 2px; margin: 0 0 5px 0;}
.intor_feature_body{height: 70px;}
.feature_long{text-align:left; border: 2px dashed #676767; width: 920px; margin-top:20px; padding: 0 20px 0 20px; display:none;}*/ /*Width is taken from description width minus padding*/
/*.feature_long_m{left: -114%; position: relative;}
.feature_long_r{left: -228%; position: relative;}
.feature_icons{height: 40px;width:40px;}
.app_img{width: 200px;height: 60px;}
.center_input{margin: 0 auto 30px auto;width: 400px;display: block;}

.bar_blue{background: #2196f3; padding: 20px 0 20px 0; margin-bottom: 40px;}
.border{border-top: 1px solid #e2e4e5; padding-top: 40px;}

.green_underline{background: url(/images/green-underline.svg) bottom left no-repeat;background-size: 100% 0.75rem;padding-bottom: 0.5rem;}
.green_underline_small {background-size: 100% 0.5rem;}

.item_image{max-width: 100%;}

.box_round{font-size:1.0em; background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: solid 1px #888888; padding: 5px; box-sizing:border-box;min-height: 2.5em;}
.box_round:focus{box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);}*/

.clear{clear:both;}
.f_l{float:left;}
.f_r{float:right;}
.d_n{display:none;}

/*.paragraph {margin-bottom: 40px;line-height:2em;}

.icon {cursor:pointer;vertical-align: middle;}*/

.t_a_c{text-align:center;}

a{text-decoration:none; color: #2196F3;}
a.button{color: #2196F3; border: 1px solid #fff;background:#fff;border-radius: 3px;text-transform: uppercase;letter-spacing: 0.1em;font-size: 1em;font-weight:bold; line-height: 1em;padding: 0.75em 2em;display: inline-block;}
a.button:hover{opacity: .8;}
a.button_c_w {border-color: #2196F3; color: #2196F3;}
a.button_pulse_w{animation: pulse_w 2s infinite;}
a.button_pulse_b{animation: pulse_b 2s infinite;}
a.white_link{color: #fff; display:inline-block; text-transform: uppercase; letter-spacing: 0.1em; font-weight: bold; padding-top: 30px;}

/*.footer{margin:60px 0 40px 0; text-align:center;word-wrap: break-word;}
.footer_items{margin-top:30px;}
.footer_icon{margin: 0 5px 0 5px;}
.footer_link{display:inline; padding: 0 10px 0 10px;}*/

@keyframes pulse_w {
  0% {box-shadow: 0 0 0 0 rgba(255,255,255, 0.5);}
  70% {box-shadow: 0 0 0 10px rgba(255,255,255, 0);}
  100% {box-shadow: 0 0 0 0 rgba(255,255,255, 0);}
}

@keyframes pulse_b {
  0% {box-shadow: 0 0 0 0 rgba(33,150,243, 0.5);}
  70% {box-shadow: 0 0 0 10px rgba(33,150,243, 0);}
  100% {box-shadow: 0 0 0 0 rgba(33,150,243, 0);}
}

@media screen and (max-width: 1000px) {
    .top_title{font-size: 70px;}
    .top_sub_title{font-size: 40px;}
    
    /*
    .title_holder{margin: 0;width: auto;}
    .title{font-size: 1.3em;}

    .video_holder{width: auto;}

    .image_holder{padding: 30px 10px;}

    .bullet_body{margin: 0;width: auto;}
    .bullet_item_header{float: none; padding: 0 0 30px 0; width: auto}
    .bullet_item{float: none; padding: 0 0 30px 0; width: auto}
    .bullet_icon{height:60px;}

    .section_body{margin: 0;width: auto;}
    .features{float: none; padding: 0 0 30px 0; width: auto}
    .intor_feature_body{height: auto;}
    .feature_long{width: initial}
    .feature_long_m{left: 0; position:initial;}
    .feature_long_r{left: 0; position:initial;}

    .footer_items_bottom{margin-top:0;}
    .footer_link{display:block;padding: 10px 0 10px 0; border-top: 1px solid #bbb}*/
}

@media screen and (max-width: 600px) {
    .top_title{font-size: 60px;}
    .top_title_desc{font-size: 30px;}

    /*
    .title{font-size: 1.2em;}

    .center_input{width: 80%;}

    .pricing{float: none; width: 80%; margin: auto; margin-bottom: 20px;}
    .pricing_outline {margin: 0;}*/
}