html,body { height:100%; }
body { font-family:'Poppins'; background:#FFF; min-height:100%; overflow-x:hidden; transition: background-color 0.8s ease; }
h1, h2, h3, h4, h5, h6 { font-family:'Poppins'; font-weight:600; margin-bottom:25px; }
p { margin-bottom:1.6em; }
.table { display:table; width:100%; height:100%; }
.table-cell { display:table-cell; width:100%; height:100%; vertical-align:middle; }
.table-cell.bottom { vertical-align:bottom; }
a, input[type='submit'], button { transition:all 0.15s; -webkit-transition:all 0.15s; }
a.button, input[type='submit'], button { font-weight:600; background:#FC533A; font-size:1.2rem; border-radius:4px; }
a.fancybox img {
-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
}
.locrating-form textarea { height:120px; }
.locrating-form p { margin-bottom:1em }
.container { max-width:1300px; margin:0 auto; padding:0 20px; height:100%; }
.container.thin { max-width:800px; }
.container.wide { max-width:1800px; }
.mobile-menu { text-align:center; background:#FFF; position:fixed; opacity:0; top:0; left:0; width:100%; height:100%; z-index:-1; transition:all 0.15s; -webkit-transition:all 0.15s; }
.mobile-menu.open { opacity:1; z-index:9999; }
.mobile-menu .close { position:absolute; top:25px; right:25px; font-size:2em; }
.mobile-menu .logo { margin-bottom:20px; }
.mobile-menu .logo img { width:150px; }
.mobile-menu nav { text-transform:uppercase; margin-bottom:20px; }
.mobile-menu nav ul { list-style-type:none; margin:0; padding:0; }
.mobile-menu nav ul li { display:block; }
.mobile-menu nav ul li a { display:block; font-weight:600; padding:2px 0; }
.mobile-menu nav ul ul li a { font-weight:400; font-size:0.8em; }
.mobile-menu .icons { font-size:1.5em; }
.mobile-menu .icons a { display:inline-block; margin:0 7px; }
.page-wrapper.with-padding { padding-top:120px; }
.neg-shortlisted { position:absolute; left:-32px; top:59px; width:144px; }
.neg-shortlisted img { } header { position:absolute; z-index:98; background:transparent; left:0; top:0; width:100%; }
header .logo { position:relative; float:left; padding:12px 0; }
header .logo img { width:300px; }
header nav { float:right; padding:42px 0; font-weight:500; }
header nav ul { list-style-type:none; margin:0; padding:0; text-align:right; }
header nav ul li { display:inline-block; margin-right:6px }
header nav ul li a { display:block; padding:5px 12px; }
header nav ul li.menu-item-has-children > a { position:relative; padding-right:21px; }
header nav ul li.menu-item-has-children > a:after {
font-family: Font Awesome\ 5 Free;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
position: absolute;
top: 10px;
right: 0;
text-decoration: none;
content: "\f078";
}
header nav ul li a i { margin-left:6px; }
header nav ul li.current-menu-item a { }
header nav ul li.highlight { margin-left:10px; margin-right:0px }
header nav ul li.highlight a { border-radius:4px; letter-spacing:0.5px; background:#FC533A; color:#FFF; }
header nav ul ul { font-weight:500; position:absolute; display:none; width:290px; background:#FFF; text-align:left; -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
border-radius: 5px; }
header nav ul li:hover ul { display:block; }
header nav ul ul li { display:block; margin:0; }
header nav ul ul li a { padding-top:9px; padding-bottom:9px; font-size:0.9em; }
header nav ul ul li a:hover { background:#EEE; }
header .icons { float:right; margin-top:47px; padding-left:18px; font-size:1.2em; }
header .icons a { position:relative; display:inline-block; margin-left:15px; }
header .icons a:nth-child(1) { display:none; }
header .icons .cart-contents-count {
position: absolute;
top: 15px;
right: -13px;
font-weight: 700;
font-size: 13px;
line-height: 22px;
height: 22px;
width: 22px;
vertical-align: middle;
text-align: center;
color: #fff;
background: #FC533A;
border-radius: 50%;
padding: 1px;
}
header.light { color:#FFF }
header.light nav ul li a { color:#FFF }
header.light .icons a { color:#FFF }
header.sticky { position:fixed; top:-90px; left: 0; width: 100%; z-index:99; transition:all 0.35s ease-in-out; -webkit-transition:all 0.35s ease-in-out; }
.scrolled-down header.sticky { top:20px; }
header.sticky .container { }
header.sticky .inner { background:#FFF; padding:0 30px; border-radius:42px; -webkit-box-shadow:0 4px 40px rgb(0 0 0 / 8%); -moz-box-shadow: 0 4px 40px rgb(0 0 0 / 8%); box-shadow:0 4px 40px rgb(0 0 0 / 8%); }
header.sticky .logo img { width:45px; }
header.sticky nav { padding:20px 0 }
header.sticky .icons { margin-top:23px; } .home-banner { padding:230px 0 130px; background:#2F4858; color: #FFF; }
.home-banner .container { position:relative; }
.home-banner .arrow { position:absolute; top:50%; margin-top:-20px; }
.home-banner .arrow-left { left:-100px; }
.home-banner .arrow-right { right:-100px; }
.home-banner .arrow a { color:#FFF; font-size:2em }
.home-banner .arrow a:hover { color:#CCC; }
.home-banner .text { float:left; width:72% }
.home-banner .text h1 { font-size: 2.4rem ;position:relative; height:125px; }
.home-banner .text h1 span { font-size:3rem }
.home-banner .text h1 .rotatingtext { left: 0; position: absolute; bottom: -20px; opacity:0; }
.home-banner .text h4 { font-weight:400; margin:40px 0 }
.home-banner .text .buttons { margin-bottom:30px; }
.home-banner .text .buttons a { margin-right:8px; }
.home-banner .text .buttons a:last-child { background:rgba(252, 83, 58, 0.2); }
.home-banner .text .rated { }
.home-banner .text .rated .stars { display:inline-block; vertical-align:middle; margin-right:12px; }
.home-banner .text .rated .stars i { color:#FCB43A; margin-right:3px; }
.home-banner .text .rated .rated-description { font-size:0.9em; font-style:italic; display:inline-block; vertical-align:middle; }
.home-banner .animation { position:absolute; right:0; width:28%; height:100%; }
.home-banner .animation .screen { overflow: hidden; position:absolute; bottom: -140px; height:330px; background: #FFF; border-radius: 15px; width: 100%; -webkit-box-shadow: 0px 0px 9px 0px rgb(0 0 0 / 40%);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 9px 0px rgb(0 0 0 / 40%); }
.home-banner .animation .screen .logo { position:absolute; top:20px; left:20px; background:#9FB03D; width:90px; height:40px; }
.home-banner .animation .screen .nav { position:absolute; top:30px; right:20px; background:#DDD; width:190px; height:20px; }
.home-banner .animation .screen .sample-sites { position:absolute; top:80px; left:20px; right:20px; }
.home-banner .animation .screen .sample-site { opacity: 0; box-shadow: 0 1px 1px rgb(0 0 0 / 4%); position:absolute; top:0px; height:80px; left:0px; right:0px; border:1px solid #CCC; background:#F8F8F8; }
.home-banner .animation .screen .sample-site.with-animation { transition: transform 0.25s ease-out; -webkit-transition: transform 0.25s ease-out; }
.home-banner .animation .screen .sample-site:nth-child(2) { top:93px; }
.home-banner .animation .screen .sample-site:nth-child(3) { top:186px; }
.home-banner .animation .screen .sample-site .image { position:absolute; left:11px; top:10px; width:50px; height:50px; background:#999; }
.home-banner .animation .screen .sample-site .image i { color:#FFF; position:absolute; left:10px; top:13px; font-size:1.5em }
.home-banner .animation .screen .sample-site .address { position:absolute; left:75px; top:10px; width:120px; height:10px; background:#AAA; }
.home-banner .animation .screen .sample-site .price { position:absolute; right:10px; top:10px; width:50px; height:10px; background:#AAA; }
.home-banner .animation .screen .sample-site .description { position:absolute; left:75px; top: 30px; width:225px; height:28px; background:#DDD; }
.home-banner .animation .crms { position:absolute; top:0; left:0; right:0; }
.home-banner .animation .crms .crm { opacity: 0; position:absolute; }
.home-banner .animation .crms .crm img { max-height:40px; max-width:100px; }
.home-banner .animation .crms .crm.loop { left:0; top:-40px }
.home-banner .animation .crms .crm.street { left:80px; top:0 }
.home-banner .animation .crms .crm.alto { left:160px; top:-40px }
.home-banner .animation .crms .crm.reapit { left:240px; top:0 }
.home-banner .animation .crms .crm.more { left:120px; top:40px; font-size:0.9em }
.home-banner .animation .crms .arrow { opacity: 0; transform:rotate(-15deg); position:absolute; left: 60px; top:110px; background:url(//wp-property-hive.com/wp-content/themes/propertyhive/images/opening-animation-2022/sketched-arrow.png); width:31px; height:55px; }
.home-banner .animation .crms .arrow-middle { transform:rotate(0deg); left: 170px; }
.home-banner .animation .crms .arrow-right { transform:rotate(15deg); left: auto; right: 60px; left: 280px; }
.home-banner .animation .portals { position:absolute; top:0; left:0; right:0; }
.home-banner .animation .portals .portal { opacity: 0; position:absolute; }
.home-banner .animation .portals .portal img { max-height:40px; max-width:100px; }
.home-banner .animation .portals .portal.rightmove { left:0; top:-40px }
.home-banner .animation .portals .portal.zoopla { left:80px; top:0 }
.home-banner .animation .portals .portal.onthemarket { left:160px; top:-40px }
.home-banner .animation .portals .portal.nethouseprices { left:240px; top:0 }
.home-banner .animation .portals .portal.more { left:120px; top:40px; font-size:0.9em }
.home-banner .animation .portals .arrow { opacity: 0; transform:rotate(-165deg); position:absolute; left: 60px; top:110px; background:url(//wp-property-hive.com/wp-content/themes/propertyhive/images/opening-animation-2022/sketched-arrow.png); width:31px; height:55px; }
.home-banner .animation .portals .arrow-middle { transform:rotate(180deg); left: 170px; }
.home-banner .animation .portals .arrow-right { transform:rotate(165deg); left: auto; right: 60px; left: 280px; } .home-import { padding:100px 0; text-align:center; }
.home-import h3 > span { color: #FC533A; display:inline-block; text-align:left; vertical-align:middle; overflow:hidden; }
.home-import p { font-size:1.2rem; color:#777 }
.home-import .animation { margin:40px 0 40px; position:relative; height:640px; }
.home-import .animation .explanations { position:absolute; }
.home-import .animation .explanations .explanation { display: none}
.home-import .animation .explanations .explanation div:first-child { font-size:130px; line-height: 1; color:#DDD; font-weight:700; }
.home-import .animation .explanations .explanation div:last-child { font-weight:500; font-size:1em }
.home-import .animation .property { position:absolute; top:0; left:0; font-size:40px; opacity:0 }
.home-import .animation .crm-mockup { position:absolute; left:50%; top:0; margin-left:-151px; height:264px; width:302px; background:url(//wp-property-hive.com/wp-content/themes/propertyhive/images/home-import-animation/crm.png) no-repeat center center; }
.home-import .animation .crm-mockup .typing { position:absolute; top:75px; left:43px; font-size:14px; font-weight:500; }
.home-import .animation .crm-mockup .cursor { position:absolute; color: #FFF; top:166px; left:217px; font-size:23px; opacity:0 }
.home-import .animation .wp-mockup { overflow: hidden; border-radius: 10px; text-align:left; width: 483px; height: 314px; position: absolute; left: 0; top:290px; background:#f1f1f1; -webkit-box-shadow:0 4px 10px rgb(0 0 0 / 25%); -moz-box-shadow: 0 4px 10px rgb(0 0 0 / 25%); box-shadow:0 4px 10px rgb(0 0 0 / 25%); }
.home-import .animation .wp-mockup .admin-bar { background:#23282d; height:23px; position:absolute; left:0; width:100%; top:0 }
.home-import .animation .wp-mockup .admin-bar .wp-icon { font-size: 12px; color:#FFF; position:absolute; top:2px; left:6px; }
.home-import .animation .wp-mockup .admin-bar .bar { position:absolute; background:#eee; top:10px; height:3px; width:50px; }
.home-import .animation .wp-mockup .admin-bar .bar.bar-left { left:30px }
.home-import .animation .wp-mockup .admin-bar .bar.bar-middle { left:100px; width:22px; }
.home-import .animation .wp-mockup .admin-bar .bar.bar-right { right:9px; }
.home-import .animation .wp-mockup .admin-menu { background:#23282d; width:100px; position:absolute; top:23px; bottom:0 }
.home-import .animation .wp-mockup .admin-menu .menu-item { height:21px; width:100%; position:relative; }
.home-import .animation .wp-mockup .admin-menu .menu-item >div:first-child { position:absolute; left:7px; top:7px; height:6px; width:6px; background:#eee; }
.home-import .animation .wp-mockup .admin-menu .menu-item >div:last-child { position:absolute; right:7px; top:9px; height:3px; width:71px; background:#eee; }
.home-import .animation .wp-mockup .admin-menu .menu-item.selected { background:#0073aa }
.home-import .animation .wp-mockup .admin-menu .menu-item.selected >div:first-child { background:#FFF }
.home-import .animation .wp-mockup .admin-menu .menu-item .selected>div:last-child { background:#FFF }
.home-import .animation .wp-inner { position:absolute; left:100px; top:23px; bottom: 0; right: 0; padding:15px; overflow:hidden; }
.home-import .animation .wp-inner .title { color:#1d2327; font-weight:600; font-size:12px; margin-bottom:10px; }
.home-import .animation .wp-inner table { table-layout: fixed; border-collapse:separate; background: #fff; border: 1px solid #c3c4c7; width: 100%; border-spacing: 0; box-shadow: 0 1px 1px rgb(0 0 0 / 4%); }
.home-import .animation .wp-inner table tfoot,
.home-import .animation .wp-inner table thead { background:transparent; }
.home-import .animation .wp-inner table tfoot tr th,
.home-import .animation .wp-inner table thead tr th { color: #2c3338; }
.home-import .animation .wp-inner table thead th { border-bottom: 1px solid #c3c4c7; }
.home-import .animation .wp-inner table tfoot th { border-top: 1px solid #c3c4c7; border-bottom: none; }
.home-import .animation .wp-inner table thead th div,
.home-import .animation .wp-inner table tfoot th div { width:30px; height:2px; background:#0073aa }
.home-import .animation .wp-inner table tbody tr { display:none }
.home-import .animation .wp-inner table tbody tr:nth-child(odd) { background-color: #f6f7f7; }
.home-import .animation .wp-inner table tbody tr:nth-child(even) { background-color: #FFF; }
.home-import .animation .wp-inner table tbody td > div { width:30px; height:2px; background:#50575e }
.home-import .animation .wp-inner table tbody td:first-child > div { text-align: center; height:auto; background:#DDD }
.home-import .animation .wp-inner table tbody td:first-child > div i { font-size:12px; line-height: 1; color:#50575e; }
.home-import .animation .wp-inner table td { color: #50575e; }
.home-import .animation .site-mockup { border-radius: 10px; width: 483px; height: 314px; overflow: hidden; position: absolute; right: 0; top:290px; background:#FFF url(//wp-property-hive.com/wp-content/themes/propertyhive/images/home-import-animation/website-header.png) no-repeat top center; -webkit-box-shadow:0 4px 10px rgb(0 0 0 / 25%); -moz-box-shadow: 0 4px 10px rgb(0 0 0 / 25%); box-shadow:0 4px 10px rgb(0 0 0 / 25%); }
.home-import .animation .site-mockup .results { position: absolute; left:20px; right:20px; top:185px }
.home-import .animation .site-mockup .results .result { display: none; float: left; width: 22%; margin-right:4%; border:1px solid #CCC; padding:8px; }
.home-import .animation .site-mockup .results .result:last-child { margin-right:0 }
.home-import .animation .site-mockup .results .result .pic { text-align: center; background:#DDD; width:100%; }
.home-import .animation .site-mockup .results .result .pic i { font-size:22px; line-height: 60px; color:#50575e; }
.home-import .animation .site-mockup .results .result .bar-1 { height:5px; background:#DDD; width:100%; margin:5px 0 }
.home-import .animation .site-mockup .results .result .bar-2 { height:2px; background:#DDD; width:50%; margin-bottom:5px; }
.home-import h4 { margin-bottom:30px; margin-top:30px; }
.home-import .crm-icons { text-align:left; }
.home-import .crm-icons .icon { display: inline-block; text-align:center; vertical-align:middle; width:14%; padding:18px 20px; }
.home-import .crm-icons img { width:auto; height:40px;} .home-themes { position:relative; background: rgb(248,248,248);
background: linear-gradient(106deg, rgba(248,248,248,1) 56%, #2F4858 56%); }
.home-themes .top-shadow { position:absolute; top:0; left:0; width:100%; height:20px; box-shadow: inset 0 7px 15px -7px rgba(0,0,0,0.6); }
.home-themes .bottom-shadow { position:absolute; bottom:0; left:0; width:100%; height:20px; box-shadow: inset 0 -7px 15px -7px rgba(0,0,0,0.6); }
.home-themes .left { float:left; width:50%; padding:100px 0; }
.home-themes .left > p { font-size:1.2rem; color:#777 }
.home-themes h3 { }
.home-themes .left .text-section { margin-bottom:35px; }
.home-themes .left .text-section h5 { margin-bottom:12px; }
.home-themes .left .text-section h5 i { color:#FCB43A; }
.home-themes .left .text-section p { padding-left:35px; color:#777 }
.home-themes .right { float:right; width:43%; overflow:hidden; position:relative; }
.home-themes .carousel { position: absolute; top: 0; left: 8px; width:46%; }
.home-themes .carousel-right { left:auto; right:8px }
.home-themes .carousel .screenshot { background:no-repeat top center; background-size:cover; width:100%; height:160px; margin-bottom:35px; border-radius:10px; -webkit-box-shadow: 0px 0px 9px 0px rgb(0 0 0 / 40%);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 9px 0px rgb(0 0 0 / 40%); } .home-developers { position: relative; padding:100px 0; background:#008473; }
.home-developers .owl-carousel { position:absolute; left:0; top:100px; right:0; bottom:100px; }
.home-developers.no-textbox .owl-carousel { position:relative; top:0; bottom:0 }
.home-developers .owl-carousel .owl-item { }
.home-developers .owl-carousel .owl-item > div { height:100%; padding:0 20px; }
.home-developers .owl-carousel .owl-item .inner { background:#000; height:100%; }
.home-developers.no-textbox .owl-carousel .owl-item .inner { height:auto; }
.home-developers .owl-carousel .owl-item .inner > div { position: relative; height:100%; background:no-repeat center center; background-size:cover; }
.home-developers.no-textbox .owl-carousel .owl-item .inner > div { height:auto; }
.home-developers .owl-carousel .owl-item .inner .overlay { display:flex; align-items:flex-end; position: absolute; color: #FFF; padding: 50px; top: 0; left: 0; right: 0; bottom: 0; opacity:0; background:rgba(0, 0, 0, 0.7); transition: opacity 0.2s; -webkit-transition: opacity 0.2s; }
.home-developers.no-textbox .owl-carousel .owl-item .inner .overlay { position:relative; }
.home-developers .owl-carousel .owl-item.active .inner .overlay { opacity:1; }
.home-developers .owl-carousel .owl-item .inner .overlay .quote { font-size:1.6em; font-style:italic; margin-bottom:24px; }
.home-developers .owl-carousel .owl-item .inner .overlay .quoter { }
.home-developers .textbox { position: relative; z-index: 2; float:left; width:48%; background:#FFF; padding:60px 45px; }
.home-developers .textbox > p { font-size:1.2rem; color:#777 }
.home-developers .textbox h3 { }
.home-developers .textbox .text-section { margin-bottom:35px; }
.home-developers .textbox .text-section h5 { margin-bottom:12px; }
.home-developers .textbox .text-section h5 i { color:#FCB43A; }
.home-developers .textbox .text-section p { padding-left:35px; color:#777 } .home-add-ons { position:relative; background: #f7f7f7; padding:100px 0; }
.home-add-ons .right { float:right; width:50%; }
.home-add-ons .right > p { font-size:1.2rem; color:#777 }
.home-add-ons h3 { }
.home-add-ons .right .text-section { margin-bottom:35px; }
.home-add-ons .right .text-section h5 { margin-bottom:12px; }
.home-add-ons .right .text-section h5 i { color:#FCB43A; }
.home-add-ons .right .text-section p { padding-left:35px; color:#777 }
.home-add-ons .left { float:left; width:43%; position:relative; }
.home-add-ons .wp-mockup { overflow: hidden; border-radius: 10px; text-align:left; width:100%; height: 326px; position: absolute; left: 0; top:0px; background:#f1f1f1; -webkit-box-shadow:0 4px 10px rgb(0 0 0 / 25%); -moz-box-shadow: 0 4px 10px rgb(0 0 0 / 25%); box-shadow:0 4px 10px rgb(0 0 0 / 25%); }
.home-add-ons .wp-mockup .admin-bar { background:#23282d; height:23px; position:absolute; left:0; width:100%; top:0 }
.home-add-ons .wp-mockup .admin-bar .wp-icon { font-size: 12px; color:#FFF; position:absolute; top:2px; left:6px; }
.home-add-ons .wp-mockup .admin-bar .bar { position:absolute; background:#eee; top:10px; height:3px; width:50px; }
.home-add-ons .wp-mockup .admin-bar .bar.bar-left { left:30px }
.home-add-ons .wp-mockup .admin-bar .bar.bar-middle { left:100px; width:22px; }
.home-add-ons .wp-mockup .admin-bar .bar.bar-right { right:9px; }
.home-add-ons .wp-mockup .admin-menu { background:#23282d; width:100px; position:absolute; top:23px; bottom:0 }
.home-add-ons .wp-mockup .admin-menu .menu-item { height:21px; width:100%; position:relative; }
.home-add-ons .wp-mockup .admin-menu .menu-item >div:first-child { position:absolute; left:7px; top:7px; height:6px; width:6px; background:#eee; }
.home-add-ons .wp-mockup .admin-menu .menu-item >div:last-child { position:absolute; right:7px; top:9px; height:3px; width:71px; background:#eee; }
.home-add-ons .wp-mockup .admin-menu .menu-item.selected { background:#0073aa }
.home-add-ons .wp-mockup .admin-menu .menu-item.selected >div:first-child { background:#FFF }
.home-add-ons .wp-mockup .admin-menu .menu-item .selected>div:last-child { background:#FFF }
.home-add-ons .wp-mockup .wp-inner { position:absolute; left:100px; top:23px; bottom: 0; right: 0; padding:15px; overflow:hidden; }
.home-add-ons .wp-mockup .wp-inner .title { color:#1d2327; font-weight:600; font-size:12px; margin-bottom:10px; }
.home-add-ons .wp-mockup .add-on { display: flex; justify-content: center; align-items: center; position:absolute; height:70px; width:36%; border-radius:3px; font-size: 0.8em; background:#FFF; text-align:center; -webkit-box-shadow:0 4px 6px rgb(0 0 0 / 15%); -moz-box-shadow: 0 4px 6px rgb(0 0 0 / 15%); box-shadow:0 4px 6px rgb(0 0 0 / 15%); }
.home-add-ons .wp-mockup .add-on i { display:block; font-size: 2em; margin-bottom:5px; }
.home-add-ons .wp-mockup .add-on-1 { top:70px; left:115px; }
.home-add-ons .wp-mockup .add-on-1 i { color:#9FB03D }
.home-add-ons .wp-mockup .add-on-2 { top:70px; right:15px; }
.home-add-ons .wp-mockup .add-on-2 i { color:#FCB43A }
.home-add-ons .wp-mockup .add-on-3 { top:155px; left:115px; }
.home-add-ons .wp-mockup .add-on-3 i { color:#008473 }
.home-add-ons .wp-mockup .add-on-4 { top:155px; right:15px; }
.home-add-ons .wp-mockup .add-on-4 i { color:#006672 }
.home-add-ons .wp-mockup .add-on-5 { top:240px; left:115px; }
.home-add-ons .wp-mockup .add-on-5 i { color:#2F4858 }
.home-add-ons .wp-mockup .add-on-6 { top:240px; right:15px; }
.home-add-ons .wp-mockup .add-on-6 i { color:#4D9E5D } .home-partners { background:#000; padding:45px 0; text-align:center; color:#FFF; }
.home-partners p { font-size:1.2rem; color:#C3C3C3 }
.home-partners .logo { display:inline-block; vertical-align:middle; padding:20px 35px }
.home-partners .logo img { width:auto; max-height:40px; opacity:0.4; transition:opacity 0.2s linear; -webkit-transition: opacity 0.2s linear }
.home-partners .logo img:hover { opacity:1 } .home-latest-news { text-align:center; background:#FFF; padding:100px 0; }
.home-latest-news p { font-size:1.2rem; color:#777; margin-bottom:50px; }
.home-latest-news .posts { margin-bottom:50px; }
.home-latest-news .posts .post { float: left; width: 33%; padding:0 20px; }
.home-latest-news .posts .post a { display: block; text-align: left; box-shadow: 0 50px 100px rgb(0 0 0 / 10%); border-radius:2px; }
.home-latest-news .posts .post a:hover { box-shadow: 0 50px 100px rgb(0 0 0 / 20%); }
.home-latest-news .posts .post .details { padding:36px; }
.home-latest-news .posts .post .details .date { margin-bottom:15px; font-weight:500; text-transform:uppercase; font-size:0.8em; opacity:0.7; }
.home-latest-news .posts .post .details h5 { margin-bottom:0 } .grid { padding:100px 0 80px; position:relative; text-align:center; }
.grid .top-shadow { position:absolute; top:0; left:0; width:100%; height:20px; box-shadow: inset 0 7px 15px -7px rgba(0,0,0,0.6); }
.grid .bottom-shadow { position:absolute; bottom:0; left:0; width:100%; height:20px; box-shadow: inset 0 -7px 15px -7px rgba(0,0,0,0.6); }
.grid.grid-text-light { color:#FFF; }
.grid h3 { margin-bottom:40px; }
.grid > div > p { font-size:1.2rem; color:#777 }
.grid.grid-text-light > div > p { }
.grid ul { list-style-type:none; margin:0; padding:0; }
.grid ul li { float:left; margin-bottom:27px; margin-right:3% }
.grid.grid-1 ul li { width:100%; }
.grid.grid-2 ul li { width:46%; }
.grid.grid-2 ul li:nth-child(2n) { margin-right:0 }
.grid.grid-2 ul li:nth-child(2n+1) { clear:left }
.grid.grid-3 ul li { width:31%; }
.grid.grid-3 ul li:nth-child(3n) { margin-right:0 }
.grid.grid-3 ul li:nth-child(3n+1) { clear:left }
.grid.grid-4 ul li { width:22.75%; }
.grid.grid-4 ul li:nth-child(4n) { margin-right:0 }
.grid.grid-4 ul li:nth-child(4n+1) { clear:left }
.grid .usp-inner { text-align:center; border-radius:8px; padding:19px; display:block; }
.grid.grid-left .usp-inner { text-align:left; }
.grid .usp-inner i { font-size:2.2em; margin-bottom:19px; color:#FCB43A }
.grid .usp-inner img { margin-bottom:19px; }
.grid .usp-inner h5 { font-weight:600; margin-bottom:12px }
.grid .usp-inner p { margin-bottom:0; font-size:1.1em }
.grid .usp-inner p a { color:#FC533A }
.grid.grid-condensed { }
.grid.grid-condensed ul li { margin-bottom:10px; }
.grid.grid-condensed .usp-inner { text-align:left; padding:12px; }
.grid.grid-condensed .usp-inner i { font-size:1.6em; display:inline-block; margin-right:7px }
.grid.grid-condensed .usp-inner img { display:inline-block; margin-right:7px; margin-bottom:0 }
.grid.grid-condensed .usp-inner h5 { display:inline-block; font-size:1.15rem; margin-top:-3px; }
.grid.grid-condensed .usp-inner p { margin-bottom:0; font-size:0.95em } .content-50-50 { }
.content-50-50.content-text-light { color:#FFF; }
.content-50-50.content-padding-applied-to-row { padding:100px 0 }
.content-50-50.content-padding-applied-to-text .text { padding:50px 0 }
.content-50-50 .text { float:left; width:40% }
.content-50-50 .text .text-section { margin-bottom:35px; }
.content-50-50 .text .text-section h5 { margin-bottom:12px; }
.content-50-50 .text .text-section h5 i { color:#FCB43A; }
.content-50-50 .text .text-section p { padding-left:35px; color:#777 }
.content-50-50 .image { float:right; width:50% }
.content-50-50.content-order-image_text .text { float:right }
.content-50-50.content-order-image_text .image { float:left; }
.content-50-50 .text p { font-size:1.2rem; color:#777 }
.content-full-width { padding:100px 0; text-align:center; background:no-repeat center center; background-size:cover; }
.content-full-width.content-text-light { color:#FFF; }
.content-full-width .no-content { margin-bottom:0 }
.content-full-width.content-padding-thin { padding:50px 0 }
.content-full-width p { font-size:1.2rem; color:#777 }
.content-full-width.content-text-light p { color:#d3d3d3 }
.content-full-width .buttons a { margin-right:3px; }
.content-text-import-animation { padding:80px 0 65px; }
.content-text-import-animation .text { float:left; width:69% }
.content-text-import-animation .text p { font-size:1.2rem; color:#777 }
.content-text-import-animation .text .text-section { margin-bottom:35px; }
.content-text-import-animation .text .text-section h5 { margin-bottom:12px; }
.content-text-import-animation .text .text-section h5 i { color:#FCB43A; }
.content-text-import-animation .text .text-section p { padding-left:35px; color:#777 }
.content-text-import-animation .animation { float:right; width:26% } .showcase { }
.showcase .showcase-item { padding: 12% 0; color:#FFF }
.showcase .showcase-item .image { float: left; width:47%; border-radius:2px; background:rgba(255, 255, 255, 0.15) }
.showcase .showcase-item .image img { width:100%; }
.showcase .showcase-item .details { float: right; width:47%; }
.showcase .showcase-item .details h2 { font-size:4em; line-height:1.2 }
.showcase .showcase-item .details p { margin-bottom:45px; opacity:0.8 }
.showcase .showcase-item-odd .image { float: right; }
.showcase .showcase-item-odd .details { float: left; } .showcase-new { padding:40px 0 50px }
.showcase-new h3 { text-align:center; margin-bottom:5px; }
.showcase-new h1 { text-align:center; }
.showcase-new .showcase-items { margin-top:50px; }
.showcase-new .showcase-item { float:left; width:48%; margin-bottom:40px; }
.showcase-new .showcase-item:nth-child(2n) { float:right; }
.showcase-new .showcase-item:nth-child(2n+1) { clear:left; }
.showcase-new .showcase-item a { display:block; height:100%; }
.showcase-new .showcase-item .screenshots { height:421px; overflow:hidden; position:relative; }
.showcase-new .showcase-item .screenshots .overlay { transition:all 0.2s; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.2 }
.showcase-new .showcase-item a:hover .screenshots .overlay { opacity:0 }
.showcase-new .showcase-item .screenshots ul { transform: translate(-22%,0); width:180%; display:flex; flex-wrap:wrap; list-style-type:none; margin:0; padding:0; }
.showcase-new .showcase-item .screenshots ul li { margin:1%; width:31%; transition:all 0.2s; }
.showcase-new .showcase-item a:hover .screenshots ul li:nth-child(1),
.showcase-new .showcase-item a:hover .screenshots ul li:nth-child(2),
.showcase-new .showcase-item a:hover .screenshots ul li:nth-child(3) { transform:translateX(-20px); }
.showcase-new .showcase-item a:hover .screenshots ul li:nth-child(4),
.showcase-new .showcase-item a:hover .screenshots ul li:nth-child(5),
.showcase-new .showcase-item a:hover .screenshots ul li:nth-child(6) { transform:translateX(20px); }
.showcase-new .showcase-item .screenshots ul li img { width:100%; box-shadow: 0 10px 10px 0 rgba(0,0,0,.26), 0 14px 28px 0 rgba(0,0,0,.25); }
.showcase-new .showcase-item .details { transition:all 0.2s; margin-top:13px; padding:5px 0; padding-left:14px; border-left-width:3px; border-left-style:solid }
.showcase-new .showcase-item a:hover .details { padding-left:20px; border-left-width:10px; }
.showcase-new .showcase-item .details h2 { font-size:2em; margin:0; padding:0; line-height:1.2 }
.showcase-popup { }
.showcase-popup .content-scroll { }
.showcase-popup .screenshots { float:left; width:56%; }
.showcase-popup .details { float:right; width:40%; }
.showcase-popup .details h3 { margin-bottom:15px; }
.showcase-popup .details .developer { margin-bottom:15px; }
.showcase-popup .details .developer a { color:#FCB43A; font-weight:600 }
.showcase-popup .details .description { margin-bottom:15px; font-size:0.9em }
.showcase-popup .details .what-we-like { margin-bottom:15px; }
.showcase-popup .details .what-we-like > div { font-weight:600; font-size: 1.1em; margin-bottom:5px; }
.showcase-popup .details .what-we-like span { color:#999; font-style:italic; }
.showcase-popup .details .add-ons-used { margin-bottom:15px; }
.showcase-popup .details .add-ons-used > div { font-weight:600; font-size: 1.1em; margin-bottom:5px; }
.showcase-popup .details .add-ons-used ul { list-style-type:none; margin:0; padding:0; }
.showcase-popup .details .add-ons-used ul li { display:inline-block; margin-right:5px; }
.showcase-popup .details .add-ons-used ul li a { margin-bottom:6px; padding:0.45em 0.65em; background:#DDD; color:#777 }
.showcase-popup .details .actions { margin-top:25px; }
.showcase-popup .details .actions a { }
.showcase-popup .owl-carousel .owl-stage { display: flex; }
.showcase-popup .screenshot { height: 100%; }
.showcase-popup .owl-dots { text-align:center; margin-top:12px; }
.showcase-popup .owl-dots button { background:#DDD; width:12px; height:12px; border-radius:6px; margin:0 5px; padding:0; }
.showcase-popup .owl-dots button.active { background:#666 } .add-ons-page { }
.add-ons-page .opening { background:#006672; padding:170px 0px 50px; text-align:center; color:#FFF; }
.add-ons-page .opening h1 { font-size:2.4rem }
.add-ons-page .opening p { font-size:1.2rem; color:#C3C3C3; margin-bottom:50px; }
.add-ons-page .opening form { max-width:500px; display:block; margin:0 auto; border:4px solid #2F4858; background:#FFF; border-radius:2px; }
.add-ons-page .opening form input[type='text'] { box-shadow:none; display:inline-block; margin: 0; font-size: 1.5em; height: 3.2em; vertical-align:middle; width:420px; border:0; background:transparent; }
.add-ons-page .opening form button { cursor: pointer; display:inline-block; vertical-align:middle; width:50px; background:0; padding:0; }
.add-ons-page .opening form button i { font-size:1.3em }
.add-ons-page .add-ons-list-categories { padding:30px 0 }
.add-ons-page .add-ons-list-categories ul { list-style-type:none; margin:0; padding:0; text-align:center; }
.add-ons-page .add-ons-list-categories ul li { display:inline-block; margin:0 10px; }
.add-ons-page .add-ons-list-categories ul li a { font-weight:500; display:block; border-radius:24px; border:1px solid #999; padding:10px 30px; }
.add-ons-page .add-ons-list-categories ul li a:hover { color:#FFF; background-color:#4D9E5D }
.add-ons-page .add-ons-list-categories ul li.active a { color:#FFF; background-color:#4D9E5D } .add-ons-page .add-ons-list { padding:30px 0 30px 0; color:#FFF; }
.add-ons-page .add-ons-list-1 { background-color:#4D9E5D }
.add-ons-page .add-ons-list-2 { background-color:#008473 }
.add-ons-page .add-ons-list-3 { background-color:#006672 }
.add-ons-page .add-ons-list-4 { background-color:#2F4858; }
.add-ons-page .add-ons-list.search-results { color:#000; }
.add-ons-page .add-ons-list.search-results h3 { text-align:center; }
.add-ons-page .add-ons-list .title-section { padding:30px; background:#333; color:#FFF; }
.add-ons-page .add-ons-list .title-section .name { margin-bottom:0 }
.add-ons-page .add-ons-list .title-section p { font-size:1.2rem; }
.add-ons-page .add-ons-list .title-section .price { float:right; line-height: 0.5; font-weight:500; text-align: right; max-width: 350px; font-size:2.6em }
.add-ons-page .add-ons-list .title-section .price .main-price { margin-bottom:7px; }
.add-ons-page .add-ons-list .title-section span { font-weight:400; color:#D3D3D3; font-size:0.35em }
.add-ons-page .add-ons-list .title-section .buttons { float:right; margin-left:30px; }
.add-ons-page .add-ons-list .title-section img { max-height:30px; margin-bottom:15px; }
.add-ons-page .add-ons-list .title-section .name img { max-height:30px; margin-bottom:0; }
.add-ons-page .add-ons-list .title-section img,
.add-ons-page .add-ons-list .title-section i { font-size:1.5em; margin-bottom:15px; }
.add-ons-page .add-ons-list .add-on { float:left; color: #000; width:31.66%; margin-right:2.5%; margin-bottom: 35px; border-radius:2px; }
.add-ons-page .add-ons-list div .add-on:nth-child(3n) { margin-right:0; }
.add-ons-page .add-ons-list div .add-on:nth-child(3n+1) { clear:left; }
.add-ons-page .add-ons-list .add-on a { position:relative; display:block; background:#FFF; -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4); }
.add-ons-page .add-ons-list .add-on a:hover { -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.9);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.9);
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.9); }
.add-ons-page .add-ons-list .add-on a .flag { color:#FFF; padding:0 12px; font-weight:600; font-size:0.8em; text-transform:uppercase; text-align:center; position:absolute; top:15px; right:15px; background:#FCB43A; height:30px; border-radius:3px; }
.add-ons-page .add-ons-list .add-on a .flag i { line-height:30px; margin-right:4px; }
.add-ons-page .add-ons-list .add-on a .icon { float:left; margin-right:20px; }
.add-ons-page .add-ons-list .add-on a .icon i { font-size:2em; color:#FCB43A; }
.add-ons-page .add-ons-list .add-on a .icon img { max-height:32px; }
.add-ons-page .add-ons-list .add-on a .details-section { padding:30px; }
.add-ons-page .add-ons-list .add-on a p { font-size:0.9em; color:#777; margin-bottom:0; } .single-addon { padding:70px 0; }
.single-addon .container { max-width:1100px; }
.single-addon .back { margin-bottom:30px; }
.single-addon .main { float:left; width:62%; }
.single-addon .main h1 { font-size:2.3em; }
.single-addon .main h4 { }
.single-addon .main a { font-weight:600; }
.single-addon .full-width-content { padding:30px 0; }
.single-addon .full-width-content.no-padding-top { padding-top:0; }
.single-addon .full-width-content .container { padding:0; }
.single-addon .callout { padding:25px; }
.single-addon .callout p,
.single-addon .callout li { font-size:0.8em; }
.single-addon .sidebar { float:right; width:34%; padding-top:140px; }
.single-addon .sidebar .button { display:block; margin-bottom:20px; text-align:center; border:1px solid #CCC; background:#FFF; color:inherit; }
.single-addon .sidebar .button:hover { background-color:#f3f3f3 }
.single-addon .sidebar .button.button-primary { background:#FC533A; border:1px solid #FC533A; color:#FFF; }
.single-addon .sidebar .button.button-primary:hover { background-color:#2b2b2b; border:1px solid #2b2b2b; }
.single-addon .sidebar .panel { border-radius:2px; background:#F3F3F3; border:1px solid #EEE; padding:25px 28px; margin-top:40px; }
.single-addon .sidebar .panel a { text-decoration:underline; font-weight:600 }
.single-addon .sidebar .panel.purchase { }
.single-addon .sidebar .panel.purchase .price { font-weight:600; font-size:1.1em; }
.single-addon .sidebar .panel.purchase .price em { font-weight:300; }
.single-addon .sidebar .panel.purchase .include-license-key { padding-top:20px; margin-top:20px; padding-bottom:20px; margin-bottom:20px; border-top:1px solid #CCC; border-bottom:1px solid #CCC }
.single-addon .sidebar .panel.purchase .include-license-key .checkbox { display:inline-block; margin-right:6px; vertical-align:middle; }
.single-addon .sidebar .panel.purchase .include-license-key .checkbox input { margin:0 }
.single-addon .sidebar .panel.purchase .include-license-key .key-label { display:inline-block; font-size:12px; line-height: 17px; max-width:170px; vertical-align:middle; }
.single-addon .sidebar .panel.purchase .include-license-key .key-price { float:right; text-align:right; font-size:12px; line-height: 17px; vertical-align:middle; }
.single-addon .sidebar .panel.purchase .include-license-key .key-price .main-bit { font-size:13px; font-weight:600; }
.single-addon .sidebar .panel.purchase .buttons { margin-top:25px; }
.single-addon .sidebar .panel.purchase .buttons a.button { border-radius:20px; display:block; margin-bottom:8px; }
.single-addon .sidebar .panel.purchase ul { font-size:0.85em; margin-top:25px; margin-left:23px; margin-bottom:30px; }
.single-addon .sidebar .panel.purchase ul li { padding:3px 0; }
.single-addon .sidebar .panel.support { background:#FFF; }
.single-addon .sidebar .panel.support .buttons a.button { background:#E3E3E3; color:#222; border-radius:20px; display:block; margin-bottom:8px; }
.single-addon .sidebar .panel.details { }
.single-addon .sidebar .panel.details table { font-size:0.9em; border:0; width:100%; }
.single-addon .sidebar .panel.details table tbody { border:0; background:transparent; }
.single-addon .sidebar .panel.details table tr { background:transparent; }
.single-addon .sidebar .panel.details table tr td { padding-left:0; padding-right:0; vertical-align:top; }
.single-addon .sidebar .panel.details table tr td a { font-weight:600; }
.single-addon .sidebar .panel.details table tr td:nth-child(1) { font-weight:600; }
.single-addon .mobile-action { display:none; position:fixed; left:0; bottom:0; width:100%; background:#F8F8F8; border-top:1px solid #CCC; padding:20px; box-shadow: 0 -5px 10px -5px rgba(0, 0, 0, 0.4); }
.single-addon .mobile-action .price { font-weight:600; font-size:1.1em; margin-bottom:15px; }
.single-addon .mobile-action .price em { font-weight:300; }
.single-addon .mobile-action .buttons { }
.single-addon .mobile-action .buttons a.button { border-radius:20px; display:block; margin-bottom:0; } .single-addon-new { padding:30px 0 0; }
.single-addon-new .back { margin-bottom:30px; }
.single-addon-new .back a { }
.single-addon-new .top-section { padding-bottom:55px; }
.single-addon-new .top-section .container { display:flex; position:relative; }
.single-addon-new .main { float:left; width:69%; }
.single-addon-new .main img { margin-bottom:25px; }
.single-addon-new .main h1 { font-size:2.3em; margin-bottom:13px; }
.single-addon-new .main h4 { font-weight:400; margin-bottom:0 }
.single-addon-new .sidebar { position: absolute; top:180px; right:20px; width:26%; background:#FFF; padding:22px; -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.5); }
.single-addon-new .sidebar .button { display:block; margin-bottom:20px; text-align:center; border:1px solid #CCC; background:#FFF; color:inherit; }
.single-addon-new .sidebar .button:hover { background-color:#f3f3f3 }
.single-addon-new .sidebar .button.button-primary { background:#FC533A; border:1px solid #FC533A; color:#FFF; }
.single-addon-new .sidebar .button.button-primary:hover { background-color:#2b2b2b; border:1px solid #2b2b2b; }
.single-addon-new .sidebar .panel { border-radius:2px; background:#F3F3F3; border:1px solid #EEE; padding:25px 28px; margin-bottom:20px; }
.single-addon-new .sidebar .panel a { text-decoration:underline; font-weight:600 }
.single-addon-new .sidebar .button.button-documentation { margin-bottom:0 } .stats { padding:100px 0 80px; text-align:center; }
.stats p { font-size:1.2rem; color:#777 }
.stats ul { display:flex; list-style-type:none; margin:0; padding:0 }
.stats ul li { flex: 1; margin:0; padding:0 15px; }
.stats ul li .stat-figure { font-size:5em; color:#2F4858 }
.stats ul li .stat-label { font-size:1.7em; color:#777 }
.stats .disclaimer { margin:0 auto; margin-top:45px; color:#777; max-width:750px; font-size:12px; } .crm-finder { padding:100px 0 80px; background:#008473; color:#FFF; text-align:center; }
.crm-finder p { font-size:1.2rem; color:#d3d3d3 }
.crm-finder form { max-width:500px; margin:0 auto }
.crm-finder form input[type='text'] { font-size:22px; padding:15px !important; height:3em }
.crm-finder form input[type='submit'] { }
.crm-finder .support-outcome { border-top:1px solid #FFF; margin-top:25px; padding-top:40px; }
.crm-finder .support-outcome p a { color:#FFF; font-weight:500; } .themes-opening { }
.themes-opening .sections { }
.themes-opening .sections .section { position: relative; color:#FFF; overflow:hidden }
.themes-opening .sections .section .background { position:absolute; top: 0; left: 0; width: 100%; height:100%; background:no-repeat center center; background-size:cover; transition:all 0.15s; -webkit-transition:all 0.15s; }
.themes-opening .sections .section:hover .background { transform:scale(1.05); }
.themes-opening .sections .section .overlay { background:rgba(47, 72, 88, 0.9); position:relative; height:100%; padding:50px; transition:all 0.15s; -webkit-transition:all 0.15s; }
.themes-opening .sections .section:hover .overlay { background:rgba(47, 72, 88, 0.7); }
.themes-opening .sections .section:nth-child(2) .overlay { background:rgba(0, 102, 114, 0.9); }
.themes-opening .sections .section:nth-child(2) .overlay:hover { background:rgba(0, 102, 114, 0.7); }
.themes-opening .sections .section:nth-child(3) .overlay { background:rgba(0, 132, 115, 0.9); }
.themes-opening .sections .section:nth-child(3) .overlay:hover { background:rgba(0, 132, 115, 0.7); }
.themes-opening .sections .section p { color:#D3D3D3; font-size:1.2rem; }
.themes-opening .sections .section:nth-child(1) { float:left; width:50%; height:70vh; border-right:1px solid #FFF; }
.themes-opening .sections .section:nth-child(2),
.themes-opening .sections .section:nth-child(3) { float:left; width:50%; height:40vh; }
.themes-opening .sections .section:nth-child(2) { border-bottom:1px solid #FFF; }
.themes-opening .sections .section a { margin-bottom:0 }
.themes-opening .sections .section .logos { margin-top:30px; }
.themes-opening .sections .section .logos img { margin-right:35px; max-height:55px; } .themes-banner { overflow:hidden; background:#2F4858; color: #FFF; text-align:center; }
.themes-banner .container { position:relative; padding:180px 0 80px; }
.themes-banner .screenshots { position:absolute; top:20px; height:100%; }
.themes-banner .screenshots.left { left:-380px; }
.themes-banner .screenshots.right { right:-380px; top:-110px; }
.themes-banner .screenshots .screenshot { height:210px; width:300px; margin-bottom: 40px; background:no-repeat top center; background-size:cover; border-radius:10px; }
.themes-banner .screenshots.left .screenshot:nth-child(2) { transform: translateX(140px); }
.themes-banner .screenshots.right .screenshot:nth-child(2) { transform: translateX(-140px); }
.themes-banner h1 { font-size:2.4rem }
.themes-banner p { font-size:1.2rem; color:#C3C3C3; margin-bottom:50px; } .crm-opening { }
.crm-opening .sections { }
.crm-opening .sections .section { position: relative; color:#FFF; overflow:hidden }
.crm-opening .sections .section .background { position:absolute; top: 0; left: 0; width: 100%; height:100%; background:no-repeat center center; background-size:cover; transition:all 0.15s; -webkit-transition:all 0.15s; }
.crm-opening .sections .section:hover .background { transform:scale(1.05); }
.crm-opening .sections .section .overlay { background:rgba(47, 72, 88, 0.9); position:relative; height:100%; padding:50px; transition:all 0.15s; -webkit-transition:all 0.15s; }
.crm-opening .sections .section:hover .overlay { background:rgba(47, 72, 88, 0.7); }
.crm-opening .sections .section:nth-child(2) .overlay { background:rgba(0, 102, 114, 0.9); }
.crm-opening .sections .section:nth-child(2) .overlay:hover { background:rgba(0, 102, 114, 0.7); }
.crm-opening .sections .section:nth-child(3) .overlay { background:rgba(0, 132, 115, 0.9); }
.crm-opening .sections .section:nth-child(3) .overlay:hover { background:rgba(0, 132, 115, 0.7); }
.crm-opening .sections .section p { color:#D3D3D3; font-size:1.2rem; }
.crm-opening .sections .section:nth-child(1) { float:left; width:50%; height:80vh; border-right:1px solid #FFF; }
.crm-opening .sections .section:nth-child(2),
.crm-opening .sections .section:nth-child(3) { float:left; width:50%; height:40vh; }
.crm-opening .sections .section:nth-child(2) { border-bottom:1px solid #FFF; }
.crm-opening .sections .section a { margin-bottom:0 } .header-text-left-and-image { position:relative; }
.header-text-left-and-image .text { max-width:42rem; height: 100%; }
.header-text-left-and-image .text h3 { font-size:4rem; line-height:1.3 }
.header-text-left-and-image .text h4 { margin-bottom:35px; }
.header-text-left-and-image .text .buttons { }
.header-text-left-and-image .text .buttons a { margin-right:8px; }
.header-text-left-and-image .text .buttons a:last-child { }
.header-text-left-and-image .text .cta-tooltip { margin-top:5px; padding-left:60px; font-size:14px; color:#555; font-family: "Indie Flower", cursive; }
.header-text-left-and-image .text .cta-tooltip img { width:30px; display:inline-block; vertical-align:middle; margin-right:7px }
.header-text-left-and-image .image { position:absolute; width:40%; right:0; top:0; overflow:hidden }
.crm-demo-lightbox { background:#2F4858; color:#FFF; }
.crm-demo-lightbox h3 { text-align:center; }
.crm-demo-lightbox p { }
.crm-demo-lightbox .details { margin-bottom:20px; background:#EEE; color:#333; padding:20px; }
.crm-demo-lightbox .details h5 { }
.crm-demo-lightbox .details p { margin-bottom:8px; }
.crm-demo-lightbox .details p:last-child { margin-bottom:0 }
.crm-demo-lightbox .button { margin-bottom:0 } .support-opening { }
.support-opening .sections { }
.support-opening .sections .section { position: relative; color:#FFF; overflow:hidden; float:left; width:33.3%; border-right:1px solid #FFF; }
.support-opening .sections .section:last-child { border:0 }
.support-opening .sections .section .background { position:absolute; top: 0; left: 0; width: 100%; height:100%; background:no-repeat center center; background-size:cover; transition:all 0.15s; -webkit-transition:all 0.15s; }
.support-opening .sections .section:hover .background { transform:scale(1.05); }
.support-opening .sections .section .overlay { background:rgba(47, 72, 88, 0.9); position:relative; height:100%; padding:50px; transition:all 0.15s; -webkit-transition:all 0.15s; }
.support-opening .sections .section:hover .overlay { background:rgba(47, 72, 88, 0.7); }
.support-opening .sections .section:nth-child(2) .overlay { background:rgba(0, 102, 114, 0.9); }
.support-opening .sections .section:nth-child(2) .overlay:hover { background:rgba(0, 102, 114, 0.7); }
.support-opening .sections .section:nth-child(3) .overlay { background:rgba(0, 132, 115, 0.9); }
.support-opening .sections .section:nth-child(3) .overlay:hover { background:rgba(0, 132, 115, 0.7); }
.support-opening .sections .section p { color:#D3D3D3; font-size:1.2rem; }
.support-opening .sections .section a { margin-bottom:0 } .support-form { text-align:center; background:#FFF; padding:100px 0; }
.support-form p { font-size:1.2rem; color:#777; margin-bottom:50px; } .faqs-opening { background:no-repeat center center; background-size:cover; text-align:center; color:#FFF; }
.faqs-opening .overlay { padding:170px 0px 100px; background:rgba(0, 0, 0, 0.7) }
.faqs-opening h1 { font-size:2.4rem }
.faqs-opening p { font-size:1.2rem; color:#C3C3C3; margin-bottom:50px; }
.faqs-opening form { max-width:500px; display:block; margin:0 auto; border:4px solid #000; background:#FFF; border-radius:2px; }
.faqs-opening form input[type='text'] { box-shadow:none; display:inline-block; margin: 0; font-size: 1.5em; height: 3.2em; vertical-align:middle; width:420px; border:0; background:transparent; }
.faqs-opening form button { cursor: pointer; display:inline-block; vertical-align:middle; width:50px; background:0; padding:0; }
.faqs-opening form button i { font-size:1.3em } .faqs { text-align:center; background:#FFF; padding:100px 0; }
.faqs > .container > p { font-size:1.2rem; color:#777; margin-bottom:50px; }
.faqs .faq-sections { text-align: left; column-count: 2; column-gap:60px; }
.faqs .faq-sections.columns-1 { column-count: 1; }
.faqs .faq-sections.search-results { column-count: 1; }
.faqs .faq-sections .section { break-inside: avoid-column; }
.faqs .faq-sections .section ul { margin-bottom:40px; }
.faqs .faq-sections .section ul li { }
.faqs .faq-sections .section ul li .accordion-title { font-size:1em; font-weight:600; }
.faqs .faq-sections .section ul li .accordion-content { font-size:1em }
.faqs .faq-sections .section ul li .accordion-content .anchor { float:right; color:#666 }
.faqs .faq-sections .section ul li .accordion-content .anchor span { font-size:0.9em }
.faqs .faq-sections .section ul li .accordion-content p a { font-weight:700; text-decoration:underline; text-decoration-style:dotted; } .refund-period { font-size:1.2em; font-weight:500 }
.refund-period i { margin-right:5px; color:#FC533A }
.pricing-table { text-align:center; padding:60px 0 80px; }
.pricing-table h1 { margin-bottom:0px; }
.pricing-table .refund-period { margin-top:35px; margin-bottom:40px; }
.pricing-table .refund-period i { }
.pricing-table .table { margin-bottom:30px; }
.pricing-table .table .price-tabs { text-align:center; }
.pricing-table .table .price-tabs .tab { min-width:250px; display:inline-block; vertical-align:bottom; }
.pricing-table .table .price-tabs .tab a { background:#f8f8f8; border:1px solid #CCC; display:block; padding:7px 30px; font-size:18px; box-shadow:inset 0px 0 0 0 #CCC, inset 0px -11px 8px -10px #CCC; }
.pricing-table .table .price-tabs .tab:nth-child(2) a { font-size:1.5em; padding:15px 35px; }
.pricing-table .table .price-tabs .tab.active a { background:#2F4858; border:1px solid #2F4858;; color:#FFF; box-shadow:none }
.pricing-table .table .tab-contents { margin-top:-1px; border-top:1px solid #CCC; padding:70px 0 40px; background:#fff }
.pricing-table .table .box { }
.pricing-table .table .box .inner { transition:all 0.15s; -webkit-transition:all 0.15s; overflow: hidden; position:relative; border:1px solid #CCC; padding:40px 30px 30px; background:#FFF; -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.3); }
.pricing-table .table .box .inner:hover { -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.5); }
.pricing-table .table .box .ribbon {
margin: 0;
padding: 0;
background:#008473;
color:white;
padding:8px 0;
position: absolute;
top:0;
right:0;
transform: translateX(30%) translateY(0%) rotate(45deg);
transform-origin: top left;
}
.pricing-table .table .box .ribbon:before,
.pricing-table .table .box .ribbon:after {
content: '';
position: absolute;
top:0;
margin: 0 -1px; width: 100%;
height: 100%;
background:#008473;
}
.pricing-table .table .box .ribbon:before {
right:100%;
}
.pricing-table .table .box .ribbon:after {
left:100%;
}
.pricing-table .table .paid { }
.pricing-table .table .paid .box { float:left; width:30.6%; }
.pricing-table .table .paid .box:nth-child(2) { margin:0 4% }
.pricing-table .table .free .box { display:inline-block; width:30.6% }
.pricing-table .table .box .inner .package-name { font-size:1.3em; font-weight:700; margin-bottom:5px; }
.pricing-table .table .box .inner .sites { font-weight:400; font-size:1em; margin-bottom:20px; }
.pricing-table .table .box .inner .price { line-height:1 }
.pricing-table .table .box .inner .price span.currency { display:inline-block; margin-top:19px; font-size:1.2em; vertical-align:top; margin-right:5px; }
.pricing-table .table .box .inner .price span.number { font-size:4em; font-weight:500 }
.pricing-table .table .box .inner .price-secondary { margin-top:5px; font-weight:300; color:#888; font-size:0.85em }
.pricing-table .table .box .inner .price-secondary span { font-weight:700; }
.pricing-table .table .box .inner .description { margin-top:20px; color:#333; font-size:0.9em; line-height:1.8 }
.pricing-table .table .box .inner .description i { margin-right:5px; opacity:0.7 }
.pricing-table .table .box .inner .description a { color:#000; text-decoration:underline; text-decoration-style:dotted; }
.pricing-table .table .box .inner .features { margin-top:40px; }
.pricing-table .table .box .inner a.button { margin-top:20px; display:block; margin-bottom:10px; }
.pricing-table .table .box .inner .or-buy-now { font-size:0.9em }
.pricing-table .table .box .inner .or-buy-now a { color:#FC533A; font-weight:500 }
.pricing-table .table .price-tax-disclaimer { margin-top:15px; color:#777 }
.pricing-table .features-included { display:flex; text-align:left; }
.pricing-table .features-included .included-label { flex: 0 0 450px; font-weight:500; font-size:1.7em; padding-right:30px; }
.pricing-table .features-included .included-list { flex: 1; font-weight:500; padding-top:10px; }
.pricing-table .features-included .included-list ul { list-style-type:none; margin:0; padding:0; }
.pricing-table .features-included .included-list ul li { display:inline-block; width:32.5%; margin:0 0 20px 0 }
.pricing-table .features-included .included-list ul li a { color:inherit; text-decoration:underline; text-decoration-style: dotted; text-decoration-thickness:1px }
.pricing-table .features-included .included-list ul li i.feature-icon { margin-right:5px; }
.pricing-table .features-included .included-list ul li span.info { font-size:0.45em; display:inline-block; vertical-align:middle; margin-left:4px; margin-top:-2px; border:1px solid #333; padding:1px 6px; border-radius:10px; opacity:0.7 }
.pricing-table .features-included .included-list ul li i.fa-info { }
.page-id-13803 .faqs .faq-sections { column-count:1; column-gap:60px; }
.pricing-table-crm .table .tab-contents { padding-top:0; border-top:0 }
.pricing-table-crm .table .paid .box { width:46% } .vertical-tabs { text-align:center; background:#FFF; padding:100px 0; }
.vertical-tabs h3 { }
.vertical-tabs > div > p { font-size:1.2rem; color:#777 }
.vertical-tabs .tabbed-content { text-align:left; margin-top:50px; }
.vertical-tabs .tabbed-content .hive-tabs { float:left; width:35%; }
.vertical-tabs .tabbed-content .hive-tabs ul { list-style-type:none; margin:0; padding:0; }
.vertical-tabs .tabbed-content .hive-tabs ul li { display:block; margin-bottom:30px; }
.vertical-tabs .tabbed-content .hive-tabs ul li a { font-size:1.7em; color:#999; font-weight:500; display:block; }
.vertical-tabs .tabbed-content .hive-tabs ul li a span { display:none; font-size:0.7em; }
.vertical-tabs .tabbed-content .hive-tabs ul li.active a { color:#0a0a0a; font-weight:700; }
.vertical-tabs .tabbed-content .hive-tabs ul li.active a span { display:block; margin-top:8px; font-weight:400; }
.vertical-tabs .tabbed-content .tab-contents { float:right; width:60%; } .developer-spotlight { opacity: 0; padding:170px 0 100px; background:#2F4858; color:#FFF; overflow:hidden; position:relative; }
.developer-spotlight .spotlight { position:absolute; width:5000px; height:2000px; background: url(//wp-property-hive.com/wp-content/themes/propertyhive/images/spotlight.png) no-repeat; background-size: cover; top:50%; left:50%; margin-left:-2500px; margin-top:-1000px; }
.developer-spotlight .spotlight.animating {
animation: spotlightmoving ease-in-out 5s;
-moz-animation: spotlightmoving ease-in-out 5s;
-webkit-animation: spotlightmoving ease-in-out 5s;
animation-fill-mode: forwards;
}
@keyframes spotlightmoving {
0% { animation-timing-function:ease-in-out
}
33% {
margin-top: -1220px;
margin-left: -2000px;
animation-timing-function:ease-in-out
}
66% {
margin-top: -1220px;
margin-left: -3000px;
transform: scale(1);
opacity: 1;
animation-timing-function:ease-in-out
}
100% {
margin-top: -1220px;
margin-left: -3000px;
transform: scale(2);
opacity: 0;
animation-timing-function:ease-in-out
}
}
.developer-spotlight .left { float:left; width:45% }
.developer-spotlight .left img { margin-bottom:25px; max-width:260px; }
.developer-spotlight .left ul { margin:0; list-style-type:none; margin-bottom:15px;}
.developer-spotlight .left ul li { display:inline-block; background-color:#222; font-size:0.8em; color:#777; padding:0.45em 0.65em; margin-right:5px; margin-bottom:6px;}
.developer-spotlight .right { float:right; width:50%; padding-top:45px; }
.developer-spotlight .right iframe { width:100%; margin-bottom:20px; }
.developer-spotlight .description { font-size:0.85em }
.developer-spotlight .buttons { }
.developer-spotlight .buttons a.button { background:#FC533A; }
.developer-directory-opening { background:no-repeat center center; background-size:cover; text-align:center; color:#FFF; }
.developer-directory-opening .overlay { padding:170px 0px 100px; background:rgba(0, 0, 0, 0.7) }
.developer-directory-opening.has-spotlight .overlay { padding-top:100px; }
.developer-directory-opening h1 { font-size:2.4rem }
.developer-directory-opening p { font-size:1.2rem; color:#C3C3C3; margin-bottom:50px; }
.developer-directory-opening form { max-width:650px; display:block; margin:0 auto; border:4px solid #000; background:#FFF; border-radius:2px; }
.developer-directory-opening form input[type='text'] { box-shadow:none; display:inline-block; margin: 0; font-size: 1.5em; height: 3.2em; vertical-align:middle; width:570px; border:0; background:transparent; }
.developer-directory-opening form button { cursor: pointer; display:inline-block; vertical-align:middle; width:50px; background:0; padding:0; }
.developer-directory-opening form button i { font-size:1.3em }
.developer-directory { padding:100px 0 }
.developer-directory { margin-bottom:50px; }
.developer-directory .developer { float: left; width: 33.3%; padding:0 20px; margin-bottom:40px; }
.developer-directory .developer:nth-child(3n+1) { clear:left; }
.developer-directory .developer a { padding:36px; display: block; text-align: left; box-shadow: 0 50px 100px rgb(0 0 0 / 10%); border-radius:2px; }
.developer-directory .developer a:hover { box-shadow: 0 50px 100px rgb(0 0 0 / 20%); }
.developer-directory .developer .image { height:100px; margin-bottom:30px; }
.developer-directory .developer img { display:block; max-height:100px; margin:0 auto; }
.developer-directory .developer .details {}
.developer-directory .developer .details h5 { margin-bottom:5px }
.developer-directory .developer .details .location { margin-bottom:15px; font-weight:500; text-transform:uppercase; font-size:0.8em; opacity:0.7; }
.developer-directory .developer .details .description { font-size:0.85em; color:#777; } .blog-opening { background:no-repeat center center; background-size:cover; text-align:center; color:#FFF; }
.blog-opening .overlay { padding:170px 0px 100px; background:rgba(0, 0, 0, 0.7) }
.blog-opening h1 { font-size:2.4rem }
.blog-opening p { font-size:1.2rem; color:#C3C3C3; margin-bottom:50px; }
.blog-opening form { max-width:500px; display:block; margin:0 auto; border:4px solid #000; background:#FFF; border-radius:2px; }
.blog-opening form input[type='text'] { box-shadow:none; display:inline-block; margin: 0; font-size: 1.5em; height: 3.2em; vertical-align:middle; width:420px; border:0; background:transparent; }
.blog-opening form button { cursor: pointer; display:inline-block; vertical-align:middle; width:50px; background:0; padding:0; }
.blog-opening form button i { font-size:1.3em }
.blog { padding:100px 0 }
.blog .categories { margin-bottom:60px; font-size: 1.1em; }
.blog .categories ul { }
.blog .categories ul li { display:inline-block; margin-right:25px; }
.blog .categories ul li a { color:#666 }
.blog .categories ul li a:hover { color:#000 }
.blog .categories ul li.current-cat a { font-weight:700; color:#000 }
.blog .items { }
.blog .items .post { float: left; width: 33%; padding:0 20px; margin-bottom:40px; }
.blog .items .post:nth-child(3n+1) { clear:left; }
.blog .items .post a { display: block; text-align: left; box-shadow: 0 50px 100px rgb(0 0 0 / 10%); border-radius:2px; }
.blog .items .post a:hover { box-shadow: 0 50px 100px rgb(0 0 0 / 20%); }
.blog .items .post .details { padding:36px; }
.blog .items .post .details .date { margin-bottom:15px; font-weight:500; text-transform:uppercase; font-size:0.8em; opacity:0.7; }
.blog .items .post .details h5 { margin-bottom:0 }
.blog-pagination { margin-top:20px; text-align:center; font-size:1.2em }
.wp-pagenavi a, .wp-pagenavi span { border:0; padding:5px 10px; }
.wp-pagenavi .pages { display:none; }
.blog-item { padding:100px 0 80px; }
.blog-item .back { }
.blog-item .back a { background:#2F4858; color:#FFF; font-weight:600; display:inline-block; padding:8px 18px; }
.blog-item .blog-contents a { font-weight:700; text-decoration:underline; text-decoration-style:dotted; }
.blog-item .blog-contents a.button { text-decoration:none }
#ez-toc-container { padding:30px; margin-bottom:1.5em }
.ez-toc-title-container { margin-bottom:10px; }
#ez-toc-container a { font-weight:400; padding:3px 0 }
div#ez-toc-container nav > ul > li > a { font-weight:500; }
.yarpp-related { margin:1em 0 2em !important; padding-top:20px !important }
.yarpp-related h3 { margin-bottom:15px !important; }
.yarpp-thumbnails-horizontal .yarpp-thumbnail { width:31.6% !important; margin-right:2% !important; height:auto !important; border:1px solid #DDD !important; }
.yarpp-thumbnails-horizontal .yarpp-thumbnail:last-child { margin-right:0 !important; }
.yarpp-thumbnail > img, .yarpp-thumbnail-default { width:100% !important; margin:0 0 13px 0 !important; height:auto !important; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title { width:100% !important; max-height:none !important; margin:0 !important; padding:10px; padding-top:0; }
.reviews { padding:70px 0 50px; text-align:center; }
.reviews .review { margin-bottom:30px; font-size:1.6em; font-weight:300; }
.reviews .reviewer { font-weight:500; }
.reviews .reviewer .image { display:inline-block; margin-right:15px; background:center center no-repeat; background-size:cover; width:50px; height:50px; border-radius:25px; vertical-align:middle; }
.reviews .owl-dots { margin-top:30px; }
.reviews .owl-carousel button.owl-dot { height:10px; width:10px; margin:0 5px }
.reviews .owl-carousel button.owl-dot span { display:block; height:10px; background:#CCC; border-radius:5px; }
.reviews .owl-carousel button.owl-dot.active span { background:#23212C }
.image-text-carousel { padding:70px 0 0; text-align:center; }
.image-text-carousel p { font-size:1.2rem; color:#777 }
.image-text-carousel .slides { padding-top:20px; padding-left:70px; padding-right:70px }
.image-text-carousel .slides .inner { padding:0 50px; }
.image-text-carousel .slides .inner .title { font-weight:600; font-size:1.2em }
.image-text-carousel .slides .inner .text { margin:7px 0 25px; color:#777; }
.image-text-carousel .slides .inner .image { background:center center no-repeat; background-size:cover; border-top-left-radius:10px; border-top-right-radius:10px; padding-bottom:50%; -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4); }
.image-text-carousel .owl-nav { position:absolute; top:50%; width:100%; left:0; transform:translateY(-36px); }
.image-text-carousel .owl-nav .owl-prev { position:absolute; left:-60px; background:#2F4858 !important; color:#FFF !important; font-size:3em !important; }
.image-text-carousel .owl-nav .owl-next { position:absolute; right:-60px; background:#2F4858 !important; color:#FFF !important; font-size:3em !important; }
.image-text-carousel .owl-nav .owl-prev.disabled,
.image-text-carousel .owl-nav .owl-next.disabled { opacity:0.5 }
.image-text-carousel .owl-nav span { display:inline-block; padding:0 14px; }
.cta-stripe { padding:70px 0 50px; text-align:center; color:#FFF; background:#006672 }
.cta-stripe .title { font-size:2.3em; margin-bottom:14px; font-weight:500; }
.cta-stripe .text { font-size:1.2em; margin-bottom:28px }
.cta-stripe a { padding-left:3rem; padding-right:3rem; } footer { font-size:0.8em; padding:50px 0; background-color:#23212C;}
footer .quick-links { }
footer .quick-links .link-column { float:left; width:25%; color:#FFF;}
footer .quick-links .link-column ul { list-style-type:none; margin:0; padding:0; }
footer .quick-links .link-column ul li { padding:5px 0; }
footer .quick-links .link-column a { color:#FFF; transition:all 0.2s linear; -webkit-transition: all 0.2s linear}
footer .quick-links .link-column a:hover { color:#E09B36; }
footer .copyright { margin-top:15px; color:rgba(255, 255, 255, 0.3) } .support-tickets { }
.support-tickets .create-ticket-form { background:#f8f8f8; padding:30px 40px; }
.support-tickets .create-ticket-form .form-left { float:left; width:65% }
.support-tickets .create-ticket-form form p { margin-bottom:1.2em }
.support-tickets .create-ticket-form form select { margin-bottom:0 }
.support-tickets .create-ticket-form .form-suggestions { float:right; width:30% }
.support-tickets .create-ticket-form .form-suggestions h5 { margin-bottom:20px; }
.support-tickets .create-ticket-form .form-suggestions ul { list-style-type:none; margin:0; padding:0; }
.support-tickets .create-ticket-form .form-suggestions ul li { padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #CCC }
.support-tickets .create-ticket-form .form-suggestions ul li a { display:block; }
.support-tickets .create-ticket-form .form-suggestions ul li .preview { font-size:0.8em; color:#777 }
.support-tickets .create-ticket-form label { font-weight:500; margin-bottom:4px; }
.support-tickets .create-ticket-form .required { color:red }
.support-tickets .create-ticket-form textarea { height:200px }
.support-tickets .create-ticket-form
.support-tickets table { }
.support-tickets tbody tr:nth-child(even) { background-color:#f6f6f6 }
.support-tickets table th { text-align:left; white-space:nowrap; }
.support-tickets table th,
.support-tickets table td { padding:10px; font-size:0.9em }
.support-tickets table td .status-active { display:inline-block; padding:5px 15px; border-radius:5px; border:1px solid #8fae1b; color:#8fae1b }
.support-tickets table td .status-closed { display:inline-block; padding:5px 15px; border-radius:5px; border:1px solid #8250df; color:#8250df }
.support-tickets .ticket-details { background:#f8f8f8; padding:30px 40px; margin-bottom:30px; display:flex; flex-wrap:wrap; width:100%; }
.support-tickets .ticket-details > div { width:25% }
.support-tickets .threads { margin-bottom:40px; }
.support-tickets .threads h5 { margin-bottom:20px; }
.support-tickets .threads .reply { border:1px solid #DDD; padding:30px 30px; margin-bottom:20px; }
.support-tickets .threads .recipients-date { margin-bottom:20px; }
.support-tickets .threads .recipients-date .recipients { float:left }
.support-tickets .threads .recipients-date .recipients .avatar { display:inline-block; vertical-align:middle; padding-top:10px; font-size:18px; letter-spacing:1px; font-weight:500; margin-right:8px; height:46px; width:46px; border-radius:23px; text-align:center; color:#FFF; }
.support-tickets .threads .recipients-date .recipients .avatar.ph { padding-top:0 }
.support-tickets .threads .recipients-date .recipients .avatar img { max-height:100% }
.support-tickets .threads .recipients-date .recipients .names { display:inline-block; vertical-align:middle; }
.support-tickets .threads .recipients-date .recipients .name { font-weight:600; margin-bottom:2px; font-size:1.1em }
.support-tickets .threads .recipients-date .recipients .to { font-size:14px; color:#666 }
.support-tickets .threads .recipients-date .recipients .cc { font-size:14px; color:#666 }
.support-tickets .threads .recipients-date .date { float:right; color:#666; font-size:14px; }
.support-tickets .threads .reply p:last-child { margin-bottom:0 }
.support-tickets .threads .attachments { }
.support-tickets .threads .attachments a { display:inline-block; margin-right:5px; margin-bottom:5px; padding:5px 10px; border:1px solid #CCC } .woocommerce { padding:50px 0 }
.woocommerce-order p a { font-weight:700 }
.checkout-coupon-toggle .show-coupon { font-weight:500; }
.wc_payment_method.payment_method_paypal { display:none }
.woocommerce-checkout-payment { margin-top:20px; }
.woocommerce-cart .woocommerce { padding-top:30px; }
.woocommerce-checkout h3 { margin-bottom:17px; }
.woocommerce-checkout .woocommerce { padding-top:30px; }
.woocommerce-checkout #payment div.form-row { padding:0 !important }
.woocommerce-checkout #payment div.form-row.place-order { padding:15px 20px 20px !important; }
.woocommerce-page #payment #place_order { float:none }
.woocommerce-checkout .woocommerce-privacy-policy-text { font-size:0.8em; }
.woocommerce-checkout .woocommerce-privacy-policy-text p { margin-bottom:0; color:#666 }
.woocommerce-terms-and-conditions-wrapper { margin-bottom:10px; }
.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text { }
.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text a { color:#1e85be }
.woocommerce-checkout .place-order button.button { float:none; display:block; text-align:center; width:100%; padding:1em }
.woocommerce-checkout .checkout-benefits { background:#f6f5f8; border-top:3px solid #8fae1b; padding:1em 2em 1em 1.5em; color:#515151; margin:0 0 24px }
.woocommerce-checkout .checkout-benefits ul { list-style-type:none; margin:0; padding:0; font-size:0.95em }
.woocommerce-checkout .checkout-benefits ul li { display:block; margin:5px 0 }
.woocommerce-checkout .checkout-benefits ul li i { font-style:normal; width:16px; height:24px; display:inline-block; vertical-align:middle; margin-right:10px; position:relative; }
.woocommerce-checkout .checkout-benefits ul li i::before { position:absolute; width:16px; height:24px; top:-1px; left:0; font-family:"WooCommerce"; content:"\e015"; color: #8fae1b; }
.woocommerce-checkout .after-seven-days { border-radius:5px; border:1px solid rgba(0,0,0,.1); background:#f6f5f8; padding:1em 2em 1em 1.5em; color:#515151; margin:0 0 24px }
.woocommerce-checkout .after-seven-days h6 { color:#0a0a0a; margin-bottom:10px; }
.woocommerce-checkout .after-seven-days p { margin-bottom:5px; font-size:0.95em }
.woocommerce-checkout .after-seven-days p:last-child { margin-bottom:0 }
.woocommerce-order-received .woocommerce { }
.woocommerce-order-received .woocommerce-order h2,
.woocommerce-order-received .woocommerce-order h3 { font-size:1.5rem; }
.woocommerce-order-received .order-again { display:none }
.woocommerce-order-received .order-print { display:none }
.woocommerce-MyAccount-navigation-link--edit-address { display:none; }
.woocommerce-MyAccount-navigation-link--dashboard { display:none; }
.woocommerce-MyAccount-navigation-link.is-active { font-weight:700; }
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background:#FC533A !important; }
.woocommerce #product-1186 form.cart, .woocommerce #product-5824 form.cart { display: inline; float: right;}
.woocommerce-cart .cart-contents { float:left; width:55%; }
.woocommerce-cart .cart-collaterals { float:right; width:41% !important; }
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals { width:100% !important; }
.woocommerce-page .cart-collaterals .cart_totals h2 { display:none; }
.woocommerce-cart table.cart td.actions .coupon label { display:none }
.woocommerce-cart table.cart td.actions .coupon .input-text { width:150px !important; }
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 20%;
}
.woocommerce-account .woocommerce-MyAccount-content {
display: inline-block;
float: left;
margin-left: 5%;
width: 75%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
padding: 0;
border-top: 1px solid #eee;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
list-style: none;
border-bottom: 1px solid #eee;
padding-bottom: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:before {
opacity: 1;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
padding: 10px 5px;
display: block;
} .woocommerce-MyAccount-navigation ul li a::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 10px;
transition:all 0.15s ease-in;
}
.woocommerce-MyAccount-navigation ul li a:hover::before {
margin-right: 15px;
}
.woocommerce-MyAccount-navigation-link--orders a::before {
content: "\f291"; }
.woocommerce-MyAccount-navigation-link--subscriptions a::before {
content: "\f021"; }
.woocommerce-MyAccount-navigation-link--api-keys a::before {
content: "\f084"; }
.woocommerce-MyAccount-navigation-link--downloads a::before {
content: "\f019"; }
.woocommerce-MyAccount-navigation-link--payment-methods a::before {
content: "\f09d"; }
.woocommerce-MyAccount-navigation-link--edit-account a::before {
content: "\f007"; }
.woocommerce-MyAccount-navigation-link--tickets a::before {
content: "\f590"; }
.woocommerce-MyAccount-navigation-link--customer-logout a::before {
content: "\f2f5"; }
.woocommerce-MyAccount-navigation-link--payment-methods { border-top:1px solid #eee; margin-top:35px; } .woocommerce-checkout header .icons,
.woocommerce-checkout header nav,
.woocommerce-checkout footer { display:none }
.woocommerce-checkout.woocommerce-order-received header .icons,
.woocommerce-checkout.woocommerce-order-received header nav,
.woocommerce-checkout.woocommerce-order-received footer { display:block }
.wcs-switch-link { margin-left:10px !important; }
.woocommerce .thank-you { }
.woocommerce .thank-you .heading-section { text-align:center; }
.woocommerce .thank-you .heading-section svg { margin-bottom:10px; }
.woocommerce form.login { margin:0 auto; max-width:600px; padding:30px 40px; border:0; background:#f8f8f8; }
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme { padding-top:6px; }
@supports (animation: grow .5s cubic-bezier(.25, .25, .25, 1) forwards) {
.woocommerce .thank-you .heading-section .tick {
stroke-opacity: 0;
stroke-dasharray: 29px;
stroke-dashoffset: 29px;
animation: draw .5s cubic-bezier(.25, .25, .25, 1) forwards;
animation-delay: 1.6s
}
.woocommerce .thank-you .heading-section .circle {
fill-opacity: 0;
stroke: #219a00;
stroke-width: 16px;
transform-origin: center;
transform: scale(0);
animation: grow 1s cubic-bezier(.25, .25, .25, 1.25) forwards;
animation-delay: 1s;
}
}
@keyframes grow {
60% {
transform: scale(.8);
stroke-width: 4px;
fill-opacity: 0;
}
100% {
transform: scale(.9);
stroke-width: 8px;
fill-opacity: 1;
fill: #219a00;
}
}
@keyframes draw {
0%, 100% { stroke-opacity: 1; }
100% { stroke-dashoffset: 0; }
}
.woocommerce .thank-you .heading-section h1 { margin-bottom:5px; }
.woocommerce .thank-you .heading-section h2 { margin-bottom:40px; font-size:2rem }
.woocommerce .thank-you .next-steps { background:#f8f8f8; padding:30px 40px; text-align:center; margin-bottom:40px; }
.woocommerce .thank-you .next-steps h3 { margin-bottom:25px; font-size:1.7rem }
.woocommerce .thank-you .next-steps .license-key { font-family: 'Courier New', Courier, 'Lucida Console', Monaco, monospace; position:relative; margin-bottom:40px; font-size:20px; background:#EEE; border:1px solid #CCC; padding:13px; }
.woocommerce .thank-you .next-steps .license-key a { font-family:"Poppins"; font-size:13px; white-space:nowrap; position:absolute; top:17px; right:15px; }
.woocommerce .thank-you .next-steps .license-key img { width:24px; height:24px; display:inline-block; vertical-align:middle; margin-left:3px; }
.woocommerce .thank-you .next-steps .license-key a .copied img { }
.woocommerce .thank-you .next-steps .license-key .not-copied { }
.woocommerce .thank-you .next-steps .license-key .copied { display:none }
.woocommerce .thank-you .next-steps .activate-steps { display:flex; flex-wrap:wrap; gap:30px; width:100%; box-sizing:border-box; text-align:left; }
.woocommerce .thank-you .next-steps .activate-steps .activate-step { width: calc(25% - 22.5px); font-size:14px; }
.woocommerce .thank-you .next-steps .activate-steps .activate-step img { border:1px solid #CCC; margin-bottom:14px; display:block; box-shadow:0 4px 5px rgba(0, 0, 0, 0.3); }
.woocommerce .thank-you .next-steps .activate-steps .activate-step p { margin-bottom:0 }
.woocommerce .thank-you .useful-resources { margin-bottom:50px; display:flex; flex-wrap:wrap; gap:30px; width:100%; box-sizing:border-box; text-align:left; }
.woocommerce .thank-you .useful-resources .resource { border-radius:5px; width:calc(33% - 16px); font-size:14px; color:#FFF; }
.woocommerce .thank-you .useful-resources .resource a { position:relative; display:block; height:100%; padding:22px 22px 70px; color:#FFF; }
.woocommerce .thank-you .useful-resources .resource h5 { margin-bottom:12px; }
.woocommerce .thank-you .useful-resources .resource h5 i { font-size:0.8em; margin-left:5px; transition:all 0.15s ease-in }
.woocommerce .thank-you .useful-resources .resource a:hover h5 i { margin-left:12px; }
.woocommerce .thank-you .useful-resources .resource p { margin-bottom:10px; font-size:0.95em }
.woocommerce .thank-you .useful-resources .resource.support { background:#2f4858 }
.woocommerce .thank-you .useful-resources .resource.support a { padding-right:120px; }
.woocommerce .thank-you .useful-resources .resource.support .steve { white-space:nowrap; position:absolute; bottom:0; right:5px; }
.woocommerce .thank-you .useful-resources .resource.support .steve > img { display:inline-block; }
.woocommerce .thank-you .useful-resources .resource.support .steve .name-title { margin-right:5px; padding-bottom:10px; line-height:1.2em; text-align:right; display:inline-block; vertical-align:bottom; }
.woocommerce .thank-you .useful-resources .resource.support .steve .name-title img { margin-bottom:2px; }
.woocommerce .thank-you .useful-resources .resource.support .steve .name-title .name { font-size:13px; font-weight:500; }
.woocommerce .thank-you .useful-resources .resource.support .steve .name-title .job-title { font-size:12px; }
.woocommerce .thank-you .useful-resources .resource.documentation { background:#008473 }
.woocommerce .thank-you .useful-resources .resource.account { background:#006672 }
@media(max-width:1274px) {
.woocommerce .thank-you .useful-resources { gap:0 }
.woocommerce .thank-you .useful-resources .resource { width:100%; margin-bottom:20px; }
}
@media(max-width:1024px) {
.woocommerce .thank-you .next-steps .activate-steps .activate-step { width:calc(50% - 22.5px) }
}
@media(min-width:768px) {
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
width: 90%;
}
#customer_details {
display: flex;
flex-flow: column nowrap;
float: left;
width: 50%;
}
#customer_details .col-2 {
width: 90%;
margin-top: 20px;
}
#order_review,
#order_review_heading {
width: 50%;
float: left;
clear: none;
}
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 8px 4px;
font-weight:600;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }@media (max-width:1279px) {
.container { padding-left:30px; padding-right:30px; }
.home-developers .container { padding-left:20px; padding-right:20px; }
header nav ul li a { padding-left:5px; padding-right:5px; }
header nav ul li.highlight a { padding-left:12px; padding-right:12px; }
.home-banner { padding:160px 0 80px; text-align:center }
.home-banner .text { float:none; width:100% }
.home-banner .text h1 .rotatingtext { right:0 }
.home-banner .animation { display:none }
.home-import .animation { display:none }
}
@media (max-width:1200px) {
header nav { display:none !important }
header .icons { border:0 }
header .icons a { margin-left:22px; }
header .icons a:nth-child(1) { display:inline-block; }
.home-import .crm-icons .icon { width:25% }
}
@media (max-width:900px) {
.neg-shortlisted { display:none }
.home-banner .text h1 { font-size:1.9rem; height:105px }
.home-banner .text h1 span { font-size:2.3rem }
.home-banner .text h4 { font-size:1.4rem }
.home-import h3 { font-size:1.6rem; line-height:1.7em }
.home-import h3 > span { display:block; text-align:center; margin:0 auto}
.home-themes .carousel-left { display:none }
.home-themes .carousel-right { width:100% }
.grid .usp-inner { padding-left:10px; padding-right:10px; }
.grid.grid-4 ul li { width:48%; }
.grid.grid-4 ul li:nth-child(2n) { margin-right:0 }
.grid.grid-4 ul li:nth-child(2n+1) { clear:left }
.home-developers { padding:50px 0 }
.home-developers .textbox { float:none; width:100%; margin-bottom:40px; }
.home-developers .owl-carousel { position:relative; bottom:auto; top:auto; }
.home-developers .owl-carousel .owl-item .inner .overlay { opacity:1; }
.home-add-ons .left { float:none; width:100%; }
.home-add-ons .right { float:none; width:100%; margin-bottom:40px; }
.home-latest-news .posts .post { width:50% }
.home-latest-news .posts .post:nth-child(3) { display:none }
.blog .items .post { width:50% }
.blog .items .post:nth-child(3n+1) { clear:none; }
.blog .items .post:nth-child(2n+1) { clear:left; }
.developer-directory .developer { width:50% }
.developer-directory .developer:nth-child(3n+1) { clear:none; }
.developer-directory .developer:nth-child(2n+1) { clear:left; }
.content-50-50 .text { float:none; width:100%; margin-bottom:30px; }
.content-50-50 .image { float:none; width:100% }
.content-text-import-animation .text { float:none; width:100%; margin-bottom:30px; }
.content-text-import-animation .animation { float:none; width:100%; }
.add-ons-page .add-ons-list .add-on { width:48%; margin-right:4%; }
.add-ons-page .add-ons-list div .add-on:nth-child(3n) { margin-right:4%; }
.add-ons-page .add-ons-list div .add-on:nth-child(3n+1) { clear:none; }
.add-ons-page .add-ons-list div .add-on:nth-child(2n) { margin-right:0; }
.add-ons-page .add-ons-list div .add-on:nth-child(2n+1) { clear:left; }
.stats ul { display:block }
.stats ul li { flex:none; margin-bottom:30px }
.stats ul li .stat-figure { font-size:4.5em }
.stats ul li .stat-label { font-size:1.5em }
.themes-banner .screenshots { display:none }
.single-addon .main { float:none; width:100%; margin-bottom:40px; }
.single-addon .sidebar { float:none; width:100%; }
.single-addon-new .top-section .container { display:block }
.single-addon-new .main { float:none; width:100%; margin-bottom:40px; }
.single-addon-new .sidebar { position:static; top:auto; left:auto; width:100%; }
.faqs .faq-sections { column-count: 1 }
.woocommerce-cart .cart-contents { float:none; width:100%; }
.woocommerce-cart .cart-collaterals { float:none; width:100% !important; }
.header-text-left-and-image .text { float:none; width:100%; padding:30px 0 40px }
.header-text-left-and-image .text h3 { font-size:2.3rem }
.header-text-left-and-image .image { display:none }
footer .quick-links .link-column { width:50%; margin-bottom:30px; }
footer .quick-links .link-column:nth-child(2n+1) { clear:left; }
footer .copyright { text-align:center }
}
@media (max-width:750px) {
.home-banner .text h1 { display:none }
.home-banner .text h4 { font-size:1.8rem; margin-top:0; }
.content-full-width { padding:50px 0 }
.grid { padding:50px 0 }
.grid.grid-3 ul li { float:none; width:100%; margin-right:0 !important }
.vertical-tabs .tabbed-content .hive-tabs { float:none; width:100% }
.vertical-tabs .tabbed-content .tab-contents { float:none; width:100% }
.themes-opening .sections .section { float:none !important; width:100% !important; height:auto !important }
.themes-opening .sections .section:nth-child(1) { border-right:0; border-bottom:1px solid #FFF }
.crm-opening .sections .section { float:none !important; width:100% !important; height:auto !important }
.crm-opening .sections .section:nth-child(1) { border-right:0; border-bottom:1px solid #FFF }
.support-opening .sections .section { float:none !important; width:100% !important; height:auto !important; border:0; border-bottom:1px solid #FFF }
.yarpp-thumbnails-horizontal .yarpp-thumbnail { width:100% !important; margin-right:0 !important; margin-bottom:30px !important; }
.showcase .showcase-item .image { float:none; width:100%; margin-bottom:30px; }
.showcase .showcase-item .details { float:none; width:100% }
.showcase .showcase-item .details h2 { font-size:2.7em }
.pricing-table .table .price-tabs .tab { min-width:100%; width:100%; margin-bottom:8px; }
.pricing-table .table .price-tabs .tab a { padding-top:15px; padding-bottom:15px; font-size:1.3em !important }
.pricing-table .table .tab-contents { border-top:0; padding-top:40px; padding-bottom:0 }
.pricing-table .table .paid .box { float:none; width:100%; margin:0 0 40px 0 !important }
.pricing-table .features-included { display:block }
.pricing-table .features-included .included-label { padding-right:0; margin-bottom:25px; }
.pricing-table .features-included .included-list ul li { display:block; width:100%; }
.woocommerce-account .woocommerce-MyAccount-navigation { float:none; width:100% }
.woocommerce-account .woocommerce-MyAccount-navigation ul { margin-left:0 }
.woocommerce-account .woocommerce-MyAccount-content { float:none; width:100%; margin:0 }
}
@media (max-width:550px) {
header .logo { overflow:hidden; width:86px; }
header .logo img { max-width:none; }
.home-import .crm-icons .icon { width:50%; }
.home-import .crm-icons .icon.hide-on-mobile { display:none }
.home-themes { background:rgb(248,248,248) }
.home-themes .left { float:none; width:100% }
.home-themes .right { display:none }
.home-developers .owl-carousel .owl-item .inner .overlay { padding:40px; }
.home-developers .owl-carousel .owl-item .inner .overlay .quote { font-size:1.3em }
.home-partners .logo { padding:14px 20px; }
.home-partners .logo img { max-height:30px; }
.home-latest-news .posts .post { width:100%; margin-bottom:40px; padding:0 }
.blog-opening form input[type='text'] { width:250px; }
.blog .items .post { width:100% }
.developer-directory-opening form input[type='text'] { width:250px; }
.developer-directory .developer { width:100% }
.add-ons-page .opening form input[type='text'] { width:250px; }
.add-ons-page .add-ons-list-categories ul li { margin:0 5px 15px; }
.add-ons-page .add-ons-list-categories ul li a { padding:10px 25px; }
.add-ons-page .add-ons-list .add-on { float:none; width:100%; margin-right:0 !important; }
.faqs-opening form input[type='text'] { width:250px; }
footer .quick-links .link-column { width:100%; text-align:center; }
}