/*-----------------------------------------------------------------------------------*/


/*	GENERAL STYLING
/*-----------------------------------------------------------------------------------*/

body {
    overflow-x: hidden;
    position: relative;
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #505050;
    background-color: #fff;
}

a,
input,
select,
textarea {
    vertical-align: top;
    outline: none !important;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

::-webkit-input-placeholder {
    opacity: 1 !important;
}

:-moz-placeholder {
    opacity: 1 !important;
}

::-moz-placeholder {
    opacity: 1 !important;
}

:-ms-input-placeholder {
    opacity: 1 !important;
}

select:-moz-focusring {
    color: transparent;
    outline: none !important;
    text-shadow: 0 0 0 #000 !important;
    border: 0 !important;
}

textarea {
    resize: none;
}

img {
    outline: 0;
    vertical-align: top;
    border: 0;
    width: 100%;
    max-width: 100.1%;
    height: auto;
}

a {
    color: #333;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #006699;
}

#page {
    overflow: hidden;
}

.clear {
    clear: both;
    height: 0;
    font-size: 0;
}

section {
    padding: 55px 0;
}

.container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 30px;
    padding-right: 30px;
}

.container:before,
.container:after {
    content: unset;
}

.margbot0 {
    margin-bottom: 0 !important;
}

.margbot5 {
    margin-bottom: 5px !important;
}

.margbot10 {
    margin-bottom: 10px !important;
}

.margbot20 {
    margin-bottom: 20px !important;
}

.margbot25 {
    margin-bottom: 25px !important;
}

.margbot30 {
    margin-bottom: 30px !important;
}

.margbot40 {
    margin-bottom: 40px !important;
}

.margbot50 {
    margin-bottom: 50px !important;
}

.margbot55 {
    margin-bottom: 55px !important;
}

.margbot60 {
    margin-bottom: 60px !important;
}

.margbot65 {
    margin-bottom: 65px !important;
}

.margbot70 {
    margin-bottom: 70px !important;
}

.margbot80 {
    margin-bottom: 80px !important;
}

.pad0 {
    padding: 0 !important;
}

.padbot0 {
    padding-bottom: 0 !important;
}

.padbot10 {
    padding-bottom: 10px !important;
}

.padbot20 {
    padding-bottom: 20px !important;
}

.padbot30 {
    padding-bottom: 30px !important;
}

.padbot40 {
    padding-bottom: 40px !important;
}

.padbot50 {
    padding-bottom: 50px !important;
}

.padbot60 {
    padding-bottom: 60px !important;
}

.padbot70 {
    padding-bottom: 70px !important;
}

.padbot80 {
    padding-bottom: 80px !important;
}

.padtop0 {
    padding-top: 0 !important;
}

.right {
    text-align: right;
}


/*-----------------------------------------------------------------------------------*/


/*	SHORTCODES
/*-----------------------------------------------------------------------------------*/


/* __________ Buttons __________ */

.btn {
    margin: 0;
    padding: 12px 20px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    text-transform: none;
    font-weight: 600;
    line-height: 20px;
    font-size: 16px;
    color: #fff;
    text-shadow: none;
    background: #2d3134;
}

.btn:focus,
.btn:hover {
    color: #fff;
    background-color: #006699;
}

.btn-default {
    background: #2d3134;
}

.btn-active {
    color: #fff;
    background-color: #006699;
}

.btn-active:hover {
    background: #2d3134;
    color: #fff;
}

.btn-white {
    background: #fff;
    color: #006699;
}

.btn-white:hover {
    background: #006699;
    color: #fff;
}

.btn-lg {
    padding: 11px 30px;
    font-size: 16px;
}

.btn-sm {
    padding: 6px 20px 5px;
    font-size: 13px;
}

.btn-xs {
    padding: 2px 15px 3px;
    font-size: 11px;
}

.btn_shortcodes .btn {
    margin: 0 7px 10px 0;
}

.btn_shortcodes .btn:last-child {
    margin-right: 0;
}

.ie .btn,
.ie .btn-default {
    filter: none !important;
}


/*-----------------------------------------------------------------------------------*/


/*	TYPOGRAPHY
/*-----------------------------------------------------------------------------------*/

ul,
ol {
    padding: 0;
    margin: 0;
}

li {
    padding: 0;
    margin: 0;
    list-style: none;
}

p {
    margin: 0 0 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    font-family: 'Roboto', sans-serif;
    text-transform: none;
    font-weight: bold;
    line-height: 1.2;
    color: #D80F0F;
}

h1 {
    margin: 0 0 41px;
    font-size: 28px;
}

h2 {
    margin: 0 0 10px;
    font-size: 23px;
}

h3 {
    margin: 0 0 21px;
    font-size: 20px;
}

h4 {
    margin: 30px 0 10px;
    font-size: 17px;
}

h5 {
    margin: 0 0 15px;
    font-size: 15px;
}

h6 {
    margin: 0 0 15px;
    font-size: 12px;
}


/*-----------------------------------------------------------------------------------*/


/*	HEADER
/*-----------------------------------------------------------------------------------*/

header {
    position: absolute;
    z-index: 9999;
    left: 0;
    top: 100%;
    width: 100%;
    padding: 0;
    margin-top: -76px;
    background-color: #2e5879;
}

header.menu_fixed {
    position: fixed;
    top: 0;
    margin: 0;
}

.logo {
    float: left;
    padding: 10px 0;
}

.logo a {
    display: block;
}

.logo img {
    max-width: 300px;
    max-height: 100px;
}

/* Menu */

.main_menu {
    float: right;
}

.main_menu li {
    display: inline-block;
    margin: 0;
}

.main_menu li a {
    display: block;
    padding: 8px 10px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}

.main_menu li a:hover,
.main_menu li.active a {
    background-color: black;
}

/*-----------------------------------------------------------------------------------*/

/*	Slider
/*-----------------------------------------------------------------------------------*/

#home {
    position: relative;
    margin-bottom: 67px;
    background-color: #2d3134
}

.flexslider.top_slider .container {
    position: relative;
}

.flexslider.top_slider .flex-direction-nav a {
    background-color: #1c1516;
}

.flexslider.top_slider .flex-direction-nav a:hover {
    background-color: #fff;
}

.flexslider.top_slider .flex-direction-nav a.flex-prev {
    left: 50%;
    margin-left: -555px;
}

.flexslider.top_slider .flex-direction-nav a.flex-next {
    right: 50%;
    margin-right: -555px;
}

.flexslider.top_slider .flex-direction-nav a i {
    display: block;
    text-align: center;
    line-height: 29px;
    font-size: 20px;
    color: #fff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.flexslider.top_slider .flex-direction-nav a:hover i {
    color: #151718;
}

.top_slider_cap {
    position: absolute;
    left: 125px;
    right: 125px;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.top_slider .slider_content {
    width: 450px;
}

.top_slider .slider_video {
    width: 445px;
    height: 260px;
}

.top_slider .slider_img {
    position: absolute;
    top: 50%;
    right: 30px;
    width: 432px;
    height: auto;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.top_slider_cap h1 {
    margin: 0 0 22px;
    text-transform: none;
    font-weight: 400;
    line-height: 36px;
    font-size: 31px;
    color: #fff;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.31);
}

.top_slider_cap p {
    width: 70%;
    margin: 0 0 30px;
    font-weight: 400;
    line-height: 23px;
    font-size: 16px;
    color: #fff;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.31);
}

.top_slider_cap a {
    display: block;
    width: 280px;
}


/*-----------------------------------------------------------------------------------*/


/*	Section Services
/*-----------------------------------------------------------------------------------*/

#services {
    padding-bottom: 0;
}

#services .services_type4_img {
    margin-left: -42px;
    width: 392px;
    max-width: none;
}

#services .service_item {
    padding: 15px 0 40px;
}

#services .service_item i {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto 14px;
    line-height: 40px;
    font-size: 32px;
    color: #333;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

#services .service_item:hover i {
    color: #006699;
}

#services .service_item h4 {
    margin: 0 0 16px;
    text-transform: none;
    font-weight: 700;
    line-height: 20px;
    font-size: 16px;
    color: #333;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

#services .service_item:hover h4 {
    color: #006699;
}


/*-----------------------------------------------------------------------------------*/


/*	Section Testimonials
/*-----------------------------------------------------------------------------------*/

#charge {
    padding-top: 0;
}

#charge .slides li {
    padding: 60px 0 30px;
    background-color: #f4f4f4;
}

#charge .flexslider.testimonials_carousel {
    position: static;
}

#charge .charge_text {
    position: relative;
    width: 100%;
    font-size: 18px;
}

#charge .charge_text p {
    color: #4b5053;
}

#charge .charge_text span {
    display: block;
    color: #006699;
}


/*-----------------------------------------------------------------------------------*/


/*	Section Content
/*-----------------------------------------------------------------------------------*/

#content {
    padding-top: 9px;
    padding-bottom: 30px;
}

#content .content_btn {
    position: relative;
    display: inline-block;
    min-width: 224px;
    padding: 17px 20px;
    text-transform: none;
    text-align: center;
    font-weight: 400;
    line-height: 20px;
    font-size: 15px;
    color: #fff;
    background-color: black;
}

#content .content_btn:hover {
    background: #006699;
}

ul#contact li {
    margin-bottom: 10px;
}


/*-----------------------------------------------------------------------------------*/


/*	Section Gallery
/*-----------------------------------------------------------------------------------*/

#gallery .gallery_img {
    position: relative;
    float: left;
    display: block;
    width: 25%;
    background-color: #006699;
}

#gallery .gallery_img img {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

#gallery .gallery_img:hover img {
    opacity: 0.42;
}


/*-----------------------------------------------------------------------------------*/


/*	Section Content
/*-----------------------------------------------------------------------------------*/


/*#content_type9 .content_type9_content {
	padding-top:41px;
}*/

#content_type9 .content_type9_content li {
    padding-bottom: 10px;
}

#content_type9 .content_type9_content li i {
    display: inline-block;
    margin-right: 22px;
    width: 20px;
    height: 20px;
    font-size: 16px;
    color: #2d3134;
}


/*-----------------------------------------------------------------------------------*/


/*	Section Contacts
/*-----------------------------------------------------------------------------------*/

#contacts h4 {
    margin: 0 0 20px;
    font-weight: 700;
    line-height: 20px;
    font-size: 14px;
}

.ouroffice_wrap ul {
    padding-bottom: 10px;
}

.ouroffice_wrap li {
    padding-bottom: 10px;
}

.ouroffice_wrap .social a {
    margin: 0 10px 10px 0;
    font-size: 24px;
    color: #c5ccd1;
}

.ouroffice_wrap .social a:hover {
    color: #006699;
}


/* Contact form */

.contact_form input[type="text"],
.contact_form textarea {
    width: 348px;
    height: 44px;
    margin: 0 30px 9px 0;
    padding: 12px 30px;
    line-height: 20px;
    font-size: 12px;
    color: #797979;
    text-shadow: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: #f4f4f4;
}

.contact_form input[type="text"].marg0 {
    margin-right: 0;
}

.contact_form textarea {
    width: 100%;
    height: 90px;
    margin: 0 0 30px;
    resize: none;
}

.contact_form input[type="submit"] {
    float: right;
    width: 160px;
    height: 44px;
    text-transform: none;
    text-align: center;
    font-weight: 400;
    line-height: 20px;
    font-size: 15px;
    color: #fff;
    border: 0;
    border-radius: 5px;
    background: #70a2c4;
    /* Old browsers */
    background: -moz-linear-gradient(top, #70a2c4 0%, #006699 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #70a2c4), color-stop(100%, #006699));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #70a2c4 0%, #006699 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #70a2c4 0%, #006699 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #70a2c4 0%, #006699 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #70a2c4 0%, #006699 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#70a2c4', endColorstr='#006699', GradientType=0);
    /* IE6-9 */
    transition: none;
    -webkit-transition: none;
}

.contact_form input[type="submit"]:hover {
    background: #006699;
}


/* form valid style */

#contacts .contact_form .notification_error,
#contacts .contact_form .notification_ok {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 2px 0 13px 0;
    padding: 12px 10px 12px 35px;
    position: relative;
}

#contacts .contact_form .notification_ok {
    border: 1px #038bd4 solid;
    color: #038bd4;
    background: #d0e3ea;
}

#contacts .contact_form .notification_error {
    border: 1px #c93119 solid;
    color: #c93119;
    background: #ffcfcf;
}


/*-----------------------------------------------------------------------------------*/


/*	Widgets
/*-----------------------------------------------------------------------------------*/

.widgets_clear {
    display: none;
}

.widget {
    color: #80878c;
}

.widget h4 {
    margin: 0 0 25px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    color: #f2f1e6;
}


/* Widget Twitter */

.widget_twitter li {
    position: relative;
    padding: 0 0 30px 30px;
}

.widget_twitter li:before {
    content: "\f099";
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    font-family: FontAwesome;
    line-height: 24px;
    font-size: 18px;
    color: #fff;
}

.widget_twitter .tweet_text {
    display: block;
    padding: 0 0 10px;
}

.widget_twitter .tweet_time {
    display: block;
}

.widget_twitter .tweet_time a {
    color: #006699;
}

.widget_twitter .tweet_time a:hover {
    color: #fff;
}


/* Widget Contact Inf */

.widget_contact_inf li {
    padding-bottom: 9px;
}

.widget_contact_inf li i {
    display: inline-block;
    margin-right: 17px;
    font-size: 18px;
}


/* Widget Newsletter */

.newsletter_form form {
    overflow: hidden;
    position: relative;
    border-radius: 4px;
}

.newsletter_form input[type="text"] {
    width: 100%;
    padding: 11px 60px 11px 17px;
    line-height: 20px;
    font-size: 12px;
    color: #b5b5b5;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: #464646;
}

.newsletter_form input[type="submit"] {
    overflow: hiiden;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 43px;
    height: 42px;
    text-indent: -999px;
    text-shadow: none;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    background-color: #006699;
    background-image: url(../images/newsletter_bg.png);
    background-repeat: no-repeat;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.newsletter_form input[type="submit"]:hover {
    background-color: #80878c;
}


/* Widget Social */

.social a {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 2px 0 0;
    text-align: center;
    line-height: 24px;
    font-size: 18px;
    color: #80878c;
}

.social a:hover {
    color: #006699;
}


/* latest News */

.latest_news_item {
    position: relative;
    display: block;
    margin-bottom: 25px;
    padding: 0 0 17px 62px;
    border-bottom: 1px solid #434343;
}

.widget_latest_news a:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
}

.latest_news_item img {
    position: absolute;
    left: 0;
    top: 0;
    width: 53px;
}

.latest_news_item p {
    margin: -5px 0 10px;
    text-transform: uppercase;
    line-height: 20px;
    font-size: 14px;
    color: #80878c;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.latest_news_item:hover p {
    color: #fff;
}

.latest_news_item span {
    display: block;
    color: #006699;
}


/* Widget Flickr */

.widget_flickr ul {
    margin: 0 -6px -6px 0;
}

.widget_flickr li {
    overflow: hidden;
    float: left;
    width: 81px;
    height: 71px;
    margin: 0 6px 6px 0;
    background-color: #006699;
}

.widget_flickr li a {
    display: block;
}

.widget_flickr li a img {
    width: 100%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.widget_flickr li a:hover img {
    opacity: 0.3;
}


/* Widget Contact Information */

.widget_stay_connected ul {
    margin-bottom: 16px;
    padding-bottom: 9px;
    border-bottom: 1px solid #434343;
}

.widget_stay_connected ul li {
    position: relative;
    padding: 0 0 9px 37px;
}

.widget_stay_connected li i {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
}

.widget_stay_connected li span {
    color: #80878c !important;
}


/* Widget Category */

.widget_category li {
    margin: 0 0 9px;
    padding: 0 0 8px;
    border-bottom: 1px solid #434343;
}

.widget_category li:last-child {
    margin: 0;
    padding: 0;
    border: 0;
}

.widget_category li a {
    color: #80878c;
}

.widget_category li a:hover {
    color: #fff;
}


/* Widget Links */

.widget_links li {
    padding-bottom: 9px;
}

.widget_links li a {
    color: #80878c;
}

.widget_links li a:hover {
    color: #fff;
}


/*-----------------------------------------------------------------------------------*/


/*	FOOTER
/*-----------------------------------------------------------------------------------*/

footer {
    padding: 34px 0 21px;
    color: #8c8c8c;
    background-color: #333;
}

footer a {
    color: #8c8c8c;
}

footer a:hover {
    color: #fff;
}

footer #copyright {
    margin-top: 32px;
    padding-top: 22px;
    color: #fff;
    border-top: 1px solid #434343;
}

footer #copyright span {
    color: #006699;
}