/*
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Droid Serif', serif;
font-family: 'Droid Sans', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: "Myriad Pro", Myriad, "Helvetica Neue", Helvetica, Arial, sans-serif;

*/
.tips{margin-top:1%;}
.tips li{list-style: disc;margin-top:0.5%;margin-bottom:0.5%;}
.btn {font-size:16px;padding:13px 16px;border-radius:0;box-shadow:none;border:none;border:1px solid;font-family: 'Cabin', sans-serif;}
.btn:hover, .btn:focus {}
.btn-blue {}
.btn-blue:hover, .btn-blue:focus {}
.btn-blue-inv {color:#7892ab;border-color:#2e4256;background:transparent;}
.btn-blue-inv:hover, .btn-blue-inv:focus {color:#7892ab;border-color:#9fc0df;}
.btn-green {color:#003260;background:#bddeb1;border-color:#bddeb1;}
.btn-green:hover, .btn-green:focus {background:white;color:#bddeb1;}
.btn-green-inv {}
.btn-green-inv:hover, .btn-green-inv:focus {}

.btn-grey-inv {color:#333;background:transparent;border-color:#6b6b6b;}
.btn-grey-inv:hover, .btn-grey-inv:focus {color:white;background:#6b6b6b;}



/*font*/
h1, .h1, h2, .h2, h3, .h3 {}
h4, .h4, h5, .h5, h6, .h6 {}

h1.mega, .h1.mega {}
h1.jumbo, .h1.jumbo {}

.hero h1, .hero .h1 {font-size:60px;color:white;font-weight:600;font-family: 'Roboto', sans-serif;}
.hero h2, .hero .h2 {font-size:21px;color:white;font-weight:400;font-family: 'Droid Serif', serif;line-height:1.5;}

h1, .h1 {font-size:50px;color:#101112;text-transform:uppercase;font-family: 'Open Sans', sans-serif;font-weight:300;}
h2, .h2 {font-size:15px;color:#101112;text-transform:uppercase;font-family: "Myriad Pro", sans-serif;}
h3, .h3 {font-size:21px;color:#101112;text-transform:uppercase;font-family: 'Droid Sans', sans-serif;}
h4, .h4 {font-size:21px;margin-bottom:15px;font-family: 'Cabin', sans-serif;margin-top:0;}
h5, .h5 {font-size:18px;}
h6, .h6 {font-size:14px;color:#777777;font-family: 'Roboto', sans-serif;}


@media screen and (max-width:767px) {
    .hero h1, .hero .h1 {font-size:40px;}
    .hero h2, .hero .h2 {font-size:18px;}
    
    h1, .h1 {font-size:36px;}
}
@media screen and (min-width:768px) and (max-width:991px){
    h1, .h1 {font-size:50px;}
}
@media screen and (min-width:992px) and (max-width:1199px){}
@media screen and (min-width:1200px){}


img {width:100%;}

a {}
a:hover, a:focus {text-decoration:none;cursor:pointer}
span:hover, span:focus {}
body {}
p {font-family: 'Open Sans', serif;font-size:15px;color:#72848d;line-height:24px;}
a, 
a:active, 
a:focus, 
button, 
button:focus, 
button:active,
input,
label,
option,
select,
.btn, 
.btn:focus, 
.btn:active:focus, 
.btn.active:focus, 
.btn.focus, 
.btn.focus:active, 
.btn.active.focus
#animate-btn,
#animate-btn:focus,
#animate-btn:active
#animate-btn span,
#animate-btn span:focus,
#animate-btn span:active
{outline: none;outline: 0;}

/*nav-btn-animate*/
#animate-btn {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#animate-btn span {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#animate-btn {border-color: transparent;border: none;background-color: transparent;height: auto;position: relative;float: right;padding: 10px;margin: 0;padding:30px 36px;display:block;}
#animate-btn span {background: #040507;display: block;position: absolute;height: 2px;border-radius: 0.5px;opacity: 1;left: 0;right:0;width: 24px;margin:auto;margin-top:20px;}
#animate-btn span:nth-child(1) {top: 0px;}
#animate-btn span:nth-child(2),
#animate-btn span:nth-child(3) {top: 8px;}
#animate-btn span:nth-child(4) {top: 16px;}
#animate-btn.open span:nth-child(1) {top: 18px;width: 0%;left: 0;right:0;}
#animate-btn.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#animate-btn.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#animate-btn.open span:nth-child(4) {top: 18px;width: 0%;left: 0;right:0;}
.btn-wrapper {background-color:transparent;float:right;}

/*animate*/
a,
.btn,
form input,
form textarea,
form select,
form option,
form input:focus,
form textarea:focus,
form select:focus,
form option:focus {transition:0.2s ease-in-out;}

nav,
nav li,
nav li a,
nav ul,
nav img,
.navbar,
.navbar-brand,
.navbar-collapse,
.navbar-header,
.navbar-nav,
.navbar-toggle,
.dropdown,
.overlay,
.dropdown-menu{transition:0.2s ease-in-out;}

/*jGrowl-form*/
#jGrowl {top:auto;bottom:0;left:0;right:0;margin:auto;width:100%;z-index:999;border-top:1px solid transparent;}
#jGrowl .jGrowl-notification {margin:0;border-radius:0;opacity:1;min-height:0px!important;width:auto;padding:0;font-size:15px;font-family: 'Roboto', sans-serif;}
#jGrowl .af-message-success {color:#152d44;background:#9fc0df!important;}
#jGrowl .af-message-error {color:#353332;background:#facf00!important;}
#jGrowl .jGrowl-close {padding:15px;}
#jGrowl .jGrowl-header {}
#jGrowl .jGrowl-message {padding:15px;text-align:center;}
#jGrowl .jGrowl-closer {color:#152d44;background:#152d44;font-size:15px;padding:15px;border-radius:0px;opacity:1;}


/*social-media*/
.social .fa {}
.fa-facebook {}
    a:hover > .fa-facebook {color:#3b5998}
.fa-google-plus {}
    a:hover > .fa-google-plus {color:#dd4b39}
.fa-instagram {}
    a:hover > .fa-instagram {color:#517fa4}
.fa-linkedin {}
    a:hover > .fa-linkedin {color:#0077B5}
.fa-pinterest {}
    a:hover > .fa-pinterest {color:#bd081c}
.fa-twitter {}
    a:hover > .fa-twitter {color:#55acee}
.fa-youtube-play {}
    a:hover > .fa-youtube-play {color:#bb0000}