/*
Theme Name: Clearit.ca
Author: Industry44
Author URI: http://industry44.com/
Version: 1.0
*/
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%; }

html, button, input, select, textarea {
    font-family: gesta, sans-serif;
    color: #333333;
}
a,img,input,button {
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-size: 16px;
}

p {
    margin: 0 0 1.2em 0;
    padding: 0;
    line-height: 18px; }

h1 {
    font-family: gesta, sans-serif;
    font-size: 25px;
    color: #315D96;
    font-weight: 700;
    padding: 0;
    line-height: 36px;
    margin: 0 0 1em 0;
    cursor: default; }

h5 {
    font-family: open_sansbold, sans-serif;
    font-size: 22px;
    color: #315D96;
    font-weight: 700;
    padding: 0;
    line-height: 26px;
    margin: 0 0 1em 0;
    cursor: default; }

h1.home {
    font-family: open_sans, sans-serif;
    font-size: 28px;
    color: #848484;
    font-weight: 700;
    padding: 0;
    line-height: 36px;
    text-align:justify;
    letter-spacing:0.6px;
    margin: 0 0 1em 0;
    cursor: default; }

a {
    color: #333;
    text-decoration: none;
    outline: 0; }

a:hover {
    color: #ccc; }

a:visited {
    color: inherit; }

.blue {
    color: #28bbdd; }

b, strong {
    font-weight: bold; }

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    max-width: 100%; }

.mobile {
    display: none; }

.greenbtn {
    background: #8cc540;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border: none;
    overflow: visible;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    display: block;
    -webkit-border-radius: 5px;
    font-weight: 400 !important; }

.greenbtn:hover {
    color: #fff !important;
    background: #444; }

.bluebtn {
    background: #28bbdd;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border: none;
    overflow: visible;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    display: block;
    -webkit-border-radius: 5px;
    font-weight: 400 !important; }

.bluebtn:hover {
    color: #fff !important;
    background: #444; }

.home-intro {
    background: #ffffff url('images/new-lower-prices.png') !important;
    background-repeat:no-repeat !important;

}

/*Blog page*/
.clearit-blog-details {
    padding-top: 2rem;
}


.blog-title h1 {
    color: #0FA68B !important;
    font-size: 52px !important;
    font-weight: 600 !important;
    letter-spacing: 0;
    font-family: 'Open Sans';
    line-height: 43px;
    margin: 30px 0 10px !important;
}
.blog-title h6 {
    color: #444444;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 43px;
    font-family: 'Open Sans';
}

.searchbar-main { display: flex; flex-wrap: wrap; }
.searchbar-main .custom-search-form { width: 50%; }
.searchbar-main .category-dropdown { width: 50%; }
.searchbar-main h3.widget-title { color: #444444; font-size: 18px; font-weight: 500; letter-spacing: 0; margin-bottom: 8px; line-height: 24px; } 


.recent-post-content .blog-section h3 {
    color: #0FA68B;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 33px;
    text-transform: uppercase;
}
.blog-section img {
    width: 100%;
    height: 100%;
}
.blog-section h1 {
    color: #444444 !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    letter-spacing: 0;
    line-height: 33px;
}
.blog-section p {
    color: #444444;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: 500;
    padding: 15px 0 0px;
}
.blog-section a:not(.btn-orange) {
    color: #0FA68B;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    display: block;
    margin-top: 15px !important;
    line-height: 22px;
}
.more-post-btn {
    text-align: center;
    margin: 50px 0 7rem;
}
.blog-title form {
    margin: 30px 0;
}
.blog-title label {
    color: #444444;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    margin-bottom: 8px;
    line-height: 24px;
}
.blog-section hr {
    border-color: #D5EBE5;
}
.blog-section .row {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}
.blog-section .row .col-md-6 {
    padding: 0 20px;
}
.blog-title .input-group input, select.form-control {
    border: 1px solid #D5EBE5;
    border-radius: 4px;
    height: 40px;
    margin-right: 10px;
}
.blog-title .input-group .btn {
    border-radius: 4px;
    color: #FFFFFF;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 22px;
    padding: 0 33px;
    background-color: #0FA68B;
}
.blog-title .input-group {
    display: flex;
}
.content-page .form-control {
    color: #0FA68B;
}
/*End Blog page*/

@media screen and (min-width: 768px) {
    .mobile {
        display: none !important;
        visibility: hidden; }

    .desktop {
        display: block; }
}
@media screen and (max-width: 767px) {
    .desktop {
        display: none !important;
        visibility: hidden; }

    .mobile {
        display: block; } }
.hidden {
    display: none !important;
    visibility: hidden; }

.clearfix:before, .clearfix:after {
    content: "";
    display: table; }

.clearfix:after {
    clear: both; }

.clearfix {
    *zoom: 1; }

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: black;
    padding: 0.2em 0; }

#logo {
    width: 212px;
    display: block;
    margin-top: 20px;
    margin-left: 50px;
    float: left;   }

.main-menu {
    float: right;
    padding: 0 0 10px 0;
    text-align: right;
}
.menu-header-menu-container {
    display: inline-block;
    vertical-align: middle;
}
.nav {
    display: inline-block;
    list-style: none;
    padding: 0 0 0 30px;
    margin: 0; }
.nav li {
    float: left;
    position: relative;
    z-index: 999; }
.nav > li {
    padding-right: 50px;
    padding-bottom: 10px;   
}
.nav > li.menu-item-has-children {
    padding-right: 50px;
}
.nav > li > a {
    height: 45px;
    line-height: 45px;
    border-bottom: 2px solid #FFFFFF;
}
.nav li a {
    display: inline-block;
    font-size: 18px;
    font-weight: 500; }
.nav > li:hover > a {
    color: #333333;
    border-bottom: 2px solid #333333;
}
.nav li ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    background: #fff;
    left: -8px;
    display: none;
    box-shadow: 0 14px 32px 4px rgb(0 0 0 / 10%);
    z-index: 999;
}
.nav li ul li {
    width: 200px;
    float: none;
    padding: 8px 20px;
    /* border-bottom:1px solid #e5e5e5; */
    margin: 0;
    text-align: left;
}
.nav li ul li a {
    padding: 5px 0;
    font-weight: 400;
    font-size: 14px; 
    line-height: 19px;
}
.nav li ul li:hover {
    background:#e5e5e5;


    background-color: #eaf1fa;

}
.nav li ul li:hover a{
    color: #315D96;
}

.nav li.menu-btn {
    display: none; }
.menu-item-has-children {
    position: relative;
}
.menu-item-has-children:after {
    /*content: url('images/arrow-down.png');*/
    content: ""; 
    background: url('images/arrow-down.png');
    position: absolute;
    right: 30px;
    top: 11px;
    background-size: 25px 25px;
    display: inline-block;
    width: 20px;
    height: 20px;
}


.sf-menu li.gb a {
    background: #8cc540;
    padding: 0 15px !important;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border: none;
    overflow: visible;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-weight: 400 !important;
    font-size: 13px;
    margin-top: 15px; }
.sf-menu li.gb a:hover {
    color: #fff !important;
    background: #444444; }
.sf-menu li.menu-btn {
    display: none; }


@media screen and (max-width: 768px) {
    .nav > li {
        display: none; }
    .nav > li ul {
        position: relative;
        left: auto;
        padding: 0; }
    .nav > li ul li {
        width: 100%;
        border-bottom: none !important; }
    .nav > li ul li:last-child {
        padding-bottom: 15px; }
    .nav li.menu-btn {
        display: block !important;
        cursor: pointer;
    }
}
.header {
    letter-spacing: -0.5px;
}
.header-separator {
    position: absolute;
    top: 14px;
    right: -3px;
}
.header .start-clear {
    display: inline-block;
    vertical-align: middle;
    padding-right: 30px;
}
.header .start-clear a {
    white-space: nowrap;
    padding: 10px 30px;
    text-align: center;
    display: inline-block;
    border: 1px solid #18AE93;
    border-radius: 21px;
    background-color: #18AE93;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    color: #FFFFFF;
}
.header .start-clear a:hover, .header .start-clear a:focus {
    text-decoration: none;
    background-color: #315D96;
    border: 1px solid #315D96;
}
.topnav {
    float: right;
    padding: 0 30px;
    min-height: 36px;
    font-size: 15px;
}
.topnav-item {
    position: relative;
    color: #666666;
    display: inline-block;
    padding: 20px 22px 7px 8px;
}
.topnav-items {
    display: inline-block;
}
.topnav a {
    color: #666666; }
.topnav a:hover {
    /*color: #000000;*/
}
.topnav a:last-child {
    margin-right: 0; }
.topnav span a {
    margin-right: 0; }
.topnav a.social {
    color: #888888;
}

.open-menu {
    padding: 15px 0;
    display: inline-block; }

.footer {
    padding: 30px 60px;
    font-size: 16px;
    font-family: gesta, sans-serif;
    color: #888888;
}
.footer a {
    color: #888888;
    text-decoration: underline;
}
.footer a:hover, .footer a:focus {
    text-decoration: none;
}
.fleft {
    float: left;
    text-align: left;
    width: 50%;
}
.fright {
    float: right;
    text-align: right;
    width: 50%;
}
.footer-inline-block-element {
    display: inline-block;
    line-height: 39px;
    vertical-align: middle;
}
.footer-social-icon {
    padding: 0 3px;
}
#breadcrumbs {
    font-size: 15px;
    color: #888888;
}
#breadcrumbs a {
    text-decoration: underline;
}
#breadcrumbs a:hover, #breadcrumbs a:focus {
    text-decoration: none;
}
#breadcrumbs .breadcrumb_last {
    font-weight: normal;
}
.breadcrumbs-container {
    background: #F5F5F5;
    padding-top: 20px;
}
.container {
    width: 960px;
    margin: auto;
    position: relative; }

.container:before, .container:after {
    content: "";
    display: table; }

.container:after {
    clear: both; }

.container {
    *zoom: 1; }

.content {
    background: #F5F5F5;
    min-height: 600px;
    padding: 30px 0 150px; }

.minh {
    min-height: 470px; }

.left70 {
    width: 69%;
    float: left; }

.right30 {
    width: 29%;
    float: right; }

.left50 {
    width: 48%;
    float: left; }

.right50 {
    width: 48%;
    float: right; }

.box {
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
    overflow: hidden; }

@media screen and (min-width: 768px) and (max-width: 960px) {
    h1 {
        font-size: 30px; }

    .content {
        padding: 30px 0 100px;
    }
    .container {
        width: 97%;
        margin: 0 1.5%; }
}
@media screen and (max-width: 767px) {
    .content {
        padding: 30px 0;
    }
    .container {
        width: 97%;
        margin: 0px 1.5%; }

    .container.lang {
        padding-top: 0px; }

    .container.logos {
        padding: 10px 0 0px 0;
        text-align: center; }

    .left70 {
        width: 100%;
        float: none; }

    .right30 {
        width: 100%;
        float: none; }

    .left50 {
        width: 100%;
        float: none; }

    .right50 {
        width: 100%;
        float: none; }

    .menu-header-menu-container {
        display: block;
    }
    .nav {
        display: block;
        padding: 10px 0;
    }
    .nav > li, .nav > li.menu-item-has-children {
        padding: 0 30px;
    }
    .nav > li > a, .nav > li:hover > a {
        border: none;
        padding: 15px 0;
    }
    .nav li, .nav li:first-child, .nav li:last-child {
        float: none;
        /*display: block;*/
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
        margin-bottom: -1px;
        text-align: left;
    }
    .nav li a {
        line-height: normal;
        height: auto;
    }
    .menu-item-has-children {
        cursor: pointer;
        position: relative;
    }
    .menu-item-has-children:after {
        /*content: url('images/arrow-down.png');*/
        position: absolute;
        right: 15px;
        top: 8px;
    }

    #logo {
        float: none;
        width: auto;
        max-width: 100%;
        margin: 20px 30px 10px;
    }

    .topnav {
        float: none;
        text-align: right;
    }
    .main-menu {
        float: none;
        padding-bottom: 0;
    }
    .header .start-clear {
        display: block;
        text-align: center;
    }
    .fleft, .fright {
        float: none;
        width: 100%;
        text-align: center;
    }
}
/*homepage*/
.home-intro {
    height: 352px; }

.one-text {
    color:#929292;
    text-align: right;
    padding: 20px;
    float: right; }
.one-text h5 {
    color: #28bbdd;
    font-size: 40px;
    line-height: 44px;
    font-weight: 900;
    margin-bottom: 15px; 
}
.one-text .clearfix {
    float: right; 
}
.one-text p {
    padding-bottom: 6px;
    border-bottom: solid 0px #ccc;
    margin-bottom: 5%;
    width: 327px;
    text-align: right;
    display: block;
    float: right;
    clear: both; font-size:24px; line-height:28px;}
.one-text .starting {
    color: #28bbdd;
    font-size: 20px; }
.one-text .starting span {
    font-size: 12px; }
.one-text .greenbtn {
    padding: 0px 30px;
    font-size: 20px;
    margin-top: 15px; }

.home-calc {
    height: 352px;
    background: url(images/calculator.png) no-repeat right top #28bbdd; }
.home-calc h5 {
    color: #fff;
    font-size: 34px;
    line-height: 34px;
    padding-left: 20px;
    margin-bottom: 20px;
    margin-top: 93px; }
.home-calc h1 span {
    font-weight: 200; }
.home-calc p {
    font-size: 15px;
    line-height: 22px;
    color: #fff;
    padding-left: 20px;
    margin-bottom: 30px; }
.home-calc .bluebtn {
    background: #138eab;
    padding: 0px 30px;
    font-size: 16px;
    margin-left: 58px;
    display: inline-block; }

.home-save {
    height: 240px; }
.home-save h5 {
    font-weight: 400;
    font-size: 23px;
    line-height: 23px;
    color: #4a3367;
    margin: 20px 0 20px 20px; }
.home-save h5 img {
    padding-right: 10px; 
    padding-bottom:12px;}
.home-save .qrt {
    float: left;
    width: 150px;
    font-size: 12px;
    text-align: center; }
.home-save .qrt img {
    display: block;
    padding-bottom: 5px;
    margin: auto; }
.home-save .qrt:last-child {
    margin-left: 20px; }
.home-save .bluebtn {
    background: #4a3367;
    font-size: 16px;
    display: block;
    margin-top: 41px; }

.home-import {
    height: 160px;
    background: url(images/save.png) no-repeat top left #28bbdd;
    color: #fff; }
.home-import h5 {
    font-size: 20px;
    line-height: 24px;
    text-align: right;
    margin-right: 20px;
    margin-bottom: 10px;
    color: #fff;
    margin-top: 15px; }
.home-import p {
    color: #fff;
    text-align: right;
    margin-right: 20px; }
.home-import .bluebtn {
    float: right;
    margin-top: 5px;
    margin-right: 20px;
    background: #138eab; }

.home-international {
    height: 160px;
    background: url(images/international.png) no-repeat top left #7fce1a;
    color: #fff; }
.home-international h5 {
    font-size: 20px;
    line-height: 20px;
    text-align: right;
    margin-right: 20px;
    margin-bottom: 8px;
    color: #fff;
    margin-top: 15px; }
.home-international p {
    color: #fff;
    text-align: right;
    margin-right: 20px;
    margin-bottom: 8px; }
.home-international .greenbtn {
    float: right;
    margin-right: 20px;
    background: #6cb012; }

.home-tools {
    padding: 20px;
    height: 380px;
    position: relative; }
.home-tools .tool {
    color:#000;
    text-align: center;
    margin-bottom: 25px; }
.home-tools h1 {
    font-size: 20px;
    color: #555;
    margin: 0;
    text-align: center; }
.home-tools h5.blue {
    margin: 0;
    text-align: left;
    color: #28bbdd;
    font-size: 22px;
    line-height: 24px; }
.home-tools p {
    margin: 0;
    font-size: 15px;
    line-height: 19px; }
.home-tools a {
    margin-bottom: 30px;
    margin-top: 20px;
    width: 60%;
    margin-left: auto;
    margin-right: auto; }
.home-tools img {
    position: absolute;
    top: 70px;
    right: 0; }

.home-what {
    height: 149px;
    position: relative; }
.home-what img {
    float: left;
    margin-right: 30px; }
.home-what h5 {
    margin: 15px 0;
    font-size: 22px; }
.home-what p {
    display: block;
    margin-right: 30px;
}
.home-what a {
    position: absolute;
    top: 25px;
    right: 30px;
    color: #28bbdd; }
.home-what em {
    font-size: 13px;
    line-height: 20px; }
.home-what strong {
    font-size: 13px;
    display: block;
    padding-top:5px;
    text-align: right; }

/*legacy styles*/
.wborder {
    position:relative;
    background: #fff;
    padding: 30px 45px 30px 45px;
    -moz-border-radius: 5px;
    border-radius: 5px; }

.wborder h1 {
    text-decoration: none;
    color: #315D96;
    font-weight: bold;
    border-bottom: none;
    margin-bottom: 10px; }
.wborder h1:first-child {
    font-size: 18px;
    color: #888888;
}
.wborder h1 a {
    font-size: 25px;
    text-decoration: none;
    color: #315D96;
    border-bottom: none; }

.wborder h1 a:hover {
    text-decoration: none;
    color: #315D96; }

.postbreak {
    height: 10px; }

.clear {
    clear: both; }

.ev-content .img img {
    width: 100% !important; }

.ev-content .img {
    margin-right: 20px;
    float: left;
    width: 30%; }

.ev-content .cont {
    width: 65%;
    float: left; }

.ev-content .contm {
    width: 100%;
    float: left; }

.ev-content .read {
    margin-top: 15px;
    margin-bottom: 10px; }

.ev-content .read a {
    font-size: 16px;
    line-height: 16px;
    float: left;
    color: #18AE93;
    text-decoration: underline;
    padding-right: 20px; }

.ev-content .read a:hover {
    text-decoration: none;
    color: #315D96;
}

.ev-content .read .addthis_toolbox a {
    padding-right: 2px !important; }

.container div.pagination {
    text-align: left;
}
.container div.pagination span.pages {
    box-shadow: none !important;
    text-shadow: none !important;
    border: none !important;
    background: none !important;
    font-size: 17px !important;
    font-family: gesta, sans-serif !important;
    color: #888888 !important;
}
.container div.pagination span.current {
    font-size: 17px !important;
    font-family: gesta, sans-serif !important;
    font-weight: bold !important;
    color: #FFFFFF !important;
    background: none;
    background-color: #18AE93 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border: 1px solid #18AE93 !important;
    border-radius: 3px;
    min-width: 10px;
    text-align: center;
    padding: 6px 11px;
}
.container div.pagination a {
    font-size: 17px !important;
    font-family: gesta, sans-serif !important;
    color: #AAAAAA !important;
    background: none;
    background-color: #FFFFFF !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border: 1px solid #DDDDDD !important;
    border-radius: 3px;
    min-width: 10px;
    text-align: center;
    padding: 6px 11px;
}

#slider {
    margin-bottom: 20px; }

input[type="button"] {
    border: medium none;
    background: none repeat scroll 0% 0% #8bc53f;
    margin-top: 7px;
    border-radius:5px;
    color: white;
    padding:15px 40px;
    font-size: 14px;
    cursor: pointer; }

input[type="submit"] {
    border: medium none;
    background: none repeat scroll 0 0 #18AE93;
    margin-top: 7px;
    border-radius: 3px;
    color: #FFFFFF;
    padding:15px 40px;
    font-size: 16px;
    cursor: pointer; }
input[type="submit"]:hover {
    background-color: #315D96;
}

/*a:active, a:hover {
    color: rgb(0, 169, 216);
    text-decoration: underline;
}
a:link {
   color: rgb(0, 169, 216);
   text-decoration: none
}*/


input[type="text"] {
    padding:5px;
    border: 1px solid #d3d3d3 !important;
    background:#fff;
}

select {
    padding:5px;
    border: 1px solid #d3d3d3 !important;
    background:#fff;
}

@media (max-width: 767px) { 

    .wborder {
        padding: 15px 20px 15px 20px;
        -moz-border-radius: 5px;
        border-radius: 5px; }
}



/*==== New CSS for Blog Page ==*/
.wborder { padding: 20px;}
.content-left { width: 65%; float: left; }
.right-sidebar { width: 33%; float: right;}
.right-sidebar > div { background:#fff; padding: 15px; margin-bottom: 10px; border-radius: 5px; -webkit-border-radius: 5px;}
.sidebar-search { font-size: 16px; }
.sidebar-search label { display: block; font-size: 16px; color: #315D96; font-weight: normal;}
.sidebar-search input[type="text"] { width: 190px; border: 1px solid #DDDDDD; font-size: 16px;}
.right-sidebar > div ul { margin: 0; padding: 0; list-style: none; }
.right-sidebar > div ul li { margin-bottom: 10px; background:url(images/arrow-right-green.png) no-repeat 8px 10px; padding-left: 24px; padding-right: 5px;}
.right-sidebar > div ul li:last-child { margin-bottom: 0;}
.right-sidebar > div a { color: #333333; padding: 5px 0; display: block;}
.right-sidebar > div a:hover { color: #315D96;}
h3.widget-title { color: #315D96; font-size: 18px; text-transform: uppercase; }
.right-sidebar .widget_categories ul li { margin-bottom: 0;}

@media (max-width: 767px) {
    .wborder {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
    .content-left, .right-sidebar { width: auto; float: none; margin-bottom: 20px;}
    .ev-content .img { float: none; margin: 0 0 20px; width: auto; overflow: hidden;}
    .ev-content .cont { float: none; width: auto;}
}


.cal-clear {
    background: #8cc540;
    padding: 13px 15px !important;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border: none;
    overflow: visible;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-weight: 400 !important;
    font-size: 13px;
    margin-top: 15px; }
.cal-clear:hover {
    color: #fff !important;
    background: #444444; }

.wborder h2 {
    border-bottom: medium none;
    color: #315D96;
    margin-top: 0;
    margin-bottom: 10px;
    cursor: default;
    font-family: open_sansbold,sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    padding: 0;
    text-decoration: none;
}
.wborder h2 a{  color: #315D96;}


/*BLOG design*/
.header {
    border-bottom: 1px solid #D5EBE5;
}
.nav > li > a {
    height: auto;
}
.topnav .topnav-item a img {
    padding-right: 5px;
}