/*
Theme Name: ComparisonThemes
Theme URI: https://www.comparisonthemes.com/
Description: Bespoke Theme
Author: ComparisonWorks
Author URI: https://www.comparisonworks.com/
Version: 1.0
*/

body { font-family: 'Lato', sans-serif; font-size: 16px; color: #787878; }

h1 { }

h2 { font-size: 32px; font-weight: 300; color: #363636; }

h2 a { color: #363636; }

h2 a:hover, h2 a:focus { color: #363636; text-decoration: none; color: #259b30; }

h3 { color: #414040; font-weight: 700; font-size: 18px; }

h4 { color: #047558; font-weight: 700; font-size: 16px; }

h5 { }

h6 { }

.pages-content h1 { color: #014d5c; font-weight: 700; font-size: 32px; margin-top: 30px; margin-bottom: 10px; }

.pages-content h2 { color: #014d5c; font-weight: 700; font-size: 28px; margin-top: 30px; margin-bottom: 10px; }

.pages-content h3 { color: #014d5c; font-weight: 700; font-size: 24px; margin-top: 30px; margin-bottom: 10px; }

.pages-content h4 { color: #014d5c; font-weight: 700; font-size: 20px; margin-top: 30px; margin-bottom: 10px; }

.pages-content h5 { color: #014d5c; font-weight: 700; font-size: 16px; margin-top: 30px; margin-bottom: 10px; }

.pages-content h6 { color: #014d5c; font-weight: 700; font-size: 12px; margin-top: 30px; margin-bottom: 10px; }

.pages-content strong { color: #444444 }

.pages-content img { display: block; max-width: 100%; height: auto; margin-bottom: 15px; }

.pages-content ul { margin-bottom: 28px; }

.pages-content ul li { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px dashed #cccccc; }

* { outline: none !important }

a { color: #787878; -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear; }

a:hover, a:focus { color: #787878; }

.front-header-block { min-height: 670px; background-image: url(img/front-header-bg.png); background-repeat: repeat-x; color: #ffffff; padding-top: 45px; background-color: #0a9b46; }

.front-block { background-color: #10181a; padding-top: 25px; padding-bottom: 55px; color: #ffffff; background-image: url(img/front_bg.jpg); background-repeat: no-repeat; background-position: center center; }

.header-block { background-color: #09778e; padding-top: 35px; padding-bottom: 35px; color: #ffffff; background-image: url(img/header-bg.png); background-repeat: repeat; }

.page-title-block { background-color: #014d5c; padding-top: 25px; padding-bottom: 25px; color: #ffffff; }

.content-block { padding-top: 50px; padding-bottom: 55px; }

.content-block p { margin-bottom: 28px; }
.content-block img { max-width: 100%; height: auto;}

.features-block { padding-top: 20px; padding-bottom: 55px; border-top: 1px solid #dddddd; }

.home .features-block { padding-top: 45px; border-top: 0px; }

.collection-block { padding-top: 45px; padding-bottom: 45px; background-color: #42895c; color: #ffffff; background-image: url(img/collection_bg.png); background-repeat: repeat; }

.footer-block { padding-top: 55px; padding-bottom: 55px; border-top: 1px solid #e3e3e3; }

.copyrights-block { padding-top: 35px; padding-bottom: 35px; background-color: #141815; color: #ffffff; }

.page-title-block h1 { margin: 0; font-weight: 300; color: #a6dde7; font-size: 26px; }

article.post { margin: 30px 0px; }

.detail-image { margin-top: 10px; display: block; }

/* Top Nav */
.navbar { margin-bottom: 0px; }

.navbar-inverse { border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: transparent; }

.navbar-inverse .navbar-nav > li > a { color: #ffffff; font-size: 14px; text-align: center; padding-top: 20px; padding-bottom: 20px; font-size: 18px; font-weight: 300; }

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #85b3bb }

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { background-color: transparent; color: #85b3bb; }

/* Front Page */

.front-header-block h2 { font-size: 72px; font-weight: 900; color: #ffffff; }

.front-header-block h3 { color: #e1ffc6; font-size: 24px; font-weight: 300; margin-top: 30px; }

.intro-text { display: table-cell; height: 500px; vertical-align: middle; }

.intro-text-vertical { display: table-cell; }

.front-block { font-size: 16px; padding: 30px 0px 60px 0px; }

.front-block h4 { font-size: 36px; font-weight: 300; margin-top: 40px; color: #ffffff; }

.front-block h5 { font-size: 18px; }

.front-block-image { padding-bottom: 30px; padding-top: 30px; }

.front-block-image img { display: block; margin: auto; }

.choose-box { padding-left: 25px; padding-right: 25px; }

.why-choose p { font-weight: 300; font-size: 16px; }

.features-block h3 { color: #434343; font-size: 38px; font-weight: 300; }

.features-block p { color: #787878; font-size: 16px; }

.collection-block h2 { font-size: 24px; margin-bottom: 0px; color: #ffffff; font-weight: 400; }

.collection-block p { color: #d7f1df; font-weight: 300; font-size: 18px; }

.features-box { border: 1px solid #ececec; padding: 25px 35px; margin-top: 30px; margin-bottom: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.features-box h6 { font-weight: 700; color: #585858; font-size: 18px; }

/* Forms */

.form-control { border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px; }

.form-control:focus {
    border-color: #999999;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset, 0 0 0px rgba(0, 0, 0, 0);
    outline: 0 none;
}

/* Buttons */

.btn-collection { margin-top: 20px; }

.btn { -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; border-width: 1px; font-weight: 300; font-size: 16px;; padding-left: 35px; padding-right: 35px; }

.btn-lg { border-width: 2px; font-size: 18px; }

.btn-primary { background-color: transparent; border-color: #ffffff; color: #ffffff; }

.btn-demo { margin-left: 15px; padding-left: 35px; padding-right: 35px; }

.btn-buy { padding-left: 35px; padding-right: 35px; background-color: #2cb13c; border-color: #2cb13c; font-weight: 600; }

.btn-default { color: #56677f; }

.btn-primary.focus, .btn-primary:focus {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: #ffffff;
    color: #ffffff;
}

.btn-primary:hover {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: #ffffff;
    color: #ffffff;
}

.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: #ffffff;
    color: #ffffff;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: #ffffff;
    color: #ffffff;
}

.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary.active[disabled], .btn-primary.focus[disabled], .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: #ffffff;
    color: #ffffff;
}

/* Colors */

.color-blue { color: #3fb6bd; }

.color-green { color: #5aa145; }

.color-yellow { color: #c3cb31; }

/* Footer */

.footer-block p { color: #787878; font-size: 16px; }

.footer-logo { margin-bottom: 20px; }

.footer-block h4 { color: #303030; font-weight: 700; font-size: 17px; margin-top: 0px; }

ul.footer-nav { padding: 0; margin: 0; list-style: none }

ul.footer-nav li { padding: 0; margin: 0; list-style: none }

ul.footer-nav li a { display: block; color: #787878; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #e1e1e1; font-size: 15px; }

ul.footer-nav li a:hover, ul.footer-nav li a:focus { color: #303030; }

/*Product Lisitng */

a.products-bg { background-color: #f8f8f8; padding: 25px; margin-bottom: 30px; font-size: 15px; display: block;
    border: 1px solid transparent; }

a.products-bg img { -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25); }

a.products-bg h4 { margin-top: 25px; }

a.products-bg:hover, a.products-bg:focus { text-decoration: none; opacity: 0.7; border: 1px solid #dddddd; }

a.products-bg:hover h4 { color: #303030; }

/* Product Details */
.product-image { background-color: #dbdbdb; padding-top: 30px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; margin-top: 20px; border: 1px solid #dbdbdb; margin-left: 50px; margin-right: 50px; }

.features-icon img { display: block; margin: 30px auto; }

ul.portfolio-sorting { padding: 0; margin: 0; list-style: none; }

ul.portfolio-sorting li { display: inline-block; padding: 0; margin: 0; }

ul.portfolio-sorting li:after { content: '/'; color: #85b3bb; }

ul.portfolio-sorting li:last-child:after { content: ''; }

ul.portfolio-sorting li a { display: inline-block; padding: 5px 10px; margin: 0; font-weight: 300; font-size: 16px; color: #ffffff; }

ul.portfolio-sorting li a:hover, ul.portfolio-sorting li a:focus { text-decoration: none; color: #85b3bb; }

ul.portfolio-sorting li a.active { color: #85b3bb; }

.row.product-features { }

/* Blog */

.author { color: #979797; text-transform: uppercase; font-weight: 300; font-size: 13px; }

.blog-post h2 { margin-top: 10px; }

.blog-post { border-bottom: 1px solid #ededed; padding-bottom: 40px; margin-bottom: 40px; margin-top: 20px; }

.read-more a { font-weight: 700; color: #259b30; text-decoration: underline; }

.read-more a:hover, .read-more a:focus { color: #014d5c; }

.post-details { border-bottom: 1px solid #ededed; padding-bottom: 20px; padding-top: 20px; }

.post-details:first-child { border-top: 1px solid #ededed; }

.sidebar h4 { color: #014d5c; font-size: 20px; font-weight: 700; }

.post-details h5 { color: #2f2f2f; font-weight: 300; font-size: 17px; padding: 0; margin: 0 0 8px 0; }

.post-details h5 a { color: #2f2f2f; }

.post-details h5 a:hover, .post-details h5 a:focus { text-decoration: none; color: #014d5c; }

.post-details-date { color: #868686; font-size: 16px; font-weight: 300; }

.sidebar { margin-top: 25px; }

.search-form-sidebar { margin-bottom: 30px; }

.search-form-sidebar input { height: 40px; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); }

.search-form-sidebar input:hover, .search-form-sidebar input:focus { border: 1px solid #cccccc; }

.search-form-sidebar .btn { height: 40px; border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px; border-left: 0px; padding-left: 10px; padding-right: 10px; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); }

.search-form-sidebar .btn:hover, .search-form-sidebar .btn:focus { background-color: transparent !important; border-left: 0px; border: 1px solid #cccccc; border-left-color: #ffffff; !important; }

/* Pagination */
.wp-pagenavi { display: block; margin-top: 5px; text-align: center; }

.wp-pagenavi a, .wp-pagenavi span { display: inline-block; min-width: 40px; border: 1px solid #e8e8e8; margin-left: 5px; margin-right: 5px; padding-top: 5px; padding-bottom: 5px; }

.wp-pagenavi a:hover, .wp-pagenavi a:focus, .wp-pagenavi span.current { background-color: #56677f; border-color: #56677f; color: #ffffff; text-decoration: none; }

/* CSS3 Animations */

.change-log-link { color: #2cb13c; }

.error-gap { height: 20px; }

.error-page { padding-top: 50px; padding-bottom: 50px; text-align: center; }

.error-page img { margin: auto; }

.white-popup {
    position: relative;
    background: #ffffff;
    padding: 25px;
    width: auto;
    max-width: 800px;
    margin: 0 auto;
}

.toggle-button {
    border: 2px solid #e1e1e1; color: #014d5c; cursor: pointer; margin-top: 12px; padding: 12px 25px; font-size: 20px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }

.toggle-button i { color: #42895c; margin-right: 10px; }

.toggle-content { padding: 20px; }

.headingone {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.headingtwo {
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    animation-delay: .8s;
}

/* overlay at start */
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

@media only screen and (max-width: 767px) {
    .front-header-block h2 { font-size: 42px; }

    .front-header-block h3 { }

    .intro-text { height: 320px; }

    .choose-box { margin-bottom: 20px; }

    .collection-block { text-align: center }

    .footer-block h4 { margin-top: 25px; }

    .copyrights-block .text-right, .copyrights-block { text-align: center; }

    .page-title-block h1, .page-title-block, .page-title-block .text-right { text-align: center; }

    .page-title-block h1 { margin-bottom: 20px; }

    .page-title-block .btn { margin-bottom: 10px; }

    .btn-demo {
        margin-left: 0px; }

    .blog-post img { margin-bottom: 10px; }

}

@media only screen and (max-width: 991px) {
    .logo { display: block; margin: auto; }

    .logo img { display: block; margin: auto; }

    #nav-awesem-themes .navbar-right { float: none !important; display: inline-block; text-align: center; }

    #nav-awesem-themes { text-align: center; }
}

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

}

@media only screen and (min-width: 768px) {
}

#ticket .form-control { height: 50px;}

.sidebar-box {border: 1px solid #ececec;
    border-radius: 4px;
    margin-bottom: 20px;
    margin-top: 0px;
    padding: 25px 35px; text-align: center; }

.sidebar-links { list-style: none;padding: 25px; margin: 30px 0px 30px 0px; border: 1px solid #ececec; background-color: #fcecec; border-radius: 2px;}
.sidebar-links li { display: block; padding: 0px; margin: 0px;}
.sidebar-links li a{ display: block; padding: 5px; font-size: 18px; color: #414040;}
.sidebar-links li a:hover, .sidebar-links li a:focus { text-decoration: none; color: #259b30;}


input, select, textarea { border-radius: 2px; border: 1px solid #ccc; font-weight: 400; color: #555; font-size: 14px !important; padding: 8px 14px !important;}
label { color: #014d5c;}
body .gform_wrapper .top_label div.ginput_container{ margin-top: 0px !important;}


.co-form .co-form__label { font-size: 16px !important;}
.co-form .co-form__footer, .co-form .co-form__hint { font-size: 13px !important;}
.co-form .co-form__input, .co-form .co-form__select, .co-form .co-form__textarea { padding: 12px !important; font-size: 16px !important; line-height: 16px !important; border-color:#ccc !important; }
.co-form .co-form__input, .co-form .co-form__select { height: 48px !important;}

.co-form .co-form__button {background-color: #42895c !important;  font-size: 18px !important; font-weight: 700 !important; padding: 20px !important;}
.co-form .co-form__button:hover, .co-form .co-form__button:focus {background-color: #2cb13c !important; }

.gform_button {background-color: #42895c;  font-size: 18px !important; font-weight: 700 !important; padding: 13px 40px !important; color: #fff; border: 0px; text-transform: uppercase; border-radius: 6px;}
.gform_button:hover, .gform_button:focus {background-color: #2cb13c !important; }

#gform_wrapper_1 label { width: 47%; float: left;}
#gform_wrapper_1 input, #gform_wrapper_1 select, #gform_wrapper_1 textarea { margin-right: 20px;}
#gform_wrapper_1 textarea { max-width: 97%;}


.partner-box { border-bottom: 1px solid #e1e1e1; padding-bottom: 25px; margin-bottom: 25px; padding-top: 25px;}

.pages-content .partner-box h4 { margin: 0px; padding: 0px; text-transform: uppercase; color: #014d5c; font-size: 18px;}
.pages-content .partner-box a.partner-title {color: #014d5c;}
.pages-content .partner-box a.partner-title:hover, .pages-content .partner-box a.partner-title:focus { text-decoration: none; color:#047558 }
.pages-content .partner-box a.partner-link-title { font-size: 14px; color: #999;}
.logo-link img { max-height: 80px; max-width: 160px; height: auto; width: auto;}