/*
Theme Name: Hug Website
Theme URI: https://wordpress.org/themes/twentyfourteen/
Author: the WordPress team
Author URI: https://wordpress.org/
*/


/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 *
 * -----------------------------------------------------------------------------
 */
/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

.aspect-ratio {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 51%;
}

.aspect-ratio iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}



h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    clear: both;
}

ol,
ul {
    list-style: none;
}

blockquote {
    quotes: none;
}

blockquote:before,
blockquote:after {
    content: '';
    content: none;
}

del {
    text-decoration: line-through;
}


/* tables still need 'cellspacing="0"' in the markup */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a img {
    border: none;
}


/* =Fonts
-------------------------------------------------------------- */

h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
input[type=submit] {
    font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}

pre {
    font-family: "Courier 10 Pitch", Courier, monospace;
}

code {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

body,
input,
textarea {
    color: #666;
    font-size: 12px;
    line-height: 18px;
}

hr {
    background-color: #E7E7E7;
    border: 0;
    height: 1px;
    margin-bottom: 18px;
    clear: both;
}


/* Text elements */

p {
	margin-bottom: 18px;
}

ol ol {
    list-style: upper-alpha;
}

ol ol ol {
    list-style: lower-roman;
}

ol ol ol ol {
    list-style: lower-alpha;
}

ul ul,
ol ol,
ul ol,
ol ul {
    margin-bottom: 0;
}

dl {
    margin: 0 0 24px 0;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 18px;
}

strong {
    font-weight: bold;
}

cite,
em,
i {
    font-style: italic;
}

big {
    font-size: 131.25%;
}

ins {
    background: #ffc;
    text-decoration: none;
}

blockquote {
    font-style: italic;
    padding: 0 3em;
}

blockquote cite,
blockquote em,
blockquote i {
    font-style: normal;
}

pre {
    background: #f7f7f7;
    color: #222;
    line-height: 18px;
    margin-bottom: 18px;
    padding: 1.5em;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

sup,
sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    position: relative;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

input[type="text"],
textarea {
    padding: 2px;
    background: #f9f9f9;
    border: 1px solid #ccc;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
}

table {
    border: 1px solid #e7e7e7;
    text-align: left;
    margin: 0 -1px 24px 0;
    width: 100%;
}

tr th,
thead th {
    color: #888;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 9px 24px;
}

tr td {
    border-top: 1px solid #e7e7e7;
    padding: 6px 24px;
}

tr.odd td {
    background: #F2F7FC;
}

.attachment img {
    max-width: 900px;
}

.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px;
}

.alignright,
img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
}

.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft,
img.alignright,
img.aligncenter {
    margin-bottom: 12px;
}

.wp-caption {
    background: #f1f1f1;
    line-height: 18px;
    text-align: center;
    margin-bottom: 20px;
    padding: 4px;
}

.wp-caption img {
    margin: 5px 5px 0;
}

.wp-caption p.wp-caption-text {
    margin: 5px;
    color: #888;
    font-size: 12px;
}

.wp-smiley {
    margin: 0;
}


/* =Comments
-------------------------------------------------------------- */

#comments {
    clear: both;
}

#comments .navigation {
    padding: 0 0 18px 0;
}

h3#comments-title,
h3#reply-title {
    color: #000;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 0;
}

h3#comments-title {
    padding: 24px 0;
}

.commentlist {
    list-style: none;
    margin: 0;
}

.commentlist li.comment {
    border-bottom: 1px solid #e7e7e7;
    line-height: 24px;
    margin: 0 0 24px 0;
    padding: 0 0 0 56px;
    position: relative;
}

.commentlist li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

#comments .comment-body ul,
#comments .comment-body ol {
    margin-bottom: 18px;
}

#comments .comment-body p:last-child {
    margin-bottom: 6px;
}

#comments .comment-body blockquote p:last-child {
    margin-bottom: 24px;
}

.commentlist ol {
    list-style: decimal;
}

.commentlist .avatar {
    position: absolute;
    top: 4px;
    left: 0;
}

.comment-author {}

.comment-author cite {
    color: #000;
    font-style: normal;
    font-weight: bold;
}

.comment-author .says {
    font-style: italic;
}

.comment-meta {
    font-size: 12px;
    margin: 0 0 18px 0;
}

.comment-meta a:link,
.comment-meta a:visited {
    color: #888;
    text-decoration: none;
}

.comment-meta a:active,
.comment-meta a:hover {
    color: #FF4B33;
}

.commentlist .even {}

.commentlist .bypostauthor {}

.reply {
    font-size: 12px;
    padding: 0 0 24px 0;
}

.reply a,
a.comment-edit-link {
    color: #888;
}

.reply a:hover,
a.comment-edit-link:hover {
    color: #FF4B33;
}

.commentlist .children {
    list-style: none;
    margin: 0;
}

.commentlist .children li {
    border: none;
    margin: 0;
}

.nopassword,
.nocomments {
    display: none;
}

#comments .pingback {
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e7e7e7;
}

.commentlist li.comment+li.pingback {
    margin-top: -6px;
}

#comments .pingback p {
    color: #888;
    font-size: 12px;
    line-height: 18px;
    display: block;
    margin: 0;
}

#comments .pingback .url {
    font-style: italic;
    font-size: 13px;
}


/* Comments form */

input[type=submit] {
    color: #333;
}

#respond {
    margin: 24px 0;
    border-top: 1px solid #e7e7e7;
    overflow: hidden;
    position: relative;
}

#respond p {
    margin: 0;
}

#respond .comment-notes {
    margin-bottom: 1em;
}

.form-allowed-tags {
    line-height: 1em;
}

.children #respond {
    margin: 0 48px 0 0;
}

h3#reply-title {
    margin: 18px 0;
}

#comments-list #respond {
    margin: 0 0 18px 0;
}

#comments-list ul #respond {
    margin: 0;
}

#cancel-comment-reply-link {
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
}

#respond .required {
    color: #FF4B33;
    font-weight: bold;
}

#respond label {
    color: #888;
    font-size: 12px;
}

#respond input {
    margin: 0 0 9px;
    width: 98%;
}

#respond textarea {
    width: 98%;
}

#respond .form-allowed-tags {
    color: #888;
    font-size: 12px;
    line-height: 18px;
}

#respond .form-allowed-tags code {
    font-size: 11px;
}

#respond .form-submit {
    margin: 12px 0;
}

#respond .form-submit input {
    width: auto;
    font-size: 14px;
}

body {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

input {
    -webkit-appearance: none;
    border-radius: 0;
}

.clear {
    clear: both;
    font-size: 0px;
    line-height: 0px;
    display: block;
}

::-webkit-input-placeholder {
    color: #a8a8a8;
    opacity: 1;
}

::-moz-placeholder {
    color: #a8a8a8;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #a8a8a8;
    opacity: 1;
}

input:-moz-placeholder {
    color: #a8a8a8;
    opacity: 1;
}

textarea:-moz-placeholder {
    color: #a8a8a8;
    opacity: 1;
}

@font-face {
    font-family: 'latosemibold';
    src: url('fonts/lato-semibold-webfont.woff2') format('woff2'), url('fonts/lato-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaLight';
    src: url('fonts/ProximaNovaLight.eot');
    src: url('fonts/ProximaNovaLight.eot') format('embedded-opentype'), url('fonts/ProximaNovaLight.woff2') format('woff2'), url('fonts/ProximaNovaLight.woff') format('woff'), url('fonts/ProximaNovaLight.ttf') format('truetype'), url('fonts/ProximaNovaLight.svg#ProximaNovaLight') format('svg');
}

@font-face {
    font-family: 'ProximaNovaBold';
    src: url('fonts/ProximaNovaBold.eot');
    src: url('fonts/ProximaNovaBold.eot') format('embedded-opentype'), url('fonts/ProximaNovaBold.woff2') format('woff2'), url('fonts/ProximaNovaBold.woff') format('woff'), url('fonts/ProximaNovaBold.ttf') format('truetype'), url('fonts/ProximaNovaBold.svg#ProximaNovaBold') format('svg');
}

@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('fonts/ProximaNovaRegular.eot');
    src: url('fonts/ProximaNovaRegular.eot') format('embedded-opentype'), url('fonts/ProximaNovaRegular.woff2') format('woff2'), url('fonts/ProximaNovaRegular.woff') format('woff'), url('fonts/ProximaNovaRegular.ttf') format('truetype'), url('fonts/ProximaNovaRegular.svg#ProximaNovaRegular') format('svg');
}

@font-face {
    font-family: 'ProximaNovaSemibold';
    src: url('fonts/ProximaNovaSemibold.eot');
    src: url('fonts/ProximaNovaSemibold.eot') format('embedded-opentype'), url('fonts/ProximaNovaSemibold.woff2') format('woff2'), url('fonts/ProximaNovaSemibold.woff') format('woff'), url('fonts/ProximaNovaSemibold.ttf') format('truetype'), url('fonts/ProximaNovaSemibold.svg#ProximaNovaSemibold') format('svg');
}

.content {
    width: 1185px;
    margin: 0 auto;
}

img {
    max-width: 100%;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 9px 0;
    z-index: 9999;
}

header.home_page {
    background: none;
}

#logo {
    float: left;
}

#navigation_bar {
    float: right;
    padding: 13px 0;
}

#navigation_bar nav>ul>li {
    float: left;
    line-height: 16px;
    margin-left: 32px;
}

#navigation_bar nav>ul>li>a {
    display: block;
    font-size: 16px;
    color: #000;
    font-family: 'latosemibold';
    text-decoration: none;
    text-transform: uppercase;
    line-height: 16px;
    display: block;
    padding: 15px 20px;
    border-radius: 3px;
    transition: all 0.3s linear 0s;
}

header.home_page #navigation_bar nav>ul>li>a {
    color: #fff;
}




#navigation_bar nav>ul>li.active>a {
    color: #fff !important;
    background: #10bbf2;
}

#navigation_bar nav>ul>li:hover > a,
#navigation_bar nav>ul>li.current-menu-item > a,
header.home_page #navigation_bar nav>ul>li:hover>a,
header.home_page #navigation_bar nav>ul>li.current-menu-item>a {
    color: #10bbf2;
}

a:focus {
    border: none;
}

.caption {
    position: absolute;
    z-index: 99;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
}

.caption .content {
    position: relative;
    height: 100%;
}

#main_banner {
    position: relative;
    line-height: 8px;
}

.caption_right {
    position: absolute;
    bottom: 0;
    right: 0;
}

.caption_left {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 560px;
}



* {
    box-sizing: border-box;
}

.caption small {
    font-size: 16px;
    color: #fff;
    font-family: 'ProximaNovaRegular';
    line-height: 22px;
    width: 430px;
    display: block;
}

.blue_link,
.grey_link {
    font-family: 'ProximaNovaLight';
    font-size: 19px;
    color: #fff;
    background: #08c3ff;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 19px;
    padding: 0 30px;
    height: 52px;
    line-height: 52px;
    border-radius: 3px;
    transition: all 0.3s linear 0s;
}

.grey_link:hover,
.blue_link:hover {
    transform: scale(0.95);
}

.grey_link {
    background: #2e2e30;
}

.links {
    margin-top: 20px;
}

.links a {
    margin-left: 12px;
}

.links a:first-child {
    margin-left: 0;
}

header.home_page #logo .fixed {
    display: none;
}

header.home_page #logo .normal {
    display: block;
}

header #logo .normal {
    display: none;
}

#what_it_is {
    background: #f1f5f8;
    text-align: center;
    padding: 100px 0 85px;
}

#what_it_is p {
    width: 95%;
    margin: 0 auto;
}

#what_it_is h2 {
    padding-bottom: 30px;
}

#features {
    text-align: center;
    padding: 75px 0;
}

#features h2 {
    padding-bottom: 60px;
}

#features nav.nav_left {
    float: left;
    left: -20px;
    position: relative;
    width: 420px;
}

#features nav.nav_right {
    float: right;
    width: 420px;
    position: relative;
    left: 10px;
}

#features .content >img {
    position: absolute;
    top: 98px;
    left: 50%;
    margin-left: -212.5px;
}

#features .content {
    position: relative;
}

#features ul li span {
    width: 128px;
    height: 128px;
    float: right;
    border: 1px solid #000;
    border-radius: 100%;
    text-align: center;
    line-height: 128px;
    display: table;
}

#features nav.nav_right span {
    float: left;
}
#features ul li span strong{width: 100%;}
#features ul li span strong {
    display: table-cell;
    vertical-align: middle;
 
}
#features ul li span strong img{display: block;   text-align: center;
    margin: 0 auto;}
#features ul li .desc {
    width: 270px;
    float: left;
    text-align: right;
}

#features nav.nav_right .desc {
    text-align: left;
    float: right;
}

#features ul li .desc p {
    font-family: 'ProximaNovaRegular';
    color: #000;
}

#features ul li .desc h3 {
    font-family: 'ProximaNovaRegular';
    color: #08c3ff;
    font-size: 26px;
    line-height: 32px;
    padding-bottom: 12px;
}

#features ul li {
    position: relative;
    margin-bottom: 35px;
}

#features ul li.features1,
#features ul li.features4 {
    top: -18px;
}

#features ul li.features1 .desc,
#features ul li.features4 .desc {
    margin-top: -48px;
}

#features ul li.features1 b {
    background: url(images/shape1.png) no-repeat;
    width: 54px;
    height: 31px;
    display: block;
    position: absolute;
    bottom: 0;
    right: -24px;
}

#features ul li.features2 b {
    background: rgba(0, 0, 0, 0) url("images/shape2.png") no-repeat scroll 0 0;
    bottom: 25px;
    display: block;
    height: 9px;
    position: absolute;
    right: -22px;
    width: 37px;
}

#features ul li.features3 b {
    background: rgba(0, 0, 0, 0) url("images/shape3.png") no-repeat scroll 0 0;
    display: block;
    height: 22px;
    position: absolute;
    right: -22px;
    top: -12px;
    width: 52px;
}

#features ul li.features4 b {
    background: url(images/shape4.png) no-repeat;
    width: 83px;
    height: 76px;
    display: block;
    position: absolute;
    bottom: -61px;
    left: -24px;
}

#features ul li.features5 b {
    background: rgba(0, 0, 0, 0) url("images/shape5.png") no-repeat scroll 0 0;
    bottom: 30px;
    display: block;
    height: 32px;
    left: -23px;
    position: absolute;
    width: 87px;
}

#features ul li.features6 b {
    background: rgba(0, 0, 0, 0) url("images/shape6.png") no-repeat scroll 0 0;
    display: block;
    height: 56px;
    left: -22px;
    position: absolute;
    top: -49px;
    width: 57px;
}

#features ul li.features3 {
    margin-top: 68px;
}

#features ul li.features3 .desc {
    margin-top: -36px;
}

#features ul li.features5 {
    margin-top: 41px;
}

#features ul li.features6 {
    margin-top: 84px;
}

#security {
    text-align: center;
    background: #f1f5f8;
    padding: 100px 0;
}

#security nav {
    padding-top: 55px;
}

#security h2,
#origins h2 {
    padding-bottom: 5px;
}

#security ul li {
    float: left;
    width: 33.33%;
    padding: 0 3%;
}

#security ul li h5 {
    color: #08c3ff;
    padding-top: 8px;
    font-family: 'ProximaNovaSemibold';
}

#origins {
    text-align: center;
    padding: 75px 0 70px;
}

#origins ul li {
    float: left;
    width: 50%;
    padding: 0 4%;
}

#origins ul li > h6 {
    height: 100px;
    width: 100px;
    background: #10bbf2;
    border-radius: 100%;
    display: block;
    display: table;
    margin: 0 auto;
    line-height: 90px;
    font-size: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

#origins ul li small  {
    display: table-cell;
    vertical-align: middle;
    font-size: 0;
}
#origins ul li small img{display: block; margin: 0 auto; text-align: center;}
#origins nav {
    padding-top: 40px;
}

#origins h4,
#key_issues h4 {
    font-size: 26px;
    color: #08c3ff;
    font-family: 'ProximaNovaSemibold';
    font-weight: normal;
    line-height: 26px;
    padding: 26px 0 18px;
}

#origins span,
#key_issues h5 {
    color: #7f7f80;
    font-family: "ProximaNovaRegular";
    font-size: 16px;
    line-height: 22px;
    display: block;
    min-height: 45px;
    margin-bottom: 22px;
}

#key_issues nav>ul> li ul li {
    color: #000;
    font-family: "ProximaNovaRegular";
    font-size: 16px;
    line-height: 22px;
    margin-left: 15px;
    list-style-type: disc;
    text-align: left;
    margin-bottom: 8px;
}

#key_issues h5 {
    font-family: 'ProximaNovaSemibold';
    text-align: left;
    color: #000;
    margin-bottom: 18px;
    min-height: 1px;
}

#origins p {
    color: #000;
}

#key_issues {
    text-align: center;
    background: #f1f5f8;
    padding: 68px 0;
	display: none;
	visibility: hidden;
}

#key_issues h2 {
    padding-bottom: 35px;
}

#key_issues nav>ul> li {
    float: left;
    width: 25%;
    padding-right: 27px;
}

#key_issues p {
    color: #000;
    text-align: left;
}

.slider_wrapper {
    width: 500px;
    margin: 0 auto;
}

#slider_container {
    background: #10bbf2;
    padding: 80px 0;
    position: relative;
}

#slider_container ul.slides li span {
    width: 179px;
    height: 179px;
    border-radius: 100%;
    display: inline-block;
    box-shadow: 0 1px 18px rgba(0, 0, 0, 0.2);
    vertical-align: middle;
}

#slider_container .info {
    display: inline-block;
    width: 260px;
    padding: 18px 0 0 25px;
    margin-left: 20px;
    vertical-align: middle;
    background: url(images/quote1.png) no-repeat;
}

#slider_container .info p,
#slider_container .info h6 {
    font-family: "ProximaNovaRegular";
    color: #fff;
    font-size: 19px;
    margin-bottom: 12px;
    position: relative;
}

#slider_container .info h6 {
    font-size: 17px;
}

#slider_container .info h4 {
    font-family: 'ProximaNovaBold';
    color: #fff;
    font-size: 26px;
    padding-bottom: 12px;
}

#slider_container .info p b {
    background: rgba(0, 0, 0, 0) url("images/quote2.png") no-repeat scroll 0 0;
    bottom: -8px;
    display: block;
    height: 36px;
    position: absolute;
    right: -25px;
    width: 46px;
}

#slider_container .flex-direction-nav .flex-prev {
    background: url(images/left_arrow.png) center center no-repeat;
    border: 1px solid #fff;
    border-radius: 100%;
    width: 50px;
    height: 50px;
}

#slider_container .flex-direction-nav .flex-prev:hover {
    background: #fff url(images/left_arrow1.png) center center no-repeat;
}

#slider_container .flex-direction-nav .flex-next {
    background: url(images/right_arrow.png) center center no-repeat;
    border: 1px solid #fff;
    border-radius: 100%;
    width: 50px;
    height: 50px;
}

#slider_container .flex-direction-nav .flex-next:hover {
    background: #fff url(images/right_arrow1.png) center center no-repeat;
}

#contact_us {
    text-align: center;
    background: #f1f5f8;
    padding: 100px;
}

#contact_us h2 {
    padding-bottom: 24px;
}

#contact_us input[type='text'],
#contact_us input[type='email'],
#contact_us textarea {
    height: 55px;
    line-height: 55px;
    background: #fff;
    padding: 0 27px;
    font-size: 26px;
    font-family: 'ProximaNovaLight';
    color: #86919e;
    border: none;
    box-shadow: none;
    border-radius: 3px;
    width: 92%;
    float: right;
}

#contact_us .content {
    width: 640px;
    margin: 0 auto;
}

#contact_us span {
    width: 45px;
    float: left;
    margin-top: 17px;
}

#contact_us form > div {
    margin-bottom: 30px;
}
#contact_us textarea {
    resize: none;
    height: 185px;
    padding: 27px;
    line-height: 34px;
}
#contact_us input[type='submit']{
    height: 52px;
    line-height: 52px;
    color: #fff;
    background: #10bbf2;
    border-radius: 3px;
    font-size: 19px;
      font-family: 'ProximaNovaLight';
    border: none;
    box-shadow: none;
    float: right;
    text-transform: uppercase;
    padding: 0 22px;
    cursor: pointer;
}
footer{
    background: #242425;
    padding: 58px 0 20px;
}
footer h3{color: #fff; text-align: center;padding-bottom: 32px;}
footer form{
    width: 800px;
    margin: 0 auto;
    border: 1px solid #fff;
    border-radius: 3px;
}
footer form input[type='submit'], footer form input[type='email']{
    border: none;
    box-shadow: none;
    background: none;
      font-family: 'ProximaNovaLight';
    font-size: 26px;
    color: #a8a8a8;
    padding: 0 24px;
        height: 52px;
    line-height: 52px;
}
footer form input[type='email']{width: 100%;}
footer form p{float: left;margin-bottom: 0; width: 152px;}
footer form p:first-child{width: 646px;}
footer form input[type='submit']{
    background: #10bbf2;
    color: #fff;
    text-transform: uppercase;
    font-size: 19px;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    width: 100%;
    
}
.footer_links{padding-top: 50px;}
.footer_links h6{padding-bottom: 12px;}
.footer_links a, .footer_links address{    display: block; font-size: 13px; text-decoration: none; padding-bottom: 10px;
    font-family: "latosemibold"; color: #fff;text-transform: uppercase; font-style: normal; transition: all 0.3s linear 0s;}

#inner_banner h1{
    font-size: 72px;
    line-height: 72px;
}
h1 {
    font-family: 'ProximaNovaBold';
    font-size: 60px;
    color: #fff;
    line-height: 70px;
    font-weight: normal;
}

h2 {
    font-family: 'ProximaNovaLight';
    font-size: 48px;
    color: #000;
    line-height: 48px;
    font-weight: normal;
}
h3 {
    font-family: 'ProximaNovaLight';
    font-size: 40px;
    color: #000;
    line-height: 40px;
    font-weight: normal;
}

h5 {
    font-family: 'ProximaNovaRegular';
    font-size: 20px;
    line-height: 26px;
    color: #7f7f80;
    font-weight: normal;
}

h6 {
     font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #454545;
    font-weight: normal;
}

p {
    font-family: 'ProximaNovaRegular';
    font-size: 16px;
    color: #7f7f80;
    line-height: 26px;
    margin-bottom: 18px;
}
.footer_right_link{float: right;}
.footer_left_link{float: left;}
.footer_right_link li{float: left;}

.footer_links a:hover{
    color: #10bbf2;
}
.footer_right_link a{
    color: #10bbf2;
}
.footer_right_link nav>ul>li ul li{margin-left: 10px;}
.footer_right_link nav>ul>li:first-child, .footer_right_link nav>ul>li ul li:first-child{margin-left: 0;}

    .footer_right_link nav>ul>li{margin-left: 85px;}

.copyright {padding-top: 28px;}
.copyright span {
    color: #454545;
    display: inline-block;
    font-family: "Lato";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-left: 15px;
    position: relative;
    top: -12px;
    vertical-align: bottom;
}
.copyright a{display: inline-block;vertical-align: bottom; }

.footer_right_link nav > ul > li ul li a{display: block; transition: all 0.3s linear 0s;}
.footer_right_link nav > ul > li ul li a:hover, footer form input[type="submit"]:hover, #contact_us input[type="submit"]:hover{opacity: .7;transition: all 0.3s linear 0s;}

#contact_us.inner_page{background: #fff;}
#contact_us.inner_page input[type="text"], #contact_us.inner_page input[type="email"], #contact_us.inner_page textarea{border: 1px solid #8e8e8f;}
#inner_banner > img{opacity: .25;}
#inner_banner{position: relative; text-align: center;}
#inner_banner > b{
    position: absolute;
    top: 0;left: 0;width: 100%; height: 100%;
    background: rgba(16,187,242,0.7);
    z-index: 9;
}
#inner_banner .caption{
    transform: translate(0px, -50%);
    height: auto;
    top: 50%;
}
#inner_banner .social_links{padding-top: 24px;}
#inner_banner .social_links li{display: inline-block;padding: 0 35px;}
main{padding-top: 96px;}
main.home_page{padding-top: 0;}
#our_story .content{width: 770px; margin: 0 auto;}
#our_story h3{font-size: 48px; line-height: 48px; text-align: center; padding: 35px 0 30px;}
#our_story span{text-align: center; margin: 0 auto; display: block; box-shadow: 0 1px 18px rgba(0, 0, 0, 0.2); border-radius: 100%; width: 179px; height: 179px;}
#our_story p{font-size: 18px; line-height: 28px;}
#our_story{padding: 80px 0;}
#our_story h5{
    font-size: 20px;
    color: #000000;
    padding-bottom: 5px;
     font-family: 'ProximaNovaRegular';
}
#our_story h6{
    font-size: 18px;
    color: #8e8e8f;
    padding-bottom: 15px;
     font-family: 'ProximaNovaRegular';
}
#our_story p a{text-decoration: none; color: #7f7f80;}
#our_story p a:hover{
    color: #10bbf2;
}

#our_partners{
    text-align: center;
    background: #f1f5f8;
    padding: 95px 0 70px;
	visibility: hidden;
	display:none;
}
#our_partners li span{width: 180px; height: 180px; background: #fff; border-radius: 100%; line-height: 180px; display: table; margin: 0 auto; box-shadow: 1px 1px 18px rgba(0,0,0,0.22);}
#our_partners li span strong{display: table-cell; vertical-align: middle;}

#our_partners li span img{display: block; text-align: center; margin: 0 auto;}
#our_partners li {
    float: left;
    padding: 0;
    width: 222px;
}
#our_partners li h4{
      color: #08c3ff;
    font-family: "ProximaNovaSemibold";
    font-size: 26px;
    font-weight: normal;
    line-height: 26px;
    padding: 22px 0 8px;
}
#our_partners li h6{
    font-size: 16px;
    color: #8e8e8f;
     font-family: 'ProximaNovaRegular';
    line-height: 20px;
}
#our_partners .content{width: 1332px; margin: 0 auto;}

#our_partners h2{padding-bottom: 55px;}
#job_section h3{text-align: center; padding-bottom: 85px;}

#job_section{
    padding: 90px 0;
}
#job_section ul li span{display: inline-block; vertical-align: middle; width: 370px;margin-top: -100px;}
#job_section ul li .desc{ width: 810px; display: inline-block; vertical-align: middle; }

#job_section ul li h4{
    color: #08c3ff;
    font-family: "ProximaNovaSemibold";
    font-size: 28px;
    font-weight: normal;
    line-height: 28px;
    padding: 0 0 10px;
}
#job_section ul li:nth-child(even) span{float: right;}
#job_section ul li:nth-child(even) .desc{float: left;}


#job_section ul li:first-child span{margin-top: 0;}
#col_section li{float: left; width: 33.33%; position: relative;}
#col_section li .info{position: absolute; top: 50%;left: 0; transform: translate(0,-50%);
width: 100%; text-align: center; color: #fff;}
#col_section li{line-height: 8px;}
#col_section li .info p{color: #fff;margin-bottom: 0; width: 75%; margin: 0 auto;}

#col_section li .info h5{
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
         font-family: 'ProximaNovaRegular';
    font-weight: normal;
    letter-spacing: 2px;
    padding: 15px 0 5px;
}
.features_benefits_left{float: left; width: 800px;}
.features_benefits_left h2{text-align: center;padding-bottom: 85px;}
.features_benefits_left nav ul li{float: left; width: 50%; padding: 0 2%; margin-bottom: 25px;}
.features_benefits_left nav ul li span{float: left; width: 65px;}
.features_benefits_left nav ul li .desc{float: left; width: 300px;}
.features_benefits_left nav ul li h4{
    font-size: 26px;
    color: #10bbf2;
     font-family: "ProximaNovaSemibold";
    line-height: 30px;
    padding-bottom: 10px;
}
.features_benefits_left nav ul li p{color: #000;}

#features_benefits{padding-top: 120px; line-height: 8px;}
#pricing{
    background: #f1f5f8;
    text-align: center;
    padding: 70px 0;
	visibility: hidden;
	display: none;
}
#pricing h6{
    font-size: 19px;
    color: #000;
         font-family: 'ProximaNovaRegular';
    line-height: 19px;
    padding-bottom: 35px;
}
#pricing h2{padding-bottom: 10px;}
#pricing ul li{
    width: 270px;
    float: left;
    background: #fff;
    margin-left: 30px;
    border-radius: 3px;
    height: 260px;
    display: table;
    box-shadow: 0 0 16px rgba(0,0,0,0.2);
}
#pricing ul li > div{display: table-cell; vertical-align: middle;}
#pricing ul li:first-child{margin-left: 0;}
#pricing ul li h3{
    font-size: 46px;
     font-family: 'ProximaNovaBold';
    font-weight: normal;
    line-height: 46px;
    color: #10bbf2;
}
#pricing ul li h6{
    font-size: 20px;
    color: #8e8e8f;
    
       font-family: 'ProximaNovaSemibold';
    line-height: 20px;
    padding: 10px 0 17px;
}

#pricing ul li h5{
    font-size: 20px;
    color: #10bbf2;
    
       font-family: 'ProximaNovaBold';
    line-height: 20px;
}
#toggle{display: none;}


#toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
	height: auto;
	padding: 0;
	position: absolute;
	right: 20px;
	top: 28px;
	transition: all 0.1s ease-in;
	width: auto;
	z-index: 1000;
	box-sizing: border-box;
	z-index: 9999;
    display: none;
      border-radius: 3px;
	transition: all 0.3s ease-in-out 0s;
}
#toggle:hover {
	opacity: .8;
}
#toggle .patty {
	background: none repeat scroll 0 0 #10bbf2;
	height: 3px;
	top: 3px;
	margin: 10px 0;
	transition: all 0.3s ease 0s;
	width: 27px;
	position: relative;
	display: inline-block;
    
    
    border-radius: 3px;
}
#toggle .patty:before {
	top: -7px;
}
#toggle .patty:after, #toggle .patty:before {
	background: none repeat scroll 0 0 #10bbf2;
	content: "";
	display: inline-block;
	height: 3px;
	position: absolute;
	transition: all 0.3s ease 0s;
	width: 27px;
	z-index: -1;
      border-radius: 3px;
}
#toggle .patty:after {
	top: 7px;
}
.sticky #toggle {
	top: 16px;
}
#toggle:hover {
	transition: top 0.4s ease 0s;
}
#toggle:hover .patty:before {
	top: -9px;
}
#toggle:hover .patty:after {
	top: 9px;
}
.open .patty:before {
	background: none repeat scroll 0 0 #10bbf2 !important;
	top: 0 !important;
	transform: rotate(-45deg);
}
.open .patty:after {
	background: none repeat scroll 0 0 #10bbf2 !important;
	top: 0 !important;
	transform: rotate(45deg);
}
.open .patty {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}



/* Wordpress Styles */
html,body{margin-top: 0px!important;}


header.entry-header{position: static;}
footer.entry-meta { background: transparent;padding: 58px 0 20px;}
/* ------------------------------ styles for single.php -------------------------*/

.meta-nav{width: 25%;height: 70px;background: #10bbf2; padding: 10px;line-height: 3.2em; text-align: center;margin-top: 70px; margin-right: 10px; color: #fff;font-size: 20px;}
.nav-links{ text-align:  center;}
.nav-links a{ display: inline-block;text-decoration: none;}

.post-template-default h1.entry-title, h1.screen-reader-text{color:#000000; font-size: 40px;}
.archive h1.entry-title a{color:#000000; text-decoration: none; font-size: 40px;}
#def-page {    padding: 80px 0;}

.entry-title a{text-decoration:none;    font-family: "ProximaNovaLight"; color:#000 ; font-size:50px; line-height:50px;}
/*.screen-reader-text{background:#10bbf2 none repeat scroll 0 0;background: #10bbf2 none repeat scroll 0 0;color: #fff;font-size: 20px;height: 70px;line-height: 52px;margin-right: 0;    margin-top: 70px; padding: 10px;text-align: center;width: 25%;}*/
.more-link{
	text-decoration:none;
	
}.meta-nav{margin-left:-4px;}
img{height:auto;}
.more-link{
	color:#10bbf2;
}

#inner_banner h2 {
    color: #fff;
    font-size: 35px;
    line-height: 35px;
    padding: 5px 0 3px;
}
.search-form .screen-reader-text{
	background:none;
}

.search-field, .search-submit {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    color: #000;
    font-family: 'ProximaNovaRegular';
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    padding: 0 15px;
    width: 250px;
}
.search-submit{
	background:#10bbf2 none repeat scroll 0 0;
	width:auto;
	cursor:pointer;
	 color:#fff !important;
}


.page-template-default h4 {
    color: #7f7f80;
    font-family: "ProximaNovaRegular";
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;
}
.page-template-default h2, .page-template-default h3, .page-template-default h4, .page-template-default h5, .page-template-default h6{padding:10px 0;}
.page-template-default  a{   color: #7f7f80;}

.page-template-default main  li{
	 color: #7f7f80;
    font-family: "ProximaNovaRegular";
    font-size: 16px;
    line-height: 26px;
	
}

.page-template-default main ul li {
    list-style-position: inside;
    list-style-type: disc;
}
.page-template-default main ol li {
    list-style-position: decimal;
    list-style-type: disc;
}

.page-template-default dt {
    font-weight: bold;
	color: #454545;
    font-family: "Lato";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
	padding-bottom:5px;
}
.page-template-default dd{
	 color: #7f7f80;
    font-family: "ProximaNovaRegular";
    font-size: 16px;
    line-height: 26px;
}

 #job_section #comments h3{    font-family: "latosemibold"; padding-bottom:20px;}

#respond label{
	    color: #7f7f80;
    font-family: "ProximaNovaRegular";
    font-size: 16px;
    line-height: 26px;
}
#respond  input[type="text"], #respond  input[type="email"], #respond  input[type="url"], #respond  textarea{border-radius:2px; background:#fff; border:1px solid #ccc; height:32px; line-height:32px; padding:0 15px; color:#fff;font-family: "ProximaNovaRegular";}



#respond  textarea{padding:15px; line-height:20px; height:125px;}

.form-submit #submit{
	    background: #10bbf2 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-family: "ProximaNovaRegular";
    font-size: 18px !important;
    height: 44px;
    line-height: 43px;
    margin-top: 0;
    padding: 0 15px;
    text-align: center;
	cursor:pointer;
}
.entry-meta a{color:#000; text-decoration:none; font-size:14px;   font-family: "ProximaNovaRegular"; padding-right:15px; }


.gif_pic img{width: 100%; display: block; z-index: -1;}
.gif_pic {
    display: block;
    left: 25px;
    position: absolute;
    top: 89px;
    width: 305px;
}
#pricing{position:relative;}
.features_benefits_right{position: relative;  float:left; width:358px; z-index: -2;}