@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700,900');
@font-face {
    font-family: "AvenirNextLTPro-Regular";
    src:url(../fonts/AvenirNextLTPro-Regular.otf);
}
@font-face {
    font-family: "AvenirNextLTPro-Demi";
    src:url(../fonts/AvenirNextLTPro-Demi.otf);
}
@font-face {
    font-family: "Avenir-Regular";
    src:url(../fonts/AvenirNextLTPro-Regular.otf);
}
@font-face {
    font-family: "Avenir-Demi";
    src:url(../fonts/AvenirNextLTPro-Demi.otf);
}
@font-face {
    font-family: "Avenir-Medium";
    src:url(../fonts/AvenirNextLTPro-Medium.ttf);
}

@font-face {
    font-family: "Avenir-Bold";
    src:url(../fonts/avenir-next-bold.ttf);
}
/* new fonts*/
@font-face {
    font-family: 'Avenir-Medium-New';
    src: url('https://edecorate.ca/assets/css/ho/fonts/AvenirNextLTPro-Medium.ttf');
}
@font-face {
    font-family: 'Poppins';
    src: url("../fonts/Poppins/Poppins-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal; }

@font-face {
    font-family: 'Poppins';
    src: url("../fonts/Poppins/Poppins-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic; }

@font-face {
    font-family: 'Poppins';
    src: url("../fonts/Poppins/Poppins-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal; }

@font-face {
    font-family: 'Poppins';
    src: url("../fonts/Poppins/Poppins-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal; }

@font-face {
    font-family: 'Poppins';
    src: url("../fonts/Poppins/Poppins-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal; }

@font-face {
    font-family: 'Poppins';
    src: url("../fonts/Poppins/Poppins-Italic.ttf") format("truetype");
    font-weight: normal;
    font-style: italic; }

@font-face {
    font-family: 'Poppins';
    src: url("..fonts/Poppins/Poppins-ExtraBoldItalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic; }

@font-face {
    font-family: 'Poppins';
    src: url("../fonts/Poppins/Poppins-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic; }

@font-face {
    font-family: 'Poppins';
    src: url("../fonts/Poppins/Poppins-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal; }

@font-face {
    font-family: 'Poppins';
    src: url("../fonts/Poppins/Poppins-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal; }

@font-face {
    font-family: 'Poppins';
    src: url("../fonts/Poppins/Poppins-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic; }

@font-face {
    font-family: 'Poppins';
    src: url("../fonts/Poppins/Poppins-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'Poppins';
    src: url("../fonts/Poppins/Poppins-BlackItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic; }

@font-face {
    font-family: 'Poppins';
    src: url("./fonts/Poppins/Poppins-ExtraLightItalic.ttf") format("truetype");
    font-weight: 200;
    font-style: italic; }

@font-face {
    font-family: 'Poppins';
    src: url("./fonts/Poppins/Poppins-ThinItalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic; }

@font-face {
    font-family: 'Poppins';
    src: url("../fonts/Poppins/Poppins-BoldItalic.ttf") format("truetype");
    font-weight: bold;
    font-style: italic; }

@font-face {
    font-family: 'Poppins';
    src: url("../fonts/Poppins/Poppins-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal; }

@font-face {
    font-family: 'Poppins';
    src: url("../fonts/Poppins/Poppins-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal; }

html, body, div, span, applet, object, iframe,.like-button
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,s
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
/*___________________________________________________________________________*/

header {
    min-height:60px;
    background: #FFFFFF;
    border: 1px solid #F4F4F4;
    box-sizing: border-box;
}
div.logo-top {
    width:212px;
    height:48px;
    margin-top: 6px;
    float: left;
    //background-image:url(../images/ereno_logoshield_horizontal.svg);
    background-image:url(../images/eR-Logo-Nav-bar.svg);
    background-position:center;
    background-repeat: no-repeat;
}
div.logo-top {
    .at2x('../images/logo.png', 200px, 100px);
}
header > div.container > div.row > div:last-child > ul > li.dropdown-box_active:after {
    content: '';
    background-image: url(../images/gray-back.svg);
    width: 10px;
    height: 5px;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    margin-left: 5px;
}
header > div.container > div.row > div:last-child > ul > li:hover.dropdown-box_active:after {
    transform: rotate(-180deg);
}
header > div.container > div.row > div:last-child > ul > li {
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    list-style-type: none;
    font-size: 15px;
    font-family: "AvenirNextLTPro-Regular";
    letter-spacing: 1px;
    color: #FFF;
    padding: 0 20px;
}
header > div.container > div.row > div:last-child > ul > li > .dropdown-box{
    display: none;
}

header > div.container > div.row > div:last-child > ul > li.dropdown-box_active:hover > .dropdown-box{
    display: block;
    position: absolute;
    background: #fff;
    padding: 15px 0px;
    color: #2cccd3;
    z-index: 60;
    top: 100%;
    width: 200px;
    left: 0px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
}
li.dropdown-box__elem a,li.dropdown-box__elem span {
    padding: 10px 15px;
    display: block;
    color: #283C4B;
    text-decoration: none;
    text-align: left;
    transition: 0.3s all;
}

li.dropdown-box__elem a:hover,li.dropdown-box__elem span {
    background: #F6F6F6;
    color: #283C4B;
}

header > div.container > div.row > div:last-child > ul {
    float:right;
    margin-top:12px;
    margin-bottom:12px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}
header .fa-search {
    /*background-image: url("../images/search-erenovate.svg");*/
    color: #283C4B;
    transition: 0.3s all;
}
header .fa-search:hover {
    color: #b4bdc3;
}
header > div.container > div.row > div:last-child > ul > li > a.pro-area {
    background: #283C4B;
    border: 1px solid #283C4B;
    border-radius: 2px;
    color: #fff;
    height: 28px;
    padding-top: 3px;
    transition: 0.3s all;
    margin: 0;
}
header > div.container > div.row > div:last-child > ul > li > a.pro-area:hover {
    background-color:transparent;
    color: #283C4B;
    border: 1px solid #283C4B;
}
header > div.container > div.row > div:last-child > ul > li > a.focus-menu {
    border-radius: 20px;
    background-color:#2CCCD3;
    border: 1px solid #2CCCD3;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 16px;
    color: #fff;
    height: 36px;
    padding-top: 8px;
    transition: 0.3s all;
}
header > div.container > div.row > div:last-child > ul > li > a.focus-menu:hover {
    background-color:transparent;
    border: 1px solid #283C4B;
    color: #283C4B;
}
header > div.container > div.row > div:last-child > ul > li > a {
    /*    color: #283C4B;*/
    color:#7F7F7F;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
}
header > div.container > div.row > div:last-child > ul > li > a:hover {
    text-decoration: none;
}
header > div.container > div.row > div:last-child > ul > li > a:focus {
    text-decoration: none;
}
li.li-burger {
    padding: 17px 32px 17px 17px !important;
    border-radius: 10px;
    background-color: #283c4b;
    position: relative;
    width:116px;
}
li.li-burger:hover {
    background-color:#3c5a71;
}
li.li-burger:hover {
    cursor:pointer;
}
li.li-burger > span:first-child {
    font-size: 12px;
    top: 0;
    left: 15px;
}
li.li-burger > span:last-child {
    font-size: 14px;
    display: inline-block;
    position: absolute;
    top: 19px;
    right: 17px;
    display:none;
}
li.li-burger-1 {
    display:none !important;
}
/*___________NAVIGATION____________*/

div.navigation {
    height:60px;
    background-color:#283c4b;
    display:none;
}

.invisible {
    display:none !important;
}
div.navigation > div.container > div.row > ul {
    margin:0;
    padding:0;
}
div.navigation > div.container > div.row > ul > a > li {
    display:inline-block;
    text-transform: uppercase;
    list-style-type: none;
    font-size:15px;
    font-family: "AvenirNextLTPro-Regular";
    padding: 0 16.5px;
    height: 60px;
    padding-top: 19px;
}
div.navigation > div.container > div.row > ul > a > li {
    text-decoration: none;
    color:#FFF;
}
div.navigation > div.container > div.row > ul > a:hover > li {
    background-color:#3c5a71;
}

/*_________CONTENT__________*/

div.bg-top {
    background-image:url(../images/bg.png);
    height:600px;
    background-color:#2cccd3;
    padding-top: 80px;
    background-position:center bottom;
    background-repeat: no-repeat;
}
div.bg-top {
    .at2x('/images/bg.png', 200px, 100px);
}
div.bg-top > div.container > h1 {
    display:block;
    margin:30px auto 50px;
    font-size: 80px;
    width: 912px;
    color:#FFF;
    font-family: "AvenirNextLTPro-Demi";
}
div.bg-top > div.container > h2 {
    display:block;
    margin:0 auto 75px;
    font-size: 30px;
    line-height:45px;
    width: 692px;
    text-align:center;
    color:#FFF;
    font-family: "AvenirNextLTPro-Regular";
}
div.bg-top > div.container > div.under-button > a {
    margin: 0 auto 40px;
    width:281px;
    height:70px;
    display:block;
    padding-top:22px;
    text-align: center;
    border-radius: 10px;
    background-color: #283c4b;
    border:none;
    color:#FFF;
    font-family:"AvenirNextLTPro-Regular";
    font-size:20px;
    position: absolute;
    left: -10px;
    top: -10px;
    text-decoration: none;
}
div.bg-top > div.container > div.under-button > a:hover {
    background-color:#3c5a71;
}
div.bg-top > div.container > div.under-button {
    margin: 0 auto 40px;
    width: 281px;
    height: 70px;
    display: block;
    position: relative;
    padding: 20px 75px;
    border-radius: 10px;
    background-color: #FFF;
}
div.bg-top > div.container > img {
    margin: 0 auto;
}
div.bg-bottom {
    height:540px;
    background-color:#283c4b;
    padding-top:70px;
}
div.bg-bottom > div.container > div.row > div > img {
    margin:0 auto 40px;
    height: 100px;
}
div.bg-bottom > div.container > div.row > div > h1 {
    text-transform: uppercase;
    color:#FFF;
    font-family:"AvenirNextLTPro-Demi";
    font-size:30px;
    text-align: center;
    margin:20px auto 17px;
    width:285px;
    line-height: 45px;
    font-weight: 600;
    letter-spacing: 2px;
}
div.bg-bottom > div.container > div.row > div > p.description {
    color:#FFF;
    text-align: center;
    font-family:"AvenirNextLTPro-Regular";
    font-size:20px;
    line-height: 30px;
    width: 370px;
    letter-spacing: 1px;
    margin: 0 auto;
}
div.about {
    height:670px;
    background-color:#f2f2f2;
    padding-top:46px;
}
div.about > div.container > div.row > h1 {
    color:#283c4b;
    font-size:40px;
    font-family: "AvenirNextLTPro-Demi";
    text-align: center;
    line-height: 60px;
    margin-bottom:75px;
}
div.about div.img-bg {
    background-color:#2cccd3;
    position:relative;
    width:540px;
    height:300px;
    border-radius: 10px;
}
div.about img.img {
    position:absolute;
    top:-20px;
    left:-20px;
    z-index: 1;
    border-radius: 10px;
    overflow: hidden;
}
.video {
    position: absolute;
    top:-20px;
    left:-20px;
    z-index: 1;
    width:100%;
    height:100%;
    border-radius: 10px;
    overflow: hidden;
}
div.description .video {
    margin-top:20px;
}
div.about img.play_icon {
    position:absolute;
    top: 50%;
    margin-top: -51.5px;
    left: 50%;
    z-index: 2;
    width: 63px;
    margin-left: -51.5px;
    cursor:pointer;
}
div.about p.paragraph-about {
    font-size:20px;
    line-height: 30px;
    font-family: "AvenirNextLTPro-Regular";
    color:#283c4b;
    margin-bottom:32px;
}
div.about p.paragraph-about:first-child {
    margin-bottom: 0;
    margin-top: -25px;
}
div.about a {
    width:268px;
    height:50px;
    border-radius: 10px;
    border:none;
    display: block;
    padding-top:11px;
    text-align: center;
    background-color:#2cccd3;
    color:#FFF;
    font-size:20px;
    font-family: "AvenirNextLTPro-Regular";
    letter-spacing: 1px;
    text-decoration: none;
}
.btn1 {
    float:left;
}
div.about a:hover {
    background-color:#21d0cd;
    text-decoration: none;
}
div.about span:last-child {
    float:right;
}

div.simple {
    height:700px;
    background-color: #2cccd3;
    padding-top:47px;
}
div.simple > div.container-fluid > div.border-bottom {
    border-bottom:2px solid #1ca2a1;
    height:2px;
    margin-bottom:80px;
}
div.border-bottom {
    border-bottom:2px solid #1ca2a1;
    height:2px;
    margin-bottom:80px;
}
div.simple > div.container-fluid {
    padding-left:0;
    padding-right:0;
}
div.simple > div.container-fluid > h1 {
    text-align:center;
    font-family: "AvenirNextLTPro-Demi";
    font-size:40px;
    line-height: 60px;
    color:#353847;
    margin-bottom: 20px;
}
div.simple > div.container-fluid > div.border {
    text-align: center;
}
div.border {
    text-align: center;
}
div.simple > div.container-fluid > div.border > ul > li {
    display:inline-block;
    font-family: "AvenirNextLTPro-Demi";
    font-size:40px;
    line-height: 60px;
    padding: 0 30px 8px;
    color:#353847;
    height:74px;
}
div.border > ul > a > li {
    display:inline-block;
    font-family: "AvenirNextLTPro-Demi";
    font-size:40px;
    line-height: 60px;
    padding: 0 30px 8px;
    color:#353847;
    height:74px;
}
div.simple > div.container-fluid > div.border > ul {
    margin-bottom:-1px;
}
div.border > ul {
    margin-bottom:-1px;
}
div.simple > div.container-fluid > div.border > ul > li:first-child {
    border-bottom:6px solid #283c4b;
}
div.simple > div.container-fluid > div.border > ul > li:hover {
    border-bottom:6px solid #283c4b !important;
    cursor: pointer;
}
div.border > ul > a > li:hover {
    border-bottom:6px solid #283c4b !important;
    cursor: pointer;
}

div.simple > div.container > div.row > div:first-child {
    height:320px;
}
div.simple > div.container > div.row > div:first-child > img {
    float:right;
}
div.simple > div.container > div.row > div:last-child > p {
    font-family: "AvenirNextLTPro-Regular";
    font-size:20px;
    line-height: 30px;
    color:#353847;
    margin: 72px auto;
    width:380px;
}
div.post-my-project {
    height:500px;
    background-image:url(../images/pmp.png);
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
}
div.post-my-project {
    .at2x('/images/pmp.png', 200px, 100px);
}
div.post-my-project > div.container > h1 {
    font-family: "AvenirNextLTPro-Demi";
    font-weight: 600;
    font-size:60px;
    line-height: 90px;
    color:#FFF;
    text-align: center;
    padding-top:120px;
    letter-spacing: 2px;
    margin-top:0;
    margin-bottom:0;
}
div.post-my-project > div.container > h2 {
    font-family: "AvenirNextLTPro-Demi";
    font-weight: 600;
    font-size:30px;
    line-height: 45px;
    color:#FFF;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 10px;
}
div.post-my-project > div.container > a {
    display:block;
    margin:45px auto 0;
    width:280px;
    height:70px;
    text-align: center;
    padding-top:21px;
    border-radius: 10px;
    border:none;
    background-color:#2cccd3;
    color:#FFF;
    font-size:20px;
    font-family: "AvenirNextLTPro-Regular";
    letter-spacing: 1px;
    text-decoration: none;
}
div.post-my-project > div.container > a:hover {
    background-color:#21d0cd;
    text-decoration: none;
}

div.partners {
    height:auto;
    padding-bottom:40px;
    background-color:#f2f2f2;
    padding-top:65px;
}
div.partners > div.container > h1 {
    color:#353847;
    font-family: "AvenirNextLTPro-Demi";
    font-size:40px;
    line-height: 60px;
    font-weight: 600;
    text-align: center;
    margin-top:0;
    letter-spacing: 2px;
    margin-bottom:20px;
}
div.partners > div.container > h2 {
    color:#353847;
    font-family: "AvenirNextLTPro-Regular";
    font-size:20px;
    line-height: 30px;
    text-align: center;
    margin-top:0;
    letter-spacing: 1px;
    margin-bottom:80px;
}
div.partners > div.container > ul > a > li {
    display:inline-block;
    margin:0 15px;
}
div.partners > div.container > ul > a {
    text-decoration: none;
    display:inline-block;
}
div.partners > div.container > ul > a:nth-child(2) > li > img {
    margin-bottom: -12px;
}
div.partners > div.container > ul {
    margin-top:44px;
    text-align: center;
}
.banner {
    float: right;
}
div.app {
    height:625px;
    background-image: url(../images/app-bg.png);
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
}
div.app {
    .at2x('/images/app-bg.png', 200px, 100px);
}
div.app > div.container > div.row > div:first-child > img,
div.app > div.container > div.row > div:last-child > img {
    margin: 50px auto 0;
}
div.app > div.container > div.row > div:nth-child(2) > h1,
div.app > div.container > div.row > div:nth-child(3) > h1 {
    font-family: "AvenirNextLTPro-Demi";
    font-size:40px;
    line-height: 60px;
    color:#feffff;
    margin-top:85px;
    letter-spacing: 1px;
    margin-bottom: 25px;
}
div.app > div.container > div.row > div:nth-child(2) > h2,
div.app > div.container > div.row > div:nth-child(3) > h2 {
    font-family: "AvenirNextLTPro-Regular";
    font-size:20px;
    line-height: 30px;
    color:#FFF;
    letter-spacing: 1px;
    width: 520px;
    margin-bottom: 55px;
}
div.app > div.container > div.row > div:nth-child(2) > a > div.download,
div.app > div.container > div.row > div:nth-child(3) > a > div.download {
    width: 280px;
    height:80px;
    background-color:#2cccd3;
    border-radius: 10px;
    float:left;
}
div.app > div.container > div.row > div:nth-child(2) > a > div.download > i.apple,
div.app > div.container > div.row > div:nth-child(3) > a > div.download > i.apple {
    color:#FFF;
    font-size: 54px;
    margin-left: 23px;
    margin-top: 10px;
}
div.app > div.container > div.row > div:nth-child(2) > a > div.download > h2,
div.app > div.container > div.row > div:nth-child(3) > a > div.download > h2 {
    color:#FFF;
    font-size: 20px;
    float: right;
    font-family: "AvenirNextLTPro-Regular";
    letter-spacing: 1px;
    margin-right:23px;
    margin-top:9px;
}
div.app > div.container > div.row > div:nth-child(2) > a > div.download > h1,
div.app > div.container > div.row > div:nth-child(3) > a > div.download > h1 {
    color: #FFF;
    font-size: 36px;
    float: right;
    font-family: "AvenirNextLTPro-Demi";
    letter-spacing: 1px;
    margin-right: 20px;
    margin-top: -33px;
}
div.app > div.container > div.row > div:nth-child(2) > a:hover > div.download,
div.app > div.container > div.row > div:nth-child(3) > a:hover > div.download {
    background-color:#21d0cd;
}
div.app > div.container > div.row > div:nth-child(2) > img,
div.app > div.container > div.row > div:nth-child(3) > img {
    margin-left: 20px;
    float: left;
}

div.job {
    height:150px;
    background-color:#fcfcfc;
}
div.job > div.container > div.row > div:first-child > p {
    color:#283c4b;
    font-family: "AvenirNextLTPro-Regular";
    font-size:20px;
    line-height: 30px;
    padding-right: 80px;
    margin-top:42px;
}
div.job a {
    width:280px;
    height:50px;
    border-radius: 10px;
    border:none;
    display:block;
    text-align: center;
    padding-top:11px;
    background-color:#2cccd3;
    color:#FFF;
    font-size:20px;
    font-family: "AvenirNextLTPro-Regular";
    letter-spacing: 1px;
    margin-top: 45px;
    text-decoration: none;
}
div.job a:hover {
    background-color:#21d0cd;
    text-decoration: none;
}
div.question {
    height:240px;
    background-color:#2cccd3;
}
div.question > div.container > h1 {
    color:#283c4b;
    font-family: "AvenirNextLTPro-Demi";
    font-size:40px;
    line-height: 60px;
    letter-spacing: 1px;
    margin-top:65px;
    text-align: center;
}
div.question > div.container > h2 {
    color:#283c4b;
    font-family: "AvenirNextLTPro-Regular";
    font-size:20px;
    line-height: 30px;
    letter-spacing: 1px;
    text-align: center;
}
div.question > div.container > h2 > span {
    font-family: "AvenirNextLTPro-Demi";
    border-bottom: 1px solid #FFF;
}
div.question > div.container > h2 > span > a {
    color:#FFF;
    text-decoration: none;
    padding-bottom:2px;
}
div.question > div.container > h2 > span < a:hover {
    border:none;
}

footer {
/*    height:445px;*/
}
footer > div.footer-top {
/*    height:auto;
    background-color:transparent;
    padding-top:40px;*/
}
footer > div.footer-bottom {
/*    height:80px;
    margin-top: 45px;
    background: #F4F4F4;*/
}
footer div.logo-bottom {
    float:left;
    margin-bottom:12px;
    width:265px;
    height:65px;
    background-image:url(../images/ereno_logoshield_horizontal_footer.svg);
    background-position:center;
    background-repeat: no-repeat;
}
footer div.logo-bottom {
    .at2x('/images/footer-logo.png', 200px, 100px);
}
footer > div.footer-top > div.container > div.row > div:first-child > h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
    color:#FFF;
    clear:both;
    margin-bottom:37px;
}
footer input.mail-input {
    padding: 11px 48px 12px 21px;
    width:325px;
    height:43px;
    border: 1px solid #E3E3E3;
    border-radius: 2px;
    font-family: "AvenirNextLTPro-Regular";
    font-size:16px;
    color: #283C4B;
    float:left;
}
footer input.mail-input:focus {
    outline: none;
}
span.signup {
    text-transform: uppercase;
    height:43px;
    display:flex;
    align-items: center;
    justify-content: center;
    float:left;
    width:96px;
    margin-left: -48px;
    background: #2CCCD3;
    border-radius: 25px;
    text-align: center;
    color: #FFFFFF;
    padding-top:0px;
    font-family: "AvenirNextLTPro-Regular";
    font-size:16px;
    letter-spacing: 2px;
}
span.signup:hover {
    background-color:#21d0cd;
}
footer div.e-mail {
    height: 50px;
}
footer > div.footer-top > div.container > div.row > div:first-child > h3 {
    /*    font-family: "AvenirNextLTPro-Regular";
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 1px;
        color: #283C4B;
        margin-top: 33px;
        width: 405px;*/
}
footer div.footer-top > div.container > div.row > div:nth-child(2) > p,
footer div.footer-top > div.container > div.row > div:nth-child(3) > p,
footer div.footer-top > div.container > div.row > div:nth-child(4) > p {
    /*    font-family: 'Poppins', sans-serif;
        font-size: 20px;
        line-height: 30px;
        color:#283C4B;*/
}
footer div.footer-top > div.container > div.row > div:nth-child(2) > ul > a > li,
footer div.footer-top > div.container > div.row > div:nth-child(3) > ul > a > li,
footer div.footer-top > div.container > div.row > div:nth-child(4) > ul > a > li {
    /*    font-family: 'Poppins', sans-serif;
        font-size: 20px;
        line-height: 30px;
        color:#283C4B;
        list-style-type:disc;
        height:30px;*/
}
footer div.footer-top > div.container > div.row > div:nth-child(2) > ul > a:hover,
footer div.footer-top > div.container > div.row > div:nth-child(2) > ul > a:focus,
footer div.footer-top > div.container > div.row > div:nth-child(3) > ul > a:hover,
footer div.footer-top > div.container > div.row > div:nth-child(3) > ul > a:focus,
footer div.footer-top > div.container > div.row > div:nth-child(4) > ul > a:hover,
footer div.footer-top > div.container > div.row > div:nth-child(4) > ul > a:focus {
    text-decoration: none;
}
footer div.footer-top > div.container > div.row > div:nth-child(2) > ul > a:hover > li,
footer div.footer-top > div.container > div.row > div:nth-child(3) > ul > a:hover > li,
footer div.footer-top > div.container > div.row > div:nth-child(4) > ul > a:hover > li {
    /*    color:#28BCB7;
        list-style-type:none;
        margin-left: -20.5px;
        height:30px;*/
}
footer div.footer-top > div.container > div.row > div:nth-child(2) > ul > a:hover > li:before,
footer div.footer-top > div.container > div.row > div:nth-child(3) > ul > a:hover > li:before,
footer div.footer-top > div.container > div.row > div:nth-child(4) > ul > a:hover > li:before {
    color: #28BCB7; /* Цвет ма
    content: "•"; /* Сам маркер */
    padding-right:12.5px;
    font-size:17px;
    height:30px;
}
footer div.footer-bottom > div.container > div.row > div:first-child > ul > li {
    display:inline-block;
    font-family: "AvenirNextLTPro-Regular";
    font-size: 15px;
    margin: 0 15px;
}
footer div.footer-bottom > div.container > div.row > div:first-child > ul > li:first-child {
    margin-left: 0px;
}
footer div.footer-bottom > div.container > div.row > div:first-child > ul > li > a {
    color: #283C4B;
    font-size: 14px;
    text-decoration: none;
}
footer div.footer-bottom > div.container > div.row > div:first-child > ul > li > a:hover {
    color: #21d0cd;
}
footer div.footer-bottom > div.container > div.row > div:first-child > ul {
    margin-top:30px;
}
footer div.footer-bottom > div.container > div.row > div:last-child {
    padding-top:20px;
    text-align: right;
}
footer div.footer-bottom > div.container > div.row > div:last-child .fa-stack {
    width: 39px;
    height: 39px;
    border-radius: 50%;
    background: #808080;
    transition: 0.3s all;
}
footer div.footer-bottom > div.container > div.row > div:last-child .fa-stack:hover {
    background: #252525;
}
footer div.footer-bottom > div.container > div.row > div:last-child > a {
    text-decoration: none;
}
footer div.footer-bottom > div.container > div.row > div:last-child > a > span > i:first-child {
    color: transparent;
    font-size: 46px;
}
footer div.footer-bottom > div.container > div.row > div:last-child > a:hover > span > i:first-child {
    color: transparent;
}
footer div.footer-bottom > div.container > div.row > div:last-child > a > span > i:last-child {
    font-size: 25px;
    padding-top: 2px;
}
footer div.footer-bottom > div.container > div.row > div:last-child > a:last-child > span {
    margin-left: 5px;
}


/*___________LOGIN_____________*/

div.lost-password {
    background-color: #f2f2f2;
    height:700px;
    padding-top:46px;
}
div.lost-password > .container > h1 {
    text-align: center;
    font-family: "AvenirNextLTPro-Demi";
    font-size:40px;
    line-height: 60px;
    color:#283c4b;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
div.lost-password > .container > p {
    text-align: center;
    font-family: "AvenirNextLTPro-Regular";
    font-size:30px;
    line-height: 40px;
    color:#283c4b;
    margin: 0 100px;
}
form#form-login {
    width:380px;
    height:auto;
    overflow:hidden;
    padding:20px 0;
    margin:0 auto;
    font-family: "AvenirNextLTPro-Regular";
}
form#form-login div {
    width:100%;
    height:50px;
    font-size: 17px;
    line-height: 25px;
    border-radius: 10px;
    border:1px solid #d9d9d9;
    margin-bottom:20px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: #FFF;
}
form#form-login div.email {
    margin-top:50px;
}
form#form-login div.password {
    margin-bottom:15px;
}
form#form-login label.label-email {
    font-size: 26px;
    cursor: pointer;
    width:60px;
    float:left;
    text-align: center;
    height: 50px;
    padding-top: 10px;
}
form#form-login label.label-password {
    font-size: 32px;
    width: 60px;
    cursor: pointer;
    float:left;
    text-align: center;
    height: 50px;
    padding-top: 7px;
}
form#form-login div.email label.label-email:hover i,
form#form-login div.password label.label-password:hover i ,
form#form-login label.label-email:focus i,
form#form-login label.label-password:focus i {
    color:#21d0cd;
}
form#form-login div input {
    width:318px;
    border:none;
    background-color: #FFF;
    float:right;
    padding-top: 11px;
    padding-bottom:11px;
}
form#form-login i {
    color:#2cccd3;
}
form#form-login input:focus {
    outline: none;
}

form#form-login #remember-me + label {
    margin-left: -32px;
    font-size:17px;
    line-height: 25px;
    color:#808080;
    font-weight: 400 !important;
}
form#form-login input[type=checkbox]:not(old) {
    width     : 2em;
    margin    : 0;
    padding   : 0;
    font-size : 1em;
    opacity   : 0;
}
form#form-login input[type=checkbox]:not(old) + label > span {
    display          : inline-block;
    width            : 20.5px;
    height           : 20px;
    margin           : 0.25em 0.5em 0.25em 0.25em;
    border           : 0.0625em solid rgb(192,192,192);
    border-radius    : 5px;
    background       : #FFF;
    vertical-align   : bottom;
}
form#form-login input[type=checkbox]:not(old):checked + label > span:before {
    content     : '•';
    display     : block;
    width       : 16px;
    height      : 16px;
    margin-left : 1.5px;
    margin-top  : -6px;
    color       : #2cccd3;
    font-size   : 31px;
    line-height : 1em;
    text-align  : center;
    font-weight : bold;
}
form#form-login a.forgot-password {
    display:block;
    float:right;
    font-size:17px;
    line-height: 25px;
    color:#2cccd3;
    text-decoration: none;
}
form#form-login a.forgot-password:hover {
    text-decoration: underline;
}
form#form-login input.sign-in {
    width: 100%;
    height: 50px;
    border-radius: 10px;
    border: none;
    background-color: #2cccd3;
    color: #FFF;
    font-size: 17px;
    margin-top:13px;
}
form#form-login input.sign-in:hover {
    background-color: #21d0cd;
}
form#form-login input.sign-in + a {
    color: #2cccd3;
    font-size: 17px;
    line-height: 25px;
    display: block;
    text-align: center;
    margin-top: 73px;
}

/*__________/LOGIN\____________*/

/*___________RESET-PASSWORD_____________*/

div.reset-password-1 {
    background-color: #f2f2f2;
    height:auto;
}
div.reset-password-1 form#form-login div {
    margin-bottom:10px;
}
div.reset-password-1 .sign-in {
    margin-bottom:80px;
}
div.reset-password-1 .sign-in:hover {
    background-color: #21d0cd;
}

/*__________/RESET-PASSWORD\____________*/


/*___________RESET-PASSWORD-2_____________*/

div.reset-password-2 {
    height:auto;
}
div.reset-password-2 a {
    margin: 70px auto 80px;
    width:220px;
    height:70px;
    display:block;
    padding-top:22px;
    text-align: center;
    border-radius: 10px;
    background-color: #2cccd3;
    color:#FFF;
    font-family:"AvenirNextLTPro-Regular";
    font-size:20px;
    text-decoration: none;
}
div.reset-password-2 a:hover {
    background-color: #21d0cd;
}
/*__________/RESET-PASSWORD-2\____________*/

/*___________MY-PROJECT_____________*/
.my-project {
    height:auto;
    font-family: "AvenirNextLTPro-Regular";
}
.my-project > .container:first-child {
    height:200px;
}
.my-project span.signup {
    border-radius:10px;
    width:180px;
    height:50px;
    margin-top: -64px;
    float:right;
    margin-right:15px;
    font-size: 20px;
    padding-top: 12px;
}
.circle-picture {
    width: 84px;
    height: 84px;
    border-radius: 100px;
    overflow: hidden;
    margin-top:40px;
    margin-right:20px;
    margin-left: 15px;
}
.circle-picture img {
    width: 84px;
    height: 84px;
}
.user-info {
    width:89.5%;
}
.user-info .signup + span img {
    width: 50px;
    margin-top: 10px;
}
.my-project h4 {
    font-size:30px;
    color:#283c4b;
    letter-spacing: 2px;
    margin-top: 50px;
}
.my-project h5 {
    font-size:15px;
    color:#808080;
    letter-spacing: 1px;
    line-height: 20px;
}
.my-project .row > div {
    float:left;
}
.my-project ul {
    margin-top: 13px;
}
.my-project ul li {
    font-size:20px !important;
    color:#283c4b;
    font-family: "AvenirNextLTPro-Demi" !important;
    height: 63px !important;
}
.my-project div.border > ul > a > li:hover {
    color:#2cccd3 !important;
    border-bottom-color:#2cccd3 !important;
}
.my-project .active,
.my-project .active1 {
    color:#2cccd3; 
    border-bottom:6px solid #2cccd3;
}
.under-my-project {
    height:580px;
    background-color:#d9d9d9;
}
.my-project .replace {
    height:200px;
    width:840px;
    margin-top:40px;
    background-color: #f2f2f2;
    border-radius: 10px;
    border:2px solid #f2f2f2;
    overflow: hidden;
}
.my-project .lumbing {
    border-radius: 10px;
    margin:20px;
}
.my-project .replace > div:first-child {
    float:left;
}
.my-project .replace > div:nth-child(2) {
    float: left;
    //height: 200px;
    padding: 20px 0;

}
.project_info{
    width: 400px;
}
.my-project .replace > div:nth-child(2) h1 {
    font-family: "AvenirNextLTPro-Demi";
    color:#2cccd3;
    font-size:30px;
    margin: 0 0 14px;
    letter-spacing: 1px;
}
.my-project .replace > div:nth-child(2) h6 {
    font-family: "AvenirNextLTPro-Regular";
    color:#283c4b;
    font-size:20px;
    line-height: 30px;
    margin: 0;
    letter-spacing: 1px;
}
.my-project .replace .links-1 {
    margin:20px;
    float: right;
}
.my-project .replace .links-1 a {
    display:block;
    margin:0 auto 20px;
    width:180px;
    height:50px;
    text-align: center;
    padding-top:10px;
    border-radius: 10px;
    border:none;
    background-color:#2cccd3;
    color:#FFF;
    font-size:20px;
    font-family: "AvenirNextLTPro-Regular";
    letter-spacing: 1px;
    text-decoration: none;
}

.my-project .replace .links-1 a:hover {
    background-color:#21d0cd;
    text-decoration: none;
}
.my-project .create-a-new-project {
    height:280px; 
    width:840px; 
    margin-top:20px;
    background-color: #f2f2f2;
    border-radius: 10px;
    overflow: hidden;
    float:left;
    border:2px solid #f2f2f2;
}
.my-project .create-a:hover .create-a-new-project {
    border:2px solid #2cccd3;
}
.my-project .create-a-new-project .plus {
    margin: 40px auto -19px;
}
.my-project .create-a-new-project h1 {
    color:#2cccd3;
    text-align: center;
    font-size: 30px;
    font-family: "AvenirNextLTPro-Demi";
    line-height: 60px;
    margin-bottom: -26px;
}
.my-project .create-a-new-project h2 {
    color:#283c4b;
    text-align: center;
    font-size: 20px;
    font-family: "AvenirNextLTPro-Regular";
    line-height: 30px;
    padding: 0 100px;
}
.wrap-link {
    float:left;
}
.wrap-link:hover .replace {
    border:2px solid #2cccd3;
}

.under-my-project-1 {
    height: auto;
    padding-bottom: 20px;
}
.under-my-project-1 .replace {
    border-radius: 0;
}
.under-my-project-1 .links {
    height:90px;
    width: 840px;
    border-top:1px solid #d9d9d9;
    border-bottom:1px solid #d9d9d9;
    text-align: center;
    background-color:#f2f2f2;
}
.under-my-project-1 .links a {
    display:inline-block;
    margin:19px 5px 20px;
    width:195px;
    height:50px;
    text-align: center;
    padding-top:10px;
    border-radius: 10px;
    border:none;
    background-color:#2cccd3;
    color:#FFF;
    font-size:20px;
    font-family: "AvenirNextLTPro-Regular";
    text-decoration: none;
}
.under-my-project-1 .banner {
    margin-bottom:-100px;
}
.links a:hover {
    background-color:#21d0cd;
    text-decoration: none;
}
.under-my-project-1 .tabs {
    width:840px;
    background-color: #FFF;
    border-bottom:1px solid #d9d9d9;
}
.under-my-project-1 .border li {
    padding: 0px 63px;
    height: 86px !important;
    display: inline-block;
}
.under-my-project-1 .border li h1 {
    font-size:30px !important;
    margin-top:4px;
    margin-bottom: -8px;
}
.blue {
    color:#2cccd3 !important;
}
.tabs {
    height:100px;
}
.tabs li {
    cursor: pointer;
}
.information {
    margin-top:0 !important;
    height:340px !important;
    padding-right: 40px;
    height: auto !important;
    overflow:none !important;
}
.div-border {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    background-color: #f2f2f2;
    width:100%;
    margin:20px;
    overflow: hidden;
    height: 328px;
}
.hidee {
    height:0 !important;
}
.information .overflow {
    height:325px;
    overflow: hidden;
}
.div-border > div:first-child {
    overflow: hidden;
    margin: 20px;
    border-radius:10px;
}
.information a:not(.delete-estimate) {
    letter-spacing: 0;
    width:195px !important;
}
.information h1 {
    font-size: 20px !important;
    margin-bottom: 10px !important;
}
.information h6 {
    margin-bottom: 7px !important;
}
.information > div > div:nth-child(2) {
    width: 368px !important;
}
.information > div > div:nth-child(2) a:hover,
.information > div > div:nth-child(2) a:focus {
    text-decoration: none;
}
div.description {
    border-top: 1px solid #d9d9d9;
    height: auto !important;
    background-color: #f7f7f7;
    width: 100% !important;
    margin-top: 200px;
    padding: 20px !important;
    width: 794px !important;
    margin: 200px auto 0;
}
div.description h1 {
    font-family:"AvenirNextLTPro-Demi";
    margin-bottom:0 !important;
    margin-top:-20px !important;
    font-size:20px;
    line-height: 60px;
    color:#283c4b;
    float:left;
}
div.description p {
    font-family:"AvenirNextLTPro-Regular";
    font-size:20px;
    line-height: 30px;
    color:#283c4b;
    margin-top: -10px;
    letter-spacing: 1px;
    margin-bottom: 13px;
    clear:both;
}
div.description div.img-bg {
    position:relative;
    width:540px;
    margin:0 auto;
    height:300px;
    border-radius: 10px;
}
div.description img.img {
    position:absolute;
    z-index: 1;
}
div.description img.play_icon {
    position:absolute;
    top: 50%;
    margin-top: -32px;
    left: 50%;
    z-index: 2;
    width: 63px;
    margin-left: -32px;
    cursor:pointer;
}
div.description .closed {
    float:right;
    font-family: "AvenirNextLTPro-Demi";
    font-size: 20px;
    color:#2cccd3 !important;
    text-decoration: none;
    width:auto !important;
    margin-top:-4px;
}
div.description .closed:hover {
    color:#21d0cd !important;
}
.delete-estimate {
    float:right; 
    display:block; 
    margin-right:50px;
    color:#283c4b;
}
.delete-estimate:focus,
.delete-estimate:hover {
    color:#283c4b;
}

.right-picture {    
    min-width: 100%;
}

.transform {
    -moz-transform: rotate(180deg); /* Для Firefox */
    -ms-transform: rotate(180deg); /* Для IE */
    -webkit-transform: rotate(180deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(180deg); /* Для Opera */
    transform: rotate(180deg);
}

.replace > div > div:first-child {
    float:left;
}
.replace > div > div:nth-child(2) {
    width: 280px;
    float: left;
    height: 200px;
    padding: 20px 0;
}
.replace > div > div:nth-child(2) h1 {
    font-family: "AvenirNextLTPro-Demi";
    color:#2cccd3;
    font-size:30px;
    margin: 0 0 14px;
    letter-spacing: 1px;
}
.replace > div > div:nth-child(2) h6 {
    font-family: "AvenirNextLTPro-Regular";
    color:#283c4b;
    font-size:20px;
    line-height: 30px;
    margin: 0;
    letter-spacing: 1px;
}
.replace > div > div:nth-child(3) {
    margin-top: 20px;
    margin-right: 20px;
    float: right;
} 
.replace > div > div:nth-child(3) a:not(.delete-estimate) {
    display:block;
    margin:0 auto 20px;
    width:180px; 
    height:50px;
    text-align: center;
    padding-top:10px;
    border-radius: 10px;
    border:none;
    background-color:#2cccd3;
    color:#FFF;
    font-size:20px;
    font-family: "AvenirNextLTPro-Regular";
    letter-spacing: 1px;
    text-decoration: none;
}
.replace > div > div:nth-child(3) a:not(.delete-estimate):hover {
    background-color:#21d0cd;
    text-decoration: none;
}

.meeting {
    height:auto;
    width:840px;
    background-color: #f2f2f2;
    border:2px solid #f2f2f2;
    overflow: hidden;
    padding:20px;
}
.meeting-top {
    height: 45px;
    margin-top: -10px;
    border-bottom: 1px solid #d9d9d9;
}
.non_authenticated_pages_body .green {
    font-size: 45px;
    color: #1dbb19;
    display: inline-block;
    float: left;
    margin-top: -18px;
    clear: both;
}
.red {
    font-size: 45px;
    color: #bb191d;
    display: inline-block;
    margin-top: -18px;
    float: left;
}
.red-confirm a, .green-confirm a {
    color: #283c4b;
    font-size: 15px;
    line-height: 30px;
    display: block;
    float: left;
    margin-right: 20px;
}
.red-confirm a:hover, .green-confirm a:hover {
    color: #3c5a71;
    text-decoration: underline;
}
.red-confirm a:focus, .green-confirm a:focus {
    color: #283c4b;
    text-decoration: none;
}
.link {
    color:#2cccd3;
    font-size: 20px;
    line-height: 30px;
    font-family: "AvenirNextLTPro-Demi";
    float:right;
}
.link:hover {
    color:#21d0cd;
    text-decoration: none;
}
.link:focus {
    color:#2cccd3;
    text-decoration: none;
}
.meeting-bottom {
    height:auto;
}
.meeting-content h1 {
    color:#283c4b;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
    margin-bottom: 12px;
}
.event {
    height:85px;
    width:100%;
    border:1px solid #d9d9d9;
    border-radius: 10px;
    background-color: #f7f7f7;
    padding:13px 15px;
    margin-bottom:20px;
}
.time {
    color: #283c4b;
    font-size: 20px;
    line-height: 30px;
    display: block;
    float: left;
    margin-left: 10px;
}
.event-name {
    width:280px;
    margin: 0 auto 0 265px;
}
#project_meetings .event-name{
    margin: 0 auto 0 265px !important;
}
.event-name h1 span {
    color:#2cccd3;
    font-size:20px;
    line-height: 30px;
    font-family: "AvenirNextLTPro-Demi";
}
.event-name h1 {
    color:#283c4b;
    font-size:20px;
    line-height: 30px;
    font-family: "AvenirNextLTPro-Regular";
}
.event-name h2 span {
    color:#283c4b;
    font-size:15px;
    line-height: 30px;
    font-family: "AvenirNextLTPro-Demi";
}
.event-name h2 {
    color:#283c4b;
    font-size:15px;
    line-height: 30px;
    font-family: "AvenirNextLTPro-Regular";
}
.event-name h1,
.event-name h2 {
    margin:0;
}
.wrap-event:hover .event {
    border:1px solid #2cccd3;
}
.wrap-event:hover,
.wrap-event:focus {
    text-decoration: none;
}

.messages {
    height:275px;
    width:840px;
    background-color: #f2f2f2;
    border:2px solid #f2f2f2;
    overflow: hidden;
    padding:20px;
}
.messages h1 {
    color:#283c4b;
    font-family: "AvenirNextLTPro-Demi";
    font-size:30px;
    line-height: 30px;
    margin:55px 0 0;
    text-align: center;
    letter-spacing: 1px;
}
.non_authenticated_pages_body .button,.authenticated_pages_body .button {
    display: block;
    margin: 36px auto;
    width: auto;
    height: 50px;
    text-align: center;
    padding:0 15px;
    border-radius: 10px;
    border: none;
    background-color: #2cccd3;
    color: #FFF;
    font-size: 20px;
    font-family: "AvenirNextLTPro-Regular";
    text-decoration: none;
}
.non_authenticated_pages_body .button:hover,.authenticated_pages_body .button:hover {
    background-color:#21d0cd;
    text-decoration: none;
    color:#FFF;
}
.non_authenticated_pages_body .button:focus,.authenticated_pages_body .button:focus {
    background-color: #2cccd3;
    text-decoration: none;
    color:#FFF;
}
.border li.CLICK.active span {
    padding-left:5px;
    padding-right:5px;
}

/*__________/MY-PROJECT\____________*/


/*__________MESSAGE____________*/

.message-block {
    height:640px;
    background-color: #d9d9d9;
    padding:0 20px;
}
.dialogs {
    background-color:#f2f2f2;
    width:820px;
    float:left;
    height:480px; 
    margin-top:40px;
    overflow: hidden;
    margin-bottom:40px;
}
.message-block .banner {
    margin-left:10px;
}
.inbox {
    background-color:#f7f7f7;
    height:80px;
    width:100%;
    padding-left:40px;
    padding-right:20px;
}
.sms {
    overflow: auto;
    border-top:1px solid #d9d9d9;
    border-bottom:1px solid #f2f2f2;
    border-right:1px solid #f2f2f2;
    border-left:1px solid #f2f2f2;
}
.inbox .link {
    margin-top:25px;
    float:left;
}
.inbox .button {
    width:145px;
    height:40px;
    font-size:15px;
    margin:20px 0 0;
    float:right;
}
.circle-dialog {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    overflow: hidden;
    margin:20px;
    float:left;
}
.circle-diaglog img {
    width:60px;
    height:60px;
}
.user-name {
    width: 550px;
    float: left;
    height: 100px;
    overflow: hidden;
}
.user-name h1 {
    color:#283c4b;
    font-size: 20px;
    line-height: 20px;
    font-family: "AvenirNextLTPro-Demi";
    margin-top: 25px;
    margin-bottom: -10px;
    float:left;
}
.user-name h2 {
    color:#283c4b;
    font-size: 15px;
    line-height: 20px;
    font-family: "AvenirNextLTPro-Regular";
    margin-top: 0;
    clear: both;
}
.user-name span {
    font-size: 30px;
    color: #2cccd3;
    display: inline-block;
    margin-top: 16px;
    margin-left: 5px;
    margin-bottom: -8px;
    width:15px;
    height:42px;
}
.late {
    width:100px;
    height: 100px;
    float:right;
}
.time-ago {
    color:#808080;
    font-size:15px;
    line-height: 20px;
    padding-top:35px;
    display:block; 
}
.order {
    width:200px;
    height:40px;
    border-radius: 10px;
    background-color: #f7f7f7;
    margin:0 auto;
    clear:both;
    padding:5px;
}
.order a {
    display:block;
    width:30px;
    height:30px;
    font-size:15px; 
    text-align: center;
    float: left;
    padding-right: 7px;
    margin: 0px 4px;
    font-family: "AvenirNextLTPro-Regular";
    color:#808080;
}
.order a:not(:last-child) {
    border-right:1px solid #e6e6e6;
}
.order a:first-child {
    margin-left: 7px;
}
.order a:last-child {
    margin-right:0;
}
.order a:hover {
    font-family: "AvenirNextLTPro-Demi";
    color:#2cccd3;
}
.activity {
    font-family: "AvenirNextLTPro-Demi" !important;
    color:#2cccd3 !important;
}
.wrap-sms:hover .sms {
    background-color: #FFF;
}

.chat {
    height:640px;
    background-color:#d9d9d9;
}
.window-chat {
    height:auto;
    float:left;
    width: 810px;
    margin-top:40px;
}
.top-chat {
    height:100px;
    background-color:#f7f7f7;
    padding:20px;
}
.top-chat .fa-stack-2x {
    font-size: 44px;
    color:#2cccd3;
}
.top-chat span:hover .fa-stack-2x {
    color:#21d0cd;
}
.top-chat span {
    width: 40px;
    margin-top:8px;
    margin-right:20px;
    height: 40px;
    float:left;
}
.top-chat div.circle-dialog {
    margin:0;
}
.top-chat i.fa-angle-left {
    font-size: 33px;
    top: 3px;
    left: -1px;
}
.top-chat > .user + a {
    width:145px;
    height:40px;
    float:right;
    font-size: 15px;
    margin:9px 0 0;
}
.user {
    float:left;
    margin-left:20px;
    margin-top: -20px;
}
.user h1 {
    color:#283c4b;
    font-size: 20px;
    line-height: 20px;
    font-family: "AvenirNextLTPro-Demi";
    margin-top: 25px;
    margin-bottom: -10px;
    float:left;
}
.user a {
    color:#2cccd3;
    font-size: 15px;
    line-height: 20px;
    font-family: "AvenirNextLTPro-Demi";
    margin-top: 0;
    clear: both;
    float:left;
}
.user span {
    font-size: 30px;
    color: #2cccd3;
    display: inline-block;
    margin-top: 16px;
    margin-left: 5px;
    margin-bottom: -8px;
    width:15px;
    height:42px;
}

.scrollbar {
    height:370px;
    background-color:#f2f2f2;
    overflow-y:scroll;
    border-right:10px solid #f2f2f2;
}
.scrollbar .sms {
    border:none;
}
.scrollbar .sms .user-name h1 {
    margin-bottom: 10px;
    color:#2cccd3;
}
.scrollbar .sms .user-name h2 {
    font-size:20px;
    color:#283c4b;
}
.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #d9d9d9;
}
.scrollbar::-webkit-scrollbar {
    width:7px;
}
.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.bottom-chat {
    height:90px;
    background-color:#f7f7f7;
    padding:20px;
}
#send div {
    margin-top:8px;
    width:50px;
    height:50px;
    float:right;
}
#send input {
    width: 700px;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    height: 50px;
    padding-left: 20px;
    font-size: 20px;
    font-family: "AvenirNextLTPro-Demi";
}
#send input:focus {
    outline:none;
}


/*__________/MESSAGE\____________*/



/*___________SEARCHPRO_____________*/

.searchpro {
    height:250px;
    background-color:#d9d9d9;
    padding-top:40px;
}
.search {
    background-color:#2cccd3;
    height:130px;
    padding:40px;
    border-radius: 10px;
}
#search label {
    font-weight: 400;
    width: auto;
    font-size: 16px;
    margin-top: 8px;
    padding-left: 5px;
    color:#A94442;
}

.postcode {
    width: 300px;
    border-radius: 10px;
    height: 50px;
    padding-left: 20px;    
    border:none;
    font-size: 20px;
    font-family: "AvenirNextLTPro-Regular";
    float:left;
    margin-right:20px;
}
.postcode:focus,
#select:focus {
    outline:none;
}
#select {
    width: 533px;
    border-radius: 10px;
    border:none;
    height: 50px;
    padding-left: 20px;
    font-size: 20px;
    font-family: "AvenirNextLTPro-Regular";
    background-color:transparent;
}
.select  {
    overflow: hidden; 
    height: 50px;
    border-radius: 10px;
    background: url(../images/caret.png) no-repeat #FFF;
    -webkit-appearance: none;
    background-position: 490px;
    float:left;
    width: 520px;
}
.select + a {
    float:right;
    width: 200px;
    height: 50px;
    display: block;
    padding-top:11px;
    text-align: center;
    border-radius: 10px;
    background-color: #283c4b;
    border: none;
    color: #FFF;
    font-family: "AvenirNextLTPro-Regular";
    font-size: 20px;
    text-decoration: none;
}
.select + a:hover {
    background-color: #3c5a71;
    text-decoration: none;
    color: #FFF;
}
.select + a:focus {
    text-decoration: none;
    color: #FFF;
}


/*__________/SEARCHPRO\____________*/


/*___________RATING_____________*/
.rate {
    padding:40px 0 80px;
    height:auto;
    background-color: #d9d9d9;
}
.rating {
    background-color: #f2f2f2;
    height:auto;
    overflow:hidden;
}
.rating-top {
    height:225px;
    padding:5px 40px 40px;
    border-bottom:1px solid #d9d9d9;
    overflow:hidden;
}
.rating-top h1 {
    color:#283c4b;
    font-size: 20px;
    line-height: 60px;
    margin-top:0;
}
.rating-top span {
    font-size:20px;
    line-height: 25px;
    color:#283c4b;
    float:left;
    width:140px;
    margin-right:20px;
}
#project:focus,
#business:focus {
    outline:none;
}
#project,
#business {
    width: 903px;
    border-radius: 10px;
    border:none;
    height: 50px;
    padding-left: 20px;
    font-size: 20px;
    font-family: "AvenirNextLTPro-Regular";
    background-color:transparent;
}
.project,
.business  {
    overflow: hidden; 
    height: 50px;
    border-radius: 10px;
    background: url(../images/caret-right.png) no-repeat #FFF;
    -webkit-appearance: none;
    background-position: 860px;
    width: 890px;
    border:1px solid #d9d9d9;
    margin-top: -10px;
    margin-bottom: 10px;
}
.stars {
    height:435px;
    padding:40px;
}
.stars h1,
.review h1 {
    font-size:20px;
    line-height: 25px;
    color:#283c4b;
    margin-top:0;
}
.stars span {
    font-size:20px;
    line-height: 25px;
    color:#283c4b;
    float:left;
    width:150px;
    margin-right:20px;
    margin-top:20px;
    clear:both;
}
.stars-1 {
    float: left;
    font-size: 36px;
    margin-top: 5px;
    color:#d9d9d9;
}
.star-active {
    color:#2cccd3;
}
.stars-1 i:hover {
    cursor: pointer;
}
.review {
    padding:40px 40px 0;
    border-top:1px solid #d9d9d9;
}
.textarea {
    resize:none;
    width:1050px;
    height:200px;
    border:1px solid #d9d9d9;
    border-radius: 10px;
    padding:10px;
    font-family: "AvenirNextLTPro-Regular";
    font-size:20px;
    line-height: 25px;
    color:#283c4b;
    padding-left:20px;
}
.review input.button {
    padding-top:0;
    margin: 35px auto 40px;
}
.review input.button:focus {
    outline: none;
}
.textarea:focus {
    outline: none;
}
/*__________/RATING\_____________*/

/*____________USER_PROFILE_____________*/

.user-profile {
    height:auto;
    background-color: #d9d9d9;
}
.usr {	
    height:auto;
    width:840px;
    margin-top:40px;
    background-color: #f2f2f2;
    overflow: hidden;
    margin-bottom:80px;
}
.usr-top {
    height:120px;
    padding:20px;
}
.usr-top .circle-picture {
    float:left;
    margin:0 20px 0 0;
}
.usr-top .user-info {
    float:left;
    width:696px;
}
.usr-top .user-info h4 {
    margin-top: 15px;
}
.usr-top .user-info h5 + a span {
    margin-right:0;
    padding-top: 11px;
    width:145px;
    height:40px;
    font-size:15px;
    letter-spacing: 1px;
}
.usr-social {
    height:125px;
    border-top:1px solid #d9d9d9;
    padding:20px;
}
.usr-tabs {
    height:50px;
    background-color:#FFF;
}
.usr-add-text {
    height:185px;
    border:1px solid #d9d9d9;
}
.sociaty,
.recent-projects {
    width:400px;
    height:100px;
}
.sociaty {
    float:left;
}
.recent-projects {
    float:right;
    border-left:1px solid #d9d9d9;
    padding-left:20px;
}
.recent-projects h3 {
    color:#283c4b;
    font-size: 20px;
    line-height: 25px;
    margin-top:0;
}
.sociaty h3 {
    color:#283c4b;
    font-size: 20px;
    line-height: 25px;
    margin-top:0;
}
.sociaty a:hover,
.sociaty a:focus {
    text-decoration: none;
}
.sociaty a span {
    font-size: 30px;
    margin:0 3px;
}
.sociaty .fcb span {
    margin-left:0;
}
.fcb span i:first-child {
    color:#3b5998;
}
.twt span i:first-child {
    color:#1ea1f2;
}
.gogl span i:first-child {
    color:#de4e42;
}
.ml span i:first-child {
    color:#2cccd3;
}
.fcb span:hover i:first-child,
.twt span:hover i:first-child,
.gogl span:hover i:first-child,
.ml span:hover i:first-child {
    opacity:0.8;
}
.ml span i:last-child {
    top: -1px;
}
.usr-tabs ul.use li {
    display:inline;
    font-family: "AvenirNextLTPro-Regular" !important;
    font-size:20px !important;
    line-height: 25px;
    color:#283c4b;
    padding:0 53px;
}
.active2 {
    border-bottom: 6px solid #2cccd3;
    color:#2cccd3 !important;
    padding-bottom: 6px !important;
}
.usr-tabs ul.use li:hover {
    border-bottom: 6px solid #2cccd3;
    color:#2cccd3;
    padding-bottom: 6px;
}
.usr-tabs ul.use a:hover,
.usr-tabs ul.use a:focus {
    text-decoration: none;
}
ul.use {
    padding-top: 14px;
}
.usr-add-text {
    height:185px;
    border:1px solid #d9d9d9;
}

.usr-add-text a {
    font-size:15px;
    width:145px;
    height:40px;
    margin: 122px auto 0;
}
.usr > a:hover,
.usr > a:focus {
    text-decoration: none;
}

.usr .event-name {
    height:auto;
    padding:20px;
    width:auto !important;
    margin:0;
    padding-bottom:0;
}
.usr .event-name:last-child {
    padding-bottom:20px;
}
.usr .event-name > div {
    width:800px;
    height:160px;
    border:1px solid #d9d9d9;
    border-radius: 10px;
    padding:20px;
}
.usr .event-name > div > div:first-child img {
    width:120px;
    height: 120px;
}
.usr .event-name > div > div:first-child {
    float:left;
    margin-right:20px;
    border-radius: 10px;
    overflow: hidden;
}
.usr .event-name > div > div:nth-child(2) h1 {
    font-family: "AvenirNextLTPro-Demi";
    color: #2cccd3;
    font-size: 20px;
    letter-spacing: 1px;
    float: left;
    margin-bottom:10px;
}
.usr .event-name > div > div:nth-child(2) h6 {
    font-family: "AvenirNextLTPro-Regular";
    color: #283c4b;
    font-size: 20px;
}
.usr .event-name > div > div:nth-child(2) {
    float: left;
}
.usr .event-name > div > div:nth-child(3) {
    float: right;
}
.usr .event-name > div > div:nth-child(3) a:last-child {
    color:#283c4b;
    font-size: 20px;
    float: right;
    margin-right: 30px;
}
.usr .event-name > div > div:nth-child(3) a:first-child {
    width:195px;
    height:50px;
    margin-top:0;
    margin-bottom:30px;
}

.gallery {
    height:auto;
    background-color: #f2f2f2;
    padding:20px;
}
.pictures {
    width:800px;
    height:280px;
    border-bottom:1px solid #d9d9d9;
    margin-bottom:20px;
}
.gallery .image {
    width:260px;
    height:260px;
    border-radius: 10px;
    overflow: hidden;
    float:left;
    margin-right:20px;
} 
.gallery .image img {
    width:260px;
    height:260px;
}
.descr {
    float:right;
    width: 520px;
}
.descr h1 {
    font-size:20px;
    font-family: "AvenirNextLTPro-Demi";
    color:#2cccd3;
    margin-top:0;
    margin-bottom: 15px;
}
.descr a:hover,
.descr a:focus {
    text-decoration: none;
}
.descr h2.bold {
    font-family: "AvenirNextLTPro-Demi";
    font-size:20px;
    color:#283c4b;
    letter-spacing: 0;
    margin-bottom: 15px;
    margin-top: 15px;
}
.descr h2:not(.bold) {
    font-family: "AvenirNextLTPro-Regular";
    font-size:20px;
    color:#283c4b;
    line-height: 30px;
    letter-spacing: 0;
    margin: 0;
    margin-bottom: 5px;
    margin-top: -5px;
    height: 60px;
    overflow: hidden;
}
.descr .sociaty {
    width: 275px;
    height: 60px;
    margin-bottom: 15px;
    margin-left: -5px;
}
.descr .sociaty + a {
    width: 260px;
    height: 50px;
    float: left;
    margin: 0;
}



/*____________/USER_PROFILE\_____________*/


/*____________USER_ACCOUNT_____________*/



.user-account {
    background-color: #d9d9d9;
    height:965px;
}
.settings {
    height: auto;
    width:100%;
    background-color: #f2f2f2;
    padding:50px 0;
}
.input {
    height: 50px;
    width: 890px;
    border-radius: 10px;
    border: 1px solid #d9d9d9;
    padding-left: 20px;
    font-size: 20px;
    font-family: "AvenirNextLTPro-Regular";
    margin-top: -10px;
    margin-bottom: 10px;
}
.input:focus {
    outline: none;
}
.input-span {
    font-size: 20px;
    line-height: 25px;
    color: #283c4b;
    float: left;
    width: 170px;
    margin-right: 20px;
}
.settings > form > div {
    padding:0 40px;
    border-bottom:1px solid #d9d9d9;
}
.settings > form > div:nth-child(3) {
    height: 325px;
    padding:20px 40px; 
}
.settings > form > div:nth-child(3) h1 {
    margin-bottom:40px;
}


.settings > form > div:last-child {
    border-bottom:none;
    height: 100%;
    margin-bottom: -45px;
}
.settings > form > div:last-child a {
    width:220px;
    height:50px;
    margin-top: 40px;
}
.settings > form > div:nth-child(2) {
    height:120px;
    padding-top: 17px;
}
.settings .circle-picture {
    margin-top:0;
    float:left;
}
.settings > form > div:nth-child(2) a {
    width: 220px;
    float: left;
    margin: 0;
    margin-top: 17px;
    margin-left: 65px;
}
.hh1 {
    font-size: 20px;
    line-height: 25px;
    color: #283c4b;
}

/*____________/USER_ACCOUNT\_____________*/


/*____________REGISTER_____________*/
.register {
    background-color: #f2f2f2;
}
.register form#form-login {
    width:400px;
}
.register form#form-login > label {
    margin-left: -29px;
    font-weight: normal;
}
.register form#form-login input.sign-in + a {
    width: 255px;
    margin: 30px auto 20px;
}
.register > .container > h1 {
    text-align: center;
    font-family: "AvenirNextLTPro-Demi";
    font-size: 40px;
    line-height: 60px;
    color: #283c4b;
    letter-spacing: 1px;
    margin-bottom: 20px;
    margin-top: 65px;
}
.register > .container > p {
    text-align: center;
    font-family: "AvenirNextLTPro-Regular";
    font-size: 30px;
    line-height: 40px;
    color: #283c4b;
    margin: 0 100px;
}

/*____________/REGISTER\_____________*/

/*_____________POST-MY-JOB______________*/

.post-my-job {
    height:auto;
    background-color: #d9d9d9;
    padding:40px 0;
}
.post {
    float:left;
    background-color: #f2f2f2;
    width:840px;
    height:auto;
}
.simplify {
    float:right;
    background-color: #f2f2f2;
    width:280px;
    height:auto;
}
.simplify-top {
    height:50px;
    background-color: #19BBB7;
    text-align: center;
    padding-top: 11px;
}
.simplify-top a {
    font-size:20px;
    font-family: "AvenirNextLTPro-Regular";
    line-height: 25px;
    color:#FFF;
    text-decoration: none;
    letter-spacing: 1px;
}
.simplify-top a:hover,
.simplify-top a:focus {
    color:#FFF;
    text-decoration: none;
}
.simplify-middle {
    padding:20px;
}
.simplify-middle h1 {
    font-size:20px;
    font-family: "AvenirNextLTPro-Demi";
    line-height: 25px;
    color:#283c4b;
    margin-top:0;
}
.simplify-middle li:before {
    color: #28BCB7; /* Цвет маркера */
    content: "•"; /* Сам маркер */
    padding-right:5px;
    font-size: 18px;
}
.simplify-middle li {
    font-size:15px;
    color:#283c4b;
    line-height: 20px;
    margin-bottom:20px;
}
.simplify-middle span {
    float: right;
    margin-bottom:20px;
}
.post-tabs {
    height:50px;
    background-color:#FFF;
}
.post-tabs li {
    display:inline-block;
    font-size: 20px;
    font-family: "AvenirNextLTPro-Regular";
    line-height: 25px;
    color:#283c4b;
    height: 37px;
    padding: 0 120px;
}
.post-tabs a,
.post-tabs a:hover,
.post-tabs a:focus {
    text-decoration: none;
}
.post-tabs ul {
    padding-top: 13px;
}
.active3 {
    border-bottom: 6px solid #2cccd3;
    color:#2cccd3 !important;
    padding-bottom: 6px;
}
.post-tabs a:hover li {
    border-bottom: 6px solid #2cccd3;
    color:#2cccd3;
}
#post-job > div:first-child,
#post-job > div:nth-child(2),
#post-job > div:nth-child(3),
#post-job > div:nth-child(4) {
    padding:40px;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
}
#post-job .input {
    width: 570px;
}
#post-job .hh1 {
    font-size:30px;
    line-height: 25px;
    font-family: "AvenirNextLTPro-Demi";
    margin-top:0;
    margin-bottom: 55px;
}
#post-job .project,
#post-job .business {
    background-position: 550px;
    width: 570px;
}
#post-job #project,
#post-job #business {
    width: 583px;
}
.dropzone {
    background: transparent;
    border: 4px dashed #bfbfbf;
    border-radius: 24px;
    height: auto;
    margin-top:10px;
    padding:0 20px;
}
.dropzone a {
    width:240px;
    height:40px;
    font-size:15px;
    line-height: 25px;
    font-family: "AvenirNextLTPro-Regular";
    padding-top: 9px;
    margin-top: 85px;
    margin-bottom: 30px;
}
.dropzone span {
    color:#808080;
    font-size:20px;
    line-height: 25px;
    font-family: "AvenirNextLTPro-Regular";
}
#post-job .textarea {
    width: 570px;
    height:160px;
}
#post-job .business {
    margin-bottom:20px;
}
#post-job div:last-child input {
    padding-top: 0px;
}
#post-job div:last-child input:focus {
    outline: none;
}

/*____________/POST-MY-JOB\_____________*/


/*_____________ABOUT______________*/

.about-page {
    background-color: #d9d9d9;
    height:auto;
    padding-top: 80px;
} 
.non_authenticated_pages_body .title {
    color:#283c4b;
    font-family: "AvenirNextLTPro-Demi";
    font-size:40px;
    line-height: 25px;
    text-align: center;
    margin-top:0;
    margin-bottom:0;
}
.authenticated_pages_body .title {
    color:#283c4b;
    font-family: "AvenirNextLTPro-Demi";
    font-size:40px;
    line-height: 25px;
    text-align: center;
    margin-top:0;
    margin-bottom:0;
}
.about-page h1 {
    margin-bottom:80px !important;
}

.about-page > div > div {
    height:auto;
    width:880px;
    background-color: #f2f2f2;
    margin:0 auto 80px;
    padding: 40px 51px;
}
.about-page > div > div p {
    margin-bottom: 40px;
    color:#283c4b;
    font-family: "AvenirNextLTPro-Regular";
    font-size: 20px;
    line-height: 30px;
}
.about-page > div > div p a {
    float:none;
}

.about-page > div > div p:last-child {
    margin-bottom:0;
}



/*____________/ABOUT\_____________*/


/*_____________FAQ______________*/

.faq h2 {
    font-size:20px;
    line-height: 40px;
    font-family:"AvenirNextLTPro-Demi";
    color:#283c4b;
    text-align: center;
    margin-top:-65px;
    margin-bottom:50px;
}
.faq .title {
    line-height: 40px;
}
.faq {
    padding-top:60px;
}
.faq .carett {
    width:840px;
    height:52px;
    background-color: #FFF;
    border: 1px solid #d9d9d9;
    overflow:hidden;
    cursor: pointer;
}
.carett.row {
    margin:0;
}
.carett:not(:last-child) {
    margin:0 0 10px;
}
.caret-toggle {
    height: auto !important;
}
.caret-down {
    background-color: #2cccd3;
    width:40px;
    float:right;
    height: inherit;
    padding-top: 8px;
}
.caret-down i {
    color: #FFF;
    font-size: 35px;
    display: table-cell;
    height: inherit;
    width: 40px;
    text-align: center;
}
.caret-list span {
    width:auto;
    margin-right:0;
    line-height: 30px;    
    padding: 10px 0 0 15px;
}
.caret-list {
    height: 52px;
    float: left;
    padding:0 0 20px 0 !important;
}
.faq > div > div {
    padding:20px;
}
.under-caret {
    clear: both;
    padding: 15px;
}
.under-caret span {
    display: block;	
    width: 765px !important;
    padding: 0;
    border-top: 1px solid #d9d9d9;
    padding-top: 20px;
}
/*____________/FAQ\_____________*/


/*_____________CONTACT______________*/


.contact .title {
    line-height: 40px;
}
.contact > .container > div {
    height:auto;
    padding:0;
}
.contact .hh1 {
    line-height: 30px;
    font-family: "AvenirNextLTPro-Demi";
    margin:0;
}
.hh2 {
    font-size: 20px;
    line-height: 30px;
    color: #283c4b;
    font-family: "AvenirNextLTPro-Regular";
    margin:0;
}
.contacts {
    width:400px;
    float:left;
}
.head-office {
    margin-bottom: 26px;
    margin-top:26px;
}
.contacts .hh1:not(:first-child) {
    margin-top:20px;
}
.contact-top {
    padding:40px;
    border-bottom:1px solid #d9d9d9;
}
.contact-bottom {
    padding:40px;	
}
.contact-bottom .hh1 {
    margin-bottom: 40px;
}
.contact-bottom .input-span {
    width:120px;
}
.contact-bottom .input,
.contact-bottom .textarea {
    width:660px;
}
.contact-bottom input.button {
    margin-bottom:0;
    padding-top:0;
}
.contact-bottom input.button:focus {
    outline:none;
}

/*____________/CONTACT\_____________*/



/*_____________BLOG______________*/


.blog {
    background-color: #d9d9d9;
    height:auto;
}
.hhh1 {
    font-family: "AvenirNextLTPro-Demi";
    text-align: center;
    font-size:40px;
    line-height: 40px;
    color:#283c4b;
    margin:0;
}
.blog .hhh1 {
    margin:40px 0;
}
.blog-right {
    float:right;
    width:280px;
    height:860px;
    border-radius: 10px;
}
.find input {
    width: 75%;
    margin-top: 0;
    float: left;
    border-radius: 10px 0 0 10px;
}
.find a {
    width: 25%;
    background-color: #17bbb9;
    display: block;
    height: 50px;
    float: left;
    margin-top: 0;
    border-radius: 0 10px 10px 0;
    text-align: center;
}
.find i {
    margin-top: 15px;
    font-size: 18px;
    color: #FFF;
}
.find {
    height: 90px;
    padding: 20px;
    background-color: #f2f2f2;
    border-radius: 10px 10px 0 0;
}
.categories h2,
.recent-post h2 {
    color:#283c4b;
    font-size:30px;
    line-height: 25px;
    font-family: "AvenirNextLTPro-Regular";
    letter-spacing: 1px;
    margin-bottom:30px;
    margin-top: 10px;
}
.categories,
.recent-post {
    text-align: left;
    background-color: #f2f2f2;
    padding:20px;
}
.blog-border {
    border-top:1px solid #d9d9d9;
    width:240px;
    margin: 0 auto 20px;
}
.categories {
    height: 260px;
}
.recent-post {
    border-radius: 0 0 10px 10px;
    height: 440px;
    margin-top:-1px;
}
.categories .link,
.recent-post .link {
    font-family: "AvenirNextLTPro-Regular";
    display:block;
    float: left;
    clear: both;
    margin-bottom:20px;
    margin-top: -10px;
}
.blog-right .sociaty a span {
    margin: 0 3.5px;
}
.blog-right .sociaty .fcb span {
    margin-left: 3px;
}
.blog-right .sociaty {
    width: 280px;
    text-align: center;
    margin-top:10px;
}
.blog-left {
    height:auto;
    background-color: #f2f2f2;
    float:left;
    width:840px;
}
.blog-left h1.hhh1 {
    font-family: "AvenirNextLTPro-Demi";
    font-size:30px;
    line-height: 40px;
    color:#283c4b;
    margin:0;
    text-align: left;
    margin-bottom:25px;
}
.blog-left p.input-span {
    font-family: "AvenirNextLTPro-Regular";
    line-height: 30px;
    width:100%;
    margin-right:0;
    height: 120px;
    overflow: hidden;
}
.blog-left .sociaty {
    width: 276px;
    height: 60px;
    margin-top:20px;
}
.blog-left .sociaty .fcb span {
    margin-left: -5px;
}
.blog-left .sociaty + a.button {
    float: right;
    margin: 25px auto;
}
.under-blog > div:first-child {
    height: auto;
    border-bottom: 1px solid #d9d9d9;
    margin: 40px 35px;
}
.under-blog:not(:last-child) {
    border-bottom: 1px solid #d9d9d9;
}
.blog-name {
    margin-top: -20px !important;
    height: 100px;
    margin: 40px 35px 20px;
    clear:both;
}
.blog-name > div > div {
    overflow: hidden;
    float: left;
    margin-right: 20px;
    border-radius: 10px;
}
.blog-name > div > div img {
    width:80px;
    height:80px;
    float: left;
}
.blog-name > div > div:nth-child(2) {
    margin-top: -5px;
}
.blog-name .link {
    font-family: "AvenirNextLTPro-Regular";
    float: left;
}
.blog-name span {
    display: block;
    float: left;
    color: #283c4b;
    font-size: 20px;
    line-height: 30px;
    margin-right:5px;
    font-family: "AvenirNextLTPro-Regular";
}
.blog-name span:not(:first-child) {
    clear:both;
    font-size:15px;
}
.blog .order {
    margin-top: 40px;
    float: left;
    margin-left: 320px;
    margin-bottom: 40px;
}
.blog-user {
    height:90px;
    background-color: #f7f7f7;
    padding: 40px 35px;
    border-bottom:1px solid #d9d9d9;
}
.blog-user .link {
    color: #2cccd3;
    font-size: 30px;
    line-height: 25px;
    font-family: "AvenirNextLTPro-Regular";
    float: left;
}
.blog-user .link:hover {
    color:#21d0cd;
    text-decoration: none;
}
.blog-user .link:focus {
    color:#2cccd3;
    text-decoration: none;
}
.blog-user span {
    display: block;
    margin-right:5px;
    float: left;
    color: #283c4b;
    line-height: 25px;
    font-size: 30px;
    font-family: "AvenirNextLTPro-Regular";
}
.remove span {
    color:#FFF;
    background-color:#17bbb9;
    width:50px;
    height:50px;
    border-radius: 10px;
    display:block;
    text-align: center;
    padding-top: 10px;
}
.find a:hover,
.remove:hover span {
    background-color:#21d0cd;
}
.blog-user .sociaty {
    width: 56px;
    height: 50px;
    float: right;
    margin-top: -20px;
    margin-right: -15px;
}
.blog-left .border-bottom {
    border-bottom:0px solid #d9d9d9;
    width:100%;
    clear:both;
    height:1px;
    margin:0;
}

.blog-user .hh1 {
    color:#283c4b;
    font-size:30px;
    line-height: 40px;
    font-family: "AvenirNextLTPro-Demi";
}

.under-blog ul li {
    list-style-type: disc;
    color:#283c4b;
    text-indent: 15px;
    font-size:20px;
    line-height: 30px;
    font-family: "AvenirNextLTPro-Regular";
}
.under-blog ul li span {
    font-family: "AvenirNextLTPro-Demi";
}
.under-blog ul {
    list-style-position: inside;
}
.house div p.input-span a {
    font-family: "AvenirNextLTPro-Regular";
    float:none;
}
.tags a {
    font-family: "AvenirNextLTPro-Regular";
    float:none;
}
.tags span {
    margin-right:5px;
    width:auto;
    float:left;
    font-family: "AvenirNextLTPro-Regular";
    line-height: 30px;
}
.tags {
    height:auto;
    width:100%;
    clear:both;
    margin-bottom:70px;
}
.house div p.input-span {
    height: auto;
    margin-top:15px;
}
.house .sociaty {
    margin-top: 60px;
    margin-bottom:40px;
}
.house {
    border-bottom:none !important;
}
.house + .contact-bottom .hh1 {
    font-size:20px;
    line-height: 30px;
    font-family: "AvenirNextLTPro-Demi";
}
.house + .contact-bottom .input, 
.house + .contact-bottom .textarea {
    width: 620px;
}
.house-top {
    margin-bottom: 40px;
}

/*____________/BLOG\_____________*/



/*_____________PRIVACY______________*/

.privacy {
    background-color: #d9d9d9;
    padding:40px;
    height:auto;
}
.privacy > .container > h1.hhh1 {
    margin-bottom:40px;
}
.privacy .privacy-top {
    height: auto;
    margin:0 auto;
    width: 880px;
    background-color: #f2f2f2;
    padding:40px 45px 20px;
}
.privacy-top .hhh1 {
    text-align: left;
    font-size:30px;
    line-height: 40px;
    margin-bottom:25px;
}
.privacy-top .hhh1:not(:first-child) {
    margin-top:25px;
}
.paragraph-span {
    font-size: 20px;
    line-height: 30px;
    color: #283c4b;
    font-family: "AvenirNextLTPro-Regular";
    display:block;
} 
ul.about-ul li {
    list-style-type: disc;
    color:#283c4b;
    text-indent: 2px;
    font-size:20px;
    line-height: 30px;
    font-family: "AvenirNextLTPro-Regular";
}
ul.about-ul li span {
    font-family: "AvenirNextLTPro-Demi";
}
ul.about-ul {
    list-style-position: inside;
}
.privacy ul.about-ul li {
    margin-top:25px;
}
.privacy ul.about-ul {
    margin-bottom:25px;
}


/*____________/PRIVACY\_____________*/



/*_____________TERMS______________*/

.terms .privacy-top .hhh1 {
    margin-top:25px;
}
.terms ul.about-ul li {
    margin-top:25px;
}
.terms ul.about-ul {
    margin-bottom:25px;
}


/*____________/TERMS\_____________*/


/*_____________THANK-YOU______________*/

.thank-you {
    font-family: "AvenirNextLTPro-Regular";
}
.check {
    background-color:#2cccd3;
    height:auto;
}
.under-mark {
    width:580px;
    margin:0 auto 45px;
    border-bottom:1px solid #8cdddb;
    text-align: center;
    color:#FFF;
}
.under-mark h1,
.also-can h1 {
    font-family: "AvenirNextLTPro-Demi";
    font-size:40px;
    line-height: 60px;
    letter-spacing: 1px;
}
.under-mark h2 {
    font-size:25px;
    line-height: 40px;
    letter-spacing: 1px;
    margin-bottom: 45px;
}
.under-mark > img {
    margin: 80px auto 25px;
}
.under-mark > div {
    width:290px;
    float:left;
    height:120px;
    overflow:hidden;
}
.under-mark > div h1 {
    margin-top:0;
}
.check .container > .under-mark:nth-child(2) {
    height: 270px;
}

.also-can {
    width:660px;
    margin:0 auto 45px;
    text-align: center;
    color:#FFF;
    height: 165px;
    margin-bottom: 80px;
}
.also-can h1 {
    margin-bottom:25px;
}
.also-can a {
    color:#FFF;
}
.also-can a:hover {
    opacity: 0.9;
    color:#FFF;
}
.also-can a:focus {
    color:#FFF;
}
.facebook-button,
.like-button {
    width:280px;
    height:80px;
    border-radius: 10px;
    background-color:#3b5998;
    position: relative;
    text-align: left;
}
.border-left {
    display: block;
    margin-left: 75px;
    margin-top: 20px;
    float: left;
    width: 1px;
    height: 40px;
    border-left: 1px solid #8b9dc3;
}
.facebook-button span:last-child,
.like-button span:last-child {
    display: block;
    float: right;
    font-family: "AvenirNextLTPro-Demi";
    font-size:30px;
    line-height: 60px;
    margin-top: 10px;
    margin-right: 60px;
}
.facebook-button i,
.like-button i {
    color:#FFF;
    font-size:40px;
    position: absolute;
    top: 20px;
    left: 20px;
}
.facebook-button {
    float:left;
}
.like-button {
    float:right;
}
.or {
    font-family: "AvenirNextLTPro-Regular";
    font-size:30px;
    line-height: 60px;
    color:#FFF;
    margin-top: 10px;
    display: block;
    float: left;
    margin-left: 35px;
    margin-bottom: 10px;
}
.white-buttons {
    height: auto;
    background-color:#283c4b;
    padding-top:70px;
}
.white-buttons h1 {
    font-size:30px;
    line-height: 40px;
    font-family: "AvenirNextLTPro-Demi";
    text-align: center;
    color:#FFF;
    margin-bottom: 80px;
}
.div-white-buttons a {
    text-transform: uppercase;
    width: auto;
    background-color: #FFF;
    color: #283c4b;
    display: inline-block;
    padding: 40px;
    padding-top: 12px;
    margin: 0px 14px;
}
.div-white-buttons {
    text-align: center;
    width: 100%;
    height: 52px;
}
.white-buttons .container > a {
    width:320px;
    height:70px;
    margin:80px auto;
    padding-top: 20px;
}
.skylights {
    height:auto;
    background-color: #d9d9d9;
    padding:65px 0px 65px;
}
.skylights .hhh1 {
    line-height: 60px;
    margin-bottom: 75px;
}
.under-sky {
    background-color:#f2f2f2;
    height:355px;
    width:100%;
}
.under-sky div {
    float:left;
    width:570px;
    padding:40px;
}
.under-sky .paragraph-span {
    height: 120px;
    overflow: hidden;
}
.under-sky div h1 {
    font-size:30px;
    line-height: 40px;
    font-family: "AvenirNextLTPro-Demi";
    color:#283c4b;
    margin-top: 0;
    margin-bottom: 25px;
}
.under-sky div a.button {
    float:left;
    margin:40px auto;
}
.numbers {
    height: 185px;
    background-color: #f2f2f2;
    padding: 60px 0px 50px;
}
.numbers .container .row div {
    text-align: center;
}
.numbers .container .row div .hhh1 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom:15px;
}


/*____________/THANK-YOU\_____________*/



/*_____________COMPANY-PAGE______________*/


.company-bg {
    background-image:url(../images/company-bg.png);
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
    height:320px;
}
.company-incognito img {
    float:left;
}
.company-incognito {
    margin-top: 140px;
    width: 160px;
    height: 160px;
    border-radius: 10px;
    overflow: hidden;
}
.comp-h1 {
    color:#FFF;
    font-family: "AvenirNextLTPro-Demi";
    font-size: 30px;
    line-height: 45px;
    margin:0;
}
.comp-h2 {
    color:#FFF;
    font-family: "AvenirNextLTPro-Regular";
    font-size: 20px;
    line-height: 35px;
    margin:0;
}
.company-bg .comp-h1 {
    margin-top:195px;
}
.comp-h1 {
    -webkit-text-stroke: 1px #999;
}
.comp-h2 {
    -webkit-text-stroke: .3px #999;
}
.company-bg a.button {
    width:177px;
    height:50px;
    margin:0 10px;
    float:left;
    font-size: 20px;
    line-height: 35px;
    border: 1px solid #FFF;
    padding-top: 8px;
}
.company-bg .row > div:last-child {
    padding-top:250px;
    padding-left:0;
}
.comp-tabs {
    height:50px;
    background-color: #FFF;
}
.comp-tabs li {
    display:inline-block;
    padding:10px 70px 0;
}
.comp-tabs ul {
    text-align: center;
}
.comp-tabs .active2 {
    padding-bottom: 4px !important;
}
.comp-tabs a:hover li {
    border-bottom: 6px solid #2cccd3;
    color: #2cccd3;
    padding-bottom: 4px;
}
.company-logo {
    height:auto;
    background-color: #f2f2f2;
}
.comp-hh1 {
    color:#283c4b;
    font-family: "AvenirNextLTPro-Demi";
    font-size: 30px;
    line-height: 30px;
    margin:0;
}
.comp-hh2 {
    color:#283c4b;
    font-family: "AvenirNextLTPro-Regular";
    font-size: 20px;
    line-height: 30px;
    margin:0;
}
.comp-logo img {
    float:left;
}
.comp-logo {
    padding-top:50px;
}
.company-logo .comp-hh1 {
    margin-top:40px;
    margin-bottom:30px;
}
.company-logo .comp-hh2 {
    margin-bottom:50px;
}
.comp-about .comp-hh1 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0;
}
.comp-about .comp-logo {
    width: 110px;
    height: 94px;
    margin: 0 auto 50px;
    padding-top: 30px;
}
.icons {
    height: 190px;
}
.icons div {
    float:left;
    clear:both;
    margin-bottom:10px;
} 
.icons div a.link {
    float:none;
}
.icons div:first-child a.link {
    font-family:"AvenirNextLTPro-Regular";
}
.icons a:hover,
.icons a:focus {
    text-decoration: none;
}
.icons a {
    display: inline-block;
}
.icons div img {
    margin-right:20px;
}
.icons div img:hover {
    opacity: 0.8;
}
.icons span.paragraph-span {
    display:inline-block;
}
.icons div:last-child {
    float: left;
    clear: none;
    margin-left: 58px;
}
.comp-picture {
    overflow: hidden;
    border-radius: 10px;
}
.comp-gallery .container > .comp-hh1 {
    text-align: center;
    font-size: 40px;
    line-height: 60px;
    margin:40px auto;
}
.comp-gallery .row div > .comp-hh1 {
    font-family: "AvenirNextLTPro-Regular";
    font-size: 30px;
    line-height: 40px;
    margin: -8px auto 10px;
}
.comp-gallery div > .comp-hh2 {
    /*height:335px;*/
    height:auto;
    overflow: hidden;
    margin-bottom: 27px;
}
.comp-gallery .sociaty {
    width:273px;
}
.comp-gallery .sociaty + a.button {
    margin-top: 5px;
    float:right;
    width:270px;
}
.comp-gallery .container .row:not(:last-child) {
    border-bottom: 1px solid #d9d9d9;
}
.comp-gallery .container .row:not(:first-child) {
    margin-top:40px;
}
.comp-reviews .stars {
    height: 340px;
    padding: 0 35px;
    border-left: 1px solid #d9d9d9;
    margin: 40px 0;
}
.comp-reviews .stars .paragraph-span {
    margin-right: 20px;
    margin-top: 17px;
}
.reviews a.link {
    float:none;
    font-size:30px;
    line-height: 60px;
}
.reviews span.paragraph-span {
    font-size:30px;
    line-height: 60px;
    display: inline-block;
}
.reviews + .comp-hh1 {
    font-size: 20px;
    line-height: 40px;
    margin:0;
    margin-bottom: 20px;
}
.reviews h1 {
    margin-bottom: -12px;
}
.comp-reviews .row > div:first-child span.paragraph-span span {
    color: #283c4b;
    font-family: "AvenirNextLTPro-Demi";
}
.comp-reviews .container .row:not(:last-child) {
    border-bottom: 1px solid #d9d9d9;
}
.hhhh1 {
    color: #283c4b;
    font-family: "AvenirNextLTPro-Demi";
    font-size:30px;
    line-height: 60px;
}
.span {
    font-size: 30px;
    line-height: 60px;
    display: inline-block;
    font-family: "AvenirNextLTPro-Regular";
}
.lst-span {
    padding-bottom: 40px;
}
.comp-services {
    height: auto;
    padding-bottom: 70px;
}
.comp-services .hhh1 {
    margin-top: 35px;
}
.comp-services li {
    display:inline-block;
    position: relative;
}
.comp-services ul {
    text-align: center;
    margin-top: 25px;
}
.comp-picture > img {
    width: auto !important;
    height: auto !important;
    max-height: 460px !important;
    max-width: 100% !important;
}
.comp-services .button {
    margin: 10px;
    padding:0 30px;
    height: auto;
    display: inline-block;
    padding-top: 11px;
    padding-bottom: 11px;
    background-color: #283c4b;
    color: #FFF;
    font-family: "AvenirNextLTPro-Regular";
    font-size: 20px;
}
.comp-services .button:hover {
    background-color: #3c5a71;
}
.services-div {
    background-color: #FFF;
    padding: 10px 20px;
    border-radius: 0 0 10px 10px;
    height:auto;
    width: 240px;
    border-bottom:1px solid #d9d9d9;
    border-left:1px solid #d9d9d9;
    border-right:1px solid #d9d9d9;
    position: absolute;
    top: 60px;
    left: 10px;
    z-index: 2;
    display:none !important;
}
.services-div .link {
    display:block;
    float:none;
}
.services-div .link:not(:last-child) {
    padding-bottom:5px;
}
,
.services-div .link:not(:first-child) {
    padding-top:5px;
}
.services-div .link:not(:last-child) {
    border-bottom:1px solid #d9d9d9;
}
.border-bottom-button {
    border-radius:10px 10px 0 0 !important;
}
.showww {
    display:block !important;
}
/*____________/COMPANY-PAGE\_____________*/

/*_____________VERIFIED-BY______________*/


.ul-verified-by li {
    padding: 0 11px !important;
}
.ul-verified-by .li-burger {
    padding: 17px !important;
}
.ver-top-bg {
    padding-top:80px;
    height:auto;
    background-image:url(../images/ver-bg.png);
    background-position:center bottom;
    background-repeat: no-repeat;
    background-size:cover;
    background-color:#2cccd3;
}
.ver-top-bg .container > div:first-child {
    width: 495px;
    margin: 0 auto 40px;
}
.ver-h2 {
    text-align: center;
    font-family: "AvenirNextLTPro-Regular";
    font-size: 30px;
    line-height: 40px;
    color:#FFF;
}
.whitee {
    width: 280px;
    height: 70px;
    text-transform: uppercase;
    background-color: #FFF;
    color: #283c4b;
    display: inline-block;
    font-family: "AvenirNextLTPro-Regular";
    padding: 40px;
    padding-top: 22px;
    margin: 0px 14px;
    float:right;
    text-align: center;
}
.whitee:hover {
    opacity:0.8;
    background-color: #FFF;
    color: #283c4b;
}
.whitee:focus {
    opacity:1;
    outline: none;
    background-color: #FFF;
    color: #283c4b;
}
.bluee {
    width: 280px;
    height: 70px;
    text-transform: uppercase;
    background-color: #283c4b;
    display: inline-block;
    color: #FFF;
    padding: 40px;
    padding-top: 22px;
    margin: 0px 14px;
    text-align: center;
    font-family: "AvenirNextLTPro-Regular";
    float:left;
}
.bluee:hover {
    background-color: #283c4b;
    opacity:0.8;
}
.bluee:focus {
    background-color: #283c4b;
}
.buttonss {
    width: 620px;
    height: 70px;
    margin: 70px auto 130px;
}
.ver-tabs {
    height:310px;
    background-color: #e6e6e6;
}
.ver-h1 {
    font-family: "AvenirNextLTPro-Demi";
    text-align: center;
    font-size: 40px;
    line-height: 60px;
    color: #283c4b;
    margin: 0;
}
.ver-tabs .ver-h1 {
    width: 800px;
    margin: 65px auto;
}
.ver-tabs li {
    font-size:30px;
    line-height: 60px;
    color:#283c4b;
    font-family: "AvenirNextLTPro-Demi";
    display: inline-block;
    padding: 0 88px;
}
.ver-tabs ul {
    text-align: center;
    margin-top: -16px;
}
.ver-tabs ul a:hover,
.ver-tabs ul a:focus {
    text-decoration: none;
}
.ver-tabs .active2 {
    padding-bottom:6px !important;
    border-bottom: 10px solid #2cccd3
}
.ver-tabs a:hover li {
    border-bottom: 10px solid #2cccd3;
    color: #2cccd3;
    padding-bottom: 6px;
}
.ver-image {
    height:525px !important;
    background-color:#f2f2f2 !important;
    padding-top: 100px !important;
    overflow: hidden;
}
.ver-image-1 {
    height:525px !important;
    background-color:#e6e6e6 !important;
    padding-top: 100px !important;
}
.ver-hh1 {
    font-size:30px;
    line-height: 45px;
    color:#283c4b;
    width: 370px;
    font-family: "AvenirNextLTPro-Demi";
    margin-top: -35px;
}
.ver-img-2 {
    padding-bottom:80px;/*
    height: auto !important;*/
}
.ver-img-2 .ver-hh1 {
    width: 340px;
}
.ver-image-1 .ver-hh1 {
    width: 480px;
    margin-top:49px;
}
.ver-hh1 .link {
    float:none;
    color: #2cccd3 !important;
    font-size: 30px !important;
    line-height: 45px !important;
    font-family: "AvenirNextLTPro-Demi" !important;
    width: auto;
    height: auto;
    border-radius: 0;
    border: none;
    display: inline;
    padding-top: 0;
    text-align: left;
    background-color: inherit;
    letter-spacing: 0px;
    text-decoration: none;
}
.ver-hh1 a:hover {
    background-color: inherit !important;
    text-decoration: none;
    color: #21d0cd !important;
}
.ver-image img.img {
    height:345px;
}
.ver-image .img-bg,
.ver-image-1 .img-bg {
    height: 345px !important;
    width: 520px !important;
}
.ver-image .row > div:nth-child(2) {
    padding-left: 45px;
}
.ver-image .row > div:nth-child(2) a {
    width: 255px;
}
.img-tabs {
    width: auto !important;
    height: auto !important;
    margin-top: -30px;
    margin-left: 50px;
}
.span-1 {
    font-family: 'AvenirNextLTPro-Demi';
    margin-bottom:40px;
}
.ver-image-1 img.img {
    height:345px;
}
.ver-image-1 .img-bg {
    height: 345px !important;
}
.ver-image-1 .row > div:nth-child(1) {
    padding-right: 65px;
}
.items {
    height:auto;
    padding-bottom:65px;
    background-color: #283c4b;
}
.items .ver-hh1 {
    margin-top:0;
    width:auto;
    text-align: center;
    color:#FFF;
    margin: 70px auto 50px;
    width: 580px;
    font-size:40px;
    line-height: 60px;
}
.items .ver-hh1 .link {
    font-size:40px !important;
    line-height: 60px !important;
}
.items .row > div {
    text-align: center;
}
.items img {
    margin:0 auto 25px;
}
.item-1 {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 20px;
    line-height: 40px;
    color:#FFF;
    display: block;
}
.item-2 {
    font-family: "AvenirNextLTPro-Regular";
    font-size: 20px;
    line-height: 30px;
    color:#FFF;
    display: block;
    height:120px;
    overflow:hidden;
}
.span-item {
    margin-bottom:80px;
}
.ver-form .ver-hh1 {
    margin-top:0;
    width:auto;
    text-align: center;
    color:#283c4b;
    margin: 70px auto 7px;
    width: auto;
    font-size:40px;
    line-height: 60px;
}
.ver-form .ver-hh1 span {
    color:#FFF;
}
.ver-form {
    height:auto;
    background-color: #2cccd3;
    background-image: url(../images/form-bg.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}
.ver-form .paragraph-span {
    text-align: center;
}
#ver-form {
    width:380px;
    margin:15px auto 0;
}
#ver-form input:not(:last-child),
#ver-form textarea {
    width:100% !important;
    margin-top:0 !important;
}
#ver-form input.submit {
    margin-top: 35px;
    width:100%;
    margin-bottom:80px;
}
#ver-form textarea {
    height:150px;
}
.submit {
    width: 100%;
    height: 50px;
    display: block;
    border-radius: 10px;
    background-color: #283c4b;
    border: none;
    color: #FFF;
    font-family: "AvenirNextLTPro-Regular";
    font-size: 20px;
}
.submit:hover {
    background-color: #3c5a71;
}
.submit:focus {
    outline: none;
}
.ver-partners {
    height:365px;
    background-color:#f2f2f2;
}

.ver-partners .ver-hh1 {
    margin-top:0;
    width:auto;
    text-align: center;
    color:#283c4b;;
    margin: 70px auto 30px;
    width: 580px;
    font-size:40px;
    line-height: 60px;
}
.ver-partners .ver-hh1 .link {
    font-size:40px !important;
    line-height: 60px !important;
}
.ver-partners .paragraph-span {
    text-align: center;
}
.ver-partners li {
    display: inline-block;
    padding:0 25px;
}
.ver-partners ul {
    text-align: center;
    margin-top: 37px;
}
.ver-partners ul a:hover {
    text-decoration: none;
}
.ver-partners ul > a:nth-child(2) > li > img {
    margin-bottom: -12px;
}
.ver-slider {
    height:575px;
    background-color: #2cccd3;
}
.ver-slider .ver-hh1 {
    margin-top:0;
    width:auto;
    text-align: center;
    color:#283c4b;;
    margin: 70px auto 30px;
    width: 580px;
    font-size:40px;
    line-height: 60px;
}
.ver-slider-block img,
.under-ver-slider-1,
.under-ver-slider-2,
.under-ver-slider-3 {
    float:left;
}
.under-ver-slider-1,
.under-ver-slider-2,
.under-ver-slider-3 {
    width:780px;
    padding:20px 25px;
    margin:0 20px;
    overflow:hidden;
}

.ver-slider-block {
    margin:0 auto;
    width:876px;
    height:155px;
}
.ver-slider-block > div {
    height: 145px;
    float: left;
    width: 820px;
}
.ver-slider-block .paragraph-span {
    text-align: center;
    height: 115px;
}
.slider-img > div {
    display:inline-block;
    width: 250px;
    height:auto;
    margin: 0 40px;
}
.slider-img > div img {
    width: 80px;
}
.slider-img > div > div {
    height: 80px;
}
.slider-img h1 {
    height:58px;
    overflow:hidden;
    word-wrap: break-word;
    font-size:20px;
    line-height: 30px;
    color:#283c4b;
    font-family: "AvenirNextLTPro-Demi";
    text-align: center;
    clear:both;
    margin-bottom: 5px;
}
.slider-img span {
    display:block;
    width:80px;
    height:80px;
    overflow: hidden;
    border-radius:100px;
    margin: 0 auto;
}
.slider-img {
    text-align: center;
}
.slider-img-1,
.slider-img-2,
.slider-img-3,
.slider-img-4 {
    cursor:pointer;
    opacity:0.5;
    transition:.4s;
}
.slider-img-1:hover,
.slider-img-2:hover,
.slider-img-3:hover,
.slider-img-4:hover {
    opacity:1;
    transition:.4;
}
.ver-slider-active {
    opacity:1 !important;
}
.slider-img h2 {
    height:60px;
    word-wrap: break-word;
    overflow: hidden;
    font-size:20px;
    line-height: 30px;
    color:#283c4b;
    font-family: "AvenirNextLTPro-Regular";
    text-align: center;
    margin-top:0;
}
.rev-footer {
    height:95px !important;
    background-color: #283c4b;
}
.rev-footer .row > div:first-child a {
    color:#2cccd3;
    font-size: 20px;
    line-height: 30px;
    font-family: "AvenirNextLTPro-Regular";
    text-decoration: none;
}
.rev-footer .row > div:first-child a:hover {
    color:#21d0cd;
    text-decoration: none;
}
.rev-footer .row {
    margin-top: 35px;
}
.rev-footer .row > div:last-child .button {
    margin: 0;
    float: right;
    margin-top: -11px;
    width:280px;
}


/*____________/VERIFIED-BY\_____________*/


/*_____________APP______________*/


.li-app {
    width: 210px !important;
    height: 60px;
}

.li-app i {
    font-size: 36px;
    display: inline-block;
    margin-top: -5px;
}
.li-app h2 {
    text-transform: none;
    line-height: 1;
    margin: 0;
    margin-top: -5px;
    float: right;
    font-size: 13px;
}
.li-app h1 {
    text-transform: none;
    line-height: 1;
    margin: 0;
    margin-top: -20px;
    float: right;
    clear: both;
    font-size: 24px;
}
.li-app .download {
    margin-top:-3px;
}
.app-top-bg {
    background-color: #2cccd3;
    height:670px;
}
.app-h1  {
    text-align: center;
    font-size: 60px;
    line-height: 80px;
    color:#FFF;
    margin-top: 0;
    margin-bottom: 0;
    font-family: "AvenirNextLTPro-Demi";
}
.app-h1:first-child {
    margin-top:40px;
}
.app-h1:nth-child(2) {
    margin-bottom: 79px;
}
.app-h1 span {
    color:#283c4b;
}
.app-tabs {
    height:315px;
    border-bottom: 2px solid #207c81;
    background-color:#283c4b;
}
.app-tabs ul {
    margin-top:-12px;
}
.app-tabs li {
    color:#FFF;
    padding: 0px 130px;
}
.app-tabs .ver-h1 {
    color:#FFF;
}
.free {
    height:auto;
    background-color:#283c4b;
    padding-top:40px;
}
.free .row > div:last-child img {
    float:right;
    margin-top: 10px;
}
.free h1 {
    font-size: 30px;
    line-height: 60px;
    color: #FFF;
    font-family: "AvenirNextLTPro-Demi";
}
.free-ic {
    height: 100px;
    margin: 35px 0;
}
.free-ic img {
    float:left;
    clear: both;
}
.free-ic .paragraph-span {
    color:#FFF;
    height:60px;
    overflow: hidden;
}
.free-ic h2 {
    font-size: 20px;
    line-height: 60px;
    color: #FFF;
    font-family: "AvenirNextLTPro-Demi";
    margin-top: 18px;
    margin-bottom: -10px;
}
.free-ic div {
    float: left;
    width: 445px;
    margin-top: -40px;
    margin-left: 20px;
}
.app-slider .slider-img > div {
    margin: 0 10px;
}
.ready {
    height:auto;
    background-image: url(../images/app-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top:65px;
    padding-bottom:80px;
}
.ready-h1 {
    font-size: 40px;
    line-height: 60px;
    color: #FFF;
    text-align: center;
    font-family: "AvenirNextLTPro-Demi";
    margin:0;
}
.ready-h1:nth-child(2) {
    margin-bottom:65px;
}
.ready .download {
    width: 280px;
    height: 80px;
    background-color: #2cccd3;
    border-radius: 10px;
    float:left;
}
.ready .download i {
    color: #FFF;
    font-size: 54px;
    margin-left: 23px;
    margin-top: 10px;
}
.ready .download h2 {
    color: #FFF;
    font-size: 20px;
    float: right;
    font-family: "AvenirNextLTPro-Regular";
    letter-spacing: 1px;
    margin-right: 23px;
    margin-top: 9px;
}
.ready .download h1 {
    color: #FFF;
    font-size: 36px;
    float: right;
    font-family: "AvenirNextLTPro-Demi";
    letter-spacing: 1px;
    margin-right: 20px;
    margin-top: -33px;
}
.ready a:hover .download,
.ready a:hover .visit {
    background-color: #21d0cd;
}
.ready a:hover,
.ready a:focus {
    text-decoration: none;
}
.ready .visit {
    width: 280px;
    height: 80px;
    background-color: #2cccd3;
    border-radius: 10px;
    float:right;
}
.visit span {
    color:#FFF;
    font-size: 20px;
    line-height: 40px;
    font-family: "AvenirNextLTPro-Regular";
    display:block;
    text-align: center;
    padding-top:21px;
}
.ready-buttons {
    width:580px;
    margin:0 auto;
}
.app-items {
    background-color: #f2f2f2;
    padding-bottom:0;
}
.app-items .container > .ver-hh1 {
    color:#283c4b;
    margin: 70px auto 20px;
}
.app-items p.paragraph-span {
    text-align: center;
    margin-bottom:0;
}
.app-items .row {
    margin-top:80px;
}
.app-items .row div span {
    color:#283c4b;
}
.app-items .item-1 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom:5px;
}
.app-items .row div {
    padding-bottom:40px;
}
.five-phones {
    background-color: #f2f2f2;
    height:445px;
    padding-top: 54px;
}
.app-above-footer {
    height: auto;
    background-color:#2cccd3;
    background-image: url(../images/above-footer.png);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.app-above-footer .ver-hh1 {
    margin: 70px auto 65px;
    width:100%;
    text-align: center;
    font-size:40px;
    line-height: 60px;
}
.app-above-footer i {
    font-size: 36px;
    display: inline-block;
    margin-top: -5px;
    color: #FFF;
}
.app-above-footer h2 {
    text-transform: none;
    line-height: 1;
    margin: 0;
    margin-top: -5px;
    float: right;
    font-size: 13px;
    color: #FFF;
}
.app-above-footer h1:not(.ver-hh1) {
    text-transform: none;
    line-height: 1;
    margin: 0;
    margin-top: -20px;
    float: right;
    clear: both;
    font-size: 24px;
    color: #FFF;
}
.phone-app-store {
    text-transform: uppercase;
    display: block;
    list-style-type: none;
    font-size: 15px;
    font-family: "AvenirNextLTPro-Regular";
    letter-spacing: 1px;
    width:210px;
    height:60px;
    background-color:#283c4b;
    padding:20px;
    border-radius: 10px;
    padding-top: 15px;
    margin: 0 auto;
}
.app-above-footer a:hover .phone-app-store {
    background-color: #3c5a71;
}
.app-above-footer a {
    width:210px;
    height:60px;
    margin: 0 auto 80px;
    display:block;
}

/*____________/APP\_____________*/


/*_____________PROAPP______________*/



.proapp {
    background-color: #283c4b;
}
.proapp div.logo-top {
    width:264px;
    height:50px;
    margin-top: 16px;
    float: left;
    background-image:url(../images/new-logo.png);
    background-position:center;
    background-repeat: no-repeat;
    margin-right:35px;
}
.proapp div.logo-top {
    .at2x('/images/new-logo.png', 200px, 100px);
}
.header-proapp-ul {
    margin-top: 30px !important;
}
.proapp span {
    color:#FFF;
    font-size:15px;
    font-family: "AvenirNextLTPro-Regular";
    line-height: 60px;
    display:block;
    float: left;
    margin-top: 10px;
}
.proapp li {
    padding: 0 9px !important;
}
.proapp .row > div:last-child {
    padding:0;
}
.proapp .row > div:first-child {
    padding-right:0;
}
.footer-proapp-ul {
    margin-top: 20px !important;
    text-align: left;
}

.footer-proapp p {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 20px;
    line-height: 30px;
    color:#FFF;
}
.footer-proapp .footer-links > a > li {
    font-family: "AvenirNextLTPro-Regular";
    font-size: 20px;
    line-height: 30px;
    color:#d9d9d9;
    list-style-type:disc;
    height:30px;
}
.footer-proapp .footer-links > a:hover,
.footer-proapp .footer-links > a:focus {
    text-decoration: none;
}
.footer-proapp .footer-links > a:hover > li {
    color:#28BCB7;
    list-style-type:none;
    margin-left: -20.5px;
    height:30px;
}
.footer-proapp .footer-links > a:hover > li:before {
    color: #28BCB7; /* Цвет маркера */
    content: "•"; /* Сам маркер */
    padding-right:12.5px;
    font-size:17px;
    height:30px;
}
.footer-proapp div.footer-top span {
    font-family: "AvenirNextLTPro-Regular";
    font-size: 20px;
    line-height: 30px;
    color:#d9d9d9;
    height:30px;
}
.footer-partners div {
    display: inline-block;
    margin:20px;
}
.footer-partners a:hover,
.footer-partners a:focus {
    text-decoration: none;
}
.footer-partners a:last-child div {
    margin-bottom: 25px;
}
.footer-proapp div.footer-top {
    height:auto;
}
.proapp-tabs {
    border-bottom:none;
    background-color:#223340;
    height:77px;
}
.proapp-tabs li {
    padding: 1px 45px;
    font-size:20px;
}
.proapp-tabs .active2 {
    padding-bottom: 0px !important;
}
.proapp-tabs a:hover li {
    padding-bottom:0;
}
.proapp-tabs ul {
    margin-top:6px;
}
.down-app i {
    font-size: 36px;
    display: inline-block;
    margin-top: -5px;
    color: #FFF;
}
.down-app h2 {
    text-transform: none;
    line-height: 1;
    margin: 0;
    margin-top: -5px;
    float: right;
    font-size: 13px;
    color: #FFF;
}
.down-app h1 {
    text-transform: none;
    line-height: 1;
    margin: 0;
    margin-top: -20px;
    float: right;
    clear: both;
    font-size: 24px;
    color: #FFF;
}
.phone-app-store {
    text-transform: uppercase;
    display: block;
    list-style-type: none;
    font-size: 15px;
    font-family: "AvenirNextLTPro-Regular";
    letter-spacing: 1px;
    width:210px;
    height:60px;
    background-color:#283c4b;
    padding:20px;
    border-radius: 10px;
    padding-top: 15px;
    margin: 0 auto;
}
.down-app a:hover .phone-app-store {
    background-color: #3c5a71;
}
.down-app a {
    width:210px;
    height:60px;
    margin: 0 auto 80px;
    display:block;
}
.app-top-bg .down-app {
    height: 60px;
    float: left;
    margin-top: 10px;
    margin-bottom: 45px;
}
.app-top-bg .down-app + .app-h1 {
    clear:both;
    margin-bottom:0;
}
.app-top-bg .down-app + .app-h1 + .app-h1 {
    margin-bottom: 79px;
}
.app1-top {
    height:auto;
}
.proapp-items {
    background-color:#283c4b;
}
.proapp-items .ver-hh1,
.proapp-items .paragraph-span,
.proapp-items .item-1,
.proapp-items .item-2 {
    color:#FFF !important;
}
.proapp-items .ver-hh1 {
    width:100%;
}
.proapp-video {
    background-color: #f2f2f2;
    padding-top:0 !important;
    height:auto !important;
}
.proapp-video h1 {
    color:#283c4b;
    font-size:40px;
    font-family: "AvenirNextLTPro-Demi";
    text-align: center;
    line-height: 60px;
    margin-bottom:15px !important;
    margin-top:65px;
}
.proapp-video p {
    text-align: center;
    margin-bottom:90px;
}
.proapp-video div.img-bg {
    background-color:#2cccd3;
    position:relative;
    width:540px;
    height:300px;
    border-radius: 10px;
    margin-top:100px;
    margin:0 auto 80px !important;
}
.proapp-video img.img {
    position:absolute;
    top:-20px;
    left:-20px;
    z-index: 1;
    border-radius: 10px;
    overflow: hidden;
}
.proapp-video .video {
    position: absolute;
    top:-20px;
    left:-20px;
    z-index: 1;
    width:100%;
    height:100%;
    border-radius: 10px;
    overflow: hidden;
}
.proapp-video img.play_icon {
    position:absolute;
    top: 50%;
    margin-top: -51.5px;
    left: 50%;
    z-index: 2;
    width: 63px;
    margin-left: -51.5px;
    cursor:pointer;
}
.proapp-free {
    overflow: hidden;
}
.proapp-free .row > div:last-child img {
    margin-bottom: -1px;
}
.proapp-free h1 {
    font-size:40px;
    line-height: 60px;
    margin-bottom: 65px;
}
.proapp-free h1 .link {
    font-size:40px;
    line-height: 60px;
    float:none;
}
.proapp-free-left {
    background-color: #18bbb6;
    overflow: hidden;
}
.proapp-free-left h1 {
    color:#283c4b;
}
.proapp-free-left h1 span {
    color:#FFF;
}
.proapp-free-left .free-ic img {
    float:left !important;
}
.proapp-free-left .free-ic h2 {
    margin-top: 18px;
}
.proapp-free-left .free-ic h2,
.proapp-free-left .free-ic .paragraph-span {
    color:#283c4b;
}
.proapp-free-left .row > div:first-child img {
    margin-bottom: -1px;
}
.proapp-down-footer {
    background-color: #f2f2f2;
    background-image: url(../images/gray-bg.png);
}
.proapp-down-footer .phone-app-store {
    background-color: #2cccd3;
}
.proapp-down-footer a:hover .phone-app-store {
    background-color: #21d0cd;
}
/*____________/PROAPP\_____________*/


/*_____________BENEFITS______________*/

.bring {
    height:500px;
    background-image:url(../images/pmp.png);
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
    padding-top:100px;
}

.bring-h1 {
    text-align: center;
    font-size: 60px;
    line-height: 80px;
    color: #FFF;
    margin-top: 0;
    font-weight: 600;
    margin-bottom: 0;
    font-family: "AvenirNextLTPro-Regular";
}
.bring-h2 {
    text-align: center;
    font-size: 40px;
    line-height: 60px;
    color: #FFF;
    margin-top: 0;
    margin-bottom: 0;
    font-family: "AvenirNextLTPro-Regular";
}
.bring .bring-h1 {
    margin-top:5px;
}
.bring .bring-h2 {
    margin-top:12px;
}
.benefits-items {
    background-color: #2cccd3;
}
.benefits-items .ver-hh1 {
    width: 850px;
}
.ben-power {
    height:auto;
    background-color: #283c4b;
    padding-top:65px;
}
.ben-power .bring-h1 {
    font-size: 40px;
    line-height: 60px;
    font-family: "AvenirNextLTPro-Demi";
}
.ben-power .bring-h2 {
    font-size: 30px;
    line-height: 60px;
    margin-top:7px;
}
.ben-button a {
    width: 280px;
    height: 80px;
    display: block;
    margin: 60px auto 80px;
}
.ben-button a:hover .visit {
    background-color: #21d0cd;
}
.ben-button a:hover,
.ben-button a:focus {
    text-decoration: none;
}
.ben-button .visit {
    width: 280px;
    height: 80px;
    background-color: #2cccd3;
    border-radius: 10px;
    margin:60px auto 80px;
}
.ben-app {
    border-bottom:none !important;
}

/*____________/BENEFITS\_____________*/



/*_____________CATEGORIES______________*/


.revenue {
    height:auto;
    background-color: #2cccd3;
    padding-top: 65px;
    padding-bottom: 65px;
}
.revenue h1 {
    font-size: 40px;
    line-height: 60px;
    color:#FFF;
    font-family: "AvenirNextLTPro-Demi";
    text-align: center;
    margin:0;
}
.revenue h1 span {
    color:#283c4b;
}
.list {
    height:auto;
    background-color: #f2f2f2;
    padding-top:70px;
    padding-bottom:30px;
}
.black-h1 {
    color:#283c4b;
    font-family: "AvenirNextLTPro-Demi";
    font-size: 30px;
    line-height: 45px;
    text-align: center;
    margin:0;
}
.list .black-h1 {
    width: 900px;
    margin: 0 auto;
}
.list li {
    display:block;
    list-style-type: none;
    color:#283c4b;
    font-family: "AvenirNextLTPro-Regular";
    font-size: 30px;
    line-height: 60px;
}
.list ul {
    text-align: center;
}
.list ul a,
.list ul a:hover,
.list ul a:focus {
    text-decoration: none;
}
.list ul a:hover li {
    color: #28BCB7;
}
.list .row {
    margin-top: 50px;
}
.sign-me-up {
    background-color: #2cccd3;
    height:auto;
    padding-top:60px;
    padding-bottom:80px;
}
.sign-me-up .row > div {
    text-align: center;
}
.sign-me-up .row img {
    margin:0 auto;
}
.cat-item {
    font-size: 30px;
    line-height: 40px;
    font-family: "AvenirNextLTPro-Demi";
    color:#283c4b;
    display:block;
}
.sign-me-up .cat-item {
    margin-top: 31px;
    margin-bottom:70px;
}
.black-button {
    display: block;
    width: 280px;
    height: 70px;
    text-align: center;
    padding-top: 21px;
    border-radius: 10px;
    border: none;
    background-color: #283c4b;
    color: #FFF;
    font-size: 20px;
    font-family: "AvenirNextLTPro-Regular";
    text-decoration: none;
}
.black-button:hover {
    background-color: #3c5a71;
}
.black-button:hover,
.black-button:focus {
    text-decoration: none;
    color:#FFF;
}
.sign-me-up .black-button {
    margin:0 auto;
}
.contact-me {
    height:500px;
    background-color: #f2f2f2;
    padding:70px 0;
}
.contact-me h1 {
    font-size: 40px;
    line-height: 60px;
    color: #283c4b;
    font-family: "AvenirNextLTPro-Demi";
    text-align: center;
    margin: 0;
}
.contact-me .paragraph-span {
    text-align: center;
    margin-top:10px;
}
#contact-me {
    width:380px;
    margin:52px auto 0;
}
#contact-me .input {
    width:100%;
    margin-top: -20px;
    display:block;
}
#contact-me .button {
    padding-top:0;
    width:100%;
    margin: -20px auto 0px;
}
#contact-me .button:focus {
    outline: none;
}

/*____________/CATEGORIES\_____________*/



/*_____________PRICING______________*/



.lead-plans h1 {
    font-size: 40px;
    line-height: 60px;
}
.lead-plans-top h1 {
    font-size: 40px;
    line-height: 60px;
}
.lead-plans-top {
    height:auto;
    padding-top:65px;
    padding-bottom:65px;
}
.pricing {
    height: auto;
    background-color: #f2f2f2;
    padding-top: 65px;
    padding-bottom: 80px;
}
.pricing .row {
    margin-top: 68px;
}
.pricing .black-h1 {
    margin-bottom: 18px;
}
.trades,
.renovator {
    overflow: hidden;
    width:380px;
    height:auto;
    margin:0 auto;
}

.trade-top {
    height:140px;
    background-color:#283c4b;
    border-radius: 10px 10px 0 0;	
    padding:30px;
}
.trade-top h1,
.trade-top h2 {
    font-family: "AvenirNextLTPro-Demi";
    color:#FFF;
    text-align: center;
    margin:0;
}
.trade-top h1 {
    font-size: 30px;
    line-height: 45px;
}
.trade-top h2 {
    font-size: 20px;
    line-height: 45px;
}
.dollar {
    background-color: #FFF;
    height:auto;
    padding:40px 20px;
}
.under-dollar,
.under-text {
    border-bottom:1px solid #283c4b;
}
.under-dollar h1,
.under-dollar h2 {
    line-height: 45px;
    color:#283c4b;
    font-family: "AvenirNextLTPro-Demi";
    margin:0;
    text-align: center;
}
.under-dollar h1 {
    font-size: 60px;
}
.under-dollar h2 {
    font-size: 20px;
    margin-bottom: 30px;
}
.text {
    background-color: #FFF;
    height:auto;
    padding:20px;
    padding-top:0;
}
.under-text {
    padding-bottom:30px;
}
.under-text h1,
.under-text h2 {
    font-size: 20px;
    line-height: 45px;
    color:#283c4b;
    margin:0;
    text-align: center;
}
.under-text h1 {
    font-family: "AvenirNextLTPro-Demi";
}
.under-text h2 {
    font-family: "AvenirNextLTPro-Regular";
}
.pric-sub {
    background-color: #FFF;
    height:auto;
    border-radius: 0 0 10px 10px;
}
.pric-sub > div {
    width: 100%;
    display: inline-block;
}
.pric-sub .button {
    margin: 20px auto 40px;
}
.renovator .trade-top {
    background-color: #2cccd3;
}
.renovator .dollar h1,
.renovator .dollar h2 {
    color:#2cccd3;
}
.under-text .link {
    float:none;
}
/*____________/PRICING\_____________*/


/*_____________FINANCING______________*/


.financing-top .bring-h1 {
    font-size:58px;
}
.financing .textarea {
    width:100%;
    height:150px;
}
.financing {
    height:auto;
    background-image:url(../images/fin-bg.png);
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
}
.financing .button {
    margin: 40px auto 0px !important;
}


/*____________/FINANCING\_____________*/


/*_____________MAP______________*/

.map .black-h1 {
    font-size: 40px;
}

/*____________/MAP\_____________*/


/*_____________SEARCHPRO-1______________*/


.searchpro-3 {
    height:auto;
    background-color: #f2f2f2;
    padding:65px 0;
}
.searchpro-3 h1 {
    color:#283c4b;
    font-size:40px;
    line-height: 60px;
    text-align: center;
    font-family: "AvenirNextLTPro-Demi";
    margin:0;
}
.searchpro-3 ul {
    text-align: center;
    margin-top:65px;
}
.searchpro-3 li {
    display:inline-block;
    list-style-type: none;
    text-align: center;
    width:280px;
    height:255px;
    margin: 0 30px 45px;
}
.searchpro-3 li .link {
    float:none;
    font-size: 30px;
    line-height: 40px;
}
.searchpro-3 li div {
    width:280px;
    height:200px;
    overflow: hidden;
    border-radius: 10px;
    background-color: #FFF;
    margin-bottom:10px;
}
.searchpro-3 li img {
    height:100%;
}
.find-pro {
    height:auto;
    background-color: #f2f2f2;
    background-image: url(../images/find-pro-bg.png);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top:80px;
}
.find-pro h1,
.find-pro .link {
    font-size:40px;
    line-height: 60px;
    font-family: "AvenirNextLTPro-Demi";
    margin:0;
}
.find-pro h1,
.find-pro h2 {
    color:#FFF;
    text-align: center;
}
.find-pro h2 {
    padding:0 100px;
    margin-bottom:55px;
}
.find-pro .link {
    float:none;
}
.searchpro-category {
    height: auto;
    background-color: #f2f2f2;
    padding-top:22px;
    padding-bottom:40px;
}
.searchpro-category h1 {
    color:#283c4b;
    font-size:30px;
    line-height: 60px;
    text-align: center;
    font-family: "AvenirNextLTPro-Demi";
    margin:0;
    margin-bottom:10px;
}
.searchpro-category .black-button {
    text-transform: uppercase;
    width: 272px;
    height: 50px;
    padding-top: 11px;
    margin: 10px 0;
}
.search-pro-1 {
    padding-top: 65px;
    padding-bottom: 65px;
}
.ben-search {
    background-color: #2cccd3;
}
.ben-search .visit {
    background-color: #283c4b;
}
.ben-search a:hover .visit {
    background-color: #3c5a71;
}
.searchpro-page .under-my-project {
    padding-top:20px;
    padding-bottom:0;
}
.searchpro-page .div-border {
    border:none;
    border-radius: 0;
    background-color: #f7f7f7;
    margin:0;
    height: auto;
}
.searchpro-page .blog-right {
    float:right !important;
    width: 300px;
    height: auto;
    border-radius: 0;
}
.searchpro-page .blog-right .categories {
    height: 265px;
    border-radius: 10px;
    padding: 10px 20px;
    background-color: #f7f7f7;
    border:1px solid #d9d9d9;
}
.searchpro-page .blog-right .banner {
    margin:5px 0 0;
}
.searchpro-page .under-my-project {
    background-color: #f2f2f2;
}
.searchpro-page .information {
    border: 1px solid #d9d9d9;
    padding-right:0;
}
.searchpro-page .replace > div > div:nth-child(2) h6 {
    line-height: 24px;
}
.searchpro-page div.div-border hr {
    clear: both;
    margin: 0 20px;
    border-top: 1px solid #d9d9d9;
}
.searchpro-page div.div-border:last-child hr {
    display:none;
}
.searchpro-page .replace > div:nth-child(2) {
    float: none;
    height: auto;
    padding: 0;
}
.searchpro-page h3 {
    color:#283c4b;
    line-height: 60px;
    font-size: 30px;
    font-family: "AvenirNextLTPro-Demi";
    text-align: center;
    margin:0;
    margin-bottom: 20px;
}
.order-under-div {
    width:840px;
    margin-top:40px;
    margin-bottom:40px;
}
/*____________/SEARCHPRO-1\_____________*/



/*_____________CONTRACTOR______________*/

.contractor-top {
    height:auto;
    background-image:url(../images/contr-top-bg.png);
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
    padding-top:100px;
    padding-bottom:100px;
}

.contractor-top .bring-h1 {
    font-family: "AvenirNextLTPro-Demi";
    font-weight: 400;
}
.contractor-top .bring-h2 {
    text-align: center;
    font-size: 30px;
    line-height: 45px;
    color: #FFF;
    margin-top: 0;
    margin-bottom: 0;
    font-family: "AvenirNextLTPro-Regular";
}
.contractor-top .bring-h1 {
    margin-top:5px;
}
.ben-contractor .bring-h2 {
    line-height: 40px;
}
.ben-contractor {
    background-image:url(../images/contractor-bg.png);
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
    background-color: #2cccd3;
}
.ben-contractor .bring-h1,
.ben-contractor .bring-h2 {
    color:#283c4b;
    font-family: "AvenirNextLTPro-Demi";
}

.ben-contractor .bring-h1 {
    margin-bottom: 20px;
}

.ben-contractor span {
    color:#FFF;
}
.ben-contractor .ben-button a .visit {
    background-color: #283c4b;
}
.ben-contractor .ben-button a:hover .visit {
    background-color: #3c5a71;
}
.cont-video .link {
    color:#2cccd3 !important;
    font-size: 20px !important;
    line-height: 30px !important;
    font-family: "AvenirNextLTPro-Demi" !important;
    float:none !important;
    display: inline-block;
    font-size: 40px !important;
    line-height: 60px !important;
    width:auto !important;
}
.cont-video .link:hover {
    color:#21d0cd !important;
    text-decoration: none !important;
}
.cont-video .link:focus {
    color:#2cccd3 !important;
    text-decoration: none !important;
}
.cont-video a,
.cont-video a:hover {
    background-color: inherit !important;
}
.cont-items .ver-hh1 span {
    color:#FFF;
}
.cont-items h3.paragraph-span {
    text-align: center;
}
.contr-proapp .ver-hh1 {
    color:#FFF;
}
.contr-proapp {
    background-color: #283c4b;
    background-image: url(../images/cont-houses.png);
}
.cont-app-top-bg {
    height:auto;
}
.cont {
    background-color: #2cccd3;
}
.cont h1 span,
.cont h2 span {
    color:#FFF;
}
.cont h2 span,
.cont h2 {
    font-family: "AvenirNextLTPro-Demi";
}

.cont .button {
    background-color: #283c4b;
}
.cont .button:hover {
    background-color: #3c5a71;
}
.cont .select {
    width:100%;
    background-position: 98%;
    float: none;
    margin-top: -20px !important;
}
.cont #select {
    width:104%;
}
.cont-part h1 .link {
    float:none;
    font-size: inherit;
}
.cont-part ul a:nth-child(3) img {
    margin-bottom:-13px;
}
.cont-part ul a:nth-child(2) img {
    margin-top:0;
    margin-bottom:0 !important;
}
/*____________/CONTRACTOR\_____________*/




/*_____________START______________*/

.start-ul {
    margin-top: 27px !important;
}
.start-head {
    height:660px;
    background-image:url(../images/start-bg.png);
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
}
.start-part {
    background-color: #FFF !important;
    height:auto !important;	
    padding-bottom: 80px;
}
.start-part ul {
    margin-top:0 !important;
}
.ios {
    font-size:30px !important;
}
.start-head h1 {
    display: block;
    margin: 100px auto 20px;
    font-size: 80px;
    text-align: center;
    color: #FFF;
    font-family: "AvenirNextLTPro-Demi";
    letter-spacing: 1px;

}
.start-head h2 {
    display: block;
    margin: 0 auto 75px;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    color: #FFF;
    font-family: "AvenirNextLTPro-Regular";
    letter-spacing: 1px;
}
.sponsor {
    margin: 0 auto;
}
.start-head .whitee,
.start-head .bluee {
    text-transform: none;
    font-size:20px;
    line-height: 40px;
    height:50px;
    padding: 0px;
    padding-top: 5px;
}
.start-head .whitee {
    padding-top: 0px;
    padding-left: 35px;
    text-align: left;
    float: left;
}
.start-head .white {
    float:left;
    width:280px;
}
.start-head .bluee {
    float:right;
    width:160px;
}
.start-head  .buttonss {
    width:500px;
    margin-bottom: 70px;
}
.start-pictures {
    height: auto !important;
}
.start-pictures img {
    height:100% !important;
    width:100% !important;
}
.start-pictures .row {
    margin-bottom:35px;
    margin-top:65px;
}
.start-pictures .row > div {
    margin:20px 0;
}
.start-pictures .row > div img:hover {
    opacity:0.8;
    transition:0.4s;
}
.start-pictures .row > div img {
    opacity:1;
    transition:0.4s;
}
.start-pictures .button {
    width:280px;
}
.start-pictures .buttonss {
    width: 580px;
    height: 140px;
    margin:10px auto 30px;
}
.start-pictures .blue-div {
    float:left;
}
.start-pictures .white-div {
    float:right;
}
/*____________/START\_____________*/

/*_____________LEADPRO______________*/


.leadpro .under-my-project-1 {
    padding-bottom:40px;
    padding-top:40px;
}
.leadpro-numb {
    background-color: #2cccd3;
}
.leadpro .banner {
    margin-top:0 !important;
    margin-bottom:20px !important;
}
.leadpro-menu {
    height:60px;
}
.leadpro-menu ul {
    margin-top:0;
}
.leadpro-menu ul li {
    height: 60px !important
}
.leadpro .usr {
    margin:0;
}
.leadpro .under-my-project {
    background-color: #d9d9d9;
}
.leadpro .use {
    height:60px;
    margin-top:0;
    margin-bottom:0;
}
.leadpro .usr-tabs {
    height:auto;
}
.leadpro .usr-tabs ul.use li.user-tab {
    font-family: "AvenirNextLTPro-Demi" !important;
    padding: 0 65px 16px !important;
}
.leadpro .user-profile {
    width:840px;
}
.leadpro .usr .event-name > div > div:nth-child(2) h1 {
    letter-spacing: 0;
    margin-top: -6px;
}
.status {
    font-family: "AvenirNextLTPro-Demi" !important;
}
.leadpro .event-name h6 {
    clear: both;
}
.links-div {
    width:200px;
}
.links-div  a:first-child {
    width: 195px;
    height: 50px;
    margin-top: 0;
    margin-bottom: 20px !important;
    margin-right: 0;
    background-color: #283c4b;
}
.links-div a:last-child {
    width: 195px;
    height: 50px;
    margin-right: 0 !important;
    margin-top: 0;
    margin-bottom: 0;
    color:#FFF !important;
}
.links-div a:first-child:hover {
    background-color: #3c5a71;
}
.leadpro .usr .event-name > div {
    overflow: hidden;
}
.leadpro-info .event-name > div {
    height:auto;
    border:none;
}
.leadpro-info .usr .event-name > div {
    padding:0;
    border-bottom:1px solid #d9d9d9;
    border-radius: 0;
}
.leadpro-info .usr .event-name > div > div:first-child img {
    width:auto;
    height:auto;
    margin-bottom: 50px;
}
.leadpro-info .event-name .paragraph-span {
    clear:both;
    margin-top: 20px;
}
.leadpro-info .event-name h2 {
    color:#283c4b;
    font-size: 30px;
    line-height: 30px;
    font-family: "AvenirNextLTPro-Demi";
    margin-top:10px;
}
.leadpro-info .usr .event-name > div > div:first-child {
    height: 175px;
    padding:0 20px;
    margin-left:20px;
}
.leadpro-info .use {
    height:66px;
}
.leadpro-info .usr-tabs ul.use li.user-tab {
    padding: 0 85px 16px !important;
    font-size: 30px !important;
}

.leadpro-info .usr .event-name > div {
    width: 108%;
    margin-left: -5%;
}
.leadpro-info .links-div {
    margin-right:20px;
}
.answers {
    border:none !important;
    height:auto !important;
    width: 100% !important;
    margin-left: 0 !important;
}
.answers .links-div {
    border-top:1px solid #d9d9d9 !important;
    width:100% !important;
    margin-left: 0 !important;
    float:none !important;
    margin:20px auto !important;
    padding-top: 30px !important;
}
.answers .links-div > div {
    width: 410px;
    margin: 0 auto;
}
.answers .links-div a:first-child {
    float:left;
}
.answers .paragraph-span {
    font-family: "AvenirNextLTPro-Demi";
    display:inline-block;
}
.answers .paragraph-span-1 {
    font-family: "AvenirNextLTPro-Regular";
    display:inline-block;
    font-size: 20px;
    line-height: 30px;
    color: #283c4b;
}
.answers > div {
    height: auto !important;
    padding: 0 !important;
    margin-left: 0 !important;
    float:none !important;
}
.under-event {
    border-top: 1px solid #d9d9d9;
    height: 70px;
    clear: both;
}
.des {
    margin-bottom:10px;
}
.link-div-1 {
    width:auto;
    float:none;
    margin-top: 35px;
}
.link-div-1 a {
    float: left;
    margin-left: 12px;
    width: 180px !important;
    margin: 0;
    margin-right: 10px;
}
.but-1st {
    background-color: #2cccd3 !important;
    margin-left:0 !important;
    margin-right: 10px !important;
    margin-left: 3px !important;
}
.but-1st:hover {
    background-color: #21d0cd !important;
}

/*____________/LEADPRO\_____________*/



/*_____________MY-PROECT______________*/

.myproj-inp .description .input-span {
    clear:both;
    width:190px;
}
.myproj-inp {
    height:auto !important;
}
.myproj-inp .description .input {
    width: 544px;
}
.myproj-inp .div-border .description h1:nth-child(15) {
    margin-top:-10px !important;
    margin-bottom:30px !important;
}

.myproj {
    display:none;
}
.myproj .button {
    width:260px;
    padding-top:0;
    float: left;
    margin: 0;
}
.myproj .button:focus {
    outline:none;
}
.myproj hr {
    border-top: 1px solid #d9d9d9;
    margin-bottom: 40px;
}
.myproj hr + div {
    height: 50px;
    width: 260px;
    margin: 20px auto;
}
.myproj hr + div a:focus {
    color: #283c4b;
}
.myproj div.description h1 {
    margin-bottom: 40px !important;
    margin-top: 10px !important;
}
.width {
    width:300px !important;
}
.select-2 {
    margin-top: -10px;
    float: right;
    width: 80px;
    border-radius: 10px;
    border:none;
    height: 50px;
    font-size: 20px;
    font-family: "AvenirNextLTPro-Regular";
    background-color:transparent;
}
.select-1  {
    overflow: hidden; 
    height: 50px;
    border-radius: 10px;
    background: url(../images/caret.png) no-repeat #FFF;
    -webkit-appearance: none;
    background-position: 60px;
    float: left;
    width: 80px;
    padding-left: 15px;
}
.select-1:focus {
    outline: none;
}
.hour-2 {
    width: 110px;
    margin-right:20px;
}
.hour-1 {
    width: 100px;
    background-position: 80px;
}

/*____________/MY-PROECT\_____________*/



.myproj input[type='submit'] + a {
    margin:40px auto;
    width: 65px !important;
}
.myproj input[type='submit'] {
    margin-bottom: 40px;
}
.div-div {
    display:none;
}
.myproj.visibility + .div-div {
    background-color:#f7f7f7; 
    height:60px; 
    width:100%; 
    margin-bottom:-60px;
    display:block;
}





/*_____________THANKS______________*/



.thanks hr {
    border-top: 1px solid #d9d9d9;
    margin-top: 40px;
    margin-bottom: 40px;
}
.thanks div a {
    margin: 40px auto;
    width: 220px;
    height: 50px;
    display: block;
    padding-top: 12px;
    text-align: center;
    border-radius: 10px;
    background-color: #2cccd3;
    color: #FFF;
    font-family: "AvenirNextLTPro-Regular";
    font-size: 19px;
    text-decoration: none;
}
.thanks .container div {
    width: 500px;
    margin: 0 auto 50px;
    height: 90px;
}
.thanks div a:first-child {
    float:left;
}
.thanks div a:last-child {
    float:right;
}


/*____________/THANKS\_____________*/



.modal-window {
    height:700px;
    background-color:#f2f2f2;
}
.modal-wind {
    width:500px;
    height:auto;
    border:1px solid #d9d9d9;
    border-radius: 10px;
    background-color: #FFF;
    position: fixed;
    z-index:5;
    top:20%;
    left:50%;
    margin-left:-250px;
    opacity:0;
    display:none;
}
.modal-top {
    height:55px;
    border-bottom:1px solid #d9d9d9;
    width:97%;
    margin:0 auto;
}
.modal-top h1 {
    font-family: "AvenirNextLTPro-Regular";
    font-size: 25px;
    padding-left: 15px;
    color:#283c4b;
    float:left;
    font-weight: 600;
}
.modal-x {
    display: block;
    font-family: "AvenirNextLTPro-Regular";
    font-size: 25px;
    color: #FFF;
    margin-top: -9px;
}
.modal-top div {
    float: right;
    height: 20px;
    width: 20px;
    cursor: pointer;
    border:1px solid #2cccd3;
    overflow: hidden;
    border-radius: 5px;
    background-color: #2cccd3;
    margin-right: 10px;
    margin-top: 20px;
}
.modal-middle h1 {
    font-family: "AvenirNextLTPro-Regular";
    font-size: 25px;
    padding-left: 15px;
    color:#283c4b;
    text-align: center;
    margin-bottom:0;
    line-height: 35px;
    padding-right:15px;
}
.modal-middle h1:nth-child(2) {
    margin-top:0;
}
.modal-bottom .button {
    width: 200px;
}
#overlay {
    position: fixed; /* всегда перекрывает весь сайт */
    z-index: 3; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
    background-color: #283c4b; /* черная */
    opacity: 0.5; /* но немного прозрачна */
    width: 100%; 
    height: 100%; /* размером во весь экран */
    top: 0; 
    left: 0; /* сверху и слева 0, обязательные свойства! */
    cursor: pointer;
    display: none;
}
/*____________/THANKS\_____________*/





.answers > .blog-images {
    display:none;
}
.blog-images > .row > div > div {
    width: auto;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
}
.blog-images > .row {
    margin-bottom: -30px;
    margin-top: 20px;
}
.blog-images > .row {
    margin-bottom: -30px;
    margin-top: 20px;
}
.leadpro-info .tabs {
    height: auto;
    padding-top:20px;
}
.leadpro-info .event-name  .ev-h2 {
    color: #283c4b;
    font-size: 15px;
    line-height: 30px;
    font-family: "AvenirNextLTPro-Regular";
}
.leadpro-info .event {
    height:95px;
}
.leadpro-info .tabs .border {
    margin-top: -13px;
}
.use {
    margin:0;
}
.usr-1 {
    display:none !important;
    background-color:#FAFAFA
}
.visibility {
    display:block !important;
}
.usr-1 hr {
    width:100%;
}
.advice {
    height:160px;
    padding: 0 20px 20px;
}
.advice > h1 {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 30px;
    line-height: 40px;
    color:#283c4b;
    margin:0;
    padding-bottom:20px;
    border-bottom:1px solid #d9d9d9;
    margin-top:-20px;
}
.advice-block {
    float: left;
    width: 100%;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
    margin-top:20px;
    margin-bottom:20px;
}
.advice-img {
    float:left;
    margin-right:20px;
}
.adv-desc {
    float: left;
    width: 380px;
}
.adv-desc h1 {
    color:#283c4b;
    font-size: 30px;
    line-height: 40px;
    font-family: "AvenirNextLTPro-Demi";
    margin: 0;
    margin-top: 0px;
}
.adv-desc .link {
    float:none;
    font-family: "AvenirNextLTPro-Regular";
}
.adv-desc .paragraph-span {
    margin-top: 13px;
}
.adv-btn {
    float:right;
}
.adv-btn .button {
    margin: 0 auto;
}
.usr > .advice:first-child {
    height: 220px;
    margin-top: 15px;
}
.usr > hr {
    border-top:1px solid #d9d9d9;
    width: 95%;
}


/*_______________________________________________*/

form#form-login label.label-password-1 i {
    font-size: 32px;
    width: 60px;
    cursor: pointer;
    float: left;
    text-align: center;
    height: 50px;
    padding-top: 7px;
}

form#form-login label.label-password-1:focus i {
    color:#21d0cd;
}
.register-pro {
    height:auto !important;
}
.register-pro form#form-login {
    padding-bottom: 0;
}
.register-pro form#form-login div.email {
    margin-top:20px;
}
.register-pro .select-2 {
    border: none !important;
    margin-top:0 !important;
}
.register-pro .select-2 span {
    position: absolute;
    z-index: 1;
    margin-left: 9px;
    margin-top: 3px;
}
.register-pro .select-2 .select-1 {
    position: absolute;
    width: 100%;
    border: 1px solid #d9d9d9;
    padding-left: 55px;
    background-position: 350px;
    background-color: transparent;
    z-index:2;
}
.register-pro .select-2 .fa-square-o {
    padding-top: 8px;
    font-size: 1.3em;
}
.register-pro .select-2 .fa-check {
    font-size: .6em;
}
.register-pro .password-1 {
    margin-top: 20px;
}
.register-pro a {
    color: #2cccd3;
    font-size: 17px;
    line-height: 25px;
    display: inline-block;
    font-family: "AvenirNextLTPro-Regular";
}
.register-pro a:hover,
.register-pro a:focus {
    color: #21d0cd;
}
.register-pro .sign-in + span {
    display:block;
    margin:73px auto 20px;
    text-align: center;
    color:#808080;
    font-size: 17px;
    line-height: 25px;
    font-family: "AvenirNextLTPro-Regular";
}



/*_______________________________________________*/


/*_________________________--------------_________________*/

#form-register-pro .sign-in {
    width: 380px;
    height: 50px;
    border-radius: 10px;
    border: none;
    background-color: #2cccd3;
    color: #FFF;
    font-size: 17px;
    margin-top: 13px;
    display:block;
    margin:13px auto;
    font-family: "AvenirNextLTPro-Regular";
}
form#form-register-pro input.sign-in:hover {
    background-color: #21d0cd;
}
form#form-register-pro input.sign-in:focus {
    outline: none;
}
#form-register-pro .sign-in + span {
    width:580px;
    margin-bottom:80px;
    margin-top:40px;
}
#form-register-pro {
    width:780px;
    margin:0 auto;
}
#form-register-pro .input-span {
    width:20%;
}
#form-register-pro .input {
    width:77%;
}
#form-register-pro .select-2 {
    background-color: #FFF;
}
.eye {
    width: 77%;
    position: relative;
    float: right;
    margin-right: 3px;
}
.eye input {
    width: 100% !important;
    padding-right: 48px;
}
.eye i {
    position: absolute;
    top: 2px;
    right: 15px;
    font-size: 25px;
    z-index: 1;
    cursor: pointer;
}
.businessType {
    width: 77%;
    height: 50px;
    font-size: 17px;
    line-height: 25px;
    border-radius: 10px;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: #FFF;
}
.bs-type {
    height: 50px;
    border-radius: 10px;
    background: url(../images/caret.png) no-repeat #FFF;
    -webkit-appearance: none;
    position: absolute;
    width: 100%;
    border: 1px solid #d9d9d9;
    background-position: 565px;
    background-color: transparent;
    z-index: 2;
    padding-left: 15px;
    font-family: "AvenirNextLTPro-Regular";
    font-size: 20px;
}
.fa-eye {
    color:#19BBB7;
}
.bs-type:focus {
    outline:none;
}
#form-register-pro input[type=number]::-webkit-inner-spin-button, 
#form-register-pro input[type=number]::-webkit-outer-spin-button,
#ver-proc-form input[type=number]::-webkit-inner-spin-button,
#ver-proc-form input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.circles {
    height:207px;
    text-align: center;
    padding-right:3px;
    margin-top:65px;
}
.circles > div {
    display:inline-block;
}
.circles span {
    background-color: #F2F2F2;
    display:block;
    text-align: center;
    border:5px solid #2cccd3;
    border-radius:100px;
    height:80px;
    width:80px;
    color: #2cccd3;
    font-size:40px;
    line-height: 60px;
    font-family: "AvenirNextLTPro-Demi";
    padding-top:5px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.full {
    background-color: #2cccd3 !important;
    color:#FFF !important;
}
.border-horiz {
    width: 115px;
    border-top: 5px solid #2cccd3;
    height: 5px;
    margin-bottom: 73px;
    margin-left: -20px;
    margin-right: -20px;
    position: relative;
    z-index: 1;
}
.circles p {
    font-size: 20px;
    line-height: 60px;
    color: #2cccd3;
    font-family: "AvenirNextLTPro-Demi";
    text-align: center;
}
.businessDetails {
    margin-bottom:0 !important;
}

#form-register-pro-3 .sign-in {
    width: 380px;
    height: 50px;
    border-radius: 10px;
    border: none;
    background-color: #2cccd3;
    color: #FFF;
    font-size: 20px;
    margin-top: 25px;
    display:block;
    margin:35px auto 80px;
    font-family: "AvenirNextLTPro-Demi";
}
form#form-register-pro-3 input.sign-in:hover {
    background-color: #21d0cd;
}
form#form-register-pro-3 input.sign-in:focus {
    outline: none;
}
#form-register-pro-3 > span {
    display: block;
    margin: 40px auto 20px;
    text-align: center;
    color: #808080;
    font-size: 17px;
    line-height: 25px;
    font-family: "AvenirNextLTPro-Regular";
}
.adv {
    width:780px;
    height:auto;
    background-color: #fafafa;
    border:1px solid #d9d9d9;
    border-radius: 10px;
    margin:40px auto 0;
    padding: 40px 100px 0;
    text-align: center;
}
.adv-1,
.adv-2,
.adv-3 {
    width: 100%;
    height: auto;
    background-color: #fafafa;
    padding: 40px 0px 0;
    text-align: center;
    border-radius: 0;
}
.adv > span,
.adv-1 > span,
.adv-2 > span,
.adv-3 > span {
    text-align: center;
    color: #283c4b;
    font-size: 17px;
    line-height: 25px;
    font-family: "AvenirNextLTPro-Regular";
}
.adv > span > span,
.adv-1 > span > span,
.adv-2 > span > span,
.adv-3 > span > span {
    color:#2cccd3;
}
.adv img,
.adv-1 img,
.adv-2 img,
.adv-3 img {
    margin:10px auto;
}
.adv .sign-in,
.adv-1 .sign-in,
.adv-2 .sign-in,
.adv-3 .sign-in {
    background-color:#283c4b !important;
    padding-top:12px;
    margin-top:20px !important;
    margin-bottom:40px !important;
}
.adv .sign-in:hover,
.adv-1 .sign-in:hover,
.adv-2 .sign-in:hover,
.adv-3 .sign-in:hover {
    background-color: #3c5a71 !important;
    text-decoration: none;
}
.adv .sign-in:focus,
.adv-1 .sign-in:focus,
.adv-2 .sign-in:focus,
.adv-3 .sign-in:focus {
    text-decoration: none;
}
.adv-logo {
    display:block !important;
    width:240px;
    margin:0 auto;
}
#form-register-pro-3 > p {
    text-align: center;
    color:#808080;
    font-size: 20px;
    line-height: 60px;
    font-family: "AvenirNextLTPro-Regular";
}
.checkboxes h1 {
    color:#2cccd3;
    text-align: center;
    font-size:30px;
    line-height: 60px;
    font-family: "AvenirNextLTPro-Demi";
    margin-bottom:20px;
}
.checkboxes .row > div > div {
    border-bottom:1px solid #d9d9d9;
    height:90px;
}
.checkboxes .row > div:first-child > div,
.checkboxes .row > div:nth-child(2) > div {
    border-top:1px solid #d9d9d9;
}
.checkboxes input[type=checkbox]:not(old) {
    width     : 0;
    margin    : 0;
    padding   : 0;
    font-size : 1em;
    opacity   : 0;
}
.checkboxes input[type=checkbox]:not(old) + label > span {
    display          : inline-block;
    width            : 20px;
    height           : 20px;
    margin           : 0;
    border           : 2px solid #2cccd3;
    border-radius    : 5px;
    background       : inherit;
    vertical-align   : bottom;
}
.checkboxes input[type=checkbox]:not(old):checked + label > span:before {
    content     : '•';
    display     : block;
    width       : auto;
    height      : auto;
    margin-left : 0px;
    margin-top  : -9px;
    color       : #2cccd3;
    font-size   : 34px;
    line-height : 1em;
    text-align  : center;
    font-weight : bold;
}
.floatRightCheckbox {
    float:right;
}
.floatRightCheckbox label {
    margin-top: 112%;
    margin-right: 10px;
}
.checkboxes .input-span {
    margin-right:0;
    width: 380px;
    line-height: 30px;
    font-family: "AvenirNextLTPro-Regular";
    padding:10px;
}
.chkbx {
    font-family: "AvenirNextLTPro-Demi";
}
.reset-padd .under-text .link {
    font-family: "AvenirNextLTPro-Demi";
}
.reset-padd .pric-sub > div {
    text-align: center;
}
.reset-padd .pric-sub a {
    color:#FFF;
    padding-top: 6px;
    font-size: 20px;
    line-height: 40px;
}
.lead-plan {
    height: 130px;
}
.reset-padd .pricing {
    padding-top:0;
}
.leads + #form-register-pro-3 > h2 {
    text-align: center;
    font-size: 30px;
    line-height: 60px;
    font-family: "AvenirNextLTPro-Demi";
    color:#283c4b;
}
.leads + #form-register-pro-3 > h2 > span {
    color:#2cccd3;
}
.leads {
    height:auto;
    margin-bottom:30px;
}
.leads + #form-register-pro-3 > .checkboxes {
    margin-top:50px;
}
.leads + #form-register-pro-3 .sign-in + span {
    display: block;
    margin: 40px auto 80px;
    text-align: center;
    color: #808080;
    font-size: 17px;
    line-height: 25px;
    font-family: "AvenirNextLTPro-Regular";
    width: 580px;
}
.leads + #form-register-pro-3 .sign-in {
    width: 380px;
    height: 50px;
    border-radius: 10px;
    border: none;
    background-color: #2cccd3;
    color: #FFF;
    font-size: 17px;
    margin-top: 13px;
    display: block;
    margin: 30px auto 13px;
    font-family: "AvenirNextLTPro-Regular";
}
.leads + #form-register-pro-3 > .checkboxes + span {
    display: block;
    margin: 40px auto 20px;
    text-align: center;
    color: #808080;
    font-size: 20px;
    line-height: 30px;
    font-family: "AvenirNextLTPro-Regular";
    width:580px;
}
.leads + #form-register-pro-3 > .checkboxes + span > span {
    font-weight: 600;
}
.leads + #form-register-pro-3 > .checkboxes .row > div > div {
    height:55px;
}
.leads + #form-register-pro-3 > .checkboxes .floatRightCheckbox label {
    margin-top:55%;
}
.leads + #form-register-pro-3 > .checkboxes .input-span {
    width:auto;
}
.leads + #form-register-pro-3 > .checkboxes {
    padding-left:170px;
    padding-right:170px;
}



/*_________________________--------------_________________*/




/*_____________________REGISTER-PRO-LAST______________________*/



.register-pro-last {
    height:950px;
    background-color: #2cccd3;
}
.register-pro-last .container > a {
    margin:40px auto 20px;
    width:190px;
    height:160px;
    display: block;
}
.register-pro-last .container > a + h1 {
    text-align: center;
    line-height: 60px;
    font-size: 30px;
    color:#FFF;
    font-family: "AvenirNextLTPro-Demi";
}
.register-pro-last .container .row > div > div {
    width:400px;
}
.register-pro-last .container .row > div:first-child > div {
    float:right;
}
.register-pro-last .container .row > div:last-child > div {
    float:left;
}
.register-pro-last .container .row img {
    margin:0 auto;
}
.register-pro-last .container .row h1,
.register-pro-last .container > h3 {
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    color:#FFF;
    font-family: "AvenirNextLTPro-Demi";
}
.register-pro-last .container > h3 {
    margin-top:30px;
}
.register-pro-last .container .row span {
    text-align: center;
    display: block;
    line-height: 30px;
    font-size: 17px;
    color:#FFF;
    font-family: "AvenirNextLTPro-Regular";
}
.register-pro-last .container .row span > span {
    display:block;
}
.register-pro-last .container .row  {
    margin-top: 10px;
}
.register-pro-last .container > h2 {
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    color:#FFF;
    font-family: "AvenirNextLTPro-Regular";
    margin-top:40px;
}
.register-pro-last .container > h3 + h1 {
    text-align: center;
    line-height: 30px;
    font-size: 30px;
    color:#FFF;
    font-family: "AvenirNextLTPro-Demi";
}
.register-pro-last .container > h3 + h1 + a.button {
    width: 380px;
    height: 50px;
    background-color: #283c4b;
    font-size: 17px;
    line-height: 25px;
    padding-top: 14px;
    margin-bottom: 70px;
}
.register-pro-last .container > h3 + h1 + a.button:hover {
    background-color: #3c5a71;
}


.hide-button {
    background-color:#283c4b;
}



.multiple {
    width: 415px !important;
    margin-bottom: 30px;
    margin-top: -10px;
}
.ms-drop {
    padding-right:7px;
    border:1px solid #d9d9d9;
}
.ms-drop > ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #d9d9d9;
}
.ms-drop > ul::-webkit-scrollbar {
    width:7px;
}
.ms-drop > ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.ms-choice {
    background-color: #FFF;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    height:50px;
    background: url(../images/caret.png) no-repeat #FFF;
    -webkit-appearance: none;
    background-position:394px;
}
.ms-choice:focus {
    outline: none;
}
.ms-choice > span {
    top:12px;
    left:5px;
    font-family: "AvenirNextLTPro-Regular";
    font-size: 20px;
    color:#283c4b;
    padding-right: 10px;
}
.ms-drop ul > li {
    font-family: "AvenirNextLTPro-Regular";
    font-size: 20px;
    color:#283c4b;
}
.ms-drop ul > li label {
    cursor: pointer;
}
.ms-drop ul > li:hover {
    color:#2cccd3;

}
.ms-drop input[type=checkbox]:not(old) {
    opacity: 0;
    cursor: pointer;
}
.ms-choice > span.placeholder {
    padding-left: 15px;
}
/*span.placeholder:before {
    content: '--Select Answers--';
}*/
.ms-select-all label {
    margin-left:-5px;
}
.ms-drop ul > li.selected {
    color: #2cccd3;
}
/*____________________/REGISTER-PRO-LAST\_____________________*/



.media-top {
    height:325px;
    background-color: #2cccd3;
}
.media-top h1 {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 40px;
    line-height: 60px;
    color:#FFF;
    text-align: center;
    margin-top: 65px;
}
.media-top h2 {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 30px;
    line-height: 60px;
    color:#FFF;
    text-align: center;
    margin-top: -15px;
}
.media-top .button {
    background-color: #283c4b;
    width:380px;
    padding-top: 10px;
}
.media-top .button:hover {
    background-color: #3c5a71;
}
.media-nav {
    background-color: #FFF;
    height:60px;
}
.media-nav li {
    list-style-type: none;
    color:#283c4b;
    font-size: 20px;
    line-height: 60px;
    font-family: "AvenirNextLTPro-Demi";
}
.media-nav ul {
    text-align: center;
}
.media-nav a {
    display:inline-block;
    margin:0 50px;
}
.media-nav a:hover li {
    color:#2cccd3;
}
.media-nav a:hover,
.media-nav a:focus {
    text-decoration: none;
}

.media-bottom {
    height:auto;
    background-color: #f2f2f2;
}
.media-bottom h1 {
    font-size: 40px;
    line-height: 30px;
    color:#283c4b;
    font-family: "AvenirNextLTPro-Demi";
    text-align: center;
    margin-top: 80px;
    margin-bottom:80px;
}
.media-bottom .row > div > div {
    border:1px solid #d9d9d9;
    border-radius:10px;
    height:275px;
    background-color: #FFF;
    overflow:hidden;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:30px;
}
.media-bottom .row img {
    margin:35px auto 25px;
}
.media-bottom .input-span {
    font-family: "AvenirNextLTPro-Regular";
    margin-top:15px;
}
.media-bottom .row > div > div .link {
    float:none;
    display: block;
    height: 120px;
    overflow: hidden;
    margin-top: -15px;
}
.media-row > div > div {
    padding-top:20px;
    height:280px !important;
}
.media-row .input-span {
    margin-top:5px;
}
.media-row .link {
    height: 210px;
    display: block;
    overflow: hidden;
}
.media-bottom .row {
    margin-bottom: -40px;
}
.down-docs h2 {
    font-size: 30px;
    line-height: 45px;
    color: #283c4b;
    font-family: "AvenirNextLTPro-Demi";
    text-align: center;
    margin-top: 0;
}
.down-docs h2 + h2 {
    margin-top:-10px;
}
.down-docs .link {
    float:none;
    text-align: center;
    display:block;
    line-height: 45px;
}
.down-docs {
    margin-top:-5px;
    margin-bottom:40px !important;
}









.error .bg-bottom {
    height:310px;
}
.error .bg-top h1 {
    font-size: 40px !important;
    line-height: 60px !important;
    text-align: center;
    margin-bottom: 15px !important;
    margin-top:0 !important;
}
.error div.bg-top {
    background-image: url(../images/lastBg.png);
    height:365px;
}
.error .bg-bottom h1 {
    font-family: "AvenirNextLTPro-Demi";
    text-align: center;
    font-size: 30px;
    line-height: 40px;
    color:#FFF;
    margin:0;
}
.error .bg-bottom .button {
    width:280px;
}
.error .bg-bottom .row > div:first-child .button {
    float:right;
}
.error .bg-bottom .row > div:last-child .button {
    float:left;
}
.err-bot h1 {
    color:#283c4b;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    margin: 0;
    font-family: "AvenirNextLTPro-Demi";
    margin-top: 71px;
}
.err-bot {
    height:auto;
    padding-bottom:20px;
    background-color: #f2f2f2;
}
.err-bot .row > div > div {
    overflow: hidden;
    border-radius: 10px;
}
.err-bot .row {
    margin-top:80px;
}
.err-bot .row h2 {
    color:#283c4b;
    font-size: 30px;
    line-height: 40px;
    margin: 0;
    font-family: "AvenirNextLTPro-Demi";
    margin-top: 9px;
    height:120px;
    overflow: hidden;
    padding:0 1px;
}
.err-bot .row .button {
    width:280px;
}


.lead-new {
    height:575px;
    border:1px solid #000;
    background-color: #d9d9d9;
    margin-top: 160px;
    border-radius: 0 0 10px 10px;
}
.lead-new h5,
.div-lead-form span {
    font-family: "AvenirNextLTPro-Demi" !important;
    color:#283c4b;
    font-size: 20px;
    line-height: 60px;
    letter-spacing: 0;
    margin:0 20px;
    height:60px;
    overflow:hidden;
}

.under-lead-new {
    height:auto;
    background-color: #FFF;
    border-radius: 10px;
    margin:0 20px;
    padding-top:10px;
    padding-bottom:10px;
    clear:both;
}
.under-lead-new p {
    color:#a6a6a6;
    font-family: "AvenirNextLTPro-Regular";
    line-height: 30px;
    font-size: 20px;
    margin:0 20px;
}
.div-lead-form {
    float:left;
    margin-left:20px;
    clear:both;
}
.div-lead-form input {
    width:135px;
    height:50px;
    border-radius: 10px;
    background-color: #FFF;
    padding-left:5px;
    padding-right:5px;
    border:none;
    color: #000;
    font-family: "AvenirNextLTPro-Regular";
    line-height: 30px;
    font-size: 20px;
}
.div-lead-form input::-webkit-outer-spin-button,
.div-lead-form input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.div-lead-form input:focus {
    outline: none;
}
.to {
    margin:0 0 0 20px !important;
}
.div-lead-form span:not(.to) {
    margin:0 10px !important;
}
.form-lead-new input[type="submit"] {
    padding-top:0;
    float:right;
    margin-right:20px;
    margin-top:5px;
    margin-bottom:0;
}
.form-lead-new input[type="submit"]:focus {
    outline:none;
}

.under-event {
    margin-top:20px;
}
.lead-new h5 {
    float:left;
}
.under-lead-new textarea {
    resize:none;
    width:100%;
    height:210px;
    border:none;
    padding:0 20px;
    color: #000;
    font-family: "AvenirNextLTPro-Regular";
    line-height: 30px;
    font-size: 20px;
}
.under-lead-new textarea[name="lead-textarea-bottom"] {
    height:auto;
}
.under-lead-new textarea:focus {
    outline: none;
}
.under-lead-new > div {
    cursor:text;
}
.company-page-6 .button,
.company-page-6 .services-div {
    width: 160px;
}
.company-page-6 .button {
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
}
.company-page-6 .services-div .link {
    font-size: 19px;
}
.company-page-6 .checkboxes {
    border-top:1px solid #2cccd3;
    padding-top:20px;
    margin-top:30px;
}
.company-page-6 .checkboxes .row > div > div {
    border:none;
    margin-top:40px;
}
.company-page-6 .checkboxes .row > div > div img {
    width: 200px;
    margin:0px auto;
    display:inline-block;
}
.company-page-6 .checkboxes .row > div > div a {
    text-decoration: none;
    color:#d6d6d6;
    font-size:40px;
}
.company-page-6 .checkboxes .row > div > div a span {
    margin-left:40px;
    margin-right:40px;
    margin-top:20px;
    display:inline-block;
}

.register-new-block img {
    width:150px;
    display: inline-block;
    margin-bottom: 8px;
}
.register-new-block a span {
    font-size: 25px;
    color:#d9d9d9;
    display: inline-block;
    margin-left: 20px;
    margin-right: 5px;
}
.register-new-block .row > div > div {
    height: 95px !important;
    padding-top: 20px;
}
.register-background-block {
    background-color: #d9d9d9;
    height:auto;
    width:800px;
    margin:40px auto;
    padding-bottom:20px;
}
.register-background-block img {
    width:200px;
    display:inline-block;
}
.register-background-block > div > a {
    text-decoration: none;
    color:#ccc;
    font-size: 40px;
    display: inline-block;
}
.register-background-block > div > a span {
    margin-left:75px;
}
.register-background-block > div {
    margin: 40px auto;
    width: 490px;
}
.register-background-block h1 {
    text-align: center;
    font-size: 35px;
    line-height: 60px;
    font-family: "AvenirNextLTPro-Demi";
    color: #283c4b;
}
.register-background-block .link {
    float:none;
    font-family: "AvenirNextLTPro-Demi";
    text-align: center;
    display:block;
    font-size: 20px;
}
.register-background-block #remember-me + label {
    margin-left: -32px;
    font-size:17px;
    line-height: 25px;
    color:#283c4b;
    font-weight: 400 !important;
}
.register-background-block input[type=checkbox]:not(old) {
    width     : 2em;
    margin    : 0;
    padding   : 0;
    font-size : 1em;
    opacity   : 0;
}
.register-background-block input[type=checkbox]:not(old) + label > span {
    display          : inline-block;
    width            : 20.5px;
    height           : 20px;
    margin           : 0.25em 0.5em 0.15em 0.25em;
    border           : 2px solid #2cccd3;
    border-radius    : 5px;
    background       : #FFF;
    vertical-align   : bottom;
}
.register-background-block input[type=checkbox]:not(old):checked + label > span:before {
    content     : '•';
    display     : block;
    width       : 16px;
    height      : 16px;
    margin-left : .5px;
    margin-top  : -7px;
    color       : #2cccd3;
    font-size   : 31px;
    line-height : 1em;
    text-align  : center;
    font-weight : bold;
}
.input-center {
    text-align: center;
    width: 100% !important;
    margin-bottom:0 !important;
}




/*______________________NEW__________________________*/

.addCreateProgallery {
    height:auto;
    background-color: #d9d9d9;
    padding:40px 0;
}
.galleryRewards {
    float:right;
    width:300px;
    background-color: #f2f2f2;
}
.topGalleryRewards {
    height:50px;
    background-color: #2cccd3;
}
.topGalleryRewards h3 {
    font-family: "AvenirNextLTPro-Regular";
    font-size: 20px;
    line-height: 25px;
    color:#FFF;
    text-align: center;
    margin-top:0;
    padding-top:11px;
}
.middleGalleryRewards {
    padding:20px;
}
.middleGalleryRewards h2 {
    font-family: "AvenirNextLTPro-Demi";
    color: #283c4b;
    font-size: 20px;
    line-height: 25px;
    margin-top:0;
}
.middleGalleryRewards ul li:before {
    color: #28BCB7; /* Цвет маркера */
    content: "•"; /* Сам маркер */
    padding-right:12.5px;
    font-size:17px;
    height:30px;
}
.middleGalleryRewards ul li {
    color:#283c4b;
    font-family: "AvenirNextLTPro-Regular";
    font-size: 15px;
    line-height: 20px;
    margin-bottom:10px;
}
.newGallery h2 {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 30px;
    line-height: 35px;
    color:#283c4b;
    margin-top:0;
    margin-bottom:50px;
}
.newGallery .input {
    width: 560px;
}
.newGallery textarea {
    height:105px;
    resize:none;
}
.newGallery {
    width:800px;
    float:left;
    right:40px;
    height:auto;
    background-color: #f2f2f2;
}
#form-newGallery > div {
    padding:20px;
    border-bottom:1px solid #d9d9d9;
    margin-bottom:20px;
}
#form-newGallery .dropzone a.button {
    background-color: #283c4b;
}
#form-newGallery .dropzone a.button:hover {
    background-color: #3c5a71;
}
.gallery-image {
    border-bottom: none !important;
}
.img-gall {
    width:160px;
    float:left;
    height:160px;
    overflow: hidden;
    border-radius: 10px;
    background-color: #d9d9d9;
    margin-right:20px;
}
.img-gall img {
    min-height: 100%;
    min-width: 100%;
}
.descNewGallery .input {
    width: 380px;
}
.descNewGallery .input-span {
    text-align: right;
}
.descNewGallery {
    float: left;
    margin-top: 10px;
    margin-bottom: 30px;
}
.descNewGallery textarea {
    height:90px;
}
#form-newGallery input[type="submit"] {
    padding-top:0;
}
#form-newGallery input[type="submit"]:focus {
    outline:none;
}
.drop-border {
    border-bottom:none !important;
}
.thankYouCreateProgallery h2 {
    text-align: center;
    margin-bottom: 30px;

}
.thankYouCreateProgallery {
    padding:30px 20px 0;
}

.Progallery .backAllProjects {
    height:60px;
    background-color: #FFF;
}
.Progallery .backAllProjects .link {
    float: left;
    margin-left: 20px;
    margin-top: 15px;
}
.check-gallery input[type=checkbox]:not(old),
.gallery-image > div > input[type=checkbox]:not(old) {
    width     : 2em;
    margin    : 0;
    padding   : 0;
    font-size : 1em;
    opacity   : 0;
}
.check-gallery input[type=checkbox]:not(old) + label > span,
.gallery-image > div > input[type=checkbox]:not(old) + label > span {
    display          : inline-block;
    width            : 20.5px;
    height           : 20px;
    margin           : 0.25em 0.5em 0.25em 0.25em;
    border           : 0.0625em solid rgb(192,192,192);
    border-radius    : 5px;
    background       : #FFF;
    vertical-align   : bottom;
}
.check-gallery input[type=checkbox]:not(old):checked + label > span:before,
.gallery-image > div > input[type=checkbox]:not(old):checked + label > span:before {
    content     : '•';
    display     : block;
    width       : 16px;
    height      : 16px;
    margin-left : 1px;
    margin-top  : -11px;
    color       : #2cccd3;
    font-size   : 42px;
    line-height : 1em;
    text-align  : center;
    font-weight : bold;
}
.check-gallery #remember-me + label,
.gallery-image > div >  label {
    margin-left: -32px;
    font-size:17px;
    line-height: 25px;
    color:#808080;
    font-weight: 400 !important;
}
.check-gallery .link {
    font-family: "AvenirNextLTPro-Regular";
    float: left;
    font-size: 18px;
}
.check-gallery > div {
    float: left;
    width: 110px;
    margin-right: 40px;
}
.check-gallery {
    margin-bottom:40px !important;
    height: 50px;
    border-bottom: none !important;
}
.Progallery .descNewGallery .input-span {
    width:100px;
}
.Progallery .descNewGallery {
    margin-left: 40px;
}
.ch-gall {
    float: left;
    margin-top: 65px;
}
.Progallery .drop-border {
    clear: both;
}
.Progallery .drop-border .button {
    margin-top: 40px;
    margin-bottom: 15px;
}
.Progallery .drop-border .dropzone {
    height: 142px;
}
.uppercase-link {
    text-transform: uppercase;
    display: inline-block;
    margin: 0 10px;
    width: 245px;
}
.black-link-upper {
    background-color: #283c4b;
}
.black-link-upper:hover {
    background-color: #3c5a71;
}
/*_____________________/NEW\_________________________*/

.verproc-bg {
    background-image: url(../images/verproc-bg.png);
    background-color: #283c4b;
    background-repeat: no-repeat;
    background-size: cover;
    height:455px;
    padding-top:90px;
}
.verproc-bg h2 {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 60px;
    line-height: 80px;
    color:#FFF;
    text-align: center;
    margin: 0;
}
.verproc-bg h3 {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 40px;
    line-height: 80px;
    color:#FFF;
    text-align: center;
    margin: 0;
    margin-top:40px;
}
.verproc-articles {
    background-color: #f2f2f2;
    padding-top:40px;
}
.verproc-articles h1 {
    font-family: "AvenirNextLTPro-Demi";
    color:#283c4b;
    font-size: 40px;
    line-height: 60px;
    text-align: center;
}
.verproc-articles h2 {
    font-family: "AvenirNextLTPro-Regular";
    color:#283c4b;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    margin-bottom:40px;
}
.img-ver-block {
    float:left;
    margin-right: 40px;
}
.ver-text {
    float:left;
    width:580px;
}
.ver-block {
    margin-bottom: 50px;
    float:left;
    clear:both;
}
.ver-text h3 {
    font-family: "AvenirNextLTPro-Demi";
    color:#283c4b;
    font-size: 40px;
    line-height: 60px;
}
.ver-text p {
    font-family: "AvenirNextLTPro-Regular";
    color:#283c4b;
    font-size: 20px;
    line-height: 30px;
}
.ver-text h3 span {
    color:#2cccd3;
}
.ver-text p .link {
    float:none;
}
.ver-margin-left {
    margin-left:200px;
}

.unmatched h1 {
    font-family: "AvenirNextLTPro-Demi";
    color:#FFF;
    font-size: 40px;
    line-height: 60px;
    text-align: center;
}
.unmatched h1 span {
    color:#2cccd3;
}
.unmatched .item-1 {
    text-transform: capitalize;
    font-size: 20px;
    line-height: 40px;
}
.unmatched .item-2 {
    text-transform: capitalize;
    font-size: 20px;
    line-height: 30px;
}
.got-what {
    background-color: #2cccd3;
}

.got-what h1 {
    font-family: "AvenirNextLTPro-Demi";
    color:#283c4b;
    font-size: 40px;
    line-height: 60px;
    text-align: center;
    margin-top:40px;
}
.got-what h2 {
    font-family: "AvenirNextLTPro-Regular";
    color:#283c4b;
    font-size: 30px;
    line-height: 45px;
    text-align: center;
    margin:0;
}
.got-what .black-button {
    margin:40px auto 80px;
}
.ver-proc-form {
    background-image: url(../images/ver-bottom-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #283c4b;
    background-position: center;
}
.ver-proc-form form > div {
    width: 860px;
    border-radius:10px;
    background-color: #2cccd3;
    padding:20px;
    margin:80px auto;

}
.ver-proc-form h1 {
    font-family: "AvenirNextLTPro-Demi";
    color:#283c4b;
    font-size: 30px;
    line-height: 60px;
    text-align: center;
    margin-top:0;
}
.ver-proc-form h2 {
    font-family: "AvenirNextLTPro-Regular";
    color:#283c4b;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    margin:0;
}
.ver-proc-form h2 span {
    font-style: italic;
}
.ver-proc-form input.black-button {
    padding: 0;
    height: 50px;
    margin:0 auto;
    width:380px;
}
.ver-proc-form .input {
    width:380px;
    margin:0 auto;
    display: block;
}


/*____________________________________________________________*/


.leaf-bg {
    background-color: #283c4b;
    background-image: url(../images/leaf.png);
    background-position: center;
    background-repeat: no-repeat;
    padding-top:80px;
    padding-bottom:80px;
    border-top:2px solid #2cccd3;
}
.leaf-bg h1 {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 60px;
    line-height: 80px;
    color:#FFF;
    text-align: center;
    margin-top:0;
}
.prove {
    background-color: #2cccd3;
    padding-top:80px;
    padding-bottom:80px;
}
.prove-left {
    float:left;
}
.prove-img {
    float:right;
    margin-top: 80px;
}
.prove-h1 {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 40px;
    line-height: 60px;
    color:#283c4b;
    margin:0;
}
.prove-span {
    width:700px;
    font-size: 20px;
    color: #283c4b;
    line-height: 30px;
    font-family: "AvenirNextLTPro-Regular";
    display: block;
    margin-top:20px;
}
.prove-bold {
    font-size: 20px;
    color: #283c4b;
    line-height: 30px;
    font-family: "AvenirNextLTPro-Demi";
    margin:0;
}
.about-contr-bg {
    background-color: #283c4b;
    background-image: url(../images/contractor-bg-1.png);
    background-repeat:none;
    background-size: cover;
    background-position: center;
    padding-top:80px;
    padding-bottom:80px;
}
.about-contr-bg-img {
    float:left;
    margin-right:20px;
    margin-top: 20px;
}
.about-contr-bg-h1 .prove-h1 {
    color:#FFF;
}
.about-contr-bg-h1 {
    float:left;
}
.prove-span .link {
    float:none;
}
.about-contr-bg-text .prove-span {
    color:#FFF;
    width: 820px;
}
.about-contr-bg-title {
    margin-bottom:20px;
    float: left;
}
.about-contr-bg-text {
    clear: both;
}
.industry {
    background-color: #f2f2f2;
    background-image: none;
}
.industry .prove-img {
    margin-top:-20px;
}
.case-icon {
    background-image: url(../images/contractor-bg-2.png);
}
.case-icon .prove-span {
    width: 840px;
}
.recognition {
    background-color: #19BBB7;
    padding-top:80px;
    padding-bottom:80px;
    background-image: url(../images/worker-1.png);
    background-repeat: no-repeat;
    background-position: 95% bottom;

}
.recognition h2 {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 40px;
    line-height: 60px;
    color:#FFF;
    margin:0;
}
.recognition .black-button {
    height:50px;
    padding-top:11px;
}
.recognition a {
    display: inline-block !important;
    margin:0 10px;
}
.white-button {
    display: block;
    width: 280px;
    height: 50px;
    text-align: center;
    padding-top: 11px;
    border-radius: 10px;
    border: none;
    background-color: #FFF;
    color: #283c4b;
    font-size: 20px;
    font-family: "AvenirNextLTPro-Regular";
    text-decoration: none;
}
.white-button:hover,
.white-button:focus {
    text-decoration: none;
    color: #283c4b;
}
.white-button:hover {
    background-color: #F2E8E8;
}
.recogn-links {
    float: left;
    margin-top: 40px;
}
.dropzone .dz-preview.dz-error .dz-error-mark {
    display: none;
}




/*____________________________________________________________*/

/*____________________________________________________________*/


.black-block {
    background-color: #000;
    padding-bottom:3px;
    padding-right: 65px;
    padding-left: 20px;
    position: relative;
}
.triangle {
    height: 35px;
    width: 36px;
    position: absolute;
    top: 0;
    right: 0px;
}
.triangle:before {
    content: '';
    position: absolute;
    border-left: 36px solid transparent;
    border-top: 36px solid #919191;
    transition:.4s;
    cursor: pointer;
}
.triangle:hover:before {
    border-top-color: #FFF;
}
.black-block-close {
    float: right;
    margin-right: 50px;
    cursor: pointer;
    opacity: .7;
    color: #FFF;
    transition: .4s;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 14px;
}
.black-block-close:hover {
    opacity: 1;
    transition:.4s;
}
.black-block-text {
    padding-top: 11px;
    text-align: center;
}
.black-block-text p {
    display: inline-block;
}
.black-block-text > p {
    color:#c6c6c6;
    font-size: 14px;
    line-height: 24px;
    font-family: "AvenirNextLTPro-Regular";
    margin-right:15px;
}
.black-block-text > a > p {
    font-size: 11px;
    line-height: 20px;
    font-family: "AvenirNextLTPro-Regular";
    background-color: #319F9B;
    width:70px;
    height: 25px;
    text-align: center;
    transition:.4s;
    border-radius:2px;
    padding-top: 3px;
}
.buy-now-black-block {
    color:#FFF;
    width:100%;
    height:100%;
}
.buy-now-black-block:hover,
.buy-now-black-block:focus {
    color:#FFF;
    text-decoration: none;
}
.buy-now-black-block:hover > p {
    background-color: #16CAC3;
    transition:.4s;
}
.grey-block {
    position: relative;
    z-index: 2;
}
.leadpro_info_new_block {
    margin-left: 0 !important;
    float: left;
    clear: both;
    width: 100% !important;
    border-bottom:none !important;
    padding-top:40px !important;
    height: auto !important;
}
.leadpro_info_new_block > .status {
    display: block;
    margin-top:10px;
    margin-bottom:10px;
    font-size: 20px;
}
.leadpro_info_new_block > .status > span {
    font-family: "AvenirNextLTPro-Regular" !important;
}
.leadpro_info_new_a {
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom:20px !important;
    text-align: center;
    border-bottom: none !important;
    height: auto !important;
}
.leadpro_info_new_a div {
    display:inline-block;
    border-radius: 10px;
    background-color: #2cccd3;
    color:#FFF;
    padding:20px 0;
    width:180px;
    margin:7px 7px;
}
.leadpro_info_new_a div span {
    display: block;
    font-size: 20px;
    font-family: "AvenirNextLTPro-Regular";
    padding-top:5px;
}
.leadpro_info_new_a div i {
    font-size: 35px;
}
.leadpro_info_new_a a:hover,
.leadpro_info_new_a a:focus {
    text-decoration: none;
}
.leadpro_info_new_a a:hover div {
    background-color: #283c4b;
}


/*____________________________________________________________*/

/*____________________________________________________________*/

.landing-header-menu li {
    padding: 1px 80px;
}
.landing-content .industry {
    background-color: #2cccd3;
}
.landing-content .prove-h1,
.landing-content .prove-span {
    color: #FFF;
}
.landing-content .prove-span {
    height: 90px;
    overflow: hidden;
    float: left;
    font-size: 30px;
    line-height: 45px;
    width:100%;
}
.landing-content .prove-h1 {
    width:100%;
    font-size: 55px;
    line-height: 70px;
}
.landing-content .prove-left {
    margin-top: -20px;
    width:700px;
}
.landing-content .ver-proc-form h1 {
    margin-bottom:0;
}
.landing-content .ver-proc-form input[type=number] {
    padding-right: 20px;
}
.landing-content .business.input {
    padding-left:0;
    background: url(../images/caret.png) no-repeat #FFF;
    background-position: 355px;
}
.landing-content .business.input > #business {
    padding-left:15px;
    width:100%;
}
select {
    -webkit-appearance: none;
}
.landing-content .ver-proc-form .input-span {
    width:100%;
    text-align: center;
    font-family: "AvenirNextLTPro-Regular";
    float: none;
    display: inline-block;
    margin-right: auto;
    margin-bottom:10px;
}
.landing-three-icons {
    background-color:#283c4b;
    background-image: url(../images/landing-bg.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    padding-top:40px;
}
.blue-button {
    display: block;
    width: 280px;
    height: 50px;
    text-align: center;
    padding-top: 11px;
    border-radius: 10px;
    border: none;
    background-color: #2cccd3;
    color: #FFF;
    font-size: 20px;
    font-family: "AvenirNextLTPro-Regular";
    text-decoration: none;
}
.blue-button:hover,
.blue-button:focus {
    color:#FFF;
    text-decoration: none;
}
.blue-button:hover {
    background-color: #21d0cd;
}
.landing-three-icons .blue-button {
    margin: 40px auto 80px;
    height: 70px;
    padding-top: 21px;
}
.landing-three-icons h1 {
    font-size: 40px;
    line-height: 60px;
    font-family: "AvenirNextLTPro-Demi";
    color:#FFF;
    text-align: center;
}
.landing-three-icons .row > div {
    text-align: center;
}
.landing-three-icons .row > div > img {
    margin: 20px auto 40px;
}
.landing-three-icons .item-1 {
    font-size: 30px;
    line-height: 40px;
}
.landing-three-icons .row {
    margin-top:40px;
    margin-bottom:80px;
}
.landing-content .about {
    height: auto;
    margin-bottom:-40px;
    overflow: hidden;
}
.landing-content .about .learn-more {
    float:left;
}
.paragraph-about-black {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 20px;
    line-height: 30px;
    color: #283c4b;
}
.landing-content .about li.paragraph-about {
    font-size: 20px;
    line-height: 30px;
    font-family: "AvenirNextLTPro-Regular";
    color: #283c4b;
    list-style-type: disc;
    margin-left: 20px;
}
.landing-content .about .row {
    margin-bottom: 120px;
}
.margin-top {
    margin-top: -30px;
}
.landing-content .about .btn1 {
    width: auto;
    padding-left: 40px;
    padding-right: 40px;
}

/*____________________________________________________________*/

/*____________________________________________________________*/

.landing-four-icons{
    background-image: none;
}
.landing-four-icons .row img {
    margin:0 auto 40px;
}
.landing-icons-div {
    margin-bottom:80px;
}
.landing-phones img {
    margin:0 auto !important;
}
.landing-text {
    background-color:#2cccd3;
    height: auto;
    padding-top:80px;
    padding-bottom:80px;
}
.landing-text h1 {
    color:#223340;
    font-size: 60px;
    line-height: 80px;
    font-family: "AvenirNextLTPro-Demi";
    text-align: center;
    margin-top:0;
    margin-bottom:20px;
}
.landing-text .paragraph-about {
    font-size: 20px;
    line-height: 30px;
    font-family: "AvenirNextLTPro-Regular";
    color: #283c4b;
}
.landing-text .paragraph-about-black {
    font-size: 30px;
    line-height: 45px;
}
.landing-text li {
    list-style-type: disc;
    margin-left: 20px;
}
.landing-03 .landing-text p {
    color: #223340;
    font-size: 30px;
    line-height: 45px;
    text-align: center;
    font-family: "AvenirNextLTPro-Demi";
    margin:0;
}
.landing-seven-icons .item-2 {
    height:auto;
}
.landing-seven-icons .item-1 {
    margin-bottom:5px;
    height:40px;
}
.inline-blocks {
    width: 350px;
    display: inline-block;
    margin-bottom:40px;
    margin-left:15px;
    margin-right: 15px;
}
.landing-seven-icons .row {
    text-align: center;
}
.landing-seven-icons {
    padding-bottom:40px;
    background-image: url(../images/landing-bg.png);
}
.landing-seven-icons + .about .img-bg {
    width: 450px !important;
    float:right;
}
.landing-seven-icons + .about .img {
    width:100% !important;
}
.landing-seven-icons + .about .row {
    margin-bottom: 60px;
}
.landing-seven-icons + .about {
    margin-bottom:0;
}
.landing-circle div {
    float:left;
    background-color: #283c4b;
    width:50px;
    height:50px;
    border-radius: 100px;
    text-align: center;
}
.landing-circle {
    margin-bottom:70px;
}
.landing-title {
    float:left !important;
    color: #283c4b;
    font-size: 30px;
    line-height: 30px;
    font-family: "AvenirNextLTPro-Demi";
    display: block;
    margin-top:10px;
    margin-left: 20px;
}
.landing-circle + .paragraph-about {
    clear:both;
}
.landing-circle div span {
    color:#FFF;
    font-size: 30px;
    line-height: 40px;
    font-family: "AvenirNextLTPro-Demi";
    float:none !important;
    display: block;
    padding-top: 4px;
    padding-left: 1px;
}
.margin-top-1 {
    margin-top: 50px;
}
.landing-04 .paragraph-about-black {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 20px;
}
.landing-04 .about {
    background-image: url(../images/landing-bg-new.png);
    background-repeat: repeat;
}
.landing-04 .about .img-bg {
    width:490px;
}
.img-bg-float {
    float:right;
}
.landing-04 .landing-text h1 {
    margin-bottom:10px;
}
.home-trust {
    width: 400px;
    margin: 0 auto 40px;
}


.right-column {
    width: 300px;
    float: right;
}
.main-left {
    width: 750px;
    font-family: "AvenirNextLTPro-Regular";
    font-size: 13px;
    color: #666666;
    float: left;
}
.edit-common-header .left-text {
    color: #2cccd3;
    font-size: 24px;
    font-weight: 600;
}
main {
    padding-top:45px;
    padding-bottom:45px;
}
.best-seller a:hover {
    text-decoration: none;
}
.best-seller a > span > i:first-child {
    font-size: 55px;
}
.best-seller a > span > i:last-child {
    font-size: 29px;
    padding-top: 9px;
    padding-left: 8px;
}
.best-seller a > span {
    margin-right: 25px;
}
.best-seller a[title="facebook"] span > i:first-child {
    color:#3266B9;
    opacity:.7;
}
.best-seller a[title="twitter"] span > i:first-child {
    color:#3BC3FB;
    opacity:.7;
}
.best-seller a:hover span > i:first-child {
    opacity:1;
}
.right-column section {
    margin-bottom: 20px;
    padding-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.new-banner img {
    width:100%;
}
.new-banner {
    margin-bottom:20px;
}
.new-banner + .fb-like {
    float:right;
    margin-bottom:20px;
}
#contest-links,
#contest-links a {
    font-family: "AvenirNextLTPro-Regular";
    font-size: 13px;
    color: #666666;
    text-align: left;
    margin-top: 22px;
    margin-left: 10px;
    clear:both;
}
#contest-links a {
    text-decoration: underline;
}
#contest-links a:hover {
    text-decoration: none;
}
#enter-LG .left {
    float: left;
    width: 500px;
    padding-top: 10px;
}
#enter-LG .left h2 {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 20px;
    color: #2cccd3;
}
#enter-LG .right {
    float: right;
    width: 205px;
    height: 205px;
    margin-right: 12px;
}
#enter-LG .right img {
    width:100%;
}
#enter-LG .left p {
    margin-bottom: 30px;
}
.youtube-new {
    clear: both;
}
.youtube-new img {
    width:100%;
}


.youtube-new p {
    font-family: "AvenirNextLTPro-Demi";
    color: #3d3e3f;
    font-weight: bold;
    text-align: right;
    margin-right: 45px;
}
.youtube-new p a {
    color: #2cccd3;
    text-decoration: underline;
}
.youtube-new p a:hover {
    text-decoration: none;
}
#logo-btm img {
    width:93px;
    height:30px;
}
#logo-btm {
    margin-top: 30px;    
    margin-left: 20px;
    clear: both;
}
#mini-disclaimer {
    margin-top: 32px;
    font-size: 12px;
    width:100%;
    color:#000;
    clear: both;
}
#mini-disclaimer .link {
    font-size: 12px;
}
.main-left .link {
    float:none;
    color: #2cccd3;
}
.main-left .link:hover {
    color:#1FE4DF;
}
#entry .formInput {
    float: left;
    width: 280px;
    margin-top: 20px;
}
#entry label {
    display: block;
    margin-bottom: 8px;
}
#entry .formInput label {
    font-size: 11px;
    color: #ccc;
}
#entry input[type="text"], 
#entry input[type="email"] {
    width: 205px;
    height: 25px;
    padding: 0 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #7c7c7c #c3c3c3 #dddddd;
    line-height: 1.2;
    font-size: 16px;
    font-family: "Century Gothic", Verdana, Arial;
}
.clear {
    clear: both;
}
#entry input[type="text"].numbers {
    width: 50px!important;
}
#entry .formCheckBox1 {
    margin-top: 20px;
}
#entry .formCheckBox1 input[type="checkbox"], 
#entry .formCheckBox2 input[type="checkbox"] {
    float: left;
    margin-top: 1px;
    margin-right: 6px;
    display: block;
}
#entry .formCheckBox1 label {
    font-size: 13px;
    color: #666666;
}
#entry input[type="submit"] {
    display: inline;
    padding: 0;
    width: 160px;
    clear: both;
    float: left;
    outline: none;
}
.formCheckBox2 .link {
    font-size: 13px;
    margin-top: -5px;
    float: left;
}
.question-page #enter-LG .left {
    width:100%;
}
.question-page #enter-LG .left img {
    margin:0 auto 20px;
}
#question .quest-left {
    float: left;
    width: 365px;
}
#question h2 {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 20px;
    color: #2cccd3;
}
#question p {
    margin-bottom: 10px;
}
#questionFrm input[type="radio"] {
    clear: both;
    float: left;
}
.label-twoL {
    float: left;
    width: auto;
    margin-left: 8px;
    margin-top: 1px;
}
#buttonSubmit {
    text-transform: uppercase;
    background-color: #ccc;
    outline: none;
    margin-left: 0;
    width: auto;
    padding: 0 20px;
    margin-bottom: 20px;
}
.right-left {
    float:right;
    width:284px;
}
.exit {
    margin-bottom: 20px;
    display: block;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #666;
    text-decoration: underline;
    float: left;
    clear:both;
}
.exit:hover {
    text-decoration: none;
    color:#666;
}
.question1 input[type="radio"]:focus {
    outline: none;
}
#question .incorrect {
    color: #666666;
    background: url(../images/icon-exmark.png) no-repeat 10px 12px #e1e1e1;
    padding: 10px 10px 10px 30px;
    margin-bottom: 10px;
    margin-top: 13px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
}
#question .correct {
    color: #666666;
    background: url(../images/icon-checkmark.png) no-repeat 10px 10px #e1e1e1;
    padding: 10px 10px 10px 40px;
    margin-bottom: 10px;
    margin-top: 13px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
}
.menu-contractors span {
    font-family: 'Glyphicons Halflings';
    margin-top: -15px;
    font-size: 17px;
    top: 5px;
    left: 70px;
}
.menu-contractors + .lili {
    float:right;
}
.menu-contractors {
    float: left;
    height: 40px;
    cursor: pointer;
    width: 95px;
    background-color: #2cccd3;
    border-radius: 5px;
    margin-top: -13px;
    margin-left: 10px;
    overflow: hidden;
    position: relative;
}
.menu-contractors:hover {
    background-color: #21d0cd;
}
.menu-ul {
    width:100%;
}
.menu-contractors .criss-cross {
    display: none;
}
.menu-contr {
    display: none;
}
.menu-contr-1 li {
    font-size: 20px;
    line-height: 40px;
}
.contr-11 .button {
    padding-top:14px;
}
.contr-search {
    height: 50px;
    margin: 0 auto;
    float: right;
    width: 300px;
    padding-top: 39px;
}
.contr-search input {
    border-radius: 10px 0 0 10px;
    border: 2px solid #2cccd3;
    border-right:none;
    padding-left: 10px;
    padding-right: 10px;
    width: 180px;
    outline: none;
    height: 50px;
    font-family: "AvenirNextLTPro-Regular";
    font-size: 15px;
    float: left;
}
.contr-search .signup {
    padding-top: 18px;
}
.more-more {
    font-family: "AvenirNextLTPro-Regular" !important;
    position: absolute;
    top:0;
    left: 8px !important;
    font-size: 17px !important;
}
.menu-contr-1 {
    height:60px;
    overflow: hidden;
}
.menu-contr-1 ul {
    margin-top:9px;
}
.review-1 .stars h3 {
    font-family: "AvenirNextLTPro-Demi";
    color: #283c4b;
    font-size: 30px;
    line-height: 60px;
    margin-bottom:0;
}
.review-1 .stars h3 .link {
    float:none;
    font-size: 30px;
    line-height: 60px;
}
.review-1 .stars {
    padding-top:0;
}
.review-1 .stars h1 {
    font-family: "AvenirNextLTPro-Regular";
    color: #283c4b;
    font-size: 15px;
    line-height: 30px;
}
.review-right {
    float:right;
    width:280px;
    height:auto;
}
.review-1 {
    float:left;
    width:840px;
}
.review-right-top {
    height:auto;
    background-color: #2cccd3;
    padding:20px;
}
.review-right-top p {
    font-size: 15px;
    line-height: 20px;
    color:#FFF;
    font-family: "AvenirNextLTPro-Regular";
    margin:0;
}
.review-right-top h2 {
    font-size: 20px;
    line-height: 25px;
    color:#FFF;
    font-family: "AvenirNextLTPro-Demi";
    margin:0;
}
.review-right-bottom {
    background-color: #f2f2f2;
    height:auto;
    padding:20px;
    color:#283c4b;
    font-family: "AvenirNextLTPro-Regular";
}
.review-right-bottom h2 {
    font-size: 20px;
    line-height: 20px;
    font-family: "AvenirNextLTPro-Demi";
    margin:0;
}
.review-right-bottom ul li:before {
    color: #28BCB7;
    content: "•";
    padding-right: 12.5px;
    font-size: 17px;
    height: 30px;
}
.review-right-bottom ul li span {
    font-size: 15px;
    line-height: 20px;
    font-family: "AvenirNextLTPro-Demi";
}
.review-right-bottom ul li {
    font-family: "AvenirNextLTPro-Regular" !important;
    font-size: 15px !important;
    line-height: 20px !important;
    height: auto !important;
    margin-bottom: 10px;
}
ul.x-style-type li:before {
    color: #bb193b;
    content: "×";
    padding-right: 5px;
    padding-left: 2px;
    font-size: 17px;
    height: 30px;
}
.review-1 textarea,
.review-1 .input {
    width:100%;
}
.review-title {
    padding: 0 40px;
}
.review-title .input {
    margin-top: 1px;
}
.review-title h1 {
    font-size: 20px;
    line-height: 25px;
    color: #283c4b;
    margin-top: 0;
    font-family: "AvenirNextLTPro-Demi";
}
.review-title + .review h1 {
    font-family: "AvenirNextLTPro-Demi";
}
.review-title + .review {
    border-top:none;
    padding-top:20px;
}
.review-1 .floatRightCheckbox {
    float:none;
    margin-left:80px;
    margin-top: 20px;
}
.review-1 .floatRightCheckbox label,
.review-1 p.span-input {
    margin-top:0;
    font-size: 20px;
    line-height: 25px;
    color: #283c4b;
    font-family: "AvenirNextLTPro-Regular";
    font-weight: 400;
}
.review-1 .floatRightCheckbox label {
    margin-bottom: 20px;
}
.review-1 p.span-input {
    padding: 20px 40px 0;
}
.review-1 input[type=checkbox]:not(old) {
    width     : 0;
    margin    : 0;
    padding   : 0;
    font-size : 1em;
    opacity   : 0;
}
.review-1 input[type=checkbox]:not(old) + label > span {
    display          : inline-block;
    width            : 20px;
    height           : 20px;
    margin           : 0;
    border           : 2px solid #2cccd3;
    border-radius    : 5px;
    background       : inherit;
    vertical-align   : top;
    margin-top       : 2px;
    margin-right     : 20px;
}
.review-1 input[type=checkbox]:not(old):checked + label > span:before {
    content     : '•';
    display     : block;
    width       : auto;
    height      : auto;
    margin-left : 0px;
    margin-top  : -6px;
    color       : #2cccd3;
    font-size   : 28.5px;
    line-height : 1em;
    text-align  : center;
    font-weight : bold;
}
.review-1 input[type=submit] {
    padding-top: 0;
    outline: none;
    display: inline-block;
}
.review-1 input[type=submit] + a.black-button {
    display: inline-block;
    width: 150px;
    margin-left: 40px;
    height: 50px;
    padding-top: 10px;
}
.i-confirm {
    margin-right:80px;
    margin-left: 40px !important;
}
.review-1 .business {
    width:375px;
    background:url(../images/caret.png) no-repeat #FFF;
    background-position: 345px;
    margin-left:40px;
    margin-top: 15px;
    margin-bottom:20px;
}
.review-1 #business {
    width: 374px;
    margin-left: -20px;
}
.how_much {
    font-size: 20px; 
    line-height: 25px; 
    color: #283c4b; 
    margin-top: 0; 
    font-family: 'AvenirNextLTPro-Demi'; 
    margin-left:40px;
}
.review-1 .business-5,
.review-1 .business-6 {
    width: 235px;
    background: url(../images/caret.png) no-repeat #FFF;
    background-position: 200px;
    margin-left: 40px;
    margin-top: 15px;
    margin-bottom: 20px;
    overflow: hidden;
    -webkit-appearance: none;
}
.review-1 #business-5,
.review-1 #business-6 {
    border-radius: 10px;
    border: none;
    outline: none;
    height: 50px;
    padding-left: 20px;
    font-size: 20px;
    font-family: "AvenirNextLTPro-Regular";
    background-color: transparent;
    width: 234px;
    margin-left: -20px;
}
.review-1 .business-5 {
    float: left;
    margin-right: 25px;
}
.review-1 .business-6 {
    margin-top: 25px;
    width: 115px;
    background-position: 85px;
}
.review-1 #business-6 {
    width: 114px;
}
.under-submit-review {
    color: #283c4b;
    font-size: 15px;
    line-height: 25px;
    font-family: "AvenirNextLTPro-Regular";
    text-align: center;
    margin-bottom:20px;
}
.under-submit-review a {
    font-family: "AvenirNextLTPro-Demi";
    color: #283c4b;
}
.under-submit-review a:hover,
.under-submit-review a:focus {
    color: #283c4b;
}
.review-user > div {
    padding:20px 40px;
    border-bottom:2px solid #d9d9d9;
}
.review-user > div > div:first-child {
    height:80px;
    width:80px;
    border-radius: 10px;
    overflow: hidden;
    float:left;
    margin-right: 20px;
}
.review-user > div > div:first-child img {
    width:100%;
    height:100%;
}
.review-user .des h1 {
    margin-top: -18px;
    color: #283c4b;
    font-size: 30px;
    line-height: 60px;
    margin-bottom: -21px;
    font-family: "AvenirNextLTPro-Demi";
}
.review-user .des .link {
    float: none;
    font-family: "AvenirNextLTPro-Regular";
    margin-right:20px;
    font-size: 15px;
}
.review-user .des h6 {
    font-size: 15px;
    line-height: 30px;
}
.last-edit {
    background-color: #19BBB7;
    text-align: center;
    color:#FFF;
    font-family: "AvenirNextLTPro-Regular";
    padding:40px 0;
    width:840px;
    float:left;
    border-radius: 10px;
    margin-bottom:20px;
    opacity: 1;
    transition:.4s;
}
.last-edit h2 {
    font-size: 24px;
    line-height: 30px;
}
.a-last-edit + .post + .simplify {
    margin-top:-190px;
}
.a-last-edit:hover .last-edit {
    opacity: .8;
    transition:.4s;
}
.last-edit-1 {
    background-color: #f2f2f2;
    font-family: "AvenirNextLTPro-Regular";
    padding:0;
    width:840px;
    float:left;
    border-radius: 10px;
    margin-bottom:20px;
    text-align: center;
    color:#283c4b;
}
.last-edit-1 + #service_exist + .post  +.simplify {
    margin-top:-205px !important;
}
.last-edit-1 + .post + .simplify {
    margin-top:-205px;
}
#last-edit-1-form .input-text-form-last-edit {
    padding:20px;
    width:365px;
    height:50px;
    font-family: "AvenirNextLTPro-Regular";
    font-size: 24px;
    outline: none;
    border:none;
    border-radius: 10px;
    background-color: #FFF;
    margin-right:20px;
}
.serivice_area_section .input-text-form-last-edit {
    padding:20px;
    width:365px;
    height:50px;
    font-family: "AvenirNextLTPro-Regular";
    font-size: 24px;
    outline: none;
    border:none;
    border-radius: 10px;
    background-color: #FFF;
    margin-right:20px;
}


#last-edit-1-form ::-webkit-input-placeholder {
    color:#283c4b;
}
#last-edit-1-form .button {
    padding-top:0;
    outline: none;
    width:160px;
    height:50px;
    position: relative;
    top:-2px;
}
#last-edit-1-form input {
    display: inline-block;
}
.cont-new-page {
    background-color: #17bbb9;
}
.new-page {
    background-color: #f2f2f2;
    width:840px;
    margin:40px auto;
    text-align: center;
    padding:40px 0 60px;
    border-radius: 10px;
}
.new-page .button {
    margin-bottom: 0;
}
.new-page a {
    width:240px;
    height:50px;
    display: inline-block;
}
.new-page .black-button {
    padding-top: 11px;
    margin-left:40px;
}
.new-page h2 {
    font-family: "AvenirNextLTPro-Demi";
    color:#283c4b;
    font-size: 24px;
}
.new-page .last-edit-1 {
    padding-bottom: 0;
    margin: -20px auto;
    float: none;
}
.new-page .last-edit-1 h3 {
    font-size: 20px;
}
.slick-slide img {
    margin: 0 auto !important;
}
.slick-slide a {
    outline: none !important
}
.single-item {
    display: none;
}
.regular {
    display: block;
}
.dummy {
    background-image: url(../images/topbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top:105px;
    padding-bottom:40px;
}
.dummy h2,
.dummy p {
    font-family: "AvenirNextLTPro-Demi";
    color: #FFF;
}
.dummy h2 {
    font-size: 60px;
    line-height: 80px;
    margin-top: 50px;
    margin-bottom:20px;
}
.dummy p {
    font-size: 30px;
    line-height: 40px;
}
.dummy-bg {
    width:540px;
    height:460px;
    background-color: #2cccd3;
    border-radius: 10px;
    position: relative;
    margin:0 auto;
}
.dummy-bg > div {
    background-color: #FFF;
    position: absolute;
    top:-15px;
    left:-15px;
    border-radius: 10px;
    width:100%;
    height:100%;
}
.dummy-bg > div > img {
    position: absolute;
    top: -40px;
    right: -55px;
}
.dummy-bg h3 {
    color: #283c4b;
    font-size: 30px;
    line-height: 80px;
    font-family: "AvenirNextLTPro-Demi";
    padding-left:40px;
    padding-right: 120px;
}
.dummy-bg ul {
    margin-left: 75px;
    margin-bottom: 25px;
}
.dummy-bg ul li {
    font-family: "AvenirNextLTPro-Regular";
    font-size: 30px;
    line-height: 50px;
    color: #283c4b;
}
.dummy-bg ul li:before {
    content: url(../images/galka.png);
    position: relative;
    top: 5px;
    right: 25px;
}
.dummy-bg a:hover,
.dummy-bg a:focus {
    text-decoration: none;
    color:#FFF;
}
.dummy-bg a:hover > div {
    background-color: #283c4b;
}
.dummy-bg a > div {
    background-color: #2cccd3;
    display:inline-block;
    padding:20px 25px;
    border-radius: 10px;
    width: 235px;
    -webkit-box-shadow: 0px 5px 30px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 30px -10px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 30px -10px rgba(0,0,0,0.75);
}
.dummy-bg a > div img {
    float:left;
    margin-right:10px;
    position: relative;
    top: 2px;
}
.dummy-bg a > div span {
    color:#FFF;
    font-size: 20px;
    line-height: 40px;
    font-family: "AvenirNextLTPro-Regular";
}
.newfind div img {
    margin-left: 15px;
}
.btniconsdiv {
    padding: 0 25px;
}
.newpost {
    margin-right: 15px;
}
.new_navigation span {
    text-transform: uppercase;
    font-family: "AvenirNextLTPro-Demi";
    font-size: 20px;
    line-height: 40px;
    color: #283c4b;
}
.new_navigation img {
    float: left;
    margin-right:10px;
    position: relative;
    top:3px;
}
.new_navigation a:hover,
.new_navigation a:focus {
    text-decoration: none;
}
.new_navigation a div {
    display: inline-block;
    margin:0 25px;
    padding: 20px;
}
.new_navigation a:hover div {
    background-color: #FFF;
}
.new_navigation {
    background-color: #f2f2f2;
    text-align: center;
}
.hidden_new_navigation,
.navigation_menu {
    display: none;
}
.see_profile {
    padding:40px 0;
}
.s_pr div,
.s_pr {
    width:300px;
    height:220px;
    background-color: #2cccd3;
    border-radius: 10px;
    position: relative;
    display: inline-block;
}
.s_pr {
    margin:0 30px;
}
.s_pr img {
    position: absolute;
    top:-15px;
    left:-15px;
    border-radius: 10px;
    overflow: hidden;
    width:100%;
    height:100%;
}
.s_pr > a {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 20px;
    line-height: 25px;
    color:#2cccd3;
    //border-bottom:1px solid #2cccd3;
    text-align: center;
    width:100%;
    margin:20px auto 0;
    display: block;
    overflow-x: hidden;
    height: 60px;
}
.s_pr > a:hover,
.s_pr > a:focus {
    text-decoration: none;
    color:#2cccd3;
}
.s_pr > a:hover {
    border-bottom:1px solid transparent;
}
.ellipsebg {
    background-image: url(../images/ellipsebg.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding:40px 0;
}
.ellipsebg h1 {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 60px;
    line-height: 60px;
    color: #FFF;
    text-align: center;
    margin-bottom:80px;
}
.ell-div img {
    margin:0 auto 20px;
}
.ell {
    text-align: center;
    margin-bottom:60px;
}
.ell-div {
    display: inline-block;
    margin:0 60px;
}
.ell-div p {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 25px;
    line-height: 30px;
    color: #FFF;
    text-align: center;
}
.ellipsebg .black-button {
    float: none;
    margin:40px auto;
}
.ellipsebg .black-button + p {
    font-family: "AvenirNextLTPro-Regular";
    font-size: 28px;
    line-height: 60px;
    color: #FFF;
    text-align: center;
}
.newsoc span {
    color:#FFF;
    margin:0 10px;
    font-size: 32px;
}
.newsoc a:hover span {
    color:#f2f2f2;
}
.newsoc span > i:last-child {
    color:#2cccd3;
}
.newsoc {
    text-align: center;
    padding-bottom:20px;
}
.newsoc a {
    display: inline-block;
}
.bath_advice {
    background-color: #fafafa;
    padding:40px 0;
}
.bath_advice h1 {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 60px;
    line-height: 60px;
    color: #353847;
    text-align: center;
}
.div_b_a {
    margin-top:80px;
}
.div_b_a img {
    float:left;
    margin-right:20px;
    position: relative;
    top:-10px;
}
.div_b_a p {
    font-family: "AvenirNextLTPro-Regular";
    font-size: 25px;
    line-height: 30px;
    color: #353847;
    height: auto !important;
}
.div_b_a .row > div {
    margin-bottom:40px;
}
.new_partners a:hover,
.new_partners a:focus {
    text-decoration: none;
}
.new_partners {
    text-align: center;
    background-color: #f2f2f2;
    padding: 10px 0 20px;
}
.new_partners a div {
    background-color: #FFF;
    display: inline-block;
    width: 280px;
    height: 150px;
    border-radius: 10px;
    border: 1px solid #ccc;
    margin-right: 10px;
}
.new_partners img {
    width:auto;
    margin:40px 10px;
    opacity: .8;
    transition:.4s;
    position: relative;
}
.new_partners img[title="TECHVIBES"] {
    top: 15px;
}
.new_partners img[title="BNN"] {
    left: 50px;
}
.new_partners img[title="IN-DEPTH RADIO"] {
    top: -25px;
    left: 75px;
}
.new_partners img[title="TORONTO STAR TOUCH"] {
    top: -25px;
    left: 67px;
}
.new_partners a:hover img {
    opacity: 1;
    transition:.4s;
}
.new_partners h2 {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 60px;
    line-height: 60px;
    color: #353847;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom:20px;
}
.needs {
    padding:40px 0;
    background-color: #fafafa;
}
.needs h1 {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 60px;
    line-height: 60px;
    color: #353847;
    text-align: center;
}
.needs h2 {
    font-family: "AvenirNextLTPro-Regular";
    font-size: 40px;
    line-height: 50px;
    color: #353847;
    text-align: center;
}
.needs_icons p {
    font-family: "AvenirNextLTPro-Regular";
    font-size: 33px;
    line-height: 50px;
    color: #353847;
    text-align: center;
}
.needs_icons {
    text-align: center;
    margin-top: 50px;
}
.needs_icons a div {
    width: 260px;
    height: auto;
    opacity: .8;
    transition:.4s;
    margin: 10px;
    display: inline-block;
    -webkit-box-shadow: 0px 5px 30px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 30px -10px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 30px -10px rgba(0,0,0,0.75);
    border-radius: 10px;
}
.needs_icons a:hover div {
    opacity: 1;
    transition:.4s;
}
.needs_icons a:hover,
.needs_icons a:focus {
    text-decoration: none;
}
.needs_icons img {
    margin:20px auto;
}
.featured {
    text-align: center;
    padding-bottom: 10px;
}
.featured span,
.featured div {
    display: inline-block;
}
.featured span {
    font-family: "AvenirNextLTPro-Regular";
    font-size: 25px;
    line-height: 30px;
    color: #353847;
    margin-right:20px;
}
.featured div {
    border: 5px solid #999;
    position: relative;
    top: 25px;
    padding: 10px;
    border-radius: 10px;
}
.edit {
    background-color: #f2f2f2;
    padding:40px 0;
}
.edit h1 {
    font-family: "AvenirNextLTPro-Demi";
    color: #283c4b;
    font-size: 40px;
    line-height: 60px;
    text-align: center;
}
.edit h2 {
    font-family: "AvenirNextLTPro-Regular";
    color: #283c4b;
    font-size: 25px;
    line-height: 60px;
    text-align: center;
    margin-bottom:30px;
}
.edit-blog-left > div {
    float:left;
}
.edit-blog-left img {
    width:260px;
    height:260px;
}
.edit-blog-left .hidden-xs {
    margin-right:25px;
}
.edit-blog-left .status {
    font-size: 20px;
    color:#283c4b;
    height:22px;
    overflow: hidden;
}
.edit-blog-left p {
    font-size: 20px;
    line-height: 30px;
    color: #283c4b;
    font-family: "AvenirNextLTPro-Regular";
    height:60px;
    overflow: hidden;
}
.edit-blog-left {
    padding:10px 0 30px;
    border-bottom: 2px solid #d9d9d9;
    width: 800px;
    float: left;
    margin-right: 40px;
    margin-bottom: 30px;
}
.edit-info {
    width: 515px;
}
.edit-info .sociaty {
    margin-left:-4px;
    width: 275px;
}
.edit-info .link {
    margin-top: -7px;
    display: block;
    float:none;
    height:30px;
    overflow: hidden;
}
.edit-info .button {
    float: left;
    clear: both;
    margin: 0;
    margin-top: -25px;
}
.one-more-edit {
    float: left;
    width: 800px;
}
.edit .blog-right {
    height:auto;
}
.icons a span {
    color: #2cccd3;
    font-size: 28px;
}
.icons a:hover span {
    color: #45c6c3;
}
.icons {
    margin-left: 80px;
}
.margin-left-right {
    margin:0 10px;
}
.icons img[src="https://portal.betterhomeskingston.ca/homeowner/assets/images/fv.png"] {
    margin-left: 3px;
}
.icons img[src="https://portal.betterhomeskingston.ca/homeowner/assets/images/contact.png"] {
    margin-left:-3px;
}
.some-text > p,
.some-text > span {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 16px;
    line-height: 20px;
    color:#283c4b;
}
.some-text > p span {
    border-bottom:1px dotted #000;
}
.some-text a {
    color:#89ab73;
}
.some-text {
    padding: 20px 0 20px 70px;
}
.contact-us-top {
    background: url(../images/contact-us-top-bg.jpg) center no-repeat;
    background-size: cover;
    padding:40px 0;
}
.contact-us-top h1 {
    font-size: 60px;
    color: #FFF;
    font-family: "AvenirNextLTPro-Demi";
    text-align: center;
    margin-bottom: 25px;
}
.contact-us-top p {
    font-size: 40px;
    line-height: 50px;
    color: #FFF;
    font-family: "AvenirNextLTPro-Regular";
    text-align: center;
    margin-bottom: 240px;
}
.contact-us-top a {
    font-size: 45px;
    letter-spacing: 2px;
    color: #FFF;
    font-family: "AvenirNextLTPro-Demi";
}
.contact-us-top a:hover,
.contact-us-top a:focus {
    color: #FFF;
}
.lev {
    background-color: #FFF;
    width:930px;
    margin:0px auto 0;
    padding:40px;
    color: #535253;
    font-family: "AvenirNextLTPro-Demi";
    font-size: 24px;
    line-height: 33px;
    border-radius: 4px;
}
.lev p {
    text-align: center;
    margin-bottom: 20px;
    color: #2cccd3;
}
.bord {
    display: block;
    width:110px;
    border-top:2px solid #2cccd3;
    margin:0 auto;
}
.rad-block {
    text-align: center;
}
.rad-block > div {
    display: inline-block;
    width: 275px;
}
.rad {
    border: 2px solid #2cccd3;
    border-radius: 95px;
    color: #2cccd3;
    cursor: pointer;
    width:190px;
    height:190px;
    text-align: center;
    padding: 0 10px;
    font-size: 24px;
    line-height: 33px;
    transition:.4s;
    margin:40px;
    position: relative;
}
.rad:hover {
    background-color: #2cccd3;
    color:#FFF;
    transition:.4s;
}
.rad span {
    display: block;
    position: absolute;
    margin-top: -50px;
    width: 100%;
    left: 0;
    padding: 15px;
    top: 50%;
}
.rad-block > div > span {
    font-size: 18px;
    line-height: 26px;
    color: #2cccd3;
    height: 104px;
    display: table-cell;
}
.hiring {
    background-color: #283c4b;
    padding:40px 0;
    font-size: 18px;
    line-height: 26px;
    color: #FFF;
}
.hir-left h3 {
    font-family: "AvenirNextLTPro-Demi";
}
.hir-left p {
    font-family: "AvenirNextLTPro-Regular";
}
.hir-left {
    float:left;
    width: 660px;
    margin-left: 140px;
}
.hir-right {
    float:left;
}
.hir-right a {
    color: #FFF;
    text-decoration: none;
    display: block;
    width:196px;
    height:54px;
    border:2px solid #FFF;
    text-align: center;
    font-family: "AvenirNextLTPro-Demi";
    border-radius: 40px;
    padding-top: 12px;
    transition:.4s;
    margin-top: 20px;
}
.hir-right a:hover,
.hir-right a:focus {
    color: #FFF;
    text-decoration: none;
}
.hir-right a:hover {
    background-color: #FFF;
    color:#283c4b;
    transition:.4s;
}
.all-soc {
    text-align: center;
    background-color: #2cccd3;
    padding:20px 0;
}
.all-soc a {
    display: inline-block;
}
.all-soc i {
    font-size: 32px;
    color: #FFF;
    margin:0 10px;
    transition:.4s;
}
.all-soc a:hover i {
    color:#283c4b;
    transition:.4s;
}
.step-1 {
    text-align: center;
    color:#283c4b;
    padding:40px 0;
}
.step h3 {
    font-family: "AvenirNextLTPro-Demi";
    margin-bottom:20px;
    text-align: center;
}
.step h4 {
    margin-top:20px;
    margin-bottom:60px;
    line-height: 25px;
}
.step h4,
.step h5 {
    font-family: "AvenirNextLTPro-Regular";
    text-align: center;
}
.contact_us form input + label {
    margin-left: -32px;
    font-size:17px;
    line-height: 25px;
    color:#808080;
    font-weight: 400 !important;
    margin-left:100px;
}
.contact_us form input[type=checkbox]:not(old),
.contact_us form input[type=radio]:not(old) {
    width     : 2em;
    margin    : 0;
    padding   : 0;
    font-size : 1em;
    opacity   : 0;
}
.contact_us form input[type=checkbox]:not(old) + label > span,
.contact_us form input[type=radio]:not(old) + label > span {
    display          : inline-block;
    width            : 20.5px;
    height           : 20px;
    margin           : 0.25em 0.5em 0.25em 0.25em;
    border           : 0.0625em solid rgb(192,192,192);
    border-radius    : 5px;
    background       : #FFF;
    vertical-align   : bottom;
}
.contact_us form input[type=radio]:not(old) + label > span {
    border-radius: 10px;
}
.contact_us form input[type=checkbox]:not(old):checked + label > span:before,
.contact_us form input[type=radio]:not(old):checked + label > span:before {
    content     : '•';
    display     : block;
    width       : 16px;
    height      : 16px;
    margin-left : 1.5px;
    margin-top  : -6px;
    color       : #2cccd3;
    font-size   : 31px;
    line-height : 1em;
    text-align  : center;
    font-weight : bold;
}
.contact_us form input[type=radio]:not(old):checked + label > span:before {
    margin-left: 1px;
}
.contact_us form {
    text-align: left;
}
.next-step {
    text-align: center;
    font-family: "AvenirNextLTPro-Demi";
    font-size: 25px;
    margin:60px auto 200px;
    color: #283c4b;
}
.next-step span {
    border-bottom:2px solid #283c4b;
    cursor: pointer;
}
.next-step span:hover {
    opacity: .8;
}
.type-of-project {
    text-align: center;
    margin-top:60px;
    margin-bottom:40px;
}
.type-of-project > div {
    width:100px;
    height:100px;
    margin: 20px 10px;
    display: inline-block;
}
.type-of-project > div > div {
    cursor: pointer;
    width:100px;
    height:100px;
    padding:20px;
    border:2px solid #2cccd3;
    margin:20px 10px;
    display: inline-block;
}
.type-of-project > div > div:hover {
    background-color: #2cccd3;
}
.type-of-project > div > div:hover svg path,
.type-of-project > div > div:hover svg circle {
    fill:#FFF;
}
.center-inp {
    text-align: center;
    margin-bottom:40px;
}
.center-inp label {
    margin-left:0 !important;
}
.user-cont {
    text-align: center;
    margin-bottom:20px;
}
.user-cont input {
    display: inline-block;
    width:400px;
    margin:0 10px;
}
.contact_us input::-webkit-outer-spin-button,
.contact_us input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.contact_us .business {
    margin: 0 auto;
    width: 824px;
    background-position: 800px;
    background-image: url(../images/caret.png);
}
.contact_us .busin {
    width: 824px;
    border-radius: 10px;
    border: none;
    height: 50px;
    padding-left: 20px;
    font-size: 20px;
    font-family: "AvenirNextLTPro-Regular";
    background-color: transparent;
    outline: none;
}
.user-cont-new {
    margin-bottom:20px;
}
.user-cont-new .textarea {
    width:824px;
    margin:0 auto;
    display: block;
}
.down-subm {
    margin-left: 155px;
    margin-top: 35px;
}
.down-subm > input + label {
    float:left;
    margin-left: 0 !important;
}
.file-upload span {
    cursor: pointer;
    float:left;
    font-family: "AvenirNextLTPro-Demi";
    font-size: 18px;
    color:#2cccd3;
    display: block;
    margin-top: -15px;
    margin-left: 100px;
}
.file-upload span:hover {
    color:#51e3e0;
}
.submit-step-1 {
    color: #FFF;
    background-color: #2cccd3;
    display: block;
    width: auto;
    padding: 0 20px;
    height: 54px;
    border: 2px solid #FFF;
    text-align: center;
    font-family: "AvenirNextLTPro-Demi";
    border-radius: 40px;
    transition: .4s;
    float: left;
    margin-top: -29px;
    margin-left: 100px;
    font-size: 19px;
    outline: none;
    position: relative;
    z-index: 1;
}
.submit-step-1:hover {
    background-color:#51e3e0;
}
.check-rad {
    background-color: #2cccd3 !important;
    color: #FFF !important;
}
.next-step {
    display: none;
}
.step-two,
.step-three,
.step-four,
.type-of-project,
.inf,
.second-check,
.step,
.wra-2,
.wra-1 {
    display: none;
}
.step {
    padding:40px 0;
}
.step-2 .input {
    width:824px;
}
.step-2 .user-cont-new {
    text-align: center;
}
.step-2 .business {
    margin: 10px auto;
}
.step-2 .textarea {
    margin-top: 10px;
}
.next-step-2 {
    text-align: center;
    font-family: "AvenirNextLTPro-Demi";
    font-size: 25px;
    float: right;
    margin-right: 155px;
    color: #283c4b;
}
.next-step-2 input {
    cursor: pointer;
    color: #283c4b;
    background-color: #FFF;
    text-decoration: none;
    display: block;
    width: 196px;
    height: 54px;
    border: 2px solid #283c4b;
    text-align: center;
    font-family: "AvenirNextLTPro-Demi";
    border-radius: 40px;
    transition: .4s;
    margin-top: 20px;
    outline: none;
}
.next-step-2 input:hover {
    background-color: #283c4b;
    transition: .4s;
    color: #FFF;
}
.ho {
    text-align: center;
    margin: 50px auto;
    width: 408px;
    border: 2px solid #2cccd3;
    border-radius: 10px;
    overflow: hidden;
}
.ho input {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 20px;
    background-color: transparent;
    outline: none;
    border: none;
    transition:.4s;
    color: #283c4b;
    width: 200px;
    height: 50px;
}
.ho input:hover {
    transition:.4s;
    color:#FFF;
    background-color: #2cccd3;
}
.week {
    padding:20px 0;
    text-align: center;
}
.week input {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 20px;
    background-color: transparent;
    outline: none;
    border: none;
    transition: .4s;
    color: #283c4b;
    width: 50px;
    height: 50px;
    border:2px solid #2cccd3;
    margin: 5px;
    padding: 0;
}
.week input:hover {
    transition: .4s;
    color: #FFF;
    background-color: #2cccd3;
}
.month input {
    width: 230px;
}
.month {
    margin-bottom:40px;
    margin-top:-20px;
}
.ho, .week {
    display: none;
}
.contact_us_thanks .level h4 {
    font-family: "AvenirNextLTPro-Regular";
    text-align: center;
    margin-top: 20px;
    margin-bottom: 60px;
    line-height: 25px;
}
.contact_us_thanks .level {
    padding-bottom:200px;
}
.type-of-project p {
    text-align: center;
    font-family: "AvenirNextLTPro-Regular";
    font-size: 18px;
    color:#283c4b;
    margin-right: -20px;
}
.inf > label {
    margin: -5px 0 50px !important;
}
.inf {
    text-align: center;
}
.step-two,
.step-three,
.step-four {
    padding-top:70px;
}
#layout {
    background-color: #000;
    opacity: .8;
    width:100%;
    height:100%;
    position: fixed;
    top:0;
    left:0;
    z-index: 99999999999;
    display: none;
    cursor: pointer;
}
.layout {
    display: none;
    position: fixed;
    top: 0;
    z-index: 8888888888888;
    width: 800px;
    left: 50%;
    margin-left: -400px;
    height: auto;
    padding:20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #FFF  no-repeat;
    background-size: cover;
    border-radius: 10px;
}
.lay {
    position: relative;
    border-bottom:1px solid #d9d9d9;
    margin-bottom:20px;
}
.layout .criss-cross {
    background-color: #2cccd3;
    position: absolute;
    top:20px;
    right: 20px;
    cursor: pointer;
    width:26px;
    height:26px;
    border:2px solid #2cccd3;
    padding:4px;
    border-radius: 6px;
    color: #FFF;
}
.layout .criss-cross:hover {
    background-color: #21d0cd;
    border-color: #21d0cd;
}
.layout h1 {
    margin-top: 0;
}
.layout label {
    font-size: 23px;
    line-height: 30px;
    color: #283c4b;
    font-family: "AvenirNextLTPro-Regular";
    margin-bottom:15px;
}
.layout .input {
    width: 100%;
    margin-bottom:20px;
}
.layout .blue-button {
    padding:0;
    display: block;
    margin:10px auto;
    outline: none;
}
.contact_us_new .inf,
.contact_us_new .ho, 
.contact_us_new .week,
.contact_us_new .step-four,
.contact_us_new .wra-1,
.contact_us_new .step {
    display: block;
}
.contact_us_new .step-four {
    padding-top:0;
}
.contact_us_new .contact-us-top {
    padding: 40px 0 80px;
}
.contact_us_new .contact-us-top p {
    margin-bottom: 0;
}
.color {
    background-color: #283c4b;
}
.color:hover {
    background-color: #3c5a71;
}
#post-job1 {
    display: none;
}
.newpostmyjob {
    background-color: #FFF;
}
.newpostmyjob .post-tabs ul {
    background-color: #f2f2f2;
    border-bottom: 1px solid #d9d9d9;
}
.some_block2,
.some_block3,
.some_block4,
.some_block5,
.some_block6 {
    display: none;
}
.some_block_button input {
    padding-top:0;
    outline: none;
}
.ms-drop.bottom {
    // position: relative;
    z-index: 2;
}
.some_block5 {
    padding: 40px;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
}
.newpostmyjob .simplify {
    margin-left: 860px;
}
.new-simpl {
    height: 500px;
    overflow-y: scroll;
}
.new-simpl h3 {
    color: #229022;
    font-family: "AvenirNextLTPro-Demi";
    font-size: 15px;
}
.new-simpl h4 {
    color: #000;
    font-family: "AvenirNextLTPro-Demi";
    font-size: 16px;
}
.new-simpl p {
    font-family: "AvenirNextLTPro-Regular";
    font-size: 14px;
    padding-left:14px;
    color: #283c4b;
}
.new-simpl hr {
    border-top: 2px solid #d9d9d9;
}
.paragraph-simplify {
    padding-left: 0 !important;
}

.new-simpl::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #d9d9d9;
}
.new-simpl::-webkit-scrollbar {
    width:7px;
}
.new-simpl::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.flooring-header .last-edit-1 {
    float: none;
    background: none;
    margin:40px auto 20px;
}
.flooring-header .last-edit-1 .button {
    background: #283c4b;
}
.flooring-header .last-edit-1 .button:hover {
    background: #3c5a71;
}
.flooring-header .last-edit-1 h2 {
    font-size: 40px;
    font-family: "AvenirNextLTPro-Demi";
}
.flooring-header {
    background: url(../images/flooring-top-bg.png) no-repeat center;
    background-size: cover;
}
.flooring-main {
    background-color: #d9d9d9;
}
.flooring-main h1 {
    font-size: 40px;
    line-height: 60px;
    color: #283c4b;
    text-align: center;
    font-family: "AvenirNextLTPro-Demi";
}
.feature-brand {
    background: #f2f2f2;
    width: 300px;
    height: auto;
    overflow: hidden;
    float: right;
    margin-top: 20px;
    padding: 20px;
}
.feature-brand h2 {
    font-size: 30px;
    line-height: 60px;
    color: #283c4b;
    margin:0;
    font-family: "AvenirNextLTPro-Demi";
}
.flooring-main .blog-right {
    height: auto;
    margin-bottom: 20px;
    margin-top: -20px;
}
.flooring-main .banner {
    margin-top:20px !important;
}
.flooring-main h3 {
    color: #283c4b;
    font-size: 30px;
    line-height: 60px;
    font-family: "AvenirNextLTPro-Demi";
}
.flooring {
    background: #f2f2f2;
    padding:20px;
    width: 840px;
    float: left;
}
.fl-main {
    float: left;
    width: 840px;
}
.fl-picture {
    float: left;
    width:260px;
    margin-right: 20px;
}
.fl-desc h4 {
    font-size: 30px;
    line-height: 40px;
    color: #283c4b;
    font-family: "AvenirNextLTPro-Demi";
}
.fl-desc p {
    font-family: "AvenirNextLTPro-Regular";
    font-size: 20px;
    line-height: 30px;
    color: #283c4b;
    height: 120px;
    overflow: hidden;
}
.flooring hr {
    border-color:#d9d9d9;
}
.a-fl-picture {
    border:2px solid #d9d9d9;
    width: 80px;
    overflow: hidden;
    border-radius: 12px;
    float: left;
    margin-right: 20px;
}
.a-fl-desc .link {
    float: none;
    font-family: "AvenirNextLTPro-Regular";
}
.a-fl-desc h5 {
    font-size: 20px;
    color:#283c4b;
    line-height: 30px;
    font-family: "AvenirNextLTPro-Regular";
    margin:-5px 0 0;
}
.a-fl-desc span {
    display: block;
    color: #283c4b;
    font-size: 15px;
    line-height: 30px;
    font-family: "AvenirNextLTPro-Regular";
}
.fl-block .button {
    float: right;
    margin-bottom: 0;
}
.flooring {
    margin-bottom:20px;
}
.a-fl-desc {
    float: left;
}
.fl-main > .new-b {
    clear: both;
    width:150px;
}
.fl-main .ban {
    width: 100%;
    font-size: 40px;
    font-family: "AvenirNextLTPro-Demi";
    height: auto;
    clear: both;
    margin-bottom: 20px;
    padding:20px;
}
.new-fl-d h4 {
    font-family: "AvenirNextLTPro-Regular";
    margin-top: -5px;
}
.new-fl-d p {
    height: 90px;
}
.new-fl-d .link {
    float: none;
    font-family: "AvenirNextLTPro-Regular";
}
.n-logo {
    padding: 20px;
    background: #f2f2f2;
    width: 255px;
    margin: 10px;
    display: inline-block;
}
.n-logo img {
    margin-bottom:10px;
}
.n-logo p {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 20px;
    line-height: 30px;
    color: #283c4b;
    margin-bottom: 0;
    text-align: left;
    height: 30px;
    overflow: hidden;
}
.n-logo .link {
    float: left;
    font-size: 15px;
}
.fl-m {
    margin-bottom: 20px;
    text-align: center;
}
.fl-m a:hover {
    text-decoration: none;
    opacity: .8;
    transition:.4s;
}
.fl-m a {
    opacity: 1;
    transition:.4s;
}
.morphsearch {
    padding: 5px;
    border: none;
    outline: none;
    color: #283c4b;
    top: 13px;
    right: 18%;
    z-index: 10000000000;
    min-height: 55px;
}
.lastli {
    cursor: pointer;
}
.morphsearch-input {
    font-family: "AvenirNextLTPro-Regular";
    font-size: 18px;
    color: #283c4b;
    font-weight: 400;
}
.dummy-column h2,
.dummy-media-object h3 {
    font-family: "AvenirNextLTPro-Regular";
    color: #283c4b;
}
.dummy-media-object,
.dummy-media-object:hover,
.dummy-media-object:focus {
    text-decoration: none;
}
.morphsearch {
    border-radius: 5px;
    left: 0;
    top: 0;
    padding: 0;
    width: 0;
}
.morphsearch.open {
    border-radius: 0;
    width:100%;
}
.morphsearch-content {
    margin-left: 0;
}
.dummy-media-object:hover h3 {
    color:#2cccd3;
}
.lastli i {
    font-size: 20px;
}
.level .rad-block > div {
    width:283px;
    display: table-cell;
}
.level .rad-block span {
    text-align: center;
    display: block;
}
.gain-nav li {
    padding: 1px 40px;
}
.gain-news {
    background-image: url(../images/contr-top-bg.png);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    padding:80px 0;
}
.gain-news h1 {
    font-size: 60px;
    line-height: 80px;
    color: #FFF;
    font-family: "AvenirNextLTPro-Demi";
    text-align: center;
}
.gain-news h2 {
    font-size: 30px;
    line-height: 45px;
    color: #FFF;
    font-family: "AvenirNextLTPro-Regular";
    text-align: center;
}
.admin-tools {
    background: #d9d9d9;
    padding:40px 0;
}
.admin-tools-right {
    float:right;
    background: #c7c9cb;
    padding:20px;
    border-radius: 10px;
    width:235px;
}
.admin-tools-right h3 {
    font-family: "AvenirNextLTPro-Regular";
    font-size: 20px;
    color: #283c4b;
    margin:0;
    margin-bottom: 20px;
}
.admin-tools-right p {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #283c4b;
}
.admin-tools-right a:hover,
.admin-tools-right a:focus {
    text-decoration: none;
}
.admin-tools-left {
    float: left;
}
.admin-tools-left {
    width: 880px;
}
.admin-tools-left > div {
    padding:20px;
    background: #f2f2f2;
    border-radius: 10px;
    margin-bottom: 20px;
    display: inline-block;
}
.admin-tools-left > div img {
    border-radius: 10px;
    overflow: hidden;
    width:230px;
    float:left;
    margin-right: 20px;
}
.admin-tools .link {
    float: none;
    display: block;
    margin-bottom: 20px;
    font-size: 25px;
    line-height: 35px;
}
.admin-tools-left p {
    font-size: 20px;
    line-height: 30px;
    color: #283c4b;
    font-family: "AvenirNextLTPro-Regular";
}
.a-t-info {
    width: 350px;
    float: left;
    margin-right: 40px;
}
.a-t-time {
    float: left;
}
.a-t-time h2 {
    margin-top:0;
    font-size: 20px;
    line-height: 45px;
    color: #283c4b;
    font-family: "AvenirNextLTPro-Demi";
}
.gain-inside {
    margin-right:0 !important;
    width:100% !important;
}
.gain-inside > div {
    width: 100% !important;
}
.gain-inside .a-t-time {
    text-align: center;
}
.gain-inside .a-t-time h2 {
    font-size: 40px;
    line-height: 40px;
}
.gain-inside .blue-button {
    width: 235px;
    color: #283c4b;
    font-family: "AvenirNextLTPro-Demi";
}
.gain-inside .a-t-info {
    width: 575px;
    margin-right: 30px;
}
.gain-inside h1 {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 29px;
    line-height: 40px;
    color: #283c4b;
    margin-top:0;
    margin-bottom: 20px;
}
.gain-inside img {
    margin-right: 30px !important;
}
.gain-inside .a-t-info span {
    font-family: "AvenirNextLTPro-Demi";
    font-size: 20px;
    line-height: 30px;
    float: left;
    display: block;
    color: #283c4b;
    width:145px;
}
.gain-inside .a-t-info > div {
    display: inline-block;
}
.gain-inside .a-t-info div p {
    float: left;
    width: 430px;
    height: auto !important;
}
.gain-info {
    width: 100%;
    display: block;
    margin-top: 30px;
}
.gain-info p {
    float: none !important;
    width: 100% !important;
}
.gain-info h3 {
    color: #283c4b;
    font-size: 25px;
    line-height: 30px;
    font-family: "AvenirNextLTPro-Demi";
}
.gain-info li:before {
    color: #283c4b; /* Цвет маркера */
    content: "•"; /* Сам маркер */
    padding-right:12.5px;
    font-size:17px;
    height:30px;
}
.gain-info li {
    font-size: 20px;
    line-height: 25px;
    color: #283c4b;
    font-family: "AvenirNextLTPro-Regular";
    margin-bottom: 20px;
}
.gain-navigation {
    color: #283c4b;
    font-size: 25px;
    line-height: 40px;
    font-family: "AvenirNextLTPro-Regular";
    text-transform: uppercase;
    margin-bottom: 30px;
}
.gain-navigation > .link {
    text-transform: none;
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
    position: relative;
    top: 2px;
}
.bs-top {
    background-image: url(https://portal.betterhomeskingston.ca/homeowner/assets/images/bs-top-bg.png) !important;
    height: auto !important;
}

.bs-top h1 {
    font-size: 60px !important;
    line-height: 80px;
    width: 100% !important;
    text-align: center;
}
.bs-top h2 {
    font-size: 30px;
    line-height: 42px;
    width: 90% !important;
}
.bigsmall .ver-proc-form {
    background-image: url(../images/bs-bot-bg.png);
    background-position: top;
    padding:120px 0;
}
.bigsmall .ver-proc-form .input {
    display: inline-block;
}
.bigsmall .ver-proc-form label {
    width:300px;
    text-align: right;
    padding-right:30px;
    font-family: "AvenirNextLTPro-Demi";
    color: #283c4b;
    font-size: 20px;
    line-height: 30px;
}
.hdew {
    padding: 10px 0px 80px;
    background-color: #f2f2f2;
}
.hdew > h1 {
    font-size: 60px;
    line-height: 80px;
    text-align: center;
    font-family: "AvenirNextLTPro-Demi";
    color: #283c4b;
}
.hdew h2 {
    font-family: "AvenirNextLTPro-Demi";
    color: #2cccd3;
    font-size: 30px;
    margin-bottom: 40px;
    margin-top: 0px;
}
.hdew p {
    font-size: 20px;
    line-height: 30px;
    font-family: "AvenirNextLTPro-Regular";
    color: #283c4b;
    margin-bottom: 0px;
}
.backg {
    background-repeat: no-repeat;
    background-position: 25px 0px;
    margin-top: 30px;
    padding-top: 40px;
}
.backg-1 {
    background-image: url(https://portal.betterhomeskingston.ca/homeowner/assets/images/bs-1.png);
}
.backg-2 {
    background-image: url(https://portal.betterhomeskingston.ca/homeowner/assets/images/bs-2.png);
}
.backg-3 {
    background-image: url(https://portal.betterhomeskingston.ca/homeowner/assets/images/bs-3.png);
}
.backg-4 {
    background-image: url(https://portal.betterhomeskingston.ca/homeowner/assets/images/bs-4.png);
}
.backg-img img {
    margin: 35px auto;
}
.hdew .row {
    margin-bottom: 40px;
}
.new-comp-page-class {
    border-top: 1px solid #c3c3c3;
}
.wrap-row {
    overflow: hidden;
    /*height: 1048px;*/
    height: auto;
}
.new-bt,
.new-buttton {
    padding-top: 0;
    outline: none;
    background-color: #283c4b;
}
.new-bt:hover,
.new-buttton:hover,
.new-bt:focus,
.new-buttton:focus {
    background-color: #3c5a71;
}

.overfl {
    overflow: visible !important;
    height: auto !important;
}
.xs-vis {
    display: block !important;
}
.wrap-rows > .row:nth-child(n+3) {
    display: none;
}

.homepage .top-area {
    background: url(../images/contr-top-bg.png) no-repeat;
    background-size: cover;
    padding:250px 0;
}
.homepage .bottom-area {
    background: #2cccd3;
    padding:40px 0;
    color: #FFF;
}
.homepage .bottom-area h2 {
    font-family: "Avenir-Demi";
    font-size: 34px;
    line-height: 1.4;
    margin-bottom: 25px;
}
.homepage .bottom-area p {
    font-family: "Avenir-Regular";
    line-height: 1.5;
    font-size: 19px;
}
.bottom-area .outline {
    border:4px solid #FFF !important;
    padding:20px;
    height: auto !important;
    background-color: #439290 !important;
    border-radius: 0 !important;
    margin-top: -245px;
    -webkit-box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.75);
}
.bottom-area .outline h3  {
    font-family: "Avenir-Demi";
    font-size: 27px;
    line-height: 1.4;
    margin-bottom: 25px;
}
.homepage .bottom-area #form-login .email input,
.homepage .bottom-area #form-login .password input {
    width: 265px;
    color: #283c4b;
}
.homepage .bottom-area #form-login .email,
.homepage .bottom-area #form-login .password {
    border-radius: 0;
}
.s-u-n {
    background: #900e2d !important;
    font-family: "Avenir-Demi";
    word-spacing: 6px;
    letter-spacing: 3px;
    width: 100% !important;
    float: none !important;
}
.s-u-n:hover {
    background: #b5294a !important;
}
.c-w-f:hover {
    background: #3c5a71 !important;
}
.c-w-f {
    background: #283c4b !important;
    font-family: "Avenir-Demi";
    word-spacing: 6px;
    letter-spacing: 3px;
    width: 100% !important;
    float: none !important;
}
.o-r {
    text-align: center;
    position: relative;
    top: -17px;
}
.o-r span {
    display: inline-block;
    width: 34px;
    height: 34px;
    border: 2px solid #FFF;
    background: #999;
    border-radius: 50%;
}
.outline hr {
    margin-top: 40px;
    margin-bottom: 0;
}
.homepage form#form-login {
    overflow: visible !important;
}
.homepage .newpost > div {
    background-color: #fb018a;
}
.homepage .dummy-bg > div {
    top:0;
    left:0;
}
.homepage .dummy-bg {
    margin-top: -200px;
}
.homepage .about {
    height: auto;
}
.homepage .dummy-bg ul {
    margin-left: 50px;
    margin-top: 30px;
}
.homepage .dummy-bg {
    width: 480px;
}
.homepage .dummy-bg a > div span {
    font-size: 15px;
    line-height: 2;
}
.homepage .dummy-bg a > div {
    width: 200px;
}
.homepage .dummy-bg > div {
    height: auto;
    padding-bottom: 30px;
}

.body-erenovate .tp-page h1 {

    font-size: 60px !important;

    line-height: 60px !important;

    margin: 60px 0 80px !important;

}

.body-erenovate div.tp-page div.img-bg {

    width: 800px;

    height: 444px;

}

.body-erenovate .tp-page .img-bg img.img {

    width: 100%;

}

.body-erenovate .tp-page .img-bg h4 {

    position: absolute;

    z-index: 10;

    color: #FFF;

    text-align: center;

    width: 100%;

    padding-right: 40px;

    font-size: 40px;

    font-family: "Avenir-Demi";

    line-height: 50px;

    top: 60%;

    height: 50px;

    overflow: hidden;

}

.body-erenovate .tp-page .img-bg p {

    position: absolute;

    z-index: 10;

    color: #FFF;

    text-align: center;

    width: 100%;

    padding-right: 40px;

    font-size: 20px;

    font-family: "Avenir-Regular";

    line-height: 30px;

    top: 76%;

    height: 30px;

    overflow: hidden;

}

.body-erenovate .tp-recall {

    text-align: center;

    background: #f2f2f2;

    padding:0 0 40px;

    margin-top: -25px;

}

.body-erenovate .tp-recall .container > div {

    width: 380px;

    display: inline-block;

    margin: 10px;

}

.body-erenovate .tp-block {

    height: 268px;

    padding:20px;

    overflow: hidden;

    border-radius: 5px;

    border:1px solid #d9d9d9;

    background: #FFF;

}

.body-erenovate .tp-recall p {

    font-size: 20px;

    line-height: 30px;

    color: #283c4b;

    text-align: center;

}

.body-erenovate .tp-picture a {

    display: inline-block;

    margin: 20px 0 10px;

    width: 60px;

    height: 60px;

    border-radius: 50%;

    overflow: hidden;

}

.body-erenovate .tp-recall h3 {

    margin-top: 0;

    font-size: 20px;

    line-height: 30px;

    height: 30px;

    overflow: hidden;

    font-family: "Avenir-Regular";

    color: #283c4b;

}
/*__________/aboutsu fix and new blocks\____________*/
.checkboxes .container .row .checkboxes__block-align:nth-child(1){
    text-align: right;
}
.checkboxes .container .row .checkboxes__block-align:nth-child(3){
    text-align: right;
}
.checkboxes .container .row .checkboxes__img{
    display: inline-block;
}
.some-text .white-box-wrapper{
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    color:#a0a0a0;
}
.some-text .white-box-wrapper p{
    font-size: 18px;
}
.some-text .white-box-wrapper p .fa{
    margin-right: 5px;
}
.some-text .white-box-wrapper .contact-det__title{
    font-size: 20px;
    color:#a0a0a0;
    margin-bottom: 20px;
    display: block;
}
.some-text.inform-about .white-box-wrapper .fa{
    font-size: 18px;
}
.some-text.inform-about .quick_Connect{
    font-size: 20px;
    color: #fff;
    background: #1dbb19;
    text-align: center;
    min-height: 40px;
    padding: 10px 0px;
    margin-top: 20px;
    border-radius: 5px;
}
.some-text.inform-about .social{
    margin-top: 20px;
}
.some-text .white-box-wrapper svg{
    fill:#a0a0a0;
}
.some-text.inform-about .white-box-wrapper.social .social__row{
    margin-top: 20px;
}
.some-text.inform-about .white-box-wrapper.social .social__row a{
    color:#a0a0a0;
}
.some-text.inform-about .white-box-wrapper.social .social__row .social__el{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border:1px solid #a0a0a0;
    border-radius: 20px;
    width: 32px;
    height: 32px;
    padding-top: 6px;
    margin-right: 4px;
    margin-left: 4px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.some-text.inform-about .white-box-wrapper.social .social__row .social__el:hover{
    transform: scale(1.1) rotate(10deg);
}
.some-text.inform-about .view_Our_Projects{
    font-size: 20px;
    color: #fff;
    background:#b719bb;
    text-align: center;
    min-height: 40px;
    padding: 10px 0px;
    margin-top: 20px;
    border-radius: 5px;
}
.some-text.inform-about .white-box-wrapper.share{
    margin-top: 20px;
}
.some-text.inform-about .white-box-wrapper.share .share__el{
    display: block;
    width: 50%;
    float: left;
}
.some-text.inform-about .white-box-wrapper.share .share__el span{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
}
.some-text.inform-about .white-box-wrapper.share .share__el i{
    vertical-align: middle;
    margin-left: 5%;
}
.some-text.inform-about .show-more-btn{
    -webkit-transition: all .1s ease-in ;
    -o-transition: all .1s ease-in ;
    transition: all .1s ease-in ;
}
.some-text.inform-about .show-more-click{
    border:1px solid #a0a0a0;
    margin: 0 auto;
    display: inline-block;
    padding: 5px 10px;
    font-size: 20px;
    color:#a0a0a0;
    cursor:pointer;
    width: 47%;

}
.some-text.inform-about .show-more-btn:hover{
    transform: scale(1.07);
}
.some-text.inform-about .show-more-btn::before,
.some-text.inform-about .show-more-btn::after{
    background: #a0a0a0;
    height: 1px;
    content: "";
    display: inline-block;
    width: 25%;
    vertical-align: middle;
}
.some-text.inform-about .show-more-btn::after{
    margin-left: -4px;
}
.some-text.inform-about .show-more-btn::before{
    margin-right: -4px;
}
.some-text.inform-about .show-more-btn{
    text-align: center;
    margin-top: 20px;
}
.some-text.inform-about .show-more-wrapper .show__detail{
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    margin-top: 20px;
    display: none;
}
.some-text.inform-about .show-more-wrapper .show__detail__title{
    font-size: 20px;
    color: #a0a0a0;
    margin-bottom: 20px;
    display: block;
}
.some-text.inform-about .show-more-wrapper table{
    width: 100%;
}
.some-text.inform-about .show-more-wrapper table tr{
    border-bottom: 1px solid #a0a0a0;
    text-align: left;

}
.some-text.inform-about .show-more-wrapper table tr td{
    padding: 10px 2px 12px;
    font-size: 16px;
    color:#a0a0a0;
}
.some-text.inform-about .show-more-wrapper table tr td:last-child{
    text-align: right;
}
.some-text.inform-about .show-more-wrapper table tr:last-child{
    border:none;
}
.some-text .member-date__wrapper{
    margin-top: 10px;
    text-align: center;
    color: #2cccd3;
    font-size: 16px;
}
.some-text .verified_check_mark{
    margin:0 auto;
}
.some-text.aboutus__some-text {
    padding: 0px;
    width: 80%;
}
.icons.aboutus__icons{
    width: 80%;
    margin: 0px;
    margin-top: 10px;
}
.some-text.aboutus__verified{
    margin:20px 0;
}
/*____________________________________________________________*/

.dz-default.dz-message {
    margin-bottom: 0 !important;
}
#content_div {
    word-wrap: break-word;
}
.navigation.ver.container-fluid.visibility a.button {
    padding-top: 0;
}

div.navigation > div.container > div.row > ul > a.button:hover > li {
    background-color: none;
}

iframe#iframe_footer{
    height:480px;
}

@media (min-width:1200px) {
    .banner {
        width:300px;
        height:300px;
        overflow:hidden;
        margin-top:40px;
        float:right !important;
        margin-left:20px;
    }
    .ul-verified-by li.visible-lg {
        display: inline-block !important;
    }
}
@media (min-width: 1200px) and (max-width: 1300px) {
    .morphsearch {
        right: 15%;
    }
}
@media (min-width:992px) and (max-width:1199px) {

    .div_b_a p {
        width: 355px;
        float: left;
        height: auto !important;
    }
    .wrap-row {
        height: 878px;
    }
    .wrap-row .button {
        width: 195px !important;
        margin-right: 15px;
    }
    .bs-top h1 {
        font-size: 55px !important;
    }
    .gain-navigation > .link {
        top:4px;
        font-size: 25px !important;
    }
    .gain-inside .a-t-info {
        width: 430px;
    }
    .admin-tools-left > div img {
        width: 175px;
    }
    .gain-inside .a-t-info div p {
        width: 270px;
    }
    .a-t-info {
        width: 245px;
        margin-right: 20px;
    }
    .admin-tools .link {
        font-size: 20px;
        line-height: 30px;
    }
    .a-t-info p {
        height: 90px;
        overflow: hidden;
    }
    .admin-tools-left {
        width: 680px;
    }	
    .n-logo {
        width: 205px;
    }
    .a-fl-desc {
        width: 310px;
    }
    .fl-desc h4 {
        font-size: 25px;
        line-height: 35px;
    }
    .flooring,
    .fl-main {
        width: 690px;
    }
    .feature-brand {
        width: 240px;
    }
    .newpostmyjob .simplify {
        margin-left: 660px;
    }
    .contact-us-top p {
        font-size: 35px;
    }
    .next-step-2 {
        margin-right:60px;
    }
    .down-subm {
        margin-left: 80px;
    }
    .hir-left {
        margin-left:45px;
    }
    .some-text {
        padding: 20px 0 20px 40px;
    }
    .icons div img {
        margin-right: 10px;
    }
    .margin-left-right {
        margin: 0 5px;
    }
    .icons {
        margin-left:50px;
    }
    .edit-blog-left {
        width: 660px;
        margin-right: 0;
    }
    .one-more-edit {
        width: 660px;
    }
    .edit-info {
        width: 375px;
    }
    .edit h2 {
        font-size: 23px;
    }
    .new_partners img[title="TORONTO STAR TOUCH"] {
        left:45px;
    }
    .new_partners img[title="IN-DEPTH RADIO"] {
        left: 54px;
    }
    .new_partners img[title="TECHVIBES"] {
        width:208px;
    }
    .new_partners img[title="BNN"] {
        width: 180px;
        left: 18px;
    }
    .new_partners a div {
        width: 232px;
        margin: 20px 0;
    }
    .ell-div {
        margin:0 40px;
    }
    .s_pr div, 
    .s_pr {
        width:280px;
    }
    .s_pr {
        margin: 0 15px;
    }
    .new_navigation a div {
        margin:0 5px;
    }
    .dummy h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .dummy p {
        font-size: 25px;
        line-height: 35px;
    }
    .dummy-bg > div > img {
        right: -35px;
    }
    .last-edit,
    .last-edit-1 {
        width:640px;
    }
    .review-1 .stars h3,
    .review-1 .stars h3 .link {
        font-size: 22px;
    }
    .review-1 {
        width:640px;
    }
    .contr-search {
        width:230px;
    }
    .contr-search input {
        width:140px;
    }
    .contr-search .signup {
        width:90px;
    }
    .menu-contractors span {
        font-size: 17px !important;
    }
    .more-more {
        font-size: 17px !important;
    }
    .menu-contractors {
        margin-left:-22px;
    }
    #question .quest-left {
        width: 315px;
    }
    #enter-LG .left {
        width:360px;
    }
    .main-left {
        width:600px;
    }
    .landing-04 .landing-text h1 {
        font-size: 55px;
    }
    .landing-04 .about .img-bg {
        width: 450px;
        height: 280px;
    }
    .landing-seven-icons + .about .img-bg {
        height:300px;
    }
    .landing-header-menu li {
        padding: 1px 50px;
    }
    .leadpro_info_new_a div {
        width:150px;
    }
    .recognition a {
        display: block !important;
        margin: 20px 10px;
    }
    .recogn-links {
        margin-top:10px;
    }
    .industry .prove-left {
        width:500px;
    }
    .industry .prove-span {
        width:100%;
    }
    .industry .prove-img {
        margin-top: 40px;
    }
    .prove-span {
        width:600px;
    }
    .ver-margin-left {
        margin-left: 160px;
    }
    .verproc-bg h2 {
        font-size: 50px;
    }
    .Progallery .descNewGallery .input {
        width:230px;
    }
    .Progallery .descNewGallery {
        margin-left: 0;
    }
    .newGallery .input {
        width: 370px;
    }
    .descNewGallery .input-span {
        width:100px;
    }
    .descNewGallery .input {
        width: 260px;
    }
    .newGallery {
        width:600px;
    }
    .company-page-6 .checkboxes .row > div > div img {
        width:180px;
    }

    .under-lead-new textarea {
        height:245px;
    }
    .under-lead-new textarea[name="lead-textarea-bottom"] {
        height: 90px;
    }

    .lead-new {
        height: 640px;
    }
    .form-lead-new input[type="submit"] {
        width: 170px;
    }

    .media-nav a {
        margin:0 30px;
    }

    .multiple {
        width: 370px !important;
    }
    .ms-choice {
        background-position: 340px;
    }

    .leads + #form-register-pro-3 > .checkboxes {
        padding-left: 70px;
        padding-right: 70px;
    }

    #form-register-pro-3 > p {
        font-size:17px;
    }

    .adv-desc {
        width: 275px;
    }
    .adv-desc h1 {
        font-size:23px;
    }
    .adv-btn .button {
        width:220px;
    }

    .myproj-inp .description .input {
        width:424px;
    }
    .width {
        width:180px !important;
    }

    .link-div-1 a:nth-child(2) {
        float:right;
    }
    .link-div-1 a:nth-child(3) {
        clear:both;
        float:right;
    }

    .cont-items .item-1 {
        font-size:25px !important;
    }

    .leadpro .usr .event-name > div {
        height:177px;
    }
    .leadpro-info .usr-tabs  {
        width: 113% !important;
        margin-left: -7%;
        padding-left: 7%;
        height: 67px !important;
    }
    .leadpro .usr .event-name > div > div:nth-child(2) h6:last-child {
        width:240px;
    }
    .leadpro .usr-tabs ul.use li.user-tab {
        padding: 0 44px 16px !important;
    }
    .leadpro-info .usr-tabs ul.use li.user-tab {
        padding: 0 58px 16px !important;
    }
    .leadpro .user-profile {
        width: 710px;
    }
    .searchpro-page .blog-right {
        width:240px;
    }
    .searchpro-page .categories h2 {
        font-size: 27px;
        letter-spacing: 0px; 
    }
    .order-under-div {
        width:720px;
    }
    .searchpro-category .black-button {
        width: 225px;
        font-size:18px;
        padding-top:12px;
    }

    .find-pro h2 {
        padding: 0 70px;
    }

    .searchpro-3 li {
        margin: 0 10px 45px;
    }

    .map li {
        font-size: 24px;
    }

    .financing-top .bring-h1 {
        font-size: 45px;
        line-height: 70px;
    }
    .financing-top .bring-h1:nth-child(2) {
        margin-bottom:25px !important;
    }
    .financing-top .bring-h2 {
        margin-top:0 !important;
        font-size: 30px;
        line-height: 60px;
    }
    .roww-3 .btn2,
    .roww-3 .btn1 {
        font-size: 17px;
        padding-top: 13px;
    }
    .roww-2 .img-tabs {
        margin-left:0;
    }
    .benefits-items .item-1 {
        font-size:28px;
    }
    .benefits-items {
        padding-bottom:40px;
    }

    .proapp-free-left .free-ic div,
    .proapp-free .free-ic div {
        width: 355px;
    }
    .proapp-free-left .row > div:first-child img,
    .proapp-free .row > div:last-child img {
        margin-top: 60px;
    }
    .proapp-free-left .row > div:first-child img,
    .proapp-free .row > div:last-child img {
        margin-top:0 !important;
    }
    .proapp-free .free-ic h2 {
        margin-top:18px;
    }
    .proapp-free h1 {
        font-size: 37px;
    }
    .proapp-free .free-ic h2 {
        font-size:19px;
    }
    .proapp-free h1 .link,
    .proapp-free h1 {
        font-size: 34px;
    }
    .footer-partners div {
        margin:20px 10px;
    }

    .proapp div.logo-top {
        margin-right: 20px;
    }
    .proapp span {
        font-size: 14px;
    }
    .five-phones {
        padding-top: 122px;
    }

    .app-slider .slider-img > div {
        width: 210px;
    }

    .free-ic div {
        width:400px;
    }
    .free .row > div:last-child img {
        margin-top:81px;
    }
    .app-h1:nth-child(2) {
        margin-bottom: 147px;
    }

    .slider-img > div {
        margin: 0 30px;
    }
    .ver-partners li {
        padding:0 20px;
    }
    .ver-image-1 .ver-hh1 {
        width:100%;
    }
    .ver-image-1 .row > div:nth-child(1) {
        padding-right: 25px;
    }
    .ver-image .row > div:nth-child(2) {
        padding-left: 65px;
    }
    .ver-image .row > div:nth-child(2) a {
        width: 195px;
    }

    .ver-tabs li {
        padding: 0 55px;
    }
    .app-tabs li {
        padding: 0px 90px;
    } 

    .ul-verified-by li {
        padding: 0px 5px !important;
    }

    .comp-gallery .row > div:nth-child(2) {
        padding: 0;
    }
    .comp-gallery .sociaty + a.button {
        width:200px;
    }
    .comp-gallery div > .comp-hh2 {
        height: 245px;
        margin-bottom: 32px;
    }

    .company-bg .row > div:nth-child(2) {
        padding-left:30px;
    }
    .company-bg .comp-h1 {
        margin-top:150px;
        height:90px;
        overflow: hidden;
    }
    .comp-tabs li {
        padding: 10px 50px 0;
    }

    .under-sky .paragraph-span {
        height: 120px;
        overflow: hidden;
    }
    .div-white-buttons a {
        padding: 12px 22px 0;
        margin: 0px 5px;
    }
    .under-sky div h1 {
        margin-bottom: 20px;
        height: 75px;
        overflow: hidden;
    }
    .under-sky div {
        width: 470px;
    }
    .under-sky {
        height: 385px;
    }

    .privacy > .container {
        width:auto;
    }

    .house + .contact-bottom .input, 
    .house + .contact-bottom .textarea {
        width:420px;
    }

    .blog-left {
        width: 640px;
    }
    .blog .order {
        margin-left: 220px;
    }

    .post {
        width:640px;
    }
    .post-tabs li {
        padding: 0 77px;
    }
    #post-job .input {
        width:370px;
    }
    #post-job .project, #post-job .business {
        background-position: 350px;
        width: 370px;
    }
    #post-job #project, #post-job #business {
        width: 383px;
    }
    #post-job .textarea {
        margin-top:20px;
    }
    .input {
        width: 670px;
    }
    .pictures {
        width:670px;
    }
    .descr {
        width: 390px;
    }
    .usr .event-name > div {
        width:670px;
    }
    .usr {
        width: 710px;
    }
    .usr-top .user-info h5 {
        font-size:14px;
    }
    .usr-top .user-info {
        width:566px;
    }
    .sociaty, .recent-projects {
        width:335px;
    }
    .usr-social {
        height:135px;
    }
    .usr-tabs ul.use li  {
        padding: 0 37px 4px !important;
    }
    #project,
    #business {
        width: 673px;
    }
    .project,
    .business  {
        background-position: 630px;
        width: 660px;
    }
    .textarea {
        width:860px;
    }
    .postcode {
        width:250px;
    }
    .select {
        width:370px;
        background-position: 340px;
    }
    #select {
        width:383px;
    }
    .window-chat {
        width:690px;
    }
    #send input {
        width:570px;
    }
    .dialogs {
        width:690px;
    }
    .user-name {
        width:450px;
    }
    .user-info {
        width: 87%;
    }
    .messages {
        width:720px;
    }
    .meeting {
        width:720px;
    }

    .under-my-project-1 .links,
    .under-my-project-1 .tabs {
        width:720px;
    }
    .information > div > div:nth-child(2) {
        width:235px !important;
    }
    .under-my-project-1 .tabs li {
        padding:0 49px 8px !important;
    }
    .under-my-project-1 .links a {
        margin: 19px 0px 20px;
        width: 175px;
    }
    .under-my-project-1 div.description {
        width:auto !important;
    }
    .my-project .create-a-new-project {	
        margin-top:20px;
    }
    .banner {
        width:240px;
        height:240px;
        margin-top:40px;
        float:right !important;
        margin-left:0;
    }
    .my-project .replace,
    .my-project .create-a-new-project {
        width:720px;
    }
    .my-project ul li {
        font-size: 18px !important;
        padding: 0 20px 8px !important;
    }
    header > div.container > div.row > div:last-child > ul > li {
        padding:0 10px;
    }
    div.navigation > div.container > div.row > ul > a > li {
        font-size: 14px;
        padding: 19px 7px 0;
    }
    div.bg-bottom > div.container > div.row > div > p.description {
        width:300px;
    }
    div.about div.img-bg {
        width: 440px;
        height: 245px;
    }
    div.about p.paragraph-about {
        font-size:18px;
        text-align: justify;
    }
    div.about a {
        width:215px;
    }
    div.partners > div.container > ul > a > li {
        margin: 0 10px;
        max-width: 170px;
    }
    div.app > div.container > div.row > div:first-child > img {
        margin: 101px auto 0;
    }
    div.app > div.container > div.row > div:nth-child(2) > h1,
    div.app > div.container > div.row > div:nth-child(3) > h1 {
        font-size: 34px;
    }
    div.app > div.container > div.row > div:nth-child(2) > a > div.download,
    div.app > div.container > div.row > div:nth-child(3) > a > div.download {
        width: 250px;
        height: 70px;
    }
    div.app > div.container > div.row > div:nth-child(2) > h2,
    div.app > div.container > div.row > div:nth-child(3) > h2 {
        width: 445px;
    }
    div.app > div.container > div.row > div:nth-child(2) > a > div.download > i.apple,
    div.app > div.container > div.row > div:nth-child(3) > a > div.download > i.apple {
        font-size: 50px;
        margin-left: 20px;
    }
    div.app > div.container > div.row > div:nth-child(2) > a > div.download > h2,
    div.app > div.container > div.row > div:nth-child(3) > a > div.download > h2 {
        font-size: 18px;
    }
    div.app > div.container > div.row > div:nth-child(2) > a > div.download > h1,
    div.app > div.container > div.row > div:nth-child(3) > a > div.download > h1 {
        font-size: 32px;
    }
    div.job > div.container > div.row > div:first-child > p {
        font-size: 18px;
        padding-right: 20px;
    }
    footer > div.footer-top > div.container > div.row > div:first-child > h2 {
        font-size: 20px;
        color: #808080;
    }
    footer input.mail-input {
        width:215px;
    }
    footer > div.footer-top > div.container > div.row > div:first-child > h3 {
        font-size: 18px;
        width: 374px;
    }
    footer div.footer-top > div.container > div.row > div:nth-child(2) > ul > a > li, 
    footer div.footer-top > div.container > div.row > div:nth-child(3) > ul > a > li, 
    footer div.footer-top > div.container > div.row > div:nth-child(4) > ul > a > li {
        font-size: 19px;
    }
    .proapp-tabs li {
        padding:1px 20px;
    }
    .proapp-items .item-1 {
        font-size:26px;
    }
    .proapp-items .row > div {
        height:350px;
    }
    .leadpro-info .usr {
        width:720px;
    }

    .project.multiple {
        width: 370px !important;
    }
    .project.multiple > .multiple {
        width:363px !important;
    }

    .body-erenovate div.tp-page div.img-bg {

        width: 800px;

        height: 444px;

    }
}
@media (max-width:991px) {

    .new-bt {
        float: none;
        margin-top: 0;
    }
    .new-buttton {
        float: none;
    }
    .wrap-row {
        margin-bottom: 40px;
        border-bottom: 2px solid #d9d9d9;
    }
    .bigsmall .ver-proc-form label {
        width: 100%;
        text-align: left;
    }
    .bigsmall .ver-proc-form .input {
        width: 100% !important;
    }
    .gain-inside .blue-button {
        margin: 0 auto !important;
    }
    .gain-inside img {
        float: none !important;
        margin: 0 auto 30px !important;
    }
    .gain-inside .a-t-info {
        width: 100% !important;
        margin-right: 0 !important;
    }
    .a-t-time {
        float: none;
        clear: both;
        text-align: center;
    }
    .admin-tools-left {
        float: none;
    }
    .admin-tools-right {
        float: none;
        margin: 0 auto;
    }
    .admin-tools-left {
        width: 100%;
    }
    .gain-news h2 br {
        display: none;
    }
    .lastli {
        margin-top: 3px !important;
        margin-right: 20px !important;
        font-size: 27px !important;
    }
    .morphsearch {
        top: 16px;
        min-height: 48px;
        right: 19%;
    }
    .flooring,
    .fl-main {
        width: 100%;
    }
    .feature-brand {
        margin-top: 0;
        width: auto;
    }
    .flooring-main {
        padding-bottom: 40px;
    }
    .flooring-main .blog-right {
        float: none;
        margin:20px auto;
        height: auto;
    }
    .flooring-main .blog-right .banner {
        margin-bottom: 20px;
    }
    .block-row {
        margin-top:20px !important;
    }
    .step-2 .input {
        width:100%;
    }
    .user-cont-new .business {
        background-position: 98%;
        width: 100%;
    }
    .contact_us form input + label,
    .file-upload span,
    .submit-step-1 {
        float:none;
    }
    .contact_us form input + label {
        margin-left:0;
        display: block;
    }
    .contact_us br {
        display: none;
    }
    .contact_us .step-2 br {
        display: block;
    }
    .down-subm form input + label {
        margin-left: -30px !important;
    }
    .file-upload span {
        margin-left:0;
        margin-top:10px;
    }
    .down-subm {
        margin-left:0;
        text-align: center;
    }
    .submit-step-1 {
        margin: 20px auto;
    }
    .busin {
        width: 100% !important;
    }
    .user-cont input {
        display: block;
        width: 100%;
        margin: 0 0 20px;
    }
    .user-cont-new .textarea {
        width: 100%;
    }
    .edit h2 {
        line-height: 40px;
    }
    .edit h1 {
        line-height: 50px;
    }
    .edit-blog-left {
        width: 100%;
        margin-right: 0;
    }
    .one-more-edit {
        width:100%;
    }
    .edit-blog-left .hidden-xs {
        width:33%;
    }
    .edit-info {
        width:63%;
    }
    .edit .blog-right {
        display: block;
        height: auto;
        float: none;
        margin: 0 auto;
    }
    .edit {
        padding: 40px 0 20px;
    }
    .edit .banner {
        float: none;
        margin: 30px 0;
    }
    .bath_advice h1 {
        font-size: 40px;
        line-height: 50px;
    }
    .s_pr {
        margin:0 0 110px;
    }
    .s_pr div, 
    .s_pr {
        width: 100%;
        height: 477px;
    }
    .dummy {
        padding-top:0;
        padding-bottom:0;
    }
    .dummy .row > div {
        margin-bottom:60px;
    }
    .new-page {
        width:100%;
    }
    .last-edit,
    .last-edit-1 {
        width:100%;
    }
    .review-right-top br {
        display: none;
    }
    .review-1,
    .review-right {
        width:100%;
        float:none;
    }
    .review-1 {
        margin-bottom:20px;
    }
    .contr-search {
        float:none;
        margin-bottom: 40px;
    }
    .right-column,
    .main-left {
        float: none;
        width: 100%;
        clear: both;
    }
    #enter-LG .left {
        width:480px;
    }
    .main-left {
        margin-bottom:40px;
    }
    .right-column > section:last-child {
        text-align: center;
    }
    .img-bg-float {
        float:none;
    }
    .landing-04 .about .row {
        margin-bottom: 60px;
    }
    .landing-04 .about .img-bg {
        margin:0 auto !important;
    }
    .landing-seven-icons + .about .img-bg {
        float: none;
        height: 300px;
        margin:0 auto !important;
    }
    .landing-seven-icons + .about .row {
        margin-bottom:80px;
    }
    .landing-seven-icons .item-1 {
        height:auto;
    }
    .margin-top {
        margin-top:30px;
    }
    .landing-content .about .btn1 {
        display: inline-block;
        float: none;
        margin-left: 0;
    }
    .landing-content .about .learn-more {
        float: none;
        width: 100%;
        display: block;
        text-align: center;
    }
    .landing-content .prove-left {
        width:100%;
        margin-top:0;
    }	
    .recognition a {
        display: block !important;
        margin: 20px 10px;
    }
    .recogn-links {
        margin-top:10px;
    }
    .industry .prove-h1,
    .industry .prove-span {
        width:100% !important;
    }
    .industry .prove-img {
        float:none;
        margin-top:0;
        margin-bottom:20px;
    }
    .industry .prove-img img {
        margin:0 auto;
    }
    .about-contr-bg-text .prove-span {
        width: 100%;
    }
    .prove .prove-h1,
    .prove .prove-span,
    .prove .prove-bold {
        width:430px;
    }
    .prove-img {
        margin-top: 200px;
    }
    .ver-margin-left {
        margin-left:0;
    }
    .Progallery .descNewGallery .input {
        width:350px;
    }
    .Progallery .descNewGallery {
        margin-left: 0;
    }
    .newGallery {
        width:100%;
        float: none;
    }
    .galleryRewards {
        float: none;
        clear: both;
        margin: 40px auto 0;
        width:100%;
    }
    .err-bot .row .button {
        width:230px;
    }

    .error .bg-bottom .row > div:first-child .button,
    .error .bg-bottom .row > div:last-child .button {
        float:none;
    }
    .error .bg-bottom .button {
        width: 230px;
    }
    .media-row .link {
        height: 210px !important;
    }
    .down-docs h2 {
        font-size: 24px;
    }
    .down-docs .link {
        font-size: 17px;
    }
    .leads + #form-register-pro-3 > .checkboxes {
        padding-left: 0;
        padding-right: 0;
    }
    .register-pro-last .container .row > div > div {
        width:auto;
    }
    .register-pro-last {
        height:auto;
    }
    .media-bottom .row > div > div .link {
        height: 95px;
        display: block;
        margin-top: 0;
        overflow: hidden;
    }

    .free .row > div:last-child img {
        margin-bottom:20px;
    }
    .leadpro .usr .event-name > div > div:nth-child(2) h6:last-child {
        line-height: 30px;
    }

    .proapp .row > div:last-child {
        padding:0 15px;
    }
    .proapp .row > div:first-child {
        padding-right:15px;
    }

    .work-top {
        display:block !important;
    }
    .work-bottom {
        display:none !important;
    }
    .blog-left {
        margin-bottom: 40px;
    }
    .blog-right {
        display:none;
    }
    .caret-list > span {
        line-height: 32px;
    }
    .simplify {
        display:none;
    }
    .newpostmyjob .simplify {
        display: block;
        position: static !important;
        float: none;
        height: auto !important;
        margin: 40px auto 20px !important;
        clear: both;
    }
    .newpostmyjob .post {
        margin-bottom: 40px;
    }
    .window-chat {
        width:720px;
    }
    #send input {
        width:600px;
    }
    .under-my-project-1 .links,
    .under-my-project-1 .tabs {
        width: 750px;
    }
    .information > div > div:nth-child(2) {
        width:235px !important;
    }
    .under-my-project-1 .tabs li {
        padding: 0 56px 8px !important;
    }
    .under-my-project-1 .links a {
        margin: 19px 1px 20px;
        width: 181px;
    }
    .under-my-project-1 div.description {
        width:auto !important;
    }
    .wrap-link {
        float:none;
    }
    .my-project .create-a-new-project {
        margin-top:20px;
    }
    .my-project .banner {
        /*        display:none;*/
    }

    .user-profile .container .banner {
        margin-top: 0px !important;
    }
    .my-project .replace,
    .my-project .create-a-new-project {
        width:100%;
    }
    .my-project ul li {
        font-size: 15px !important;
        padding: 0 10px 8px !important;
    }
    .proapp-free-left .row > div:first-child img {
        margin-bottom: 20px;
    }
    .my-project span.signup {
        margin-right:0;
    }
    li.li-burger {
        display:none !important;
    }
    li.li-burger-1 {
        padding: 16px 32px 17px 17px !important;
        border-radius: 10px;
        background-color: #283c4b;
        position: relative;
        width:50px;
        height:50px;
        display: inline-block !important;
        top: 10px;
    }
    li.li-burger-1:hover {
        background-color:#3c5a71;
    }
    li.li-burger-1:hover {
        cursor:pointer;
    }
    li.li-burger-1 > span:first-child {
        font-size: 27px;
        top: -4px;
        left: -5px;
    }
    li.li-burger-1 > span:last-child {
        font-size: 29px;
        display: inline-block;
        position: absolute;
        top: 11px;
        right: 9px;
        display:none;
    }
    .searchpro-page .blog-right .categories,
    .searchpro-page .blog-right .banner {
        display:inline-block !important;
    }
    .searchpro-page .blog-right {
        display: block !important;
        width:100%;
        margin-bottom:40px;
    }
    .searchpro-page .blog-right .banner img {
        width:259px;
    }


    .top-area {
        display: none;
    }
    .bottom-area .outline {
        width: 320px !important;
        margin-top: 0;
        margin:0 auto;
    }
    .homepage .bottom-area #form-login .email input, 
    .homepage .bottom-area #form-login .password input {
        width: 210px;
    }
    .c-w-f {
        word-spacing: 3px;
        letter-spacing: 1px;
    }
    .bottom-area .outline h3 {
        font-size: 23px;
        margin-bottom: 15px;
    }
    .homepage .dummy-bg {
        margin-top: 40px;
    }
    .homepage .bottom-area {
        border-top:2px solid #FFF;
        padding-top:20px;
    }
    .homepage .bottom-area p {
        font-size: 18px;
    }
    .homepage .bottom-area h2 {
        font-size: 25px;
    }


    .body-erenovate .tp-page .img-bg h4 {

        font-size: 25px;

        top:50%;

    }

    .body-erenovate .tp-page .img-bg p {

        top:72%;

    }

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

    .caret-list > .input-span {
        font-size: 17px;
    }
    .new_login_link_remember {
        margin-top: 32px !important;
    }
    .wrap-row {
        height: 1038px;
    }
    .bs-top h1 {
        font-size: 43px !important;
        line-height: 50px;
    }
    .gain-news h1 {
        font-size: 50px;
        line-height: 70px;
    }
    .n-logo {
        width: 225px;
    }
    .a-fl-desc {
        width: 370px;
    }
    .layout {
        width: 600px;
        margin-left:-300px;
    }
    .next-step-2 {
        margin-right:0;
    }
    .rad {
        margin: 40px 10px;
    }
    .lev {
        width:730px;
    }
    .rad-block > div {
        width: 210px;
    }
    .rad-block > div > span {
        height:130px;
    }
    .hir-left {
        width: 500px;
        margin-left: 0px; 
    }
    .contact-us-top h1 {
        font-size: 55px;
    }
    .some-text {
        padding: 20px 0 20px 40px;
    }
    .icons div img {
        margin-right: 10px;
    }
    .margin-left-right {
        margin: 0 5px;
    }
    .icons {
        margin-left:50px;
    }
    .icons img[src="https://portal.betterhomeskingston.ca/homeowner/assets/images/fv.png"] {
        margin-left: 3px;
    }
    .icons img[src="https://portal.betterhomeskingston.ca/homeowner/assets/images/contact.png"] {
        margin-left:-3px;
    }
    .new_partners h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .needs h1 {
        font-size: 55px;
    }
    .new_partners a div {
        width: 280px;
        margin: 20px;
    }
    .ell-div {
        margin: 0 16px;
    }
    .new_navigation a div {
        margin: 0 0px;
        padding: 20px 6px;
    }
    .slick-slider.slick-dotted {
        width: 690px;
        margin: 0 auto 30px;
    }
    .review-1 .stars h3,
    .review-1 .stars h3 .link {
        font-size: 25px;
    }
    .contr-search {
        width: 500px;
    }
    .contr-search input {
        width: 350px;
    }
    .menu-contr-1 ul {
        margin-top: 10px !important;
    }
    .menu-contr-1 li {
        font-size: 20px !important;
    }
    .menu-contractors {
        margin-top:3px;
    }
    .landing-04 .landing-text h1 {
        line-height: 70px;
    }
    .inline-blocks {
        width:300px;
    }
    .landing-four-icons .item-1 {
        font-size: 25px;
    }
    .landing-header-menu li {
        padding: 0 25px;
    }
    .leadpro_info_new_a div {
        width:160px;
    }
    .about-contr-bg-h1 .prove-h1 {
        font-size: 34px;
    }
    .leaf-bg h1 {
        font-size: 50px;
        line-height: 70px;
    }
    .ver-proc-form form > div {
        width: 700px;
    }
    .ver-text {
        width: 480px;
    }
    .verproc-bg h2 {
        font-size: 38px;
        line-height: 55px;
    }
    .verproc-bg h3 {
        font-size: 30px;
        line-height: 50px;
    }
    .newGallery .input {
        width: 490px;
    }
    .descNewGallery .input-span {
        width:100px;
    }
    .newGallery {
        padding-bottom: 10px;
    }
    .descNewGallery .input {
        width: 380px;
    }
    .register-background-block {
        width: 740px;
    }

    .register-new-block img {
        width: 140px;
    }

    .company-page-6 .checkboxes .row > div > div img {
        width:119px;
    }

    .under-lead-new textarea {
        height:240px;
    }
    .under-lead-new textarea[name="lead-textarea-bottom"] {
        height:90px;
    }

    .lead-new {
        height: 655px;
    }
    .form-lead-new input[type="submit"] {
        width: 190px;
    }

    .media-nav a {
        margin:0 10px;
    }

    .multiple {
        width: 450px !important;
    }
    .ms-choice {
        background-position: 420px;
    }

    .checkboxes .input-span {
        width: 305px;
        font-size: 16px;
    }
    .checkboxes .row {
        margin:0;
    }

    #form-register-pro-3 > p {
        line-height: 40px;
    }
    .adv,
    .adv-1,
    .adv-2,
    .adv-3 {
        width:750px;
    }

    .border-horiz {
        width:101px;
    }
    .circles {
        padding-right:2px;
        width:750px;
    }
    #form-register-pro {
        width:750px;
    }
    .bs-type {
        background-position: 545px;
    }
    .eye {
        margin-right: 2px;
    }
    .reset-padd {
        padding:0 !important;
    }

    .adv-desc {
        width: 275px;
    }
    .adv-desc h1 {
        font-size:23px;
    }
    .adv-btn .button {
        width:220px;
    }


    .thanks h1 {
        font-size: 35px !important;
    }
    .thanks p {
        font-size: 25px !important;
    }

    .myproj-inp .description .input {
        width:454px;
    }
    .width {
        width:210px !important;
    }

    .link-div-1 a:nth-child(2) {
        float:right;
    }
    .link-div-1 a:nth-child(3) {
        clear:both;
        float:right;
    }

    .leadpro .usr-tabs ul.use li.user-tab {
        padding: 0 48px 16px !important;
    }
    .leadpro-info .usr-tabs ul.use li.user-tab {
        padding: 0 68px 16px !important;
    }
    .leadpro-info .usr-tabs {
        width:112% !important;
    }
    .leadpro .user-profile {
        width:750px;
    }
    .leadpro .usr .event-name > div {
        height:180px;
    }
    .leadpro-info .usr-tabs {
        height:67px !important;
    }
    .leadpro .usr .event-name > div > div:nth-child(2) {
        width: 300px;
    }
    .leadpro .usr .event-name > div > div:nth-child(2) {
        width:290px;
    }
    .start-head div.navigation {
        height:auto !important;
    }
    .start-head div.navigation li {
        margin-top:0 !important
    }

    div.start-app > div.container > div.row > div:nth-child(2) > h1.ios-h1 {
        font-size: 36px !important;
        margin-top:200px;
    }

    .cont .paragraph-span {
        padding: 0 95px;
    }
    .cont-items .item-1 {
        font-size:19px !important;
    }
    .cont-video .link {
        padding-top:0;
    }

    .order-under-div {
        width:750px;
    }
    .searchpro-page .information > div > div:nth-child(2) {
        width:320px !important;
    }

    .searchpro-category .black-button {
        width: 231px;
        padding-top: 12px;
        font-size: 18px;
    }

    .find-pro h2 {
        padding: 0 20px;
    }
    .roow-3 .free-ic h2 {
        font-size: 15px;
    }
    .financing h1 {
        font-size: 35px;
    }

    .financing-top .bring-h1 {
        font-size: 30px;
        line-height: 45px;
    }
    .financing-top .bring-h1:nth-child(2) {
        margin-bottom:25px !important;
    }
    .financing-top .bring-h2 {
        margin-top:0 !important;
        font-size: 25px;
        line-height: 40px;
    }
    .trades, .renovator {
        width:345px;
    }
    .under-text h1, 
    .under-text h2 {
        font-size:18px;
    }

    .sign-me-up .cat-item {
        height:80px;
    }

    .list .black-h1 {
        width:720px;
    }
    .list li {
        font-size: 25px;
        line-height: 45px;
    }
    .map li {
        font-size: 21px;
    }
    .ben-video h1 {
        font-size: 38px !important;
        line-height: 58px !important;
    }
    .ben-power .bring-h1 {
        font-size: 34px;
        line-height: 48px;
    }
    .ben-power .bring-h2 {
        font-size: 27px;
        line-height: 54px;
    }
    .benefits-items {
        padding-bottom:40px;
    }
    .benefits-items .ver-hh1 {
        width: 100%;
        font-size: 35px;
        line-height: 50px;
    }
    .benefits-items .item-1 {
        font-size: 21px;
        line-height: 30px;
    }
    .benefits-items .item-2 {
        font-size: 17px;
        line-height: 26px;
        height: 130px;
    }
    .bring-h1 {
        font-size: 50px;
    }
    .bring-h2 {
        font-size: 30px;
        line-height: 45px;
    }
    .bring .bring-h2 {
        margin-top:25px;
    }
    .proapp-free h1,
    .proapp-free h1 .link {
        font-size: 30px;
    }
    .proapp-free .free-ic h2 {
        font-size: 16px;
    }
    .header-proapp-ul {
        margin-top: 15px !important;
    }
    .footer-proapp .row > div:last-child {
        margin-top: 40px;
    }
    .footer-partners {
        text-align: center;
    }
    .footer-partners div {
        margin: 30px 60px;
    }
    .footer-proapp-ul {
        margin-top:-10px !important;
    }
    .five-phones {
        padding-top: 72px;
    }
    .app-slider .slider-img > div {
        width: 157px;
    }
    .free-ic {
        height:130px;
    }
    .free-ic .paragraph-span {
        height:90px;
        overflow: hidden;
    }
    .free-ic div {
        width: 300px;
    }
    .free-ic h2 {
        font-size: 18px;
    }
    .app-h1:nth-child(2) {
        margin-bottom: 97px;
    }
    .li-app-1 {
        width: 210px !important;
        height: 60px !important;
    }
    .li-app-1 i {
        font-size: 36px;
        display: inline-block;
        margin-top: -5px;
    }
    .li-app-1 h2 {
        text-transform: none;
        margin-right: -10px !important;
        line-height: 1;
        margin: 0;
        margin-top: -5px;
        float: right;
        font-size: 13px;
    }
    .li-app-1 h1 {
        text-transform: none;
        line-height: 1;
        margin-right: -10px !important;
        margin: 0;
        margin-top: -20px;
        float: right;
        clear: both;
        font-size: 24px;
    }
    .li-app-1 .download {
        margin-top:-3px;
    }

    .ver-slider-block > div {
        width: 664px;
    }
    .ver-slider-block {
        width:721px;
    }
    .under-ver-slider-1, 
    .under-ver-slider-2, 
    .under-ver-slider-3 {
        width:655px;
    }
    .slider-img > div {
        width: 200px;
        height: auto;
        margin: 0 18px;
    }
    .ver-partners li {
        padding:25px;
    }
    .ver-partners {
        height: auto;
    }
    .ver-partners ul {
        margin-top:0;
    }
    .items .item-2 {
        margin-bottom: 40px;
    }
    .app-items .item-2 {
        margin-bottom:0;
    }
    .ver-image .ver-hh1 {
        margin: 20px auto;
        text-align: center;
        width:auto;
    }
    .ver-image {
        height:auto !important;
        padding-bottom: 40px;
    }
    .ver-image-1 {
        height: auto !important;
    }
    .ver-image-1 .ver-hh1 {
        margin: 49px auto 10px;
    }
    .ver-image .row > div:nth-child(2) {
        padding-left:15px !important;
    }
    .img-tabs {
        margin: 0 auto;
    }
    .ver-tabs li {
        padding: 0 19px;
    }
    .app-tabs li {
        padding: 0px 60px;
    } 
    .ver-tabs .ver-h1 {
        width: 100%;
        font-size: 30px;
    }
    .comp-reviews .stars {
        margin-left: 135px;
        margin-top:0;
    }

    .comp-gallery .sociaty + a.button {
        float: none;
        margin: 0 auto 40px;
    }
    .comp-gallery .sociaty {
        margin: 0 auto;
        float:none;
        height: 90px;
    }
    .comp-gallery div > .comp-hh2 {
        height: 210px;
    }
    .company-bg .row > div:last-child {
        padding-top: 135px;
    }
    .company-bg .row > div:last-child a.button {
        margin:20px auto !important;
        float:none;
    }
    .company-bg .comp-h1 {
        margin-top:120px; 
    }
    .company-bg .row > div:nth-child(2) {
        padding-left: 35px;
    }
    .company-incognito {
        width: 130px;
        height: 130px;
    }
    .comp-tabs li {
        padding: 10px 27px 0;
    }

    .thank-app-h2 {
        margin-bottom: 45px !important;
        font-size: 18px !important;
    }
    .div-white-buttons a.button {
        padding: 11px;
        padding-top: 13px;
        margin: 0px 4px;
        font-size: 17px;
    }
    .under-sky div {
        width: 360px;
    }
    .under-sky .paragraph-span {
        height: 180px;
    }
    .under-sky {
        height:460px;
    }
    .privacy .privacy-top {
        width: 680px;
    }
    .privacy .container {
        width:auto;
    }
    .house + .contact-bottom .input, 
    .house + .contact-bottom .textarea {
        width:500px;
    }
    .house .blog-name + .border-bottom {
        width: 650px !important;
    }

    .blog-left {
        width: 720px;
    }
    .blog .order {
        float:none;
        margin: 40px auto;
    }

    .contact-top {
        height: 570px;
    }
    .contacts {
        width: 320px;
        float: left;
    }
    .map iframe {
        width:320px;
    }
    .contact-bottom .input, 
    .contact-bottom .textarea {
        width:500px;
    }

    .faq .carett {
        width:680px;
    }
    .under-caret span {
        width: 610px !important;
    }
    .about-page > div > div {
        width: 720px;
    }
    .post {
        width:100%;
    }
    .post-tabs li {
        padding: 0 97px;
    }
    #post-job .input {
        width: 450px;
    }
    #post-job .project, #post-job .business {
        background-position: 430px;
        width: 450px;
    }
    #post-job #project, #post-job #business {
        width: 463px;
    }
    #post-job .textarea {
        width: 450px;
    }
    .input {
        width: 460px;
    }
    .pictures {
        width: 695px;
    }
    .descr {
        width:415px;
    }
    .usr .event-name > div {
        width:695px;
    }
    .usr {
        width: 735px;
    }
    .usr-social {
        height:135px;
    }
    .usr-top .user-info h5 {
        font-size:14px;
    }
    .usr-top .user-info {
        width:590px;
    }
    .sociaty, .recent-projects {
        width: 347px;
    }
    .usr-tabs ul.use li  {
        padding: 0 40px 4px !important;
    }


    #project,
    #business {
        width: 403px;
    }
    .project,
    .business  {
        background-position: 360px;
        width: 390px;
    }
    .textarea {
        width: 640px;
    }

    .postcode {
        width: 220px;
    }
    #search label {
        clear: both;
        float: left;
        margin-bottom: -15px;
        width: 200px;
    }
    .select {
        width: 400px;
        background-position: 370px;
        float: right;
        margin-bottom: 20px;
    }
    .select + a {
        float: none;
        clear: both;
        margin: 0 auto;
    }
    #select {
        width: 413px;
    }
    .search {
        height:195px;
    }
    .dialogs {
        width: 720px;
        margin: 40px auto;
        float:none;	
    }
    .user-name {
        width:450px;
    }
    .message-block > .container {
        width:720px;
        padding-left:0;
    }
    .message-block {
        padding:0;
    }
    footer > div.footer-bottom {
        height:120px;
    }
    .user-info {
        width: 82%;
    }
    .messages {
        width: 750px;
    }
    .meeting {
        width:750px;
    }
    div.bg-top > div.container > img {
        margin: 60px auto 0;
    }
    header > div.container > div.row > div:last-child > ul > li {
        padding:0 8px;
        margin-top:-10px;
    }
    header > div.container > div.row > div:last-child > ul {
        height:50px;
    }
    li.lili {
        display:block;
        float:left;
        margin-top:17px !important;
    }
    div.navigation {
        height:480px;
        padding-left:0;
        padding-right:0;
    }
    div.navigation > div.container {
        margin-right:auto;
        margin-left:auto;
        width:100%;
    }
    div.navigation > div.container > div.row > ul > a > li {
        display:block;
        text-align: center;
        font-size:25px;
        padding-top: 15px;
        float:none;
    }
    .ver li {
        margin-top: 0 !important;
    }
    .ver {
        height: auto !important;
    }

    div.navigation > div.container > div.row > ul > a {
        text-decoration: none;
    }
    div.bg-top {
        padding-top:5px;
    }
    div.bg-top > div.container > h1 {
        font-size: 63px;
        width: 100%;
        text-align: center;
    }
    div.bg-bottom > div.container > div.row > div > h1 {
        font-size: 24px;
        width: 220px;
        letter-spacing: 1px;
    }
    div.bg-bottom > div.container > div.row > div > p.description {
        font-size: 20px;
        width: 220px;
    }
    div.about {
        height:950px;
    }
    div.about div.img-bg {
        width: 550px;
        height: 310px;
        margin:0 auto;
    }
    div.about p.paragraph-about:first-child {
        margin-top: 40px;
    }
    div.about p.paragraph-about {
        text-align: justify;
    }
    .btn1 {
        margin-left:30px;
    }
    .btn2 {
        margin-right:30px;
    }
    div.simple > div.container > div.row > div:last-child > p {
        width: 345px !important;
        margin: 35px auto 72px;
    }
    div.partners {
        height:450px;
    }
    div.partners > div.container > ul > a > li {
        margin: 15px 15px;
    }
    div.app {
        height: 720px;
        overflow:hidden;
    }
    div.app > div.container > div.row > div:nth-child(2) > h1 {
        font-size: 37px !important;
        line-height: 50px !important;
    }
    div.app > div.container > div.row > div:nth-child(2) > h2 {
        width: 350px;
    }
    div.app > div.container > div.row > div:nth-child(2) > a > div.download {
        float: left !important;
        width:218px;
    }
    div.app > div.container > div.row > div:nth-child(2) > a > div.download > i.apple {
        font-size: 45px;
        margin-left: 14px;
        margin-top: 17px;
    }
    div.app > div.container > div.row > div:nth-child(2) > a > div.download > h2 {
        margin-right: 15px;
        margin-top: 13px;    
        font-size: 16px;
    }
    div.app > div.container > div.row > div:nth-child(2) > a > div.download > h1 {
        margin-right: 13px;
        margin-top: -30px;
        font-size: 29px;
    }
    div.app > div.container > div.row > div:nth-child(2) > img {
        float: right;
        max-width: 116px;
        margin: 20px auto 0 !important;
    }
    div.app > div.container > div.row > div:first-child > img:last-child {
        margin: 85px auto 0;
    }
    div.app > div.container > div.row > div:first-child > img {
        margin: 413px auto 0;
    }
    div.job {
        height:210px !important;
    }
    div.job > div.container > div.row > div:first-child > p {
        padding-right:0 !important;
        text-align: justify;
    }
    div.job a {
        margin: 15px auto 0;
    }
    footer {
        height:700px;
    }
    footer > div.footer-top {
        height:580px;
    }
    footer > div.footer-top > div.container > div.row > div:first-child > h3 {
        width: 100%;
        font-size:18px;
        text-align: center;
        margin: 33px auto;
    }
    footer div.e-mail {
        width: 100%
    }
    footer input.mail-input {
        width:70%;
    }
    span.signup {
        width:30%;
    }
    footer > div.footer-top > div.container > div.row > div:first-child > h2 {
        text-align: right;
        margin-top: 5px;
        clear:none;
    }
    footer > div.footer-top > div.container > div.row > div:first-child > a > img {
        float:left;
        margin: 0 auto 12px;
    }
    footer div.footer-bottom > div.container > div.row > div:first-child > ul > li {
        font-size: 14px;
        margin: 0 8px;
    }
    footer div.footer-bottom > div.container > div.row > div:last-child > a:last-child > span {
        margin-left:15px;
    }
    .proapp-tabs li {
        padding:0px 8px;
        font-size: 17px;
    }
    .proapp-tabs ul {
        margin-top: 7px;
    } 
    .leadpro-info .user-profile + .blog-right > div.banner:first-child {
        float:left;
    }
    .leadpro-info .user-profile + .blog-right {
        margin-top:40px;
        width: 750px;
    }
    .leadpro-info .usr {
        width:750px;
    }
    .project.multiple {
        width: 450px !important;
    }
    .project.multiple > .multiple {
        width:443px !important;
    }
    .body-erenovate .tp-recall .container > div {

        width: 330px;

    }



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

    .border ul {
        display:block !important;
    }
}
@media (max-width:767px) {

    .div_b_a img {
        float: none;
        margin: 0 auto;
    }
    .ellipsebg .black-button {
        width: auto !important;
        height: auto !important;
        padding: 10px 0;
    }
    .new_partners a div {
        width: 250px !important;
        margin:0 auto !important;
        height: auto !important;
    }
    .new_partners img {
        width: 90%;
        left: 0 !important;
        top: 0 !important;
    }
    .navigation.ver.container-fluid.visibility a.button .lili.visible-md.visible-sm.visible-xs {
        padding-top: 0 !important;
    }
    .faq .carett {
        height: 70px;
    }
    .caret-down {
        padding-top: 17px;
    }
    .caret-list > .input-span {
        font-size: 14px;
        line-height: 1.2;
        height: 58px;
    }
    .about-page .title {
        line-height: 1.1;
    }
    #how_did_hear,
    #userpassword,
    #useremail {
        font-size: 13px;
    }
    .wrap-row {
        height: auto;
        overflow: visible;
    }
    .wrap-row > .row:not(:first-child) {
        //display: none;
    }
    .bs-top h1 {
        font-size: 35px !important;
        line-height: 40px;
    }
    .gain-inside .a-t-time {
        text-align: center !important;
        margin-bottom: 30px !important;
    }
    .gain-navigation > .link {
        margin-top:0 !important;
    }
    .gain-navigation {
        clear: both;
        margin-top: 20px;
    }
    .last-gain-block {
        margin-bottom:90px;
    }
    .gain-inside .a-t-info div p {
        width: 100%;
    }
    .gain-inside h1 {
        font-size: 25px;
        line-height: 35px;
    }
    .gain-inside .a-t-info > div {
        display: block;
        clear: both;
    }
    .a-t-info {
        float: none;
        clear: both;
        width: 100%;
        margin: 0;
    }
    .admin-tools-left > div img {
        float: none;
        margin: 0 auto 150px;
    }
    .gain-news h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .gain-news h2 {
        font-size: 25px;
        line-height: 35px;
    }
    .n-logo .link {
        float: none;
    }
    .n-logo p {
        text-align: center;
    }
    .new-fl-d h4 {
        margin-top:10px;
    }
    .fl-main .ban {
        width: 90%;
    }
    .a-fl-picture,
    .fl-block .button {
        margin:20px auto;
        float: none;
    }
    .fl-picture,
    .a-fl-desc {
        text-align: center;
        float: none;
        width: 100%;
    }
    .fl-desc p {
        height: auto;
        max-height: 210px;
    }
    .fl-picture img {
        margin:0 auto;
    }
    .newpostmyjob .post {
        float:left !important;
    }
    .submit-step-1[name="submit-step-1"] {
        font-size: 14px;
    }
    .layout h1 {
        font-size: 23px;
    }
    .layout {
        width: 98%;
        margin-left:1%;
        margin-right:1%;
        left:0;
    }
    .ho input {
        width: 161px;
    }
    .ho {
        width: 330px;
    }
    .next-step-2 {
        float:none;
        margin-right:0;
    }
    .next-step-2 input {
        margin:0 auto;
    }
    .lev {
        width: 100%;
        padding: 40px 10px;
    }
    .rad {
        width: 150px;
        height: 150px;
        margin: 40px auto 20px;
        font-size: 20px;
        line-height: 25px;
    }
    .rad span {
        top:55%;
    }
    .rad-block > div {
        display: block;
        margin:0 auto;
    }
    .hir-left {
        width: 100%;
        margin-left: 0px;
        float:none;
    }
    .hir-right {
        float: none;
    }
    .hir-left h3 {
        line-height: 30px;
    }
    .hir-right a {
        margin:30px auto 0;
    }
    .contact-us-top h1 {
        font-size: 35px;
    }
    .contact-us-top h1 br {
        display: none;
    }
    .some-text {
        padding: 20px 0;
        width: 240px;
        margin: 0 auto;
    }
    .some-text.aboutus__verified{
        margin: 20px auto;

    }
    .icons img[src="https://portal.betterhomeskingston.ca/homeowner/assets/images/fv.png"] {
        margin-left: 3px;
    }
    .icons img[src="https://portal.betterhomeskingston.ca/homeowner/assets/images/contact.png"] {
        margin-left:0px;
    }
    .icons {
        width:240px !important;
        position: relative;
        right: -20px;
        height: auto !important;
    }
    .edit h1 {
        line-height: 40px;
        font-size: 30px;
    }
    .edit h2 {
        line-height: 35px;
        font-size: 25px;
    }
    .edit-info .link,
    .edit-blog-left p,
    .edit-blog-left .status {
        height:auto;
    }
    .edit-info {
        width:100%;
    }
    .edit .hidden-xs {
        float: none;
        width: 100%;
        display: block !important;
        margin-bottom:40px;
    }
    .edit .hidden-xs img {
        width: 100%;
        height: auto;
    }
    .s_pr {
        margin:0 0 50px;
    }
    .s_pr > a {
        margin-top:0px;
    }
    .s_pr img {
        top:0;
        left:0;
        max-height:100%;
        height:auto;
    }
    .s_pr > div {
        background-color: #FFF;
    }
    .new_partners h2 {
        font-size: 35px;
        line-height: 40px;
    }
    .needs h1 {
        font-size: 40px;
        line-height: 50px;
    }
    .needs h2 {
        font-size: 35px;
        line-height: 45px;
    }
    .new_partners div {
        width: auto;
        margin: 20px;
    }
    .ell-div {
        width:100%;
        margin: 30px 0;
    }
    .ellipsebg h1 {
        font-size: 40px;
        line-height: 45px;
        margin-bottom:40px;
    }
    .s_pr div, 
    .s_pr {
        max-height: 100%;
    }
    .navigation_menu {
        display: block;
        cursor: pointer;
        margin-bottom:0;
        padding:20px 0;
        font-family: "AvenirNextLTPro-Demi";
        font-size: 20px;
        line-height: 40px;
        color: #283c4b;
    }
    .navigation_menu i {
        transition:.4s;
    }
    .not_hidden_new_navigation {
        display: none;
    }
    .new_navigation img {
        float: none;
        display: inline-block;
        margin-right: 10px;
        position: relative;
        top: -5px;
    }
    .new_navigation a div {
        display: block;
        margin-left:0;
        margin-right:0;
        padding-left:0;
        padding-right:0;
    }
    .hidden_new_navigation {
        padding-bottom:20px;
    }
    .dummy h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .dummy p {
        font-size: 20px;
        line-height: 30px;
    }
    .dummy-bg {
        width:100%;
        right:-5px;
    }
    .dummy-bg h3 {
        padding-right:145px;
        padding-left:15px;
    }
    .dummy-bg ul {
        position: relative;
        top:20px;
        margin-bottom: 45px;
        margin-left:45px;
    }
    .dummy-bg > div > img {
        right: -25px;
    }
    .dummy-bg a > div,
    .dummy-bg a {
        display: block;
        margin: 20px auto;
        width:235px;
    }
    .dummy-bg {
        height:555px;
    }
    .dummy-bg > div {
        height:auto;
    }
    .single-item {
        display: block;
    }
    .regular {
        display: none;
    }
    .slick-next {
        z-index: 200;
        right:-11px;
        height: 140px;
    }
    .slick-prev {
        z-index: 200;
        left:-11px;
        height: 140px;
    }
    .slick-dotted.slick-slider {
        padding-left: 15px;
        padding-right: 15px;
    }

    .new-page {
        padding-left:15px;
        padding-right:15px;
    }
    .last-edit,
    .last-edit-1 {
        width:96%;
        margin-left:2%;
        margin-right:2%;
    } 
    .last-edit-1 h2, 
    #last-edit-1-form {
        padding-left:15px;
        padding-right:15px;
    }
    #last-edit-1-form .input-text-form-last-edit {
        width:100%;
        margin-top:20px;
    }
    .review-user > div {
        padding:20px 0;
    }
    .review-user .des h1 {
        line-height: 35px;
        margin-bottom: -5px;
    }
    .review-1 .business-5 {
        margin-left:0;
    }
    .how_much {
        margin-left:0;
    }
    .review-1 .business {
        margin-left:0;
        width:100%;
        background-position: 97%;
    }
    .review-1 #business {
        width:103%;
    }
    .review-1 {
        border-bottom: 2px solid #d9d9d9;
    }
    .i-confirm {
        margin-right:0;
        margin-left: 0 !important;
    }
    .review-1 .floatRightCheckbox {
        margin-left:20px;
    }
    .review-1 p.span-input {
        padding:20px 0 0;
    }
    .review-title {
        padding:0;
    }
    .review-1 .stars h3 {
        margin-bottom: 20px;
    }
    .review-1 .stars h3,
    .review-1 .stars h3 .link {
        font-size: 25px;
        line-height: 35px;
    }
    .review-1 .stars,
    .review-1 .review-title + .review {
        padding-left: 0;
        padding-right: 0;
    }
    .review-right-bottom h2 {
        margin-bottom:25px;
    }
    .contr-search input {
        width:79%;
    }
    .contr-search .signup {
        width:19%;
    }
    .contr-search {
        width:99%;
        margin-left:1%;
        margin-right:1%;
        margin-bottom: 80px !important;
    }
    .menu-contr-1 .active2 {
        border-bottom:none !important;
    }
    .menu-contr-1 {
        border-top: 2px solid #2cccd3;
    }
    .menu-contr {
        display: block;
    }
    .menu-contractors {
        display: none;
    }
    .right-left,
    #question .quest-left {
        float: none;
        width: 100%;
    }
    .right-left img {
        margin:20px auto;
    }
    #enter-LG .right {
        float: none;
        margin-top: 40px;
        margin: 40px auto 0;
        height: auto;
    }
    #enter-LG .left {
        width:100%;
        float:none;
    }
    #enter-LG .left .button {
        float:none !important;
    }
    .landing-content div.about img.img {
        left:-15px !important;
    }
    .landing-content div.about .img-bg {
        width:100% !important;
    }
    .landing-circle div span {
        width:auto !important;
        margin:auto !important;
    }
    .inline-blocks {
        width:100%;
        margin-left:0;
        margin-right:0;
        padding-right:15px;
        padding-left:15px;
    }
    .landing-03 .landing-text p {
        font-size: 25px;
        line-height: 35px;
    }
    .landing-text h1 {
        font-size: 40px;
        line-height: 50px;
    }
    .landing-three-icons .row > div {
        margin-bottom:40px;
    }
    .landing-three-icons .row > div > img {
        margin-bottom: 20px;
    }
    .landing-three-icons .row {
        margin-bottom: 0;
    }
    .blue-button {
        width:250px;
    }
    .container {
        width:auto !important;
    }
    .landing-content .business.input {
        width:250px !important;
        background-position: 220px;
    }
    .landing-content .prove-h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .landing-content .prove-span {
        font-size: 25px;
        line-height: 35px;
        max-height: 210px;
        height:auto;
    }
    .leadpro_info_new_a div {
        width:215px;
    }
    .recognition {
        background-image: none;
        padding-bottom: 0;
    }
    .recogn-links {
        float:none;
        margin-bottom: 40px;
        margin-top:40px;
    }
    .recognition h2 {
        font-size: 30px;
        line-height: 40px;
        text-align: center;
    }
    .recognition a {
        width:230px;
        margin: 20px auto 0;
    }
    .recognition .container {
        width:auto !important;
    }	
    .about-contr-bg-h1 {
        clear:both;
        margin-top:20px;
    }
    .about-contr-bg .container {
        width:auto !important;
    }
    .prove-img {
        float:none;
        margin-top:0;
        margin-bottom:40px;
    }
    .prove-img img {
        margin:0 auto;
    }
    .prove .prove-h1, 
    .prove .prove-span, 
    .prove .prove-bold {
        width:100%;
    }
    .prove-h1 {
        font-size: 28px;
        line-height: 40px;
    }
    .prove .container {
        width:auto !important;
    }
    .leaf-bg h1 {
        font-size: 40px;
        line-height: 50px;
    }
    .leaf-bg .container {
        width:auto !important;
    }
    .ver-proc-form .container {
        width:auto !important;
    }
    .ver-proc-form h1 {
        font-size: 25px;
        line-height: 40px;
    }
    .ver-proc-form form > div {
        width:100%;
    }
    .ver-proc-form form input {
        width:250px !important;
    }
    .got-what .container {
        width:auto !important;
    }
    .got-what .black-button {
        width:250px;
    }
    .got-what h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom:20px;
    }
    .got-what h2 {
        font-size: 25px;
        line-height: 35px;
    }
    .verproc-articles .container {
        width:auto !important;
    }
    .verproc-articles h2 {
        margin-bottom: 80px;
    }
    .ver-text {
        width:100%;
    }
    .img-ver-block {
        margin-top:0 !important;
    }
    .verproc-bg h2 {
        font-size: 30px;
        line-height: 50px;
    }
    .verproc-bg h3 {
        font-size: 25px;
        line-height: 35px;
        margin-bottom:50px;
    }
    .verproc-bg .container {
        width:auto !important;
    }
    .verproc-bg {
        height:auto;
    }
    .reset-border-Progallery {
        margin-bottom: 0 !important; 
        padding-bottom: 0 !important;
    }
    .check-gallery .link {
        margin-top:0;
    }
    .check-gallery {
        height:40px;
    }
    .Progallery .descNewGallery .input {
        width:100%;
    }
    .uppercase-link {
        display: block;
        margin: 0 auto 30px;
        width:210px;
    }
    .newGallery {
        float: left;
        margin-bottom:20px;
    }
    .gallery-image {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    .img-gall {
        margin-bottom:20px;
    }
    .descNewGallery {
        clear: both;
        float: none;
    }
    #form-newGallery input[type="submit"] {
        clear:both;
    }
    .newGallery .input {
        width:100%;
    }
    .descNewGallery .input-span {
        text-align: left;
    }
    .descNewGallery .input {
        width:100%;
    }
    .addCreateProgallery .container {
        width:auto !important;
    }
    .register-background-block > div {
        width:auto;
    }

    .register-background-block {
        width: 100%;
        padding:10px;
    }
    .register-background-block .link {
        margin-top:0;
    }
    .register-background-block h1 {
        line-height: 50px;
    }
    .register-background-block > div > a {
        display: block;
        text-align: center;
    }

    .register-new-block input[type=checkbox]:not(old):checked + label > span:before {
        padding-top:0 !important;
    }

    .register-new-block .row > div > div {
        padding-left:15px;
    }

    .company-page-6 .checkboxes .row > div > div img {
        width:auto;
        margin:0 auto;
        display:block;
    }
    .company-page-6 .checkboxes .row > div > div a span {
        display:none !important;
    }
    .company-page-6 .checkboxes .row > div > div {
        border-bottom:2px solid #d9d9d9 !important;
        padding-bottom:40px;
        padding-top:20px;
        margin-top:0;
    }
    .company-page-6 .checkboxes .row > div > div:last-child {
        border:none !important;
    }

    .lead-new h5, .div-lead-form span {
        font-size: 20px !important;
        padding-right: 0 !important;
    }

    .to {
        margin: 0 auto !important;
        width: 20px;
        display: block;
    }

    .form-lead-new input[type="submit"] {
        float: none;
        margin: 0 auto;
        width:180px;
    }
    .div-lead-form {
        width:200px;
        margin: 0 auto 15px;
        float: none;
    }
    .lead-new h5 {
        height: auto;
        line-height: 30px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .under-lead-new textarea {
        height:240px;
    }
    .under-lead-new textarea[name="lead-textarea-bottom"] {
        height:90px;
    }

    .lead-new {
        margin-top:170px;
        height:auto;
        padding-bottom:20px;
    }

    .media-bottom .row img {
        max-height:100% !important;
    }

    .err-bot .container {
        width:auto !important;
    }
    .err-bot .row > div {
        margin-bottom:30px;
        border-bottom:1px solid #d9d9d9;
    }
    .err-bot .row > div:last-child {
        border-bottom:none;
    }
    .err-bot .row img {
        margin:0 auto;
    }
    .error .bg-bottom .button {
        margin-bottom:0;
    }
    .error .bg-bottom {
        height:auto;
        padding-bottom:40px;
    }
    .err-bot .row h2 {
        text-align: center;
    }

    .down-docs h2 {
        font-size: 27px;
    }
    .down-docs .link {
        font-size: 19px;
    }
    .down-docs > div {
        padding-bottom:20px;
        margin-bottom:20px;
        border-bottom:1px solid #d9d9d9;
    }
    .down-docs > div:last-child {
        border-bottom:none;
    }
    .down-docs .link {
        margin-top:0px !important;
    }

    .media-bottom .row {
        margin-bottom: -60px;
    }
    .media-row {
        margin-top: -30px;
    }

    .media-bottom .container {
        width:auto !important;
    }
    .media-bottom .row > div > div {
        height:auto;
    }
    .media-bottom h1 {
        line-height: 45px;
        margin-top:75px;
    }

    .media-nav .container {
        width:auto !important;
    }
    .media-nav a {
        display:block;
        margin:0 auto;
    }
    .media-nav .mediaClickMenu {
        cursor: pointer;
        margin:0 auto -1px;
        text-align: center;
        line-height: 40px;
        border-bottom:1px solid #d9d9d9;
        color:#283c4b;
        font-size: 20px;
        font-family: "AvenirNextLTPro-Demi";
        padding-left: 12px;
    }
    .media-nav .mediaClickMenu:hover {
        color:#2cccd3;
    }
    .media-nav {
        height: auto;
    }
    .media-nav li {
        line-height: 40px;
    }
    .media-nav ul {
        margin-top:10px;
        display:none;
    }
    .media-top .container {
        width:auto !important;
    }
    .media-top {
        height:auto;
    }
    .media-top h2 {
        line-height: 40px;
    }
    .media-top h1 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 50px;
    }
    form#form-login input[type=checkbox]:not(old):checked + label > span:before {
        padding-top:4px;
        margin-left: 1px;
    }
    .checkboxes input[type=checkbox]:not(old):checked + label > span:before {
        padding-top:2px;
    }
    .multiple {
        width: 100% !important;
    }
    .ms-choice {
        background-position: 95%;
    }
    .register-pro-last .container > h3 + h1 + a.button {
        width:270px;
    }
    .register-pro-last .container > h3 + h1 {
        line-height: 40px;
    }
    .register-pro-last .container {
        width:auto;
    }
    .register-pro-last .container .row > div > div {
        margin-top:40px;
    }
    .register-pro-last .container > a + h1 {
        line-height: 40px;
        margin-top:40px;
    }

    .leads + #form-register-pro-3 > h2 {
        line-height: 45px;
        margin-bottom: 25px;
    }
    .leads + #form-register-pro-3 > .checkboxes .row > div > div {
        height:auto;
    }
    .leads + #form-register-pro-3 > .checkboxes .input-span {
        margin-top:10px;
        margin-bottom:10px;
    }
    .leads + #form-register-pro-3 > .checkboxes .floatRightCheckbox label {
        margin-top:25px;
    }
    .leads + #form-register-pro-3 > .register-new-block .floatRightCheckbox label {
        margin-top:15px;
        margin-right:15px;
    }
    .leads > div:nth-child(8),
    .leads > div:nth-child(9),
    .leads > div:nth-child(10) {
        display:inline-block !important;
    }
    .leads .border-horiz {
        width:47%;
    }
    .leads + #form-register-pro-3 .sign-in {
        width: 275px;
    }
    .leads + #form-register-pro-3 .sign-in + span,
    .leads + #form-register-pro-3 > .checkboxes + span {
        width:100%;
    }

    .adv-1,
    .adv-2,
    .adv-3 {
        width:100%;
        padding: 40px 0px 0;
        border:none;
    }
    .adv-btn .button {
        width:225px;
    }
    .adv-1 hr,
    .adv-2 hr,
    .adv-3 hr {
        width:100%;
    }
    .usr-1 {
        background-color: #FAFAFA;
    }
    .div-div {
        background-color: inherit;
    }
    .myproj {
        margin-top: -390px;
    }
    .myproj.visibility + .div-div {
        margin-top: -60px;
    }
    .myproj + .div-div {
        margin-top: 0px;
    }

    .lead-plan > div:nth-child(6),
    .lead-plan > div:nth-child(7),
    .lead-plan > div:nth-child(8) {
        display:inline-block;
    }
    .lead-plan .border-horiz {
        width:47%;
    }
    .checkboxes .row > div > div {
        height:auto;
    }
    .checkboxes .row > div:first-child > div, 
    .checkboxes .row > div:nth-child(2) > div {
        border-top:none;
    }
    .checkboxes .row > div:last-child > div {
        border-bottom:1px solid #d9d9d9;
    }
    .checkboxes .row {
        border-bottom: 1px solid #d9d9d9;
    }
    .checkboxes .input-span {
        margin-bottom:20px;
        margin-top:20px;
    }
    .floatRightCheckbox label {
        margin-top:50px;
    }
    .floatRightCheckbox label.chkbx-4,
    .floatRightCheckbox label.chkbx-6 {
        margin-top:35px;
    }
    #form-register-pro-3 .adv {
        width: 100% ;
        padding: 40px 20px 0;
    }
    #form-register-pro-3 .sign-in {
        width: 260px;
    }
    #form-register-pro-3 > span {
        padding:0 20px;
    }
    #form-register-pro-3 > p {
        line-height: 35px;
    }
    #form-register-pro-3 {
        margin-top:50px;
    }

    .documents > div:nth-child(4),
    .documents > div:nth-child(5),
    .documents > div:nth-child(6) {
        display:inline-block;
    }
    .documents .border-horiz {
        width:47%;
    }


    #form-register-pro,
    #form-register-pro .input,
    .businessType,
    .eye,
    #form-register-pro .sign-in + span {
        width:100%;
    }
    .bs-type {
        background-position: 95%;
    }
    #form-register-pro .sign-in {
        width:275px;
    }
    #form-register-pro .input-span {
        width:100%;
    }
    .circles {
        height:110px;
    }
    .circles > div {
        display:none;
    }
    .details > div:nth-child(2),
    .details > div:nth-child(3),
    .details > div:nth-child(4) {
        display:inline-block;
    }
    .reset-padd {
        padding:0 !important;
        overflow: hidden;
    }
    #form-register-pro {
        padding-left:15px;
        padding-right:15px;
        margin-top:80px;
    }
    .details .border-horiz {
        width:48%;
    }



    .register-pro .select-2 .select-1 {
        background-position: 95%;
        padding-left:22%;
    } 
    .register-pro form#form-login label.label-password-1 i {
        text-align: left;
    }
    .register-pro form#form-login label {
        text-align: left !important;
        padding-left:20px;
    }
    .register-pro form#form-login #password-1,
    .register-pro form#form-login #firstName {
        width:77%;
    }
    .register-pro form#form-login .label-password-1,
    .register-pro form#form-login .firstName label {
        width:22%;
    }
    .register-pro form#form-login .email .fa-envelope-o {
        margin-left:-3px;
    }



    .myproj-inp .description .width {
        width:100%;
        margin-bottom:40px;
    }
    .myproj-inp .description .input {
        width:100%;
    }
    .myproj-inp .select-2 {
        float:left;
        margin-bottom:40px;
    }
    .myproj-inp .hour-2 {
        margin-left:20px;
    }
    .myproj-inp .visible-xs h1 {
        margin-left:0 !important;
    }
    .myproj hr {
        width: 100%;
        margin-top: 50px;
    }

    .myproj hr + div {
        margin:20px auto -20px;
    }

    .information .visible-xs h1 {
        font-family: "AvenirNextLTPro-Demi";
        margin-bottom: 0 !important;
        margin-top: -20px !important;
        font-size: 20px;
        line-height: 60px;
        color: #283c4b;
        float: left;
        margin-left:20px;
    }
    .information .visible-xs .closed-1 {
        float: right;
        font-family: "AvenirNextLTPro-Demi";
        font-size: 20px;
        color: #2cccd3 !important;
        text-decoration: none;
        width: auto !important;
        margin-top: -4px;
        margin-right:20px;
    }
    .information .visible-xs .description {
        margin-top: 40px;
        border-top:none;
        display:none;
    }
    .information .visible-xs {
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px solid #d9d9d9;
        margin-bottom: 110px;
        padding-bottom: 30px;
    }
    .information .visible-xs .description div.img-bg {
        margin-bottom: -20px;
    }

    div.description img.img {
        height: 100%;
        width:100%;
    }
    .width {
        width:100% !important;
    }

    .advice-block {
        height:auto;
    }
    .advice-img,
    .advice-img img,
    .adv-desc,
    .adv-btn {
        float:none;
        margin:20px auto;
        text-align: center;
    }
    .adv-desc {
        width: auto;
    }
    .adv-desc h1 {
        font-size:20px;
    }
    .advice > h1 {
        text-align: center;
    }


    .leadpro-info .use {
        height:61px;
    }

    .blog-images > .row {
        background-color:inherit !important;
    }
    .leadpro-info .event {
        height:auto;
    }

    .leadpro-info .user-profile + .blog-right {
        padding-top: 40px;
        border-top: 1px solid #d9d9d9;
    }

    .blog-images > .row > div > div img {
        margin:0 auto;
    }

    .modal-window .container {
        width:auto !important;
    }

    .thanks h1 {
        font-size: 35px !important;
    }
    .thanks p {
        font-size: 25px !important;
    }
    .thanks .container div {
        width:100%;
    }

    .searchpro-page .blog-right .categories, 
    .searchpro-page .blog-right .banner {
        display:block !important;
    }
    .searchpro-page .blog-right .categories {
        float: none;
        width: 270px;
        margin: 0 auto;
    }
    .searchpro-page .blog-right .banner {
        float: none;
        width: 259px;
        margin: 40px auto 0;
    } 

    .link-div-1 {
        width: 180px;
        float: none;
        margin: 35px auto;
    }
    .leadpro .usr .event-name > div > div:nth-child(2) h6:last-child {
        overflow:hidden;
        height:60px;
    }
    .but-1st {
        margin-left:0 !important;
        margin-right:0 !important;
    }
    .link-div-1 a {
        margin-bottom:20px;
        margin-right:0;
    }
    .answers .links-div > div {
        width: 195px;
        margin: 0 auto;
    }
    .answers .links-div a:first-child {
        float:none;
    }
    .leadpro .user-profile {
        width:100%;
    }
    .leadpro-info .usr .event-name > div {
        width:100%;
        margin-left:0;
    }
    .leadpro-info .usr-tabs {
        width:108% !important;
        margin-left:-5% !important;
    }
    .leadpro .usr .event-name > div {
        height:190px;
    }
    .leadpro .usr-tabs {
        height:67px !important;
    }
    .leadpro .usr .event-name > div > div:nth-child(2) {
        width: 250px;
    }

    .leadpro .usr-tabs ul.use li.user-tab {
        display:inline-block !important;
        font-size: 18px !important;
        padding: 0px 43px 16px !important;
        height: 46px !important;
    }
    .leadpro-info .usr-tabs ul.use li.user-tab {
        height: 52px !important;
        font-size: 21px !important;
        padding: 0px 26px 16px !important;
    }
    .leadpro-info .usr-tabs {
        width: 136% !important;
        margin-left: -18% !important;
    }	
    .start-pictures .button {
        margin: 20px auto;
        width: 260px;
    }
    .start-pictures {
        padding-bottom:20px;
    }
    .start-pictures .buttonss {
        width:100% !important;
    }

    .start-head .whitee, .start-head .bluee {
        float:none !important;
    }
    .start-head .whitee {
        padding-left: 20px;
        margin: 40px auto;
    }
    .start-head h1 {
        font-size: 50px;
    }
    .start-head h2 {
        font-size:25px;
    }
    .start-head {
        height:auto !important;
        padding-bottom:80px !important;
    }
    .start-head .buttonss {
        width:100%;
        margin-bottom:100px !important;
    }
    .ios {
        text-align: center;
    }
    .cont-video .link {
        font-size: 24px !important;
        line-height: 40px !important;
    }
    .cont-items .item-2 {
        height:90px !important;
    }
    .contractor-top .bring-h2 {
        font-size: 20px;
        line-height: 35px;	
    }

    .searchpro-page .under-my-project-1 .replace > div > div:nth-child(2) {
        margin-bottom: 95px !important;
    }
    .searchpro-page div.information {
        height:auto !important;
    }
    .searchpro-page .under-my-project-1 .replace > div:nth-child(2) {
        float: left;
        margin-top: 0 !important;
    }
    .searchpro-page .under-my-project-1 .replace > div:nth-child(2) h6 {
        line-height: 30px !important;
        margin:0 !important;
        font-size: 20px !important;
    }
    .searchpro-page .replace > div:first-child {
        margin-bottom:0 !important;
    }
    .searchpro-page .under-my-project-1 .replace > div hr {
        display:none;
    }
    .searchpro-page .under-my-project-1 .information .div-border {
        height: auto;
        border: 1px solid #d9d9d9;
    }
    .searchpro-page .information {
        border:none !important;
    }
    .searchpro-page .under-my-project-1 .replace > div:first-child {
        margin-bottom:10px !important;
        margin-top:0 !important;
    }
    .searchpro-page .under-my-project .replace {
        margin-bottom:40px;
    }
    .searchpro-page .under-my-project .row {
        background-color: #f2f2f2 !important;
    }
    .searchpro-page .under-my-project .replace {
        padding:0 !important;
    }
    .searchpro-page .container,
    .order-under-div {
        width:auto !important;
    }
    .order-under-div {
        float:none !important;
    }
    .searchpro-category .container {
        width:auto !important;
    }
    .searchpro-category .black-button {
        margin-left:auto;
        margin-right:auto;
    }
    .find-pro .container {
        width:auto !important;
    }
    .find-pro h2 {
        padding:0;
    }
    .searchpro-3 .container {
        width:auto !important;
    }
    .searchpro-3 h1 {
        font-size:30px;
        line-height: 45px;
    }
    .financing h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .financing-top .bring-h1 {
        font-size: 26px;
        line-height: 45px;
    }
    .financing-top .bring-h1:nth-child(2) {
        margin-bottom:25px !important;
    }
    .financing-top .bring-h2 {
        margin-top:0 !important;
    }

    .pricing .container {
        width:auto !important;
    }
    .pricing .row > div:nth-child(2) {
        margin-top:60px;
    }
    .img-tabs {
        margin:0 auto;
    }

    .contact-me .container {
        width:auto !important;
    }
    #contact-me {
        width:100%;
    }
    .sign-me-up .container {
        width:auto !important;
    }

    .list .container {
        width:auto !important;
    }
    .black-h1 {
        font-size: 25px;
        line-height: 40px;
    }
    .list .black-h1 {
        width:100%;
    }
    .list ul:not(:last-child) {
        border-bottom:1px solid #d9d9d9;
    }
    .list ul {
        padding:20px 0;
    }
    .list li {
        font-size: 25px;
        line-height: 45px;	
    }

    .revenue .container {
        width:auto !important;
    }
    .revenue h1 {
        font-size: 30px;
        line-height: 45px;
    }
    .ben-power .container {
        width:auto !important;
    }
    .ben-power .bring-h1 {
        font-size: 30px;
        line-height: 45px;
    }
    .ben-power .bring-h2 {
        font-size: 23px;
        line-height: 45px;
    }
    .benefits-items .ver-hh1 {
        font-size: 20px !important;
        line-height: 35px !important;
    }
    .benefits-items {
        padding-bottom:20px;
    }
    .benefits-items .item-1 {
        font-size: 25px;
        line-height: 35px;
    }
    .benefits-items .item-2 {
        font-size: 17px;
        line-height: 26px;
    }
    .bring .container {
        width:auto !important;
    }
    .bring-h1 {
        font-size: 30px;
        line-height: 45px;
    }
    .bring-h2 {
        font-size: 20px;
        line-height: 35px;
    }
    .bring .bring-h2 {
        margin-top:25px;
    }
    .proapp-free-left img,
    .proapp-free-left .free-ic img {
        margin:0 auto;
        float:none !important;
    }
    .proapp-free .free-ic h2 {
        line-height: 35px;
        margin-bottom: 10px;
    }
    .proapp-free h1,
    .proapp-free h1 .link {
        font-size: 30px;
        line-height: 40px;
    }
    .proapp-video h1 {
        font-size:30px !important;
        line-height: 40px !important;
    }
    .proapp-video .container {
        width:auto !important;
        padding-left: 25px !important;
    }
    .ben-video h1 {
        font-size: 24px !important;
        line-height: 40px !important;
    }
    .footer-proapp .footer-top {
        display:none;
    }
    .proapp {
        height: 120px;
    }
    .proapp .logo-top {
        margin: 16px auto 10px !important;
        float: none !important;
    }
    .header-proapp-ul {
        float: none !important;
        text-align: center;
    }

    .app-above-footer .container {
        width:auto !important;
    }
    .ready .container {
        width:auto !important;
    }
    .ready-buttons {
        width:100%;
    }
    .ready .download,
    .ready .visit {
        float: none;
        margin: 20px auto;
    }
    .ready-h1 {
        font-size: 25px;
        line-height: 40px;
    }
    .app-slider .slider-img > div {
        width:45%;
        margin: 0 .5%;
    }
    .free .container {
        width:auto !important;
    }
    .free h1 {
        text-align: center;
    }
    .free-ic div {
        float: none;
        width: 100%;
        text-align: center;
        margin-top: 0;
        clear: both;
        margin-left: 0;
    }
    .free-ic {
        height:auto;
    }
    .free-ic img {
        float: none;
        clear: none;
        margin: 0 auto;
    }
    .free-ic .paragraph-span {
        height:90px;
    }
    .free .row > div:last-child img {
        float: none;
        margin: 10px auto 20px;
    }
    .app-h1 {
        font-size: 40px;
        line-height: 60px;
    }
    .app-top-bg .container {
        width:auto !important;
    }
    .app-top-bg img {
        margin:0 auto 20px;
    }
    .app-top-bg {
        height:auto;
    }
    .li-app-1 i {
        font-size: 32px;
        display: inline-block;
        margin-top: -7px;
        margin-left: -4px;
    }

    .ver-top-bg .container,
    .ver-tabs .container,
    .ver-image .container,
    .ver-image-1 .container,
    .ver-image-2 .container,
    .items .container,
    .ver-form .container,
    .ver-partners .container,
    .ver-slider .container {width:auto !important;}


    .under-ver-slider-1,
    .under-ver-slider-2,
    .under-ver-slider-3 {
        overflow:hidden;
        padding-bottom:30px;
    } 
    .ver-slider .ver-hh1 {
        width: 100%;
        font-size: 30px;
        line-height: 45px;
    }
    .slider-img > div {
        width: 31%;
        height: 200px;
        margin: 0 .5%;
    }
    .ver-slider {
        height:auto;
    }
    .ver-slider-block {
        width: 100%;
        height:195px;
    }
    .ver-slider-block img:first-child {
        float:left;
    }
    .ver-slider-block img:last-child {
        float:right;
    }
    .ver-slider-block > div {
        width: 90%;
    }
    .under-ver-slider-1, 
    .under-ver-slider-2, 
    .under-ver-slider-3 {
        width: 100%;
        margin:0;
    }
    .ver-partners li {
        padding:25px 0;
        display:block;
    }
    .ver-partners {
        height: auto;
    }
    .ver-partners li img {
        margin:0 auto;
    }
    .ver-partners ul {
        margin-top:0;
        text-align: center;
    }

    .ver-partners .ver-hh1 {
        width: 100%;
        font-size: 30px;
        line-height: 45px;
    }
    .ver-partners .ver-hh1 .link {
        font-size: 30px !important;
        line-height: 45px !important;
    }
    .items .item-2 {
        margin-bottom: 40px;
    }
    .app-items .item-2 {
        margin-bottom:0;
    }
    #ver-form {
        width:100%;
    }
    .ver-form .ver-hh1 {
        width: 100%;
        font-size: 30px;
        line-height: 45px;
    }
    .rev-footer .row > div:last-child .button {
        width:250px;
    }
    .items .ver-hh1 .link {
        font-size: 30px !important;
        line-height: 45px !important;
    }
    .items .ver-hh1 {
        width: 100%;
        font-size: 30px;
        line-height: 45px;
    }
    .app-items .ver-hh1 {
        font-size: 25px;
        line-height: 35px;
    }

    .ver-image .ver-hh1,
    .ver-image-1 .ver-hh1 {
        margin: 20px auto;
        text-align: center;
        font-size: 20px;
        line-height: 30px;
        width: auto;
    }
    .ver-image .ver-hh1 .link,
    .ver-image-1 .ver-hh1 .link {
        font-size: 20px !important;
        line-height: 30px !important;
    }
    .ver-image,
    .ver-image-1 {
        height:auto !important;
    }
    .ver-image .row > div:nth-child(2) {
        padding-left:15px !important;
    }
    .ver-image .paragraph-about .span-1,
    .ver-image-1 .paragraph-about .span-1 {
        width:auto;
        height:auto;
    }
    .ver-image span.learn-more {
        width: 255px !important;
    }
    .ver-image span.learn-more+span {
        width: 255px !important;
    } 

    .ver-tabs .ver-h1 {
        width: 100%;
        font-size: 20px;
        line-height: 30px;
    }
    .ver-tabs li {
        font-size: 15px;
        line-height: 20px;
        padding: 0 50px;
    }
    .app-tabs li {
        font-size: 25px;
        line-height: 40px;
        padding: 0 50px;
    }
    .ver-tabs {
        height:auto;
    }
    .ver-tabs ul {
        margin-bottom:0;
    }
    .app-tabs ul {
        margin-bottom:-1px;
    }
    .ver-tabs a:hover li {
        border-bottom: 6px solid #2cccd3;
    }
    .ver-tabs .active2 {
        border-bottom: 6px solid #2cccd3;
    }

    .ver-h2 {
        font-size: 25px;
        line-height: 30px;
    }
    .ver-top-bg .container > div:first-child {
        width:auto;
    }
    .ver-top-bg img {
        margin:0 auto;
    }
    .white-div,
    .blue-div {
        width:100%;
    }
    .buttonss {
        width:auto;
    }
    .whitee, .bluee {
        width: 250px;
        display: block;
        margin: 20px auto;
        float: none;
    }
    li.li-burger-1.get-info-1 {
        width: 108px !important;
        padding: 15px !important;
    }
    .rev-footer {
        height: auto !important;
    }
    .rev-footer .row {
        margin-top: 25px;
    }
    .rev-footer .row > div:first-child {
        text-align: center;
    }
    .rev-footer .row > div:last-child .button {
        float: none;
        margin: 15px auto;
    }

    .comp-reviews .stars {
        border-left: none;
    }
    .comp-reviews .stars .stars-1 {
        width: 210px;
        margin: 10px auto 40px;
    }
    .comp-reviews .stars .paragraph-span {
        margin: 20px auto 0;
    }
    .comp-reviews .stars {
        margin:0;
        height: auto;
    }
    .comp-reviews .comp-hh1 {
        text-align: left !important;
    }
    .hhhh1, .span,
    .reviews .link, .reviews .paragraph-span {
        font-size: 20px !important;
        line-height: 50px !important;
    }
    .services-div .link {
        margin-top:0;
    }
    .comp-picture img {
        margin:0 auto;
    }
    .comp-gallery .row div > .comp-hh1 {
        margin: 20px auto 10px;
        font-size: 20px;
        line-height: 30px;
    }
    .comp-gallery div > .comp-hh2 {
        height:auto !important;
        font-size: 18px;
        line-height: 30px;
    }
    .comp-gallery .sociaty {
        text-align: center;
        margin: 0 auto;
        float: none;
        height: 80px;
    }
    .comp-gallery .sociaty + a.button {
        margin-top: 0;
        float: none;
        clear: both;
    }
    .icons {
        width: 270px;
        height: 190px;
        margin: 0 auto;
    }

    .company-bg .comp-h1 {
        margin-top: 40px;
        text-align: center;
    }
    .company-bg .comp-h2 {
        text-align: center;
    }
    .company-bg .container,
    .company-logo .container,
    .comp-tabs .container {
        width:auto !important;
    }
    .comp-logo img {
        float: none;
        margin: 0 auto;
    }
    .company-logo .comp-hh1 {
        text-align: center;
    }
    .company-bg a.button {
        margin: 20px auto !important;
        float: none;
    }
    .company-bg .row > div:last-child {
        padding-top:0;
        padding-right:0;
    }
    .company-bg {
        height:auto;
    }

    .comp-tabs li {
        padding: 10px 25px 0;
    }

    .check .container {
        width:auto !important;
    }
    .facebook-button, .like-button {
        float:none;
        margin:0 auto;
        width:280px;
    }
    .or {
        float:none;
        margin-left:0;
        margin-bottom:10px;
    }
    .under-mark > div {
        float:none;
    }
    .under-mark,
    .also-can {
        width:100%;
    }
    .also-can {
        height:auto;
        clear:both;
    }
    .under-mark h1, 
    .also-can h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .under-mark h2 {
        font-size: 25px;
        line-height: 30px;
    }
    .check .container > .under-mark:nth-child(2) {
        height:200px;
    }
    .check .div-1 {
        float:left;
    }
    .check .div-2 {
        float:right;
    }
    .white-buttons h1 {
        font-size: 20px;
        line-height: 30px;
    }
    .div-white-buttons {
        height:auto;
        width:100%;
    }
    .white-buttons .container {
        width:auto !important;
    }
    .div-white-buttons a.button {
        display: block;
        width: auto;
        padding:0;
        padding-top: 15px;
        padding-bottom:15px;
        height:auto;
        margin: 10px 14px;
        font-size: 16px;
    }
    .white-buttons .container > a {
        width: 100%;
        height: auto;
        margin: 80px auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .skylights .container {
        width:auto !important;
    }
    .skylights .hhh1 {
        line-height: 30px;
        font-size: 25px;
    }
    .under-sky {
        height:auto;
    }
    .under-sky div {
        float: none;
        width: 100%;
        padding: 10px;
        height:320px;
    }
    .under-sky div h1 {
        text-align: center;
    }
    .under-sky div a.button {
        float: none;
        margin: 20px auto;
    }
    .numbers .container {
        width:auto !important;
    }
    .numbers {
        height:auto;
    }
    .numbers .container .row div:not(:last-child) {
        margin-bottom:40px;
    }

    .privacy .privacy-top {
        width: 100%;
        padding: 40px 10px 20px;
    }
    .privacy .container {
        width:auto;
    }
    .privacy > .container > h1.hhh1 {
        font-size: 35px;
    }
    .privacy {
        padding: 40px 0;
    }
    .privacy-top .hhh1 {
        font-size: 22px;
    }
    .paragraph-span,
    .privacy .link {
        font-size: 18px;
    }

    .house + .contact-bottom .input, .house + .contact-bottom .textarea {
        width:100%;
    }
    .house .blog-name + .border-bottom {
        width: 100% !important;
        margin:-20px 0 auto !important;
    } 
    .tags span {
        margin-bottom:0;
    }
    .house h1.hhh1 {
        font-size:25px;
    }
    .house .blog-name > div > div:nth-child(2) {
        margin-bottom:20px;
    }
    .under-blog ul li {
        font-size: 17px;
    }
    .blog-user .sociaty {
        width: 56px !important;
        height: 50px !important;
        float: right !important;
        margin-top: -20px !important;
        margin-right: -15px !important;
    } 
    .blog-user .sociaty span {
        font-size:34px !important;
    } 

    .under-blog > div:first-child {
        height: auto;
    }
    .blog-left .sociaty {
        width: 100%;
        text-align: center;
        margin: 20px auto;
    }
    .blog-left {
        width: 100%;
    }
    .blog > .container {
        width: auto;
        padding: 0;
    }
    .sociaty a span {
        font-size: 24px;
    }
    .blog-left .sociaty .fcb span {
        margin-left:3px;
    }
    .blog-left .sociaty + a.button {
        display:block;
        float: none;
        clear: both;
        margin: 25px auto;
    }
    .blog .link {
        margin-top:0;
    }
    .blog .order {
        margin-top: 40px;
        float: none;
        margin-left: auto;
        margin-bottom: 40px;
    }
    .contacts {
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom:40px;
    }
    .map iframe {
        width:100%;
    }
    .contact-bottom .input, 
    .contact-bottom .textarea {
        width:100%;
    }


    .caret-list {
        width:90.66666667% !important;
    }
    .under-caret {
        width: 95%;
        float: left;
    }
    .under-caret span {
        width:100% !important;
        font-size: 15px;
        line-height: 1.4;
    }
    .carett {
        width:100% !important;
    }
    .about-page > .container {
        padding-left: 0;
        padding-right: 0;
        width: auto;
    }
    .about-page > div > div {
        padding:20px;
        width:auto;
    }
    #post-job > div:last-child {
        height:90px;
    }
    .post {
        width:auto;
        float:none;
    }
    .post-my-job .container {
        width:auto !important;
        padding-right: 0;
        padding-left: 0;
    }
    .post-tabs ul {
        text-align: center;
    }
    .post-tabs li {
        padding: 0 41px;
    }
    #post-job .input {
        width:100%;
    }
    #post-job .textarea {
        width:100%;
    }
    #post-job #project, #post-job #business {
        width:103%;
    }
    #post-job .project, #post-job .business {
        background-position: 98%;
        width: 100%;
    }
    .register {
        height:auto;
    }
    .register > .container > h1 {
        width:100%;
    }
    .register > .container > p {
        width:100%;
        margin-left:0;
        font-size:24px;
    }

    .register form#form-login {
        width:100%;
    }
    .register > .container {
        width:auto !important;
    }
    .register form#form-login label.label-email {
        width:22% !important;
        padding-top: 11px !important;
    }
    .register #email {
        width:77% !important;
        padding-top: 12px !important;
    }
    .register form#form-login .label-password {
        width:22% !important;
        padding-top:8px !important;
    }
    .register #password {
        width:77% !important;
        padding-top: 12px !important;
    }
    .user-info {
        width:100%;
    }
    .input {
        width: 100%;
    }
    .input-span {
        margin-bottom:20px;
    }
    .settings > form > div:nth-child(3) {
        height:auto;
    }
    .settings {
        padding-top:20px;
        border-top:1px solid #d9d9d9;
        padding-bottom: 20px;
    }
    .settings > form > div:last-child {
        margin-bottom:0;
    }
    .user-account {
        height:auto;
    }
    .descr {
        clear: both;
        text-align: center;
        width: 300px;
        height: 315px;
        float: none;
        margin: 0 auto;
        margin-top: 30px;
    }
    .descr h2:not(.bold) {
        font-size: 16px;
        width:290px;
    }
    .descr .sociaty {
        width:300px !important;
        margin-left:0;
    }
    .descr .sociaty + a {
        float: none;
        clear: both;
        margin: 0 auto;
    }
    .pictures {
        width:auto;
        height:600px;
    }
    .gallery .image {
        margin:0 auto 30px;
        float:none;
    }

    .usr .event-name {
        width:100%;
    }
    .usr .event-name > div {
        width:auto;
    }

    .usr {
        margin-top:0;
        border-top:1px solid #d9d9d9;
        width: 100%;
    }
    .usr-top {
        height: 200px;
    }
    .usr-social {
        height:310px;
    }
    .usr-top .user-info h5 {
        width:100%;
        padding-right:0;
    }
    .usr-tabs {
        width:100%;
    }
    .usr-top .user-info h5 + a {
        height: 40px;
        display: block;
        width: 145px;
        float:none;
        margin:0;
        margin-left:10px;
    }
    .usr-top .user-info h5 + a span {
        display: block;
        margin-left: 0;
    }
    .sociaty h3 {
        padding-left: 5px;
    }
    .recent-projects {
        width: 256px !important;
        float: left;
        clear:both;
        border-left:none;
        padding-left:0;
    }
    .recent-projects h3 {
        width: 256px;
        padding-left: 5px;
        float:left;
    }
    .usr-top .user-info {
        width: auto;
    }
    .sociaty, .recent-projects {
        width: 347px;
    }
    .usr-tabs ul.use li  {
        padding: 0px 1px 7px !important;
        display: inline !important;
        font-size: 14px !important;
    }
    ul.use {
        text-align: center;
    }

    #project,
    #business {
        width: 103%;
    }
    .project,
    .business  {
        background-position: 98%;
        width: 100%;
    }
    .textarea {
        width: 100%;
    }
    .rating-top {
        height:305px;
    }
    .stars span {
        text-align: center;
        margin: 20px auto 0;
        display:block;
        float:none;
        clear:none;
    }
    .stars {
        height: 730px;
    }
    .stars h1 {
        margin-bottom: 40px;
        text-align: center;
    }
    .stars-1 {
        float:none;
        margin:0 auto;
        width: 205px;
    }

    .searchpro > .container {
        padding:0;
    }
    .searchpro {
        height: auto;
        padding-bottom: 40px;
    }
    .postcode {
        float: none;
        margin: 0 auto;
        display: block;
    }
    .select {
        float:none;
        width: 300px;
        margin-top:auto !important;
        margin: 20px auto;
        background-position: 270px;
    }
    #search label.visible-xs {
        text-align: center;
        margin: 20px auto;
    }
    #select {
        width:313px;
    }
    .select + a {
        float:none;
        margin:0 auto;
        width: 300px;
    }
    .search {
        height:auto;
        padding:40px 0;
    }

    .ul-li span {
        padding-left:5px;
        padding-right:5px;
    }
    #send div {
        width:20%;
    }
    #send div .link {
        margin-top:0;
    }
    #send input {
        width: 80%;
    }
    .window-chat {
        width:100%;
        margin-top:0;
    }
    .chat > .container {
        padding-left:0;
        padding-right:0;
    }
   .non_authenticated_pages_body .two {
        background-color: #d9d9d9;
    }
    .wrap-sms:hover .sms {
        border:1px solid rgba(255, 255, 255, 0);
        border-top:1px solid #d9d9d9;
    }
    .order.visible-xs {
        margin-top: 40px;
    }
    .message-block {
        padding:0;
        height:auto;
    }
    .message-block > .container {
        padding-left:0;
        padding-right:0;
    }
    .dialogs {
        width: 100%;
        margin-bottom:0;
        margin-top: 0;
    }

    .sms {
        padding-left:10px;
    }
    .user-name {
        width:175px;
    }
    .user-name h1 {
        font-size: 16px;
    }
    .user-name span {
        margin-top:15px;
    }
    .late {
        width:95px;
    }
    .my-project div.border {
        width:100%;
    }
    .messages {
        width:100%;
    }
    .meeting {
        width:100%;
    }
    .event-name {
        margin: 0;
        float: right;
    }
    .red {
        margin-top: -18px;
        margin-left: -22px;
    }
    .meeting-top {
        height:75px;
    }
    .link {
        margin-top:-45px;
    }
    .red-confirm a,
    .green-confirm a {
        float:none;
    }
    .event-name h1 {
        font-size:17px;
    }
    .meeting-content h1 {
        font-size:16px;
    }
    .event-name h1 span {
        font-size:18px;
    }
    .meeting-bottom {
        height:auto;
    }
    .event-name {
        width:100%;
    }
    .event {
        height:170px;
        overflow: hidden;
    }

    .under-my-project-1 .links,
    .under-my-project-1 .tabs {
        width: 100%;
    }
    .under-my-project-1 .links {
        padding: 10px;
        height: auto;
    }
    .information > div > div:nth-child(2) {
        width:235px !important;
    }
    .under-my-project-1 .tabs li {
        padding: 0 56px 8px !important;
    }
    .under-my-project-1 .links a {
        margin: 5px 0 5px;
        width: 100%;
    }
    .under-my-project-1 div.description {
        margin-top:20px;
        background-color:inherit;
    }
    .my-project .container:first-child {
        background-color: #f2f2f2;
    }
    .my-project > .container:first-child > .row {
        padding-left:5px;
    }
    .my-project .replace {
        margin-top:0;
    }
    div.border div {
        height: 48px;
        padding-top: 10px;
        border-top: 1px solid #d9d9d9;
        cursor: pointer;
        padding-bottom:10px;
    }
    .my-project .border ul {
        margin-top:0px !important;
        margin-bottom:0 !important;
        text-align:left;
        display:none;
    }
    .my-project .under-my-project .row {
        background-color: #d9d9d9;
    }
    div.border span.ul-li {
        font-family: "AvenirNextLTPro-Demi" !important;
        font-size:20px;
        color:#2cccd3;
        cursor: pointer;
        float: left;
        margin-left: 5px;
    }
    .my-project div.border > ul > a:first-child > li {
        border-bottom: none;
    }
    .my-project div.border li.CLICK {
        border-top: 1px solid #d9d9d9;
        font-size:20px !important;
    },
    .my-project div.border > a:last-child > li {
        border-bottom: 1px solid #d9d9d9 !important;
    }
    .fa-sign-out {
        font-size: 2em !important;
        top: 9px !important;
        left: 7px !important;
    }
    .my-project div.border a:hover,
    .my-project div.border a:focus {
        text-decoration: none;
    }
    .my-project div.border a:hover {
        color: #2cccd3 !important;
        border-bottom: 6px solid #2cccd3 !important;
        padding-bottom: 25px !important;
    }
    .my-project div.border i.fa-angle-down {
        color:#2cccd3;
        display: inline-block !important;
        margin-right: 20px;
        margin-top: -3px;
        font-size: 30px;
        float: right;
    }
    .my-project div.border:hover i.fa-angle-down {
        color:#21d0cd;
        cursor: pointer;
    }
    .my-project h5 + a span.fa-stack i.fa-stack-2x {
        font-size: 3em;
    }
    .my-project h5 + a span.fa-stack i.fa-stack-2x {
        color:#2cccd3;
    }
    .my-project h5 + a span.fa-stack:hover i.fa-stack-2x {
        color:#21d0cd;
    }

    .my-project .replace .links-1 a {
        width:100%;
    }

    .my-project .replace .links-1 {
        margin:0;
        float: none;
        border-top: 1px solid #d9d9d9;
    }
    .my-project .under-my-project .replace {
        padding-left:15px;
        padding-right:15px;
    }
    .wrap {
        margin: 0 auto;
        width: 315px;
    }
    .my-project .lumbing {
        width: 75px;
        margin-top: 65px;
    }
    .replace > div > div:nth-child(2) {
        width: 200px;
    }
    .replace > div > div:nth-child(2) h1 {
        font-size: 19px;
    }
    .replace > div > div:nth-child(2) h6 {
        font-size: 20px;
        width: 200px;
    }
    a.wrap-link .replace > div > div:nth-child(2) h6 {
        font-size: 12px;
        width: 200px;
    }
    .my-project .replace,
    .my-project .create-a-new-project {
        width: 98%;
        margin-left: 1%;
        height:auto;
    }
    .under-my-project-1 .replace {
        width: 100% !important;
        margin-left: 0;
    }
    .my-project .under-my-project-1 .replace > div:nth-child(2) h1 {
        font-size: 25px;
    }
    .my-project .under-my-project-1 .replace > div:nth-child(2) h6 {
        font-size: 12px;
        line-height: 20px;
        margin-left: 115px;
    }
    .my-project .under-my-project-1 .replace > div:first-child {
        float:left !important;
    }
    .my-project .under-my-project-1 .replace > div:nth-child(2) {
        float:none;
    }
    .tabs span {
        display:none !important;
    }
    .tabs {
        height: auto;
        padding-bottom: 0;
    }
    .my-project .under-my-project-1 .border ul {
        text-align: center;
        display:block !important;
    }
    .my-project .under-my-project-1 div.border > ul > a > li {
        display:inline-block !important;
        height: 73px !important;
        padding: 10px 30px 0 !important;
    }
    .under-my-project-1 .border li h1 {
        font-size:28px !important;
    }
    .under-my-project {
        height: auto;
        padding:20px 10px 25px;
        background-color: #d9d9d9;
    }
    .my-project .create-a-new-project h2 {
        padding: 0 10px;
        margin-bottom: 25px;
    }
    .my-project .create-a-new-project h1 {
        font-size: 28px;
    }
    .my-project .replace > div:first-child {
        margin-bottom: -100px;
        float:none !important;
    }
    .my-project .replace > div:nth-child(2) {
        width: 100%;
    }
    .replace > div > div:nth-child(2) {
        width: 200px;
        float: left;
        //height: 200px;
        padding: 20px 0;
    }
    .my-project .replace > div:nth-child(3) {
        margin-top: 300px;
        float:none;
    }
    .under-my-project-1 .replace > div > div:first-child {
        margin-right:-100px;
        width: 90px;
        float: left;
    }
    .under-my-project-1 .replace > div > div:nth-child(2) {
        float: left;
        width: 137px !important;
        height: 200px;
        padding: 20px 0;
        padding-left: 8px;
        margin-bottom:50px;
    }
    .replace > div > div:nth-child(3) {
        float:none;
        clear:both;
        margin-right: 0;
        border-top: 1px solid #d9d9d9;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px;
    }
    .under-my-project-1 .information .replace > div > div:nth-child(2) h6:first-child {
        margin-top:65px;
    }
    .information .replace > div > div:nth-child(2) h6 {
        line-height: 20px !important;
    }
    .under-my-project-1 .replace {
        border-radius: 10px;
        margin-bottom: 10px;
        margin-top: 10px !important;
    }
    .under-my-project-1 .information .div-border {
        height: auto;
        margin:0;
        margin-top: 10px !important;
        border-radius: 10px;
    }
    .my-project .replace > div:nth-child(3) a {
        margin:0 auto 30px;
    }
    .my-project .container {
        width:auto !important;
        height:auto !important;
    }
    .my-project div.border > ul > a > li {
        padding-top: 10px !important;
        height: 41px !important;
        padding-bottom: 10px !important;
        line-height: 20px;
    }
    .my-project h4 {
        float: left;
        width: 200px;
        margin-left:10px;
        margin-top: 20px;
        font-size:26px;
    }
    .my-project h5 {
        clear: both;
        padding-left: 10px;
        padding-right: 87px;
        text-align: left;
        font-size: 13px;
    }
    .circle-picture {
        margin-bottom: -40px;
    }
    .my-project span.signup {
        margin: 25px auto;
        float:none;
    }
    .my-project div.border > ul > a > li:hover {
        border-bottom:none !important;
    }
    .my-project h5 + a {
        display: block;
        float:right;
        height: 50px;
        margin: -68px 15px 25px auto;
    }
    .my-project h5 + a:hover,
    .my-project h5 + a:focus {
        text-decoration: none;
        opacity:0.7;
    }
    .my-project ul li {
        padding: 0 5px 8px !important;
        height: 37px !important;
        display:block !important;
    }
    .my-project ul {
        margin-top:-10px;
    }
    .my-project .active {
        border-bottom:none;
    }
    .my-project .active1 {
        color:#2cccd3 !important; 
        border-bottom:6px solid #2cccd3 !important;
        padding-bottom:20px !important;
    }
    .my-project .active1:hover {
        border-bottom:6px solid #2cccd3 !important;
    }
    .review-right-bottom ul li {
        height:auto !important;
    }


    /*_________LOGIN_________*/

    div.lost-password {
        height:auto;
        padding-bottom:50px;
    }
    div.lost-password > .container > p {
        width:100%;
        margin-left:0;
        font-size:24px;
    }
    div.lost-password > .container {
        width:auto !important;
    }
    form#form-login {
        width:100%;
    }
    form#form-login label.label-email {
        width:22% !important;
        padding-top: 11px !important;
    }
    form#form-login div input{
        width:78% !important;
    }
    #email {
        width:77% !important;
        padding-top: 12px !important;
    }
    form#form-login .label-password {
        width:22% !important;
        padding-top:8px !important;
    }
    #password {
        width:77% !important;
        padding-top: 12px !important;
    }
    form#form-login a.forgot-password {
        margin-top:3px;
    }

    /*________/LOGIN\________*/

    header > div.container {
        width:auto;
    }
    div.navigation > div.container {
        width:auto;
    }
    div.navigation {
        height:auto;
        padding:0;
    }
    div.navigation > div.container > div.row > ul > a > li {
        display:block !important; 
        font-size:25px !important;
        line-height: 40px !important;
        padding-top: 10px !important;
        padding-bottom:10px !important;
        text-align: center !important;
        height:auto !important;
    }
    div.navigation > div.container > div.row > ul > a {
        text-decoration: none;
    }
    header > div.container > div.row > div:last-child > ul {
        margin-top:6px !important;
    }
    div.bg-top {
        height:auto;
    }
    div.bg-top > div.container {
        width:auto !important;
    }
    div.bg-top > div.container > h1 {
        font-size: 47px;
        width: 100%;
        text-align: center;
        margin: -40px auto 50px;
    }
    div.bg-top > div.container > h2 {
        font-size: 25px;
        line-height: 35px;
        width: 100%;
    }
    div.bg-top > div.container > img {
        padding-bottom:40px;
    }
    div.bg-bottom {
        height:auto;
    }
    div.bg-bottom > div.container {
        width:auto !important;
    }
    div.bg-bottom > div.container > div.row > div > h1 {
        width:100%;
    }
    div.bg-bottom > div.container > div.row > div > p.description {
        width:100%;
        padding-bottom: 70px;
    }
    div.about {
        height:auto;
        padding-bottom: 40px;
    }
    div.about > div.container {
        width:auto !important;
    }
    div.about div.img-bg {
        width:100%;
        margin-left:10px;
        height: 400px;
    }

    .body-erenovate div.about div.img-bg {
        width:100%;
        margin-left:10px;
        height: 400px;
    }

    .ver-image .img-bg, 
    .ver-image-1 .img-bg {
        margin:0 auto !important; 
        height: auto !important;
        width:auto !important;
    }

    .body-erenovate  .ver-image .img-bg, 
    .ver-image-1 .img-bg {
        margin:0 auto !important; 
        height: auto !important;
        width:auto !important;
    }
    .ver-image img.img,
    .ver-image-1 img.img {
        height:100%;
    }
    .ver-image .row > div:first-child,
    .ver-image-1 .row > div:first-child {
        padding-right: 0;
        padding-left: 20px;
    }
    div.about img.img {
        width:100%;
        height:100%;
    }
    div.about p.paragraph-about:first-child {
        margin-top: 35px;
    }
    div.about p.paragraph-about {
        text-align:left;
    }
    div.about span.learn-more {
        width: 268px;
        margin: 20px auto 20px;
        height: 50px;
        display: block;
    }
    div.about span:last-child {
        width: 268px;
        margin: 20px auto 0;
        height: 50px;
        display: block;
        clear: both;
        float:none;
    }

    div.simple {
        height: auto;
    }
    div.simple > div.container {
        width:auto !important;
    }
    div.simple > div.container > div.row > div:first-child > img {
        float:none;
        margin:0 auto;
    }
    div.simple > div.container > div.row > div:last-child > p {
        width:100%;
        margin: 50px auto 72px;
        text-align: justify;
    }
    div.post-my-project {
        height:auto;
    }
    div.post-my-project > div.container {
        width: auto !important;
    }
    div.post-my-project > div.container > a {
        margin: 45px auto;
    }
    div.post-my-project > div.container > h1 {
        padding-top:60px;
        font-size: 40px;
        line-height: 60px;
    }
    div.post-my-project > div.container > h2 {
        margin-top: 30px;
        font-size:22px;
    }
    div.partners {
        height:auto;
    }
    div.partners > div.container {
        width: auto !important;
    }
    div.partners > div.container > ul > a > li {
        display:block !important;
        margin: 35px 0;
    }
    div.partners > div.container > ul > a > li > img {
        margin:0 auto;
    }
    div.partners > div.container > ul > a {
        display:block;
        margin: 50px 0;
    }
    div.app {
        height: auto;
        padding-bottom: 50px;
    }
    div.app > div.container {
        width: auto !important;
    }
    div.app > div.container > div.row > div:last-child > img {
        margin: 0 auto -50px;
    }
    div.app > div.container > div.row > div:nth-child(3) > h1 {
        font-size: 30px;
        line-height: 45px;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
        margin-top:45px;
    }
    div.app > div.container > div.row > div:nth-child(3) > h2 {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
    div.app > div.container > div.row > div:nth-child(3) > a > div.download {
        float:none;
        margin: 0 auto 40px;
    }
    div.app > div.container > div.row > div:nth-child(3) > img {
        float:none;
        margin: 0 auto 30px;
    }
    .ben-app > div.container > div.row > div:nth-child(3) > img {
        padding:0 40px;
    }
    div.job {
        height:auto;
    }
    div.job > div.container {
        width:auto !important;
    }
    div.job > div.container > div.row > div:first-child > p {
        text-align: justify;
        padding-right:0;
    }
    div.job > div.container > div.row > div:last-child > span {
        margin: 0 auto 50px;
        display: block;
        width: 280px;
    }
    div.question {
        height:auto;
    }
    div.question > div.container {
        width:auto !important;
    }
    div.question > div.container > h2 {
        margin-bottom:50px;
    }
    div.description .img-bg {
        width:100% !important;
    }
    footer {
        height:auto;
    }
    footer > div.footer-top {
        height:auto;
        padding-bottom:40px;
    }
    footer input.mail-input {
        width:80%;
    }
    span.signup {
        width:20%;
    }
    footer > div.footer-top > div.container > div.row > div:first-child > h3 {
        width:100%;
    }
    footer div.logo-bottom {
        float:none;
        margin:0 auto;
    }
    footer > div.footer-top > div.container > div.row > div:first-child > h2,
    footer > div.footer-top > div.container > div.row > div:first-child > h3 {
        text-align: center;
    }
    footer div.footer-top > div.container > div.row > div:nth-child(2) > p, 
    footer div.footer-top > div.container > div.row > div:nth-child(3) > p, 
    footer div.footer-top > div.container > div.row > div:nth-child(4) > p {
        text-align: center;
        margin-top:30px;

    }
    footer div.footer-top > div.container > div.row > div:nth-child(2) > ul, 
    footer div.footer-top > div.container > div.row > div:nth-child(3) > ul, 
    footer div.footer-top > div.container > div.row > div:nth-child(4) > ul {
        padding-left:40px;
        width:273px;
        margin:0 auto;
    }
    footer > div.footer-bottom {
        height: auto;
    }
    footer div.container {
        width:auto !important;
    }
    footer div.footer-bottom > div.container > div.row > div:first-child > ul > li {
        display:block !important;
        margin: 10px 20px;
        text-align: center;
        font-size:15px;
    }
    footer div.footer-bottom > div.container > div.row > div:last-child {
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: center;
    }
    .under-my-project-1 .replace > div > div:nth-child(2) h1 {
        font-size: 20px !important;
        margin-left: 110px !important;
        width: 150px !important;
        margin-bottom:20px !important;
        line-height:30px;
    }

    div.information:not(.myproj-inp) {
        height:auto !important;
    }
    div.myproj-inp:not(.information) {
        height:1500px !important;
    }

    .delete-estimate {
        display: block;
        margin: 0 auto;
        width: 102px;
        float:none;
    }

    .div-border {
        border:none;
    }
    .proapp-tabs div.border > ul > a > li {
        font-family: "AvenirNextLTPro-Demi";
        line-height: 40px;
        height: auto;
        font-size: 20px;
        color: #2cccd3;
        float: left;
        clear: both;
        display: block;
        padding:0 !important;
    }
    .proapp-tabs div.border > ul > a:hover > li {
        border-bottom:none !important;
        color:#21d0cd;
    }
    .proapp-tabs div.border div {
        border-top:none !important;
    }
    .proapp-tabs div.border i {
        color: #17bbb9;
        font-size: 40px;
        margin-top: -7px;
        float: right;
    }
    .myproj-height {
        height:550px !important;
    }
    .myproj.visibility > .visible-xs > .description {
        display:block;
    }
    .project.multiple {
        width: auto !important;
    }
    .project.multiple > .multiple {
        width:99% !important;
    }
    .homepage .dummy-bg {
        width: 100% !important;
    }
    .dummy-bg ul li {
        font-size: 20px;
        line-height: 1.9;
    }
    .homepage .dummy-bg h3 {
        line-height: 1.4;
    }
    .homepage .bottom-area h2 {
        text-align: center;
    }

    .homepage .dummy-bg h3 {
        margin-top: 70px;
    }
    .dummy-bg > div > img {
        right: -10px !important;
    }

    .body-erenovate .tp-page h1 {

        font-size: 34px !important;

        line-height: 45px !important;

    }
    .body-erenovate .tp-recall h3 {

        height: auto;

    }

    .body-erenovate .tp-block {

        height: auto;

    }

    .body-erenovate .tp-recall .container > div {

        width: 100%;

        display: block;

        margin: 10px 0;

    }


}
@media (max-width:750px) {
    div.about div.img-bg {
        height: 390px !important;
    }
    div.description div.img-bg {
        height: 390px !important;
    }
    .ver-image .img-bg, 
    .ver-image-1 .img-bg {
        height: 390px !important;
    }
}
@media (max-width:730px) {
    div.about div.img-bg {
        height: 380px !important;
    }
    div.description div.img-bg {
        height: 380px !important;
    }
}
@media (max-width:730px) {
    .leadpro .usr-tabs ul.use li.user-tab {
        padding: 0px 26px 16px !important;
    }
}
@media (max-width:710px) {
    div.about div.img-bg {
        height: 370px !important;
    }
    div.description div.img-bg {
        height: 370px !important;
    }
    .s_pr > a {
        margin-top:-20px;
    }
}
@media (max-width:690px) {
    div.about div.img-bg {
        height: 360px !important;
    }
    div.description div.img-bg {
        height: 360px !important;
    }
    .comp-tabs li {
        padding: 10px 15px 0;
    }
}
@media (max-width:670px) {
    div.about div.img-bg {
        height: 350px !important;
    }
    div.description div.img-bg {
        height: 350px !important;
    }
    .ver-tabs li {
        font-size: 15px;
        line-height: 20px;
        padding: 0 30px;
    }
    .app-tabs li {
        font-size: 24px;
        line-height: 30px;
        padding: 0 35px;
    }
    .s_pr > a {
        margin-top:-40px;
    }

}
@media (max-width:650px) {
    div.about div.img-bg {
        height: 340px !important;
    }
    div.description div.img-bg {
        height: 340px !important;
    }

}
@media (max-width:640px) {
    div.about div.img-bg {
        height: 335px !important;
    }
    div.description div.img-bg {
        height: 335px !important;
    }
}
@media (max-width:630px) {
    div.about div.img-bg {
        height: 330px !important;
    }
    div.description div.img-bg {
        height: 330px !important;
    }
    .check .container > .under-mark:nth-child(2) {
        height:350px;
    }
    .check .div-1,
    .check .div-2 {
        float:none;
        margin:20px auto;
    }
    .under-mark > div {
        margin: 0 auto;
        float: none;
        width:280px;
    }
}
@media (max-width:620px) {
    div.about div.img-bg {
        height: 325px !important;
    }
    div.description div.img-bg {
        height: 325px !important;
    }
    .my-project .under-my-project-1 div.border > ul > a > li {
        padding: 10px 15px 0 !important;
        height: 50px !important;
    }
    .my-project div.border a:hover {
        padding-bottom: 9px !important;
    }
    .under-my-project-1 .tabs {
        height:auto;
    }
    .under-my-project-1 .border li h1 {
        font-size: 20px !important;
    }


}
@media (max-width:610px) {
    div.about div.img-bg {
        height: 320px !important; 
    }
    div.description div.img-bg {
        height: 320px !important;
    }
    div.simple > div.container-fluid > div.border > ul > li {
        font-size: 22px;
        padding: 0 10px 8px;
    }
    .ver-slider-block > div {
        width: 80%;
        margin-left: 5%;
    }
    .s_pr > a {
        margin-top:-70px;
    }
}
@media (max-width:660px) {

    div.about input.btn1 {
        margin: 0 auto 30px;
        display: block;
    }
    div.about input.btn2 {
        margin:0 auto;
        display:block;
    }
    div.about span:last-child {
        float:none;
    }
    div.about span > a {
        width: 268px;
        display: block;
        margin: 0 auto;
    }
    div.about span > a:hover {
        text-decoration: none;
    }
    #business,
    #project {
        width: 106%;
    }
}
@media (max-width:620px) {

    .new-page a {
        display: block;
        margin:20px auto !important;
    }

}
@media (max-width:600px) {
    div.about div.img-bg {
        height: 315px !important;
    }
    div.description div.img-bg {
        height: 315px !important;
    }
    footer input.mail-input,
    .contr-search input {
        width:65%;
    }
    span.signup {
        width:35%;
    }
    .contr-search .signup {
        width:34%;
    }
    .leadpro .usr .event-name > div > div:nth-child(3) {
        float: none;
        clear: both;
        height:135px;
        margin:20px auto 30px;
    }
    .leadpro .usr .event-name > div {
        height:330px;
    }
    .leadpro .usr .event-name > div > div:nth-child(2) {
        width: 100%;
    }
    .leadpro .usr-tabs ul.use li.user-tab {
        padding: 0px 15px 16px !important;
        font-size: 16px !important;
    }
    .project.multiple > .multiple {
        width:98% !important;
    }
    .lead-new {
        margin-top:0;
    }
}
@media (max-width:590px) {
    div.about div.img-bg {
        height: 310px !important;
    }
    div.description div.img-bg {
        height: 310px !important;
    }
    .comp-tabs li {
        padding: 10px 5px 0;
    }
}
@media (max-width:580px) {
    div.about div.img-bg {
        height: 300px !important;
    }
    div.description div.img-bg {
        height: 300px !important;
    }
    .documents .border-horiz {
        width:44%;
    }
    .lead-plan .border-horiz {
        width:44%;
    }
}
@media (max-width:570px) {
    div.about div.img-bg {
        height: 295px !important;
    }
    div.description div.img-bg {
        height: 295px !important;
    }
    .s_pr > a {
        margin-top:-100px;
    }
    .s_pr {
        margin:0 0 -20px;
    }
}
@media (max-width:560px) {
    div.about div.img-bg,
    div.description div.img-bg {
        height: 290px !important;
    }
    .register-background-block > div > a span {
        margin-left: 20px;
        margin-right: -25px;
    }
    .register-background-block img {
        width: 140px;
    }
}
@media (max-width:550px) {
    div.about div.img-bg,
    div.description div.img-bg {
        height: 280px !important;
    }
    .app-h1 {
        font-size: 30px;
        line-height: 45px;
    }
    .usr .event-name > div > div:nth-child(2) {
        float:none;
        width: 182px;
        margin: 0 auto;
    }
    .usr .event-name > div > div:nth-child(2) h1 {
        width: 182px;
        text-align: center;
    }
    .usr .event-name > div > div:nth-child(2) h6 {
        width: 182px;
        text-align: center;
    }
    .usr .event-name > div > div:nth-child(3) {
        float:none;
        clear: both;
        margin: 30px auto;
        width: 195px;
    }
    .usr .event-name > div {
        height: auto;
        width: auto;
    }
    .usr .event-name > div > div:nth-child(3) a:last-child {
        margin-top: -15px;
    } 
    .leadpro .usr .event-name > div > div:nth-child(2) h6 {
        width: 100%;
        text-align: left;
    }
    .leadpro .usr .event-name > div > div:nth-child(3) a:last-child {
        margin-top:0;
    }
    .review-1 input[type=submit] {
        display: block;
        margin:20px auto;
    }
    .review-1 input[type=submit] + a.black-button {
        display: block;
        margin:0 auto 20px;
    }
}
@media (max-width:540px) {
    div.about div.img-bg,
    div.description div.img-bg {
        height: 275px !important;
    }
    .ver-tabs li {
        font-size: 15px;
        line-height: 20px;
        padding: 0 20px;
    }
    .app-tabs li {
        font-size: 20px;
        line-height: 30px;
        padding: 0 20px;
    }
    .modal-wind {
        width:286px;
        margin-left:-143px;
    }
}
@media (max-width:530px) {
    div.about div.img-bg,
    div.description div.img-bg {
        height: 270px !important;
    }
    .user {
        margin-left:0;
        margin-bottom:10px;
        margin-top: -16px;
    }
    .user h1,
    .scrollbar .sms .user-name h2 {
        font-size: 16px;
    }
    .user a {
        font-size:14px;
    }
    .user + a {
        float:left !important; 
        clear:both;
    } 
    .top-chat {
        height:150px; 
    }

}
@media (max-width:520px) {
    div.about div.img-bg,
    div.description div.img-bg {
        height: 260px !important;
    }
    #post-job #project, #post-job #business {
        width:106%;
    }
    .dropzone a {
        width: 175px;
        font-size: 13px;
    }
    .post-tabs li {
        font-size: 17px;   
        padding: 0 5px;
    }
    .information h1 {
        font-size: 16px !important;
        line-height: 30px !important;
        width: 129px;
    }
    div.description .closed {
        font-size: 18px;
    }
    .under-my-project-1 div.description {
        padding: 30px 20px 20px !important;
    }
    .information .visible-xs h1 {
        width:100px;
    }
    .myproj-inp .visible-xs h1 {
        width:123px;
    }
    .myproj hr + div {
        width:100%;
        height: auto;
    }
    .myproj .button {
        width:200px;
        float:none;
        font-size: 17px;
        margin:20px auto 30px;
    }
    .myproj hr + div a {
        float:none;
        margin:0 auto;
        text-align: center;
    }
    .myproj-inp .hour-2 {
        margin-left: 10px;
        margin-right: 0;
    }
    .myproj.visibility + .div-div {
        margin-top: -160px;
    }
    .myproj + .div-div {
        margin-top: 0px;
    }
    .s_pr > a {
        margin-top:-150px;
    }
    .s_pr {
        margin:0 0 -40px;
    }
    .level .rad-block > div {
        width: 100%;
        display: block;
    }
}
@media (max-width:510px) {
    div.about div.img-bg,
    div.description div.img-bg {
        height: 255px !important;
    }
}
@media (max-width:500px) {
    div.about div.img-bg,
    div.description div.img-bg {
        height: 250px !important;
    }
    .settings > form > div:nth-child(2) {
        height:200px;
    }

    .settings > form > div:nth-child(2) a {
        margin: 17px auto 0; 
        float:none;
    }
    .settings .circle-picture {
        margin:0 auto;
        float:none;
    }
    .under-blog .hhh1 {
        font-size:23px;
    }
    .under-blog p.input-span {
        font-size:19px;
    }
    .blog-user span {
        font-size:18px;
    }
    .blog-user .link {
        font-size:22px;
    }
    .leadpro .usr-tabs ul.use li.user-tab {
        padding: 0px 7px 16px !important;
        font-size: 14px !important;
    }
    .leadpro-info .usr-tabs ul.use li.user-tab {
        padding: 0px 7px 21px !important;
        font-size: 14px !important;
    }
    .thanks h1 {
        font-size: 30px !important;
        line-height: 50px !important;
    }
    .thanks p {
        font-size: 25px !important;
    }
    .thanks .container div {
        width:100%;
    }
    .thanks div a:first-child,
    .thanks div a:last-child {
        float:none;
    }

}
@media (max-width:490px) {
    div.about div.img-bg,
    div.description div.img-bg {
        height: 245px !important;
    }
    .caret-list {
        width:87% !important;
    }
    .comp-tabs li {
        padding: 10px 15px 0;
        display:block;
        text-align: center;
    }
    .comp-tabs {
        height:auto;
    }
    .comp-tabs a:hover li {
        border-bottom: none;
        color: #2cccd3;
        padding-bottom: 0;
    }
    .comp-tabs a:hover,
    .comp-tabs a:focus {
        text-decoration: none;
    }
    .comp-tabs .active2 {
        color: #2cccd3 !important;
        padding-bottom: 0 !important;
        border-bottom:none;
    }

}
@media (max-width:480px) {
    div.about div.img-bg,
    div.description div.img-bg {
        height: 240px !important;
    }
    .ver-tabs li {
        font-size: 12px;
        line-height: 17px;
        padding: 0 15px;
    }
    .app-tabs li {
        font-size: 20px;
        line-height: 30px;
        padding: 0 15px;
    }
    div.bg-top{
        background-size: cover !important;
        min-height: 670px;
    }
    iframe#iframe_footer{
        height: 1500px;
    }
}
@media (max-width:470px) {
    div.about div.img-bg,
    div.description div.img-bg {
        height: 235px !important;
    }
}
@media (max-width:460px) {
    div.about div.img-bg,
    div.description div.img-bg {
        height: 230px !important;
    }
}
@media (max-width:450px) {
    div.about div.img-bg,
    div.description div.img-bg {
        height: 225px !important;
    }	 
    .media-top .button {
        width:249px;
    }
    .review-1 .business-5 {
        float:none;
    }
    .review-1 .business-6 {
        margin-left:0;
    }
}
@media (max-width:440px) {
    div.about div.img-bg,
    div.description div.img-bg {
        height: 220px !important;
    }
}
@media (max-width:430px) {
    div.about div.img-bg,
    div.description div.img-bg {
        height: 215px !important;
    }
    .app-h1 {
        font-size: 23px;
        line-height: 38px;
    }
    .checkboxes .input-span {
        width:85%;
        margin-top:20px;
        font-size:18px;
    }
    .floatRightCheckbox {
        width:10%;
    }
    .chkbx-1,
    .chkbx-3 {
        margin-top:70px !important;
    }
    .chkbx-6 {
        margin-top:50px !important;
    }
    .leads + #form-register-pro-3 > .checkboxes .floatRightCheckbox label {
        margin-top:25px !important;
    }
    .leads + #form-register-pro-3 > .register-new-block .floatRightCheckbox label {
        margin-top:15px !important
    }
    .register-new-block img {
        width: 111px;
    }
    .review-1 .floatRightCheckbox {
        width:100% !important;
    }
    .review-1 .floatRightCheckbox label {
        margin-top:0 !important;
    }



}

@media (max-width:421px) {
    .ver-slider-block > div {
        width: 70%;
        margin-left: 5%;
    }
    .ver-slider-block {
        height:350px;
    }
    .ver-slider-block .paragraph-span {
        height:auto;
    }
    .body-erenovate .tp-page .img-bg h4 {

        font-size: 16px;

        top: 45%;

    }

    .body-erenovate .tp-page .img-bg p {

        top: 69%;

        font-size: 13px;

    }
}
@media (max-width:420px) {

    .contact-us-top a {
        font-size: 35px;
    }	
    .landing-content .about .btn1 {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 15px;
        padding-top: 15px;
    }
    div.about div.img-bg,
    div.description div.img-bg {
        height: 210px !important;
    }
    .trades, 
    .renovator {
        width:280px;
    }
    .trade-top h2 {
        font-size:18px;
    }
    .under-text h1, 
    .under-text h2 {
        font-size:14px;
    }
    .under-text .link {
        font-size: 14px;
        line-height: 40px;
    }
    .leadpro .usr-tabs ul.use li.user-tab {
        padding: 0px 5px 16px !important;
        font-size: 11px !important;
    }
    .leadpro-info .usr-tabs ul.use li.user-tab {
        font-size: 15px !important;
        padding: 0px 7px 20px !important;
    }
    .my-project .under-my-project-1 div.border > ul > a > li {
        padding: 10px 5px 0 !important;
        height: 45px !important;
    }
    .my-project div.border a:hover {
        padding-bottom: 7px !important;
    }
    .under-my-project-1 .border li h1 {
        font-size: 17px !important;
    }
    .leadpro-info .event-name h2 {
        font-size: 27px;
    }
}
@media (max-width:410px) {
    div.about div.img-bg,
    div.description div.img-bg {
        height: 205px !important;
    }
}
@media (max-width:400px) {
    div.about div.img-bg,
    div.description div.img-bg {
        height: 200px !important;
    }
    div.simple > div.container > div.row > div:last-child > p {
        margin: -50px auto 72px;
    }
    .caret-list {
        width:80% !important;
    }
    .under-caret span {
        font-size: 14px;
        line-height: 1.5;
    }
    .blog-user .link {
        font-size:22px;
    }
    .blog-user span {
        font-size:21px;
    }
    .blog-user {
        padding: 40px 15px;
    }
    li.li-burger-1.get-info-1 {
        width: 59px !important;
        padding: 0px !important;
        padding-top: 3px !important;
        text-align: center !important;
    }
    .searchpro-3 li {
        margin: 0 0 45px;
    }

}
@media (max-width:390px) {
    div.about div.img-bg,
    div.description div.img-bg {
        height: 190px !important;
    }
    .ver-tabs li {
        font-size: 10px;
        line-height: 15px;
        padding: 0 10px;
    }
    .app-tabs li {
        font-size: 17px;
        line-height: 28px;
        padding: 0 10px;
    }
}
@media (max-width:380px) {
    .leads + #form-register-pro-3 > .register-new-block .floatRightCheckbox {
        margin-top: -25px;
    }
    div.about div.img-bg,
    div.description div.img-bg {
        height: 185px !important;
    }
    .project.multiple > .multiple {
        width:97% !important;
    }
}
@media (max-width:370px) {
    div.about div.img-bg,
    div.description div.img-bg {
        height: 180px !important;
    }
    .submit-step-1[name="submit-step-1"] {
        font-size: 10px;
    }
    .ho input {
        width: 108px;
        height: 64px;
    }
    .ho {
        width: 224px;
    }

}
@media (max-width:360px) {

    .landing-header-menu div.border span.ul-li,
    .landing-header-menu div.border > ul > a > li {
        font-size: 16px;
    }
    div.about div.img-bg,
    div.description div.img-bg {
        height: 170px !important;
    }
    div.lost-password > .container > p {
        font-size: 27px;
    }
    .register-pro-last .container > h2 {
        font-size: 18px;
    }
}
@media (max-width:350px) {

    .ver-proc-form form input {
        width:210px !important;
    }
    .landing-content .business.input {
        width:210px !important;
        background-position: 180px;
    }
    .thankYouCreateProgallery a.button {
        width: 210px;
    }
    div.about div.img-bg,
    div.description div.img-bg {
        height: 165px !important;
    }
}
@media (max-width:340px) {
    div.about div.img-bg,
    div.description div.img-bg {
        height: 160px !important;
    }
    form#form-login a.forgot-password {
        font-size:15px;
        margin-top:4px;
    }
}
@media (max-width:330px) {
    div.about div.img-bg,
    div.description div.img-bg {
        height: 155px !important;
    }
}
@media (max-width:320px) {
    div.about div.img-bg,
    div.description div.img-bg {
        height: 150px !important;
    }
}
@media (max-width:310px) {
    div.about div.img-bg,
    div.description div.img-bg {
        height: 140px !important;
    }
}
@media (max-width:300px) {
    div.about div.img-bg,
    div.description div.img-bg {
        height: 135px !important;
    }
}
@media (max-width:371px) {
    li.li-burger-1 > span:last-child {
        font-size: 28px;
        height: 25px;
        top: -13px;
        right: 5px;
        /*        margin-top: 20px;*/
    }
    li.li-burger-1 {
        padding: 5px 5px 5px 5px !important;
        width: 40px;
        height: 40px;
        overflow:hidden;
        margin-top: 7px;
    }
    li.li-burger-1 > span:first-child {
        font-size: 24px;
        top: 3px;
        left: 3px;
    }
    div.logo-top {
        width: 240px;
        height: 45px;
        margin-left: -10px;
        margin-top:20px;
        background-size: cover;
    }
    li.li-burger-1.get-info-1 {
        width: 59px !important;
        padding: 0px !important;
        padding-top: 1px !important;
        text-align: center !important;
    }
    .li-app-1 i {
        font-size: 28px;
        display: inline-block;
        margin-top: 0px;
        margin-left: 4px;
    }

}
@media (max-width:350px) {
    div.bg-top > div.container > h2 {
        margin: 0 auto 30px;
    }
}

.work-top {
    display:none;
}
.work-bottom {
    display:block;
}
.showw {
    height:auto !important;
}

.non_authenticated_pages_body a.button{
    padding-top: 11px;
}
.authenticated_pages_body a.button{
    padding-top: 11px;
}

@media (min-width: 1100px) and (max-width: 1199px) {
    .morphsearch {
        right: 21%;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .morphsearch {
        top: 13px;
        min-height: 48px;
        right: 19%;
    }
}
@media (max-width: 615px) {

    #morphsearch {
        display: none;
    }
    .morphsearch {
        top:74px;
        left:0;
    }
}

/* start css for Mobile Devices porttrait*/
@media 
/*For IPhone 4 and 5*/
screen
and (max-width : 320px) 
and (orientation: portrait),
/*For IPhone 6*/
screen 
and (max-width: 375px) 
and (orientation: portrait),
/*For IPhone 6 Plus*/
screen 
and (max-width: 414px) 
and (orientation: portrait),
/*For HTC Devices*/
screen 
and (max-width : 360px) 
and (orientation: portrait){
    .postalcode_div{
        width: 100% !important;
        margin-bottom: 30px !important;
    }
    #zipcode_error{
        text-align: center;
    }
}




/* start css for Mobile Devices landscape*/
@media 
/*For IPhone 4 */
screen 
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape),
/*For IPhone 5 */
screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape),
/*For IPhone 6 */
screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape),
/*For IPhone 6 Plus*/
screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape),
/*For Galaxy S3*/
screen 
and (device-width: 320px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 2) 
and (orientation: landscape),
/*For Galaxy S4*/
screen 
and (device-width: 320px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) 
and (orientation: landscape),
/*For Galaxy S5*/
screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) 
and (orientation: landscape),
/*For Galaxy S5*/
screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) 
and (orientation: landscape),
/*For Nokia */
screen 
and (device-width: 320px) 
and (device-height: 533px) 
//and (-webkit-device-pixel-ratio: 3) 
and (orientation: landscape)
{
    .postalcode_div{
        width: 100% !important;
        margin-bottom: 30px !important;
    }
    #zipcode_error{
        text-align: center;
    }

}

@media (max-width:1024px) {

    li.li-burger-1 {
        padding: 16px 32px 17px 17px !important;
        border-radius: 10px;
        background-color: #283c4b;
        position: relative;
        width:50px;
        height:50px;
        display: inline-block !important;
        top: 10px;
    }
    li.li-burger-1:hover {
        background-color:#3c5a71;
    }
    li.li-burger-1:hover {
        cursor:pointer;
    }
    li.li-burger-1 > span:first-child {
        font-size: 27px;
        top: -4px;
        left: -5px;
    }
    li.li-burger-1 > span:last-child {
        font-size: 29px;
        display: inline-block;
        position: absolute;
        top: 11px;
        right: 9px;
        display:none;
    }
    i.lili {
        display:block;
        float:left;
        margin-top:17px !important;
    }
    div.navigation {
        /*height:480px;*/
        height:auto;
        padding-left:0;
        padding-right:0;
    }
    div.navigation > div.container {
        margin-right:auto;
        margin-left:auto;
        width:100%;
    }
    div.navigation > div.container > div.row > ul > a > li {
        display:block;
        text-align: center;
        font-size:25px;
        padding-top: 4px;
        float:none;
    }



}

/*start css for  ipad portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){



}


.searchResultsLists{
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    display: block;
    height: 200px;
    margin-top: 2px;
    min-width: 98%;
    overflow-y: scroll;
    position: absolute;
    z-index: 999;
}
.searchResultsLists li {
    border-bottom: 1px solid #f2f2f2;
    color: #333333;
    padding: 12px;
    cursor: pointer;
}

.morphsearch.open .morphsearch-form{
    transform:none !important
}

/********************************************/
/*// guaranetee page disign(start)        //*/
/********************************************/
.guarantee-page {
    background-color: #fafafa;
}
.guarantee-page .images-logo-box{
    width: 36%;
    margin:0 auto;
}

.guarantee-page .top-box-background{
    background: url('../images/shutterstock_225967027.jpg') no-repeat;
    background-size: cover;
    background-position: 50% 41%;
    padding: 100px 0px;
}
.guarantee-page.bondedByErenovate-page .top-box-background{
    background: url('../images/shutterstock_720820906.jpg') no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0px ;
}
.guarantee-page .short-description{
    padding: 20px 0px;
    text-align: center;
}
.guarantee-page .short-description__title{
    font-size: 32px;
    line-height: 40px;
    font-family: "AvenirNextLTPro-Demi";
    font-weight: 700;
}

.guarantee-page .short-description__desc{
    font-family: "AvenirNextLTPro-Regular";
    color: #676d73;
    font-size: 18px;
    margin-top: 18px;
    display: block;
}
.guarantee-page .guarantee-opportunities .progressbar{
    text-align: center;
    -webkit-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
}
.guarantee-page .guarantee-opportunities .progressbar.sticky {
    position: fixed;
    width: 100%;
    z-index: 20;
    padding: 10px 0px;
    background: #fff;
    top:0;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
}
.guarantee-page .guarantee-opportunities .progressbar__state{
    width: 25%;
    min-height: 20px;
    border-radius: 20px;
    background: #2cccd3;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.guarantee-page .guarantee-opportunities .progressbar__title{
    font-family: "AvenirNextLTPro-Regular";
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    margin:10px auto;    
}
.guarantee-page .guarantee-opportunities .progressbar__title.active{
    font-family: "AvenirNextLTPro-Demi";
    transform: scale(1.15);
}

.guarantee-page .guarantee-opportunities .opportunities-el{
    padding-bottom: 20px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e9eced;
}
.guarantee-page .guarantee-opportunities .opportunities-el p{
    font-family: "AvenirNextLTPro-Regular";
    font-size: 16px;
    line-height: 1.6;
}
.guarantee-page .guarantee-opportunities .opportunities-el p i{
    font-style: italic;
}
.guarantee-page .guarantee-opportunities .opportunities-el ul {
    list-style-type: disc;
    list-style-position: inside;
}
.guarantee-page .guarantee-opportunities .opportunities-el ul li{
    font-family: "AvenirNextLTPro-Regular";
    font-size: 16px;
    line-height: 1.6;
}
.guarantee-page .guarantee-opportunities .opportunities-el__title{
    font-family: "AvenirNextLTPro-Demi";
    font-size: 32px;
}
.guarantee-page .guarantee-opportunities .opportunities-el__red{
    color:#dc2d2d;
}
.guarantee-page .guarantee-opportunities .opportunities-el ol.conditions-box{
    list-style-type: decimal;
    margin-left: 24px;
}
.guarantee-page .guarantee-opportunities .opportunities-el ol.conditions-box li{
    padding-left: 12px;
    font-family: "AvenirNextLTPro-Regular";
    font-size: 16px;
    line-height: 1.6;
}
.guarantee-page .guarantee-opportunities .opportunities-el ol.conditions-box li strong{
    font-family: "AvenirNextLTPro-Demi";
}
.guarantee-page .guarantee-opportunities .opportunities-el ol.conditions-box li ol{
    list-style-type: lower-alpha;
    font-family: "AvenirNextLTPro-Regular";
}
.guarantee-page .guarantee-opportunities .opportunities-el .collapse-main-box{
    border:1px solid  #e9eced;
    border-radius: 5px;
}
.guarantee-page .guarantee-opportunities .opportunities-el .btn-collapse-target{
    /*border:1px solid  #e9eced;*/
    border:none;
    border-bottom: 1px solid #e9eced;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #fff;
    font-size: 18px;
    line-height: 24px;
    font-family: "AvenirNextLTPro-Demi";
    width: 100%;
    padding: 20px;
    text-align: left;
}
.guarantee-page .guarantee-opportunities .opportunities-el .collapse-container:last-of-type .btn-collapse-target{
    border:none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.guarantee-page .guarantee-opportunities .opportunities-el .collapse-container:last-of-type .collapse-text{
    border:none;
    border-top:1px solid #e9eced;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.guarantee-page .guarantee-opportunities .opportunities-el .btn-collapse-target:focus{
    outline: none;
}
.guarantee-page .guarantee-opportunities .opportunities-el .btn-collapse-target::before{
    content: '';
    background: url(../images/caret_arrow.png) no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 30px;
    transition:all .2s ease-in;
}
.guarantee-page .guarantee-opportunities .opportunities-el .btn-collapse-target.active::before{
    transform: rotate(180deg);
}
.guarantee-page .guarantee-opportunities .opportunities-el .collapse-text{
    border-bottom:1px solid  #e9eced;
    border-top:none;
    background: #fff;
    transition: background .2s ease-in;
    padding: 20px;
    display: none;
}
.guarantee-page .guarantee-opportunities .opportunities-el .collapse-text ul{
    list-style-type: disc;
    list-style-position: inside;
}
.guarantee-page .guarantee-opportunities .opportunities-el .collapse-text ul li{
    font-family: "AvenirNextLTPro-Regular";
    font-size: 16px;
    line-height: 1.6;
}
@media only screen and (max-width : 578px) {
    .guarantee-page .guarantee-opportunities .opportunities-el .btn-collapse-target{
        padding-right: 40px;
    }
    .guarantee-page .images-logo-box{
        width: 80%;
    }
    .guarantee-page .guarantee-opportunities .opportunities-el img{
        width: 40%;
        display: block;
        margin:0 auto;
    }
    .guarantee-page .top-box-background {
        padding: 85px 0px 220px;
        background-position: 30% 50%;
    }
}
/********************************************/
/*// guaranetee page disign(end)          //*/
/********************************************/

/********************************************/
/*// homedesignideas-page(start)          //*/
/********************************************/
.homedesignideas-page{
    background-color: #fafafa;
    padding:40px 0px; 
}
.homedesignideas-page .filter-elements a{
    width: auto;
    padding: 5px;
    display: inline-block;
    text-align: center;
    height: auto;
    color: #4d4d5a;
    font-family: 'Avenir-Medium-New';
    border-radius: 4px;
    background-color: #ffffff;
    margin: 4px 2px;
    border: solid 1px #e6e6e6;
    font-size: 19px;
}
.homedesignideas-page .filter-elements a.active{
    border-radius: 4px;
    background-color: #4d4d5a;
    color: #FFF;
}
.homedesignideas-page .filter-elements a.all{
    width: 110px;
}
.homedesignideas-page .filter-elements a:hover{
    color: #16d9d9;
    border-color: #16d9d9;
}
.homedesignideas-page  .recommended{
    padding:40px 0px;
}
.homedesignideas-page  .recommended .wrap-act {
    text-align: center;
    display: inline-block;
    opacity: 1;
    width: 355px;
    background: #FFF;
    transition: .4s;
    border-radius: 2px;
    border: solid 1px #e6e6e6;
    margin: 10px;
    padding-bottom: 25px;
}
.homedesignideas-page  .recommended  .rec-img {
    height: 265px;
}
.homedesignideas-page .recommended-blocks p{
    font-family: "Avenir-Medium-New";
    margin: 20px 0;
    height: 60px;
    overflow: hidden;
    padding: 0 5px;
    font-size: 20px;
    line-height: 30px;
    color: #4d4d5a;
}
.homedesignideas-page .recommended-blocks a{
    text-align: center;
    display: inline-block;
    opacity: 1;
    background: #FFF;
    transition: .4s;
}
.homedesignideas-page .all-categories-links{
    height: 50px;
}
.homedesignideas-page  .all-categories-links a{
    border-radius: 2px;
    border: solid 1px #e6e6e6;
    color: #4d4d5a;
    width: 100px;
    height: 100%;
    padding-top: 9px;
    display: inline-block;
    margin: 3px;
    vertical-align: middle;
}
.homedesignideas-page .recommended-blocks a:first-child{
    margin-left: 0;
}
.homedesignideas-page  .all-categories-links a.act-share, .homedesignideas-page .all-categories-links a.act-like{
    padding-top: 10px;
}
.homedesignideas-page  .all-categories-links a img{
    display: inline;
    position: relative;
}
.homedesignideas-page .all-categories-links a span{
    font-size: 18px;
}
.homedesignideas-page .all-categories-links a:hover{
    border-color: #2cccd3;
}
.homedesignideas-page .load-more:hover{
    color: #16d9d9;
    border-color: #16d9d9;
}
.homedesignideas-page .load-more{
    display: block;
    width: auto;
    height: 60px;
    margin: 30px auto 15px;
    background: #FFF;
    border-radius: 4px;
    border: solid 1px #e6e6e6;
    outline: none;
    font-family: "Avenir-Medium-New";
    line-height: 20px;
    text-align: center;
}
.homedesignideas-page .video-block{
    border-radius: 2px;
    background-color: #FFF;
    border: solid 1px #e6e6e6;
    padding: 20px 30px;
}
.homedesignideas-page  .videos h2{
    font-family: "Avenir-Bold";
    font-size: 30px;
    line-height: 40px;
    text-transform: uppercase;
    color: #4d4d5a;
}
.homedesignideas-page .rec-img{
    height: 265px;
}
.homedesignideas-page .video-block p{
    font-family: "Avenir-Medium-New";
    margin: 20px 0;
    height: 60px;
    overflow: hidden;
    padding: 0 5px;
}
.homedesignideas-page .video-block a{
    text-align: center;
    display: inline-block;
    opacity: 1;
    background: #FFF;
    transition: .4s;
    width: 360px;
    border-radius: 2px;
    border: solid 1px #e6e6e6;
    margin: 10px;
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .homedesignideas-page .recommended .wrap-act{
        width: 46%;
    }
    .homedesignideas-page .video-block a{
        width: 46%;
    }
    .homedesignideas-page .video-block a:last-child{
        margin:0 auto;
    }
}

/* Small Devices, Tablets*/ 
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 578px) {
    .some-text.inform-about .white-box-wrapper.social .social__row .social__el{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .some-text.inform-about .show-more-click{
        font-size: 14px;
    }
    .homedesignideas-page .recommended .wrap-act{
        width: 94%;
    }
    .homedesignideas-page .all-categories-links a{
        width: 70px;
    }
    .homedesignideas-page .video-block a{
        width: 100%;
        margin:10px auto;
    }
    .homedesignideas-page .video-block{
        padding: 0px 15px;
    }
    .homedesignideas-page .video-block a:last-child{
        margin:10px auto;
    }

}
@media only screen and (max-width : 480px) {

}
@media only screen and (max-width : 380px) {

}
@media only screen and (max-width : 320px) {

}
@media (max-width: 767px) {
    .footer-advertisment {
        display: none;
    }
}
/********************************************/
/*// homedesignideas-page(end)            //*/
/********************************************/
.flex {
    display: flex;
}
.flex-justify-center {
    justify-content: center;
}
.flex-justify-start {
    justify-content: flex-start;
}
.flex-justify-end {
    justify-content: flex-start;
}
.flex-justify-between {
    justify-content: space-between;
}
.flex-justify-around {
    justify-content: space-around;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-nowrap {
    flex-wrap: nowrap;
}
.flex-align-center {
    align-items: center;
}
.flex-align-start {
    align-items: flex-start;
}
.flex-align-stretch {
    align-items: stretch;
}
.flex-align-end {
    align-items: flex-end;
}

.project-details .con-message-prdet-box .inline-links a {
    border-bottom: 0px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: normal;
    text-align: center;
    color: #1ABBB7;
    padding: 0px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.project-details .con-message-prdet-box .inline-links a::after {
    content: '';
    display: block;
    background: transparent;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.05);
    border-radius: 0px 0px 0px 6px;
    height: 5px;
    transition: 0.3s all;
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
}

.project-details .con-message-prdet-box .inline-links a:nth-child(2)::after {
    border-radius: 0px 0px 6px 0px;
}

.project-details .con-message-prdet-box .inline-links a.active::after {
    background: #1ABBB7;
}

.project-details .con-message-prdet-box {
    background: #FFFFFF;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.03);
    border-radius: 6px;
    max-width: 100%;
}
.project-details .contractors__elem button.btn-blue {
    background: #1ABBB7;
    border: 1px solid #1ABBB7;
    box-sizing: border-box;
    border-radius: 50px;
    width: 205px;
    white-space: nowrap;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: normal;
    text-align: center;
    color: #FFFFFF;
}
.project-details.contractors-box .contractors__elem {
    background: #FFFFFF;
    box-shadow: 0px -1px 0px #F2F2F2, 0px 1px 0px #F2F2F2;
    padding: 17px 20px 21px;
    border-bottom: 0px;
}

.project-details .contractors__elem img.contractor__img {
    width: 168px;
    height: 168px;
    object-fit: cover;
    margin-right: 0px;
}
.project-details .contractors__elem .info-box {
    width: calc(100% - 373px);
    padding: 0 16px;
    display: flex;
}

.erenovate__theme .right-side .project-details h2 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: normal;
    color: #283C4B;
    margin-top: 0px;
    margin-bottom: 10px;
}
.project-details .contractors__elem .info-box p {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: normal;
    color: #283C4B;
    margin-bottom: 5px;
    line-height: 1;
}
.project-details .contractors__elem .btn-box img {
    display: block;
    margin: 0 auto 25px;
}

.project-details .contractors__elem .info-box .props-box a {
    border: 1px solid #1ABBB7;
    box-sizing: border-box;
    border-radius: 50px;
    display: inline-flex;
    padding: 7px 25px;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: normal;
    text-align: center;
    color: #283C4B;
    margin: 5px 7px;
}

.project-details .contractors__elem .info-box .props-box {
    margin: 4px 0 0 -7px;
    width: 100%;
}
.project-details .info-sub-title {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: normal;
    color: #283C4B;
    line-height: 1;
    margin: 12px 0;
}
.project-details .contractors__elem .btn-box {
    width: 205px;
    margin-right: 0px;
}

.erenovate__theme .right-side_project_open .content-box .custom-container>.row {
    width: 100%;
    margin: 0;
}
.erenovate__theme .right-side_project_open>.content-box>.custom-container {
    width: 100%;
}

.contractors-box .contractors__elem>a {
    display: block;
    text-align: center;
}
@media only screen and (max-width : 1180px) {
    .project-details .contractors__elem .info-box .props-box a {
        padding: 7px 15px;
        margin: 5px 3px;
        font-size: 15px;
    }
}
@media only screen and (max-width : 800px) {
    .project-details .contractors__elem .info-box .props-box a {
        font-size: 13px;
    }
}
@media only screen and (max-width : 767px) {
    .project-details .contractors__elem .info-box {
        width: 100%;
        padding: 15px 0px;
        text-align: center;
    }
    .contractors-box .contractors__elem>a {
        width: 100%;
    }

    .project-details .contractors__elem .btn-box {
        width: 100%;
        text-align: center;
    }

    .project-details .contractors__elem button.btn-blue {
        margin: 0 auto;
    }

    .info-box-text {
        width: 100%;
    }
    .project-details .contractors__elem .info-box .props-box {
        justify-content: center;
    }

    .erenovate__theme .right-side .project-details h2 {
        text-align: center;
    }

    .project-details .contractors__elem .info-box p {
        text-align: center;
    }
}