﻿

@import url(//fonts.googleapis.com/css?family=Roboto:400,300|Roboto+Slab:400,300,700|Satisfy);



body { padding-bottom: 20px; font-family: 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; line-height: 21px; color: #777777; background-color: #2d2d2d; }

.spacer { margin-bottom: 20px; }



.navbar { width: 100%; background-color: #363636; -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 4px 0 rgba(0, 0, 0, 0.19); }

    .navbar a.navbar-brand { color: #d5dcdf; font: 500 20px 'Roboto Slab', serif; padding: 10px 5px; text-transform: lowercase; }

    .navbar .navbar-nav > li > a { color: #7f8385; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }

        .navbar .navbar-nav > li > a:hover,

        .navbar .navbar-nav > li > a:focus { color: #d5dcdf; background-color: transparent; }

.navbar-toggle { color: #fff; }

.form-reason { display: none; }

#content { background-color: #ffffff; }

    #content textarea { min-height: 200px; }

    #content .jumbo { padding-top: 60px; padding-bottom: 70px; }

        #content .jumbo ul { padding-left: 20px; }

        #content .jumbo .img-borderd { margin-bottom: 20px; }

        #content .jumbo.gray { background-color: #f5f5f5; border-top: 2px solid #ebebeb; }

    #content .btn { display: inline-block; -webkit-text-shadow: none; text-shadow: none; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; font: 12.04px 'Roboto', sans-serif; line-height: 21px; color: #606060; padding: 6px 19px; background: #eeeeee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; }

        #content .btn:hover,

        #content .btn:active,

        #content .btn:focus { color: #ffffff; background: #009cb0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; text-decoration: none; background-position: 0; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; }

        #content .btn.btn-info { font-size: 15.959999999999999px; color: #ffffff; background: #009cb0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 10px 25px; }

            #content .btn.btn-info:hover,

            #content .btn.btn-info:active,

            #content .btn.btn-info:focus { color: #ffffff; background: #363636; }



    #content .clouds { padding-top: 50px; background-color: #ccc; background-image: url(images/blue-sky-sm.jpg); min-height: 30px; -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 4px 0 rgba(0, 0, 0, 0.19); }

        #content .clouds p { color: #777777; padding: 75px 0 50px 0; font: 300 42.98px 'Roboto Slab', serif; line-height: 44px; }

        #content .clouds img { margin-top: 5px; }

        #content .clouds a,

        #content .clouds a:hover { color: #777777; text-decoration: none; }

        #content .clouds .header-contact { margin-top: 10px; }

            #content .clouds .header-contact li { margin-left: 15px; }



blockquote { font-size: 14px; }

blockquote p { margin-bottom: 0; }





.container input,

.container textarea { position: relative; outline: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; width: 100%; margin: 0; padding: 9px 19px; font: 300 14px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif; line-height: 21px; color: #777777; border: 1px solid #d6d6d6; background: #ffffff; }

    .container input:focus,

    .container textarea:focus { -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; color: #777777; border: 1px solid #d6d6d6; background: #ffffff; }

        .container input:focus:invalid:focus,

        .container textarea:focus:invalid:focus { -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; color: #777777; border: 1px solid #d6d6d6; background: #ffffff; }

.container input { width: 100%; height: 39px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.container textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

p { padding-bottom: 10px; }

a:focus { outline: none; text-decoration: none; }

figure { display: inline-block; margin: 0; }

h2 { font: 300 34.02px 'Roboto Slab', serif; line-height: 40px; color: #363636; padding: 0 0 0 0; margin: 0 0 47px 0; }

    h2.special { font-weight: 400; margin-bottom: 22px; margin-top: -3px; }

    h2.style2 { color: #009cb3; text-transform: uppercase; font-size: 23px; line-height: 1em; margin-bottom: 26px; }

        h2.style2 > span { display: block; font-size: 15px; margin: 1px 0 0 0; }

    h2.style3 { text-align: center; color: #ffffff; text-transform: uppercase; font-size: 29px; font-weight: 300; margin: 57px 0 26px 0; }

    h2.style4 { font-size: 72px; line-height: 1em; margin: 0 0 -2px 0; }

    h2 a { color: #009cb3; }

        h2 a:hover { text-decoration: none; }



h3,

dt { font: bold 16px 'Roboto Slab', serif; line-height: 21px; color: #009cb3; padding: 0 0 0 0; margin: 0 0 16px 0; }

    h3 > a,

    dt > a { color: inherit; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }

        h3 > a:hover { text-decoration: none; }

h4,

.author { font: bold 15.959999999999999px 'Roboto Slab', serif; line-height: 21px; color: #009cb3; text-transform: uppercase; padding: 0 0 0 0; margin: 0 0 14px 0; }

.author { margin-top: 9px; }

h5 { font: 14px 'Roboto Slab', serif; line-height: 21px; color: #ffffff; padding: 0 0 0 0; margin: 0 0 9px 0; }

address { font-style: normal; margin-bottom: 21px; }

hr { width: 100%; height: 1px; margin: 30px 0; border: none; background: #646464; }

time { display: inline-block; font: 12.04px 'Roboto', sans-serif; line-height: 21px; color: #777777; padding: 0 0 0 0; margin: 0 0 5px 0; }



.img-borderd { border: 5px solid #d1d1d1; }







footer { background: #2d2d2d; text-align: center; padding: 56px 0 77px; padding-bottom: 64px; }

    footer p { font: 14px 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif; line-height: 21px; color: #ffffff; }

        footer p a { color: inherit; }

            footer p a:hover { color: #ffffff; }

.soc_icons { position: relative; display: inline-block; white-space: nowrap; margin: 57px 0 22px; }

    .soc_icons > li { position: relative; display: inline-block; margin: 0 20px; }

        .soc_icons > li > a { position: relative; font: normal normal 57px 'FontAwesome'; line-height: 1em; color: #ffffff; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }

            .soc_icons > li > a:hover { color: #05c3db; text-decoration: none; }



@media (max-width: 767px) {

    #content .jumbo { padding-top: 30px; padding-bottom: 0; }

    h2 { font-size: 20px; line-height: 30px; }

    .spacer-xs { display: block; margin-bottom: 20px; }

}

