/**

 * Theme main style

 */





/* Import the necessary Bootstrap WP CSS additions */



@import url(bootstrap-wp.css );



/* Import the font-awesome css */



@import url(../font-awesome/css/font-awesome.css );



/* This is a small security for too long strings titles */



body {

    word-wrap: break-word;

}

::selection {

    background: #00aeef;

    color: #FFF;

}

::-moz-selection {

    background: #00aeef;

    color: #FFF;

}


@font-face {
    font-family: 'brothers';
    src: url('../fonts/Brothers.eot');
    src: url('../fonts/Brothers.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Brothers.woff2') format('woff2'),
         url('../fonts/Brothers.woff') format('woff'),
         url('../fonts/Brothers.ttf') format('truetype'),
         url('../fonts/Brothers.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}



a {

    outline: 0;

    color: #00aeef;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

a:hover, a:focus {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    color: #3A3C41;

}

.italic {

    font-style: italic;

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

    color: #3A3C41;

}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {

    color: #00aeef;

    text-decoration: none;

}



/* Read More Buttons */



.read-more {

    font-size: 14px;

    font-weight: normal;

    text-transform: uppercase;

    background-color: #00aeef;

    padding: 10px 30px;

    color: #FFF;

    text-decoration: none;

    display: inline-block;

}

.read-more:hover {

    color: #FFF;

    background-color: #3a3c41;

    text-decoration: none;

    -webkit-transition: all .25s ease-in-out;

    -moz-transition: all .25s ease-in-out;

    -o-transition: all .25s ease-in-out;

    transition: all .25s ease-in-out;

}

.read-more.outline {

    background-color: transparent;

    border: 2px solid #FFF;

    color: #FFF;

}

.read-more.outline:hover {

    background-color: #FFF;

    color: #3a3c41;

}

.read-more.black {

    background-color: #3a3c41;

}

.read-more.black:hover {

    background-color: #00aeef;

}

.read-more.red {

    background-color: #EA3200;

}

.read-more.red:hover {

    background-color: #3a3c41;

    color: #FFF;

}

.read-more.orange {

    background-color: #ffa13c;

}

.read-more.orange:hover {

    background-color: #e19132;

}

.read-more.yellow {

    background-color: #ffd543;

}

.read-more.yellow:hover {

    background-color: #e1b63f;

}

.read-more.green {

    background-color: #6dc068;

}

.read-more.green:hover {

    background-color: #65b760;

}

.read-more.white {

    background-color: #FFF;

    color: #262932;

}

.read-more.white:hover {

    background-color: #f1f1f1;

    color: #2C2D31;

}



/* Alignment */



.alignleft {

    display: inline;

    float: left;

    margin-right: 1.5em;

}

.alignright {

    display: inline;

    float: right;

    margin-left: 1.5em;

}

.aligncenter {

    clear: both;

    display: block;

    margin: 0 auto;

}



/* Images and wp-captions should always fit and be responsive */



img {

    display: inline-block;

    height: auto;

    max-width: 100%;

}

img[class*="wp-image-"] {

    margin-top: 10px;

    margin-bottom: 10px;

}

.wp-caption {

    margin-bottom: 10px;

    max-width: 100%;

    border: 1px solid #00aeef;

    border-radius: 4px;

    -mo-zborder-radius: 4px;

    -webkit-border-radius: 4px;

    padding: 0 10px;

}

.wp-caption.aligncenter {

    margin-bottom: 10px;

}

.wp-caption img[class*="wp-image-"] {

    display: block;

}

.wp-caption .wp-caption-text {

    text-align: center;

    margin-top: 10px;

}



/* WP Gallery */



.gallery {

    margin-bottom: 1.5em;

}

.gallery a img {

    border: none;

    height: auto;

    max-width: 90%;

}

.gallery dd {

    margin: 0;

}

.gallery .gallery-item img {

    border: 2px solid #00aeef!important;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.gallery .gallery-item img:hover {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.gallery-caption {

    background-color: rgba(26, 188, 156, 0.7);

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    color: #fff;

    font-size: 12px;

    line-height: 1.5;

    margin: 0;

    max-height: 50%;

    opacity: 0;

    padding: 6px 8px;

    text-align: left;

    width: 100%;

}

.gallery-caption:before {

    content: "";

    height: 100%;

    min-height: 49px;

    top: 0;

    left: 0;

    width: 100%;

}

.gallery-item:hover .gallery-caption {

    opacity: 1;

}

.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {

    display: none;

}



/* Make sure embeds and iframes fit their containers */



embed, iframe, object {

    max-width: 100%;

}



/* Text meant only for screen readers */



.screen-reader-text {

    clip: rect(1px, 1px, 1px, 1px);

    position: absolute !important;

}

.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {

    background-color: #f1f1f1;

    border-radius: 3px;

    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

    clip: auto !important;

    color: #21759b;

    display: block;

    font-size: 14px;

    font-weight: bold;

    height: auto;

    left: 5px;

    line-height: normal;

    padding: 15px 23px 14px;

    text-decoration: none;

    top: 5px;

    width: auto;

    z-index: 100000;

    /* Above WP toolbar */

}



/* Content */



.main-content-inner {

    padding-bottom: 1.5em;

}

.hentry {

    margin: 0 0 1.5em;

}



/* Clearing */



.clear {

    clear: both;

}



/* Here some needed widget styles

 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */



.widget {

    margin-bottom: 2em;

}

.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li {

    padding-left: 15px;

}



/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.

 * Note: you can change the whole appearance of the search_form() function in our searchform.php */



.widget_search .search-form input[type="submit"] {

    display: none;

}



/* Make sure select elements fit in widgets */



.widget select {

    max-width: 100%;

}



/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!

 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */



.comment .children {

    margin-left: 1.5em;

}



/* =Global

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



body {

    font-family: 'Open Sans', sans-serif, arial;

    font-size: 13px;

}

/*h1, */h2, h4, h5, h6, p {

    font-family: 'Open Sans', sans-serif, arial;

}

h1, h2, h3 {
	font-family: 'brothers';
	color: #00aeef;
}

a, a:link {}



/* My Minimal WordPress Styling comes here */





/* =Header

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



.site-header {

    padding: 0px;

    position: relative;

    box-shadow: 1px 1px 4px #ddd;

    -moz-box-shadow: 1px 1px 4px #ddd;

    -webkit-box-shadow: 1px 1px 4px #ddd;
}

.site-branding {

    padding-top: 0;

}

.site-branding h1.site-title a {

    font-weight: bold;

    color: #00aeef;

}

.site-branding h1.site-title a:hover {

    color: #3A3C41;

}

.site-branding .site-description {

    font-size: 12px;

    margin: 6px 0 0 0;

}

.header-top {

    background: #3A3C41;

    min-height: 35px;

    border-top: 4px solid #00aeef;

    color: #FFF;

    font-size: 12px;

    padding: 8px 0;

}

.header-top a {

    color: #FFF;

}

.header-top a:hover {

    color: #00aeef;

}

.mail-info .phone-info {

    padding-right: 10px;

    display: inline-block;

}

ul.social-icons {

    margin: 0;

    list-style: none;

    font-size: 14px;

    text-align: right;

}

ul.social-icons li.social-icon {

    display: inline-block;

    max-width: 20px;

    margin: 0 15px 0 0;

}

ul.social-icons li.last-child, ul.social-icons li:last-child {

    margin: 0;

}

ul.social-icons li.social-icon a {

    display: block;

}

.header-bottom {

    padding: 18px 0;

    background: #FFF;

}

#header-main.sticky {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: 9999;

    box-shadow: 1px 1px 8px #AAA;

    -webkit-box-shadow: 1px 1px 8px #AAA;

    -moz-box-shadow: 1px 1px 8px #AAA;

}

.site-header h1 {

    font-size: 30px;

    padding: 0px;

    margin: 0px;

    color: #fff;

    max-width: 70%;

    display: inline;

}



/* =Header Search

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



.header-search {

    margin-top: 0;

    cursor: pointer;

}

.header-search:hover {

    opacity: 0.8;

    filter: alpha(opacity=80);

}

#header-search-button {

    background: #F4F4F4;

    border: 1px solid #DDD;

    color: #BABEC4;

    padding: 5px 10px;

    font-size: 18px;

    margin-left: 5px;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

}

.header-search-form-wrap {

    display: none;

    position: absolute;

    top: 113px;

    padding: 15px 0;

    background: #F5F5F5;

    border-bottom: 2px solid #E9E9E9;

    width: 100%;

    z-index: 9999;

}

.header-search-form-wrap.sticky {

    position: fixed;

    border-bottom: 2px solid transparent;

    box-shadow: 0px 3px 7px #CCC;

    -webkit-box-shadow: 0px 3px 7px #CCC;

    -moz-box-shadow: 0px 3px 7px #CCC;

}

.header-search-form {

    font-size: 30px;

    color: #B3B3B3;

}

.header-search-form .search-field {

    background: none;

    border: none;

    display: inline-block;

    width: 90%;

    padding-left: 5px;

    font-size: 30px;

    color: #a2a2a2;

    height: auto;

    box-shadow: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -moz-opacity: 0.6;

    -khtml-opacity: 0.6;

    -webkit-opacity: 0.6;

    opacity: 0.6;

    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=60);

    filter: alpha(opacity=60);

}

.header-search-form .search-field:focus {

    border: none;

}

.header-search-form .search {

    display: none;

}



/* =Menu

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



.site-navigation .navbar-default, .site-navigation .navbar {

    background: none;

    border: none;

    margin: 0;

}

.site-navigation {

    margin-top: 0;

}

nav.main-menu ul {

    list-style: none;

    margin: 0;

    padding: 0;

}

nav.main-menu ul > li {

    margin: 0;

    float: left;

    position: relative;
	
	text-transform: uppercase;

}

nav.main-menu ul > li a {

    width: 100%;

    display: block;

    padding: 8px 15px;

    text-decoration: none;

    color: #333;

    font-size: 13px;

    font-weight: 400;

    text-align: left;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

}

nav.main-menu ul > li a:hover {

    text-shadow: none;

}

nav.main-menu ul > li ul {

    z-index: 9999;

    padding: 0;

    margin: 0;

    position: absolute;

    top: 34px;

    left: 0;

    width: 260px;

    display: none;

    border-top: 2px solid #00aeef;

    background-color: #262932;

}

nav.main-menu ul > li ul li {

    list-style: none;

    float: none;

    position: relative;

    border-bottom: 1px solid #444;

}

nav.main-menu ul > li ul li a {

    color: #FFF;

    padding: 10px 20px;

}

nav.main-menu ul > li ul li:hover a {

    background-color: #00aeef;

}

nav.main-menu ul > li ul li ul {

    position: absolute;

    left: 190px;

    top: 0;

}

nav.main-menu ul .current_page_item > a {

    background: #00aeef;

    color: #FFF;

}

nav.main-menu ul > li:hover > a, nav.main-menu ul > .current-menu-item > a {

    background-color: #00aeef;

    color: #FFF;

}

.mean-container a.meanmenu-reveal {

    background: #00aeef;

    left: auto!important;

    right: 0!important;

    text-align: right!important;

}

.mean-container a.meanmenu-reveal .fa {

    display: block;

}

.pager li > a:hover, .pager li > a:focus {

    background-color: #00aeef;

    border-color: #00aeef;

    color: #FFF;

}

.nav > li > a:hover, .nav > li > a:focus {

    background-color: #E7F6F3;

}



/* = Main content

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



.main-content {

    padding: 20px 0;

}

.page-header h1.entry-title, .page-header {

    margin-top: 0;

    border: none;

    padding-bottom: 0;

}

.entry-title {

    font-weight: bold;

}

body.page .page-header h1.entry-title {

    padding-bottom: 0px;
	text-transform:uppercase;
}



/* = Home Carousel

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



#home-slider .main-owl-carousel .owl-item .gallery-post-single {

    width: 100%;

}

#home-slider .main-owl-carousel .owl-prev {

    left: 0px;

    background: transparent url(../images/prev.png) no-repeat center center !important;

}



#home-slider .main-owl-carousel .owl-next {

    right: 0px;

    background: transparent url(../images/next.png) no-repeat center center !important;

}



#home-slider .main-owl-carousel .owl-prev,

#home-slider .main-owl-carousel .owl-next {

    width: 50px;

    height: 50px;

    top: 49%;

    position: absolute;

}



#home-slider .main-owl-carousel .owl-next {

    right: 0px;

}



#home-slider .main-owl-carousel .owl-prev:hover,

#home-slider .main-owl-carousel .owl-next:hover {

    opacity: 1;

}



#home-slider .owl-theme .owl-controls {

    margin: 0;

}

#home-slider .owl-theme .owl-controls.clickable .owl-buttons .owl-prev, #home-slider .owl-theme .owl-controls.clickable .owl-buttons .owl-next {

    z-index: 1005;

}

#home-slider {

    position: relative;

}

#home-slider .content-wrapper {

    position: absolute;

    top: 30%;

    left: 0;

    right: 0;

    z-index: 999;

    width: 100%;

}

#home-slider .slide-content {

    color: #FFF;

}

#home-slider .slide-content h1, #home-slider .slide-content h2 {

    font-size: 48px;

    margin: 0 0 20px;

    font-weight: 400;

    color: #FFF;

}

#home-slider .slide-content h1 span, #home-slider .slide-content h2 span {

    font-weight: 800;

    color: #FFF;

}

#home-slider .slide-content p {

    font-size: 18px;

    color: #3a3c41;

    margin-bottom: 20px;

    line-height: 26px;

    color: #FFF;

}

#home-slider .slide-content .btn {

    padding: 10px 30px;

    background-color: #00aeef;

    text-transform: uppercase;

    font-size: 14px;

}

#home-slider .slide-content .btn:hover {

    background-color: #262932;

    color: #FFF;

}

#home-slider .bg-overlay {

    left: 0;

    top: 0;

    position: absolute;

    z-index: 5;

    background: url('../images/dotted.png');

    width: 100%;

    height: 100%;

}



/* = Table Format

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



table {

    border: 1px solid #e0e0e0;

    border-top: 0;

    font-size: 13px;

    background-color: #FFF;

    color: #3a3c41;

}

table th, table td {

    padding: 7px 15px;

}

table thead {

    background-color: #00aeef;

    border: 0;

    font-weight: 700;

    color: #3a3c41;

    padding: 0 1px;

}

table thead tr {

    border: 0;

}

table thead tr:first-child {

    border-top: 0;

}

table thead th {

    border: 0;

    border-right: 1px solid #62C7B3;

    color: #FFF;

    font-size: 13px;

    font-weight: 700;

    padding: 7px 15px;

}

table thead th:first-child {

    border-left: 1px solid #62C7B3;

}

table thead th:last-child {

    border-right: 1px solid #62C7B3;

}

table tbody tr {

    border-top: 0px solid #e0e0e0;

}

table tbody th {

    font-size: 13px;

    font-weight: 700;

    color: #3a3c41;

}

table tbody td {

    font-size: 13px;

    font-weight: 500;

    color: #3a3c41;

    border:0px solid #e0e0e0;

    padding: 5px 7px;

}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {

    padding: 16px;

}

.sidebar .table thead > tr > th, .sidebar .table tbody > tr > th, .sidebar .table tfoot > tr > th, .sidebar .table thead > tr > td, .sidebar .table tbody > tr > td, .sidebar .table tfoot > tr > td {

    padding: 10px;

}



/* =Attachment

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



article.attachment {

    padding-bottom: 20px;

}

article.attachment .entry-header .entry-title {

    margin-top: 0;

}

article.attachment .entry-meta {

    font-size: 12px;

}

article.attachment .entry-header #image-navigation {

    overflow: hidden;

    padding-top: 10px;

}

article.attachment .entry-header #image-navigation .nav-previous {

    float: left;

}

article.attachment .entry-header #image-navigation .nav-next {

    float: right;

}

.entry-attachment .attachment {

    padding: 15px 0;

}



/* =Footer

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



#colophon {

    background: #3A3C41;

    border-top: 15px solid #00aeef;

    color: #FFF;

}

#colophon a {

    color: #CCC;

}

.site-footer-inner {

    padding: 30px 0;

}

#colophon aside.widget {

    background: transparent;

    color: #fff;

    float: left;

    margin-right: 5%;

    width: 20%;

}

#colophon select, #colophon aside.widget select {

    color: #333;

}

#colophon .nav > li > a:hover, #colophon .nav > li > a:focus {

    background-color: #38393C;

}

#footer-info {

    background: #292A2F;

    padding: 10px 0;

    font-size: 12px;

}

#colophon .widget_calendar table {

    width: 100%;

}

#colophon .widget_calendar table caption {

    color: #aab4bf;

}

#colophon .widget_calendar table th, #colophon .widget_calendar table td {

    padding: 6px 10px;

    background: transparent;

}

#colophon .widget_calendar table a:hover {

    color: #00aeef;

}

#colophon .widget .widget-title {

    font-size: 20px;

    padding-bottom: 20px;

}



/* =Post Images

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



.post figure {

    overflow: hidden;

    margin-bottom: 20px;

}

.wp-post-image {

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.wp-post-image:hover {

    -webkit-transform: scale(1.4);

    transform: scale(1.4);

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

a#scroll-top {

    display: none;

    position: fixed;

    right: 20px;

    bottom: 80px;

    height: 42px;

    width: 42px;

    z-index: 9999;

    line-height: 3em;

    background: #00aeef url("../images/scroll-top.png") center center no-repeat;

    -webkit-transition: all 0.25s ease-in-out;

    -moz-transition: all 0.25s ease-in-out;

    -o-transition: all 0.25s ease-in-out;

    transition: all 0.25s ease-in-out;

}

a#scroll-top:hover {

    background-color: #292A2F;

}

article.post {

    margin-bottom: 30px;

    border-bottom: 1px solid #CCC;

    padding-bottom: 30px;

}

.sticky .entry-date {}

.bypostauthor {}

article.post .entry-content {

    padding-bottom: 10px;

}

.page-header .entry-title {

    margin-top: 0;

}

.page-header .page-title {

    margin-top: 0;

    font-size: 22px;

}

.page-header .page-title span {

    font-weight: bold;

}

.entry-author {

    display: inline-block;

    margin-bottom: 2px;

    font-size: 12px;

}

.loop-more-link {

    margin-bottom: 10px;

}

.entry-content blockquote {

    background: #E7F6F3;

    padding: 20px 20px 20px 30px;

    border-left: 5px solid #00aeef;

    font-family: 'PT Sans', serif;

    font-style: italic;

    font-size: 16px;

    line-height: 26px;

}

.entry-content blockquote p {

    margin: 0;

    font-family: 'PT Sans', serif;

    font-style: italic;

    font-size: 16px;

    line-height: 26px;

}

.post-meta-info .entry-meta {

    margin-right: 20px;

    border-top: 2px solid #00aeef;

    background-color: #E7F6F3;

}

.post-meta-info .entry-meta time {

    padding: 18px 0 20px;

    font-size: 18px;

    color: #3a3c41;

    display: block;

    text-align: center;

    font-weight: 500;

    text-transform: uppercase;

}

.post-meta-info .entry-meta time strong {

    font-size: 30px;

    font-weight: 800;

    line-height: 38px;

    display: block;

}

.post-meta-info .entry-meta .comments_count {

    display: block;

    padding: 14px 0 18px;

    text-align: center;

    background-color: #00aeef;

}

.post-meta-info .entry-meta .comments_count a {

    display: inline-block;

    padding: 0 0 0 25px;

    background: url("../images/comment-count-icon.png") 0 3px no-repeat;

    font-weight: 700;

    color: #FFF;

}

.post-meta-info .entry-meta .comments_count a:hover {

    text-decoration: none;

    -moz-opacity: 0.6;

    -khtml-opacity: 0.6;

    -webkit-opacity: 0.6;

    opacity: 0.6;

    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=60);

    filter: alpha(opacity=60);

}

.post-meta-info .entry-meta .comments_count span {

    font-size: 12px;

    padding-left: 10px;

    padding-right: 10px;

    color: #FFF;

    text-align: center;

    text-align: center;

    display: block;

}

article .footer-meta {

    margin-top: 15px;

}

.footer-meta .tags-meta, .footer-meta .cats-meta {

    display: block;

    font-size: 12px;

}



/* = Comment Body

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



.comment-body {

    position: relative;

}

.comment-body .media-body {

    background-color: #f6f6f6;

    border-bottom: 1px solid #DDDBDB;

    padding: 20px;

    margin-bottom: 15px;

}

.comment-body .comment-content {

    padding-top: 10px;

}

.comment-body .comment-heading {

    padding-right: 30px;

}

.comment-body .comment-reply {

    position: absolute;

    top: 20px;

    right: 20px;

}

.comment-meta {

    font-size: 12px;

}

.comment a.btn {

    background: #00aeef;

    border-color: #00aeef;

}

.comment a.btn:hover {

    background: #3A3C41;

    border-color: #3A3C41;

}

.comment-form .alert-info {

    background-color: #E7F6F3;

}

.error-404 {

    margin-bottom: 40px;

    background: #00aeef;

    color: #FFF;

}

.error-404 a {

    color: #E7F6F3;

}

.error-404 a:hover {

    color: #FFF;

}

.large-text {

    font-size: 100px;

    font-weight: 800;

    letter-spacing: 9px;

}



/* = Form Elements

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



body input[type="text"], body input[type="email"], body input[type="url"], body input[type="tel"], body input[type="number"], body input[type="date"], body input[type="range"], body input[type="password"], body input[type="text"], body textarea, body .form-control {

    width: 100%;

    height: auto;

    border: 2px solid #dcdee4;

    background-color: #FFF;

    margin-bottom: 20px;

    padding: 11px 10px;

    color: #3a3c41;

    font-weight: 500;

    border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    box-shadow: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

}

body input[type="text"]:focus, body input[type="email"]:focus, body input[type="url"]:focus, body input[type="tel"]:focus, body input[type="number"]:focus, body input[type="date"]:focus, body input[type="range"]:focus, body input[type="password"]:focus, body input[type="text"]:focus, body textarea:focus, body .form-control:focus {

    outline: none;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    border: 2px solid #00aeef;

    box-shadow: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

}

select {

    border: 2px solid #dcdee4;

    background-color: #FFF;

    width: 100%;

    padding: 11px 10px;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    box-shadow: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

}

select:focus {

    outline: none;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    border: 2px solid #00aeef;

    box-shadow: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

}

body input[type="file"] {

    margin-bottom: 30px;

    color: #3a3c41;

}

body input[type="submit"] {

    padding: 12px 25px;

    background-color: #3a3c41;

    font-size: 13px;

    color: #FFF;

    font-weight: 700;

    border: none;

    cursor: pointer;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    box-shadow: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

}

body input[type="submit"]:hover, body input[type="submit"]:focus {

    background-color: #00aeef;

    color: #FFF;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    box-shadow: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

}

body .comments-area .btn {

    border-radius: 0;

}

body input.error, body textarea.error {

    border: 2px solid #ff0000;

}

body fieldset label {

    font-size: 13px;

    color: #999ca5;

    font-weight: 500;

    border-bottom: 2px solid #dcdee4;

    padding: 5px;

    float: left;

}

body textarea, body input {

    -webkit-appearance: none;

    -webkit-border-radius: 0px;

}

label {

    width: 100%;

}



/* = Responsive

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



@media (min-width: 0px) and (max-width: 991px) {

    .site-header h1 {

        margin-bottom: 18px;

    }

    .post-meta-info .entry-meta {

        margin: 0;

        background: none;

        border: none;

        font-size: 13px;

    }

    .post-meta-info .entry-meta time {

        display: inline-block;

        text-align: left;

        font-weight: normal;

        text-transform: none;

        padding: 0;

        font-size: 14px;

    }

    .post-meta-info .entry-meta time strong {

        display: inline-block;

        text-align: left;

        font-weight: normal;

        text-transform: none;

        font-size: 14px;

        padding-left: 10px;

    }

    .post-meta-info .entry-meta .comments_count {

        display: inline-block;

        text-align: left;

        font-weight: normal;

        background: none;

        padding: 0;

    }

    .post-meta-info .entry-meta .comments_count a {

        background: none;

        display: inline;

        color: #3A3C41;

        padding: 0 0 0 10px;

    }

}



/* The Responsive CSS */



@media (max-width: 768px) {

    .site-header h1 {

        display: block;

        text-align: center;

        max-width: none;

    }

    .header-search-form {

        font-size: 22px;

    }

    .header-search-form .search-field {

        font-size: 22px;

        width: 80%;

    }

}

@media (min-width: 0px) and (max-width: 767px) {

    #masthead {

        margin-bottom: 20px;

    }

    .site-branding {

        text-align: center;

    }

    .site-branding .site-description {

        padding: 0 0 10px 0;

        margin-top: -10px;

    }

    .header-search {

        display: none;

    }

    .mail-info {

        padding-bottom: 10px;

        text-align: center;

    }

    ul.social-icons {

        text-align: center;

    }

    .site-navigation {

        width: 100%;

    }

    .mean-container .mean-bar {

        margin-top: 0px;

        min-height: inherit;

        background-color: #00aeef;

    }

    .mean-container .mean-bar .meanmenu-reveal {

        background: #00aeef;

    }

    .mean-container .mean-bar .mean-nav ul li a {

        border-color: rgba(255, 255, 255, 0.1);

    }

    .mean-container .mean-bar .mean-nav ul li a.mean-expand {

        height: 20px;

    }

    .mean-container .mean-bar .mean-nav ul li a.mean-expand:hover {

        background-color: #00aeef;

    }

    .mean-container .mean-bar .mean-nav ul li a.meanmenu-reveal {

        background-color: #00aeef;

        padding: 13px 14px;

        top: -40px;

    }

    nav.site-navigation ul > li ul li ul {

        left: 0;

    }

    #responsive-menu-container .navbar {

        min-height: inherit;

    }

    a#scroll-top {

        display: none;

    }

    #colophon .site-footer-inner {

        overflow: hidden;

        margin: 0 15px;

    }

    #colophon aside.widget {

        width: 100%;

        margin: 0;

    }

}