/*-----------------------------------------------------
 
    Title :  Fotosold
    Usage :  Pricing page
    Edited:  2025-01-08

-------------------------------------------------------

    1. search form
    2. pricing table
    3. Additional Products
    4. Client Testimonial
    5. responsive (1328px)
    6. responsive (1150px)
    7. responsive (1023px)
    8. responsive ( 767px)

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



/*  1. search form
-------------------------------------------------------*/

#secname form {
	position: relative;
	margin: 40px 0 -68px;
	width: 750px;
	max-width: calc(100% - 20px);
	}
#secname select {
	display: none;
	}

#secname .ui-selectmenu-button {
	position: absolute;
	top: 11px;
	left: 11px;
	display: flex;
	align-items: center;
	padding: 0 15px;
	width: 125px;
	height: 46px;
	cursor: pointer;
	color: #3e4650;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.5px;
	background: #f4f8fb;
	border-radius: 5px;
	box-shadow: inset 0 -1px 0 0 rgba(230, 233, 236, 0.85);
	outline: none;
	transition: background 200ms, box-shadow 200ms;
	}

.flag {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	width: 32px;
	height: 22px;
	background: url(../../img/sprite@2x-temporary.png) no-repeat;
	background-size: 500px 500px;
	}

.flag.usa {
	background-position: 0 -42px;
	}

.flag.mex {
	background-position: 0 -69px;
	}

.flag.can {
	background-position: 0 -96px;
	}

.country {
	position: relative;
	top: 2px;
	}

#secname .ui-selectmenu-button:focus,
#secname .ui-selectmenu-button-open {
	background: #fff6ee;
	box-shadow: inset 0 -1px 0 0 #ffdab9;
	}

#secname .ui-selectmenu-button::after {
	content: "\f078";
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 1px;
	width: 38px;
	height: 100%;
	pointer-events: none;
	color: #8390a0;
	font-weight: 900;
	font-size: 14px;
	font-family: "Font Awesome";
	}

.ui-selectmenu-menu-postal-country {
	position: absolute;
	top: 45px;
	left: 0;
	z-index: 1;
	visibility: hidden;
	opacity: 0;
	padding-top: 7px;
	width: 124px;
	transition: visibility 200ms, opacity 200ms;
	}

.ui-selectmenu-menu-postal-country.ui-selectmenu-open {
	visibility: visible;
	opacity: 1;
	}

.ui-selectmenu-menu-postal-country ul {
	padding: 15px;
	width: 124px !important;
	color: #3e4650;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.5px;
	background: #f4f8fb;
	border-radius: 5px;
	outline: none;
	box-shadow: 0 3px 5px 0 rgba(52, 73, 99, 0.2);
	}

.ui-selectmenu-menu-postal-country li + li {
	margin-top: 10px;
	}

.ui-selectmenu-menu-postal-country .ui-menu-item-wrapper {
	cursor: pointer;
	transition: color 200ms;
	}

.ui-selectmenu-menu-postal-country .ui-state-active {
	color: #ec7710;
	}
#secname form div input {
	padding: 0 77px 0 150px;
	width: 100%;
	height: 68px;
	color: #3e4650;
	font-weight: 300;
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
	letter-spacing: 0.5px;
	background: #fff;
	border: none;
	border-radius: 5px;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.85);
	}

#secname form div label {
	position: absolute;
	left: -5000px;
	}

#secname form div button {
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -7px;
	width: 17px;
	height: 17px;
	overflow: hidden;
	text-indent: -5000px;
	background: url(../../img/sprite@2x.png) no-repeat -435px -113px;
	background-size: 500px 500px;
	border: none;
	}



/*  2. pricing table
-------------------------------------------------------*/

#package {
	margin-top: 40px;
	padding: 0 10px;
	}

#package h2 {
	margin: 0 auto;
	max-width: 1140px;
	color: #ec7710;
	font-weight: 500;
	font-size: 28px;
	text-align: center;
	letter-spacing: 1px;
	}

#package table {
	position: relative;
	margin: 70px auto 0;
	width: 100%;
	max-width: 1140px;
	border-radius: 5px;
	border-collapse: separate;
	box-shadow: 0 6px 16px 0 rgba(64, 72, 90, 0.1);
	}

/*#package table tr:nth-last-child(1) {
	display: none;
	}*/

#package table tr.price-shown + tr:nth-last-child(1) {
	display: table-row;
	}

#package table tr > * {  /*:not(:last-child)*/
	position: relative;
	}

#package table tr th {
	position: relative;
	z-index: -1;
	padding: 10px 25px;
	width: 240px;
	height: 97px;
	color: #515151;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.71;
	letter-spacing: 0.5px;
	text-align: left;
	background: #f4f7fa;
	}

#package table tr:first-child th {
	border-radius: 5px 0 0 0;
	}

#package table tr:last-child th {
	border-radius: 0 0 0 5px;
	}

/*#package table tr:last-child th {
	padding: 0;
	text-indent: -5000px;
	}*/

#package table tr td {
        min-width: 100px;
	color: #515151;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: 0.6px;
	text-align: center;
	}

/*#package a.stillimag-gallery {
	display: inline-flex;
        margin-left:45%;
	justify-content: center;
	align-items: center;
	width: 237px;
	height: 58px;
	color: #ec7710;
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
	letter-spacing: 0.5px;
	background: #fff;
	border: 1px solid #ec7710;
	border-radius: 5px;
	outline: none;
	transition: color 200ms, background 200ms, border 200ms;
	}*/
        
#package a.stillimag-gallery:focus, #package a.stillimag-gallery:hover {
    color: #fff;
    background: #ffa453;
    border-color: #ffa453;
}

@media (min-width: 1024px) {

#package table tr td.highlight {
	color: #fff;
	font-size: 24px;
	letter-spacing: 0.8px;
	}

#package table tr:first-child td.highlight {
	z-index: 1;
	}

#package table tr:not(:nth-last-child(1)) > td.highlight::after {
	background: #38424d;
	}

#package table tr:first-child td.highlight::before {
	content: "";
	position: absolute;
	top: -25px;
	left: -13px;
	width: calc(100% + 26px);
	pointer-events: none;
	background: #3e4650;
	border-radius: 5px;
	box-shadow: 0 8px 40px 0 rgba(52, 75, 103, 0.6);
	}

#package table tr:not(:first-child):not(:nth-last-child(-n+2)) td.highlight::before {
	margin: -11px 0 0 -14px;
	width: 28px;
	height: 21px;
	background-position: -309px -138px;
	}

#package table tr td.highlight::after {
	z-index: 1;
	}
    
/*#package table tr td.highlight span {
    position: relative;
    color: #fff;
    z-index: 1;
}*/

}

#package table tr:not(:first-child):not(:nth-last-child(1)) td {
	text-indent: -5000px;
	}

#package table tr:not(:nth-last-child(1)) > *::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #edf0f3;
	}

#package table tr > :first-child::after {
	left: auto;
	right: 0;
	width: calc(100% - 25px);
	}

#package table tr > :last-child::after {
	width: calc(100% - 25px);
	}

#package table tr:not(:first-child):not(:last-child) td::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	margin: -8px 0 0 -7px;
	width: 18px;
	height: 14px;
	background: url(../../img/sprite@2x.png) no-repeat -479px -42px;
	background-size: 500px 500px;
	-ms-transform: translateY(39px);
	}

#package table tr td > div {
	position: relative;
	z-index: 1;
	}
        
#package table tr td a {
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: -3px 0 32px;
	padding: 0 15px 2px;
	min-width: 100px;
	height: 50px;
	cursor: pointer;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.5px;
	background: #ec7710;
	border: none;
	border-radius: 5px;
	box-shadow: -6px 6px 10px 0 rgba(236, 119, 16, 0.2);
	transition: background 200ms, box-shadow 200ms;
	}
        
/*#package a.view-sample {
            margin: -3px 0 0px;
        }*/

#package table tr:nth-last-child(2) td a {
	margin-top: 0;
	margin-bottom: 0;
	}

#package table tr:nth-last-child(2) td a.hidden {
	display: none;
	}

#package table tr td a:hover
/*,
#package table tr td a:focus,
#package a:hover,
#package a:focus*/
{
	background: #ffa453;
	box-shadow: -6px 6px 18px 0 rgba(255, 164, 83, 0.5);
	}

#package table tr:nth-last-child(2) td a + span {
	display: none;
	}

#package table tr:nth-last-child(2) td a.hidden + span {
	display: inline;
	}

#package table ~ p {
	margin: 0 auto;
	padding: 26px 25px 25px;
	max-width: 1140px;
	font-weight: 600;
	color: #515151;
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: 0.5px;
	background: #f5f7f9;
	border-radius: 0 0 5px 5px;
	}

#package #mobile-tables {
	display: none;
	}
        


/*  3. Additional Products
-------------------------------------------------------*/

#addl {
	margin: 181px auto 0;
	padding: 0 max(10px, (100% - 1160px) / 2);
	overflow: hidden;
	}

#addl h2 {
	margin-bottom: 120px;
	color: #ec7710;
	font-weight: 500;
	font-size: 28px;
	text-align: center;
	letter-spacing: 1px;
	}

#addl section {
	position: relative;
	}

#addl section:not(:first-of-type) {
	margin-top: 250px;
	}
       
#addl section:nth-of-type(4) {  /* Virtual Staging */
	margin-top: 315px;
	}

#addl section:nth-of-type(5) {  /* Green Grass */
	margin-top: 250px;
	}

#addl section:nth-of-type(9) {  /* Loyalty Rewards Program */
	margin-top: 254px;
	}

#addl section:nth-of-type(odd) {
	padding-left: 68.334%;
	}

#addl section:nth-of-type(even) {
	padding-right: 68.334%;
	}

#addl section h3 {
	color: #515151;
	font-weight: 500;
	font-size: 22px;
	line-height: 1.25;
	}

#addl section:nth-of-type(4) h3 { /* Virtual Staging */
	margin-right: -30px;
	}

#addl section .fig div[aria-hidden="true"] .w h3 {
	max-width: 390px;
	color: #fff;
	}

#addl section > h3::before {
	content: "";
	position: relative;
	top: -1px;
	display: block;
	margin-bottom: 27px;
	width: 60px;
	height: 60px;
	background: url(../../img/sprite@2x.png) no-repeat;
	background-size: 500px 500px;
	}

#addl section:nth-of-type(1) > h3::before { /* Aerial Photography */
	background-position: -237px -236px;
	}

#addl section:nth-of-type(2) > h3::before { /* 30-feet pole photo */
	background-position: -302px -236px;
	}

#addl section:nth-of-type(3) > h3::before { /* Night Photos */
	background-position: -367px -236px;
	}

#addl section:nth-of-type(4) > h3::before { /* Virtual Staging */
	background-position: -432px -236px;
	}

#addl section:nth-of-type(5) > h3::before { /* Green Grass */
	background-position: -237px -301px;
	}

#addl section:nth-of-type(6) > h3::before { /* Virtual Twilight */
	background-position: -302px -301px;
	}

#addl section:nth-of-type(7) > h3::before { /* Virtual Tour */
	background-position: -367px -301px;
	}

#addl section:nth-of-type(8) > h3::before { /* Listing Video */
	background-position: -432px -301px;
	}

/*#addl section:nth-of-type(9) > h3::before {  Fotoport 
	background-position: 0px 21px;
	}*/
        
#addl section:nth-of-type(9) > h3::before { /* Loyalty Rewards Program */
	background-position: -237px -366px;
	}

#addl section .media {
	position: absolute;
	top: 0;
	box-shadow: 0 6px 16px 0 rgba(64, 72, 90, 0.1);
	}

#addl section .fig {
	width: 53.246%;
	}

#addl section .vid,
#addl section .img {
	width: 57.281%;
	}

#addl section:nth-of-type(4) .fig {  /* Virtual Staging */
	width: 57.01%;
	}

#addl section:nth-of-type(odd)  .media {
	left: 0;
	}

#addl section:nth-of-type(even) .media {
	right: 0;
	}

#addl section .fig figure:not(.clone) img:nth-child(2) {
	position: absolute;
	z-index: 1;
	box-shadow: 0 25px 50px 0 rgba(0, 0, 0, 0.2), 0 0 3px 0 rgba(0, 0, 0, 0.15);
	}

#addl section:nth-of-type(1) .fig figure:not(.clone) img:nth-child(2) { /* Aerial Photography */
	bottom: -19.319%;
	right: -12.521%;
	width: 36.244%;
	}

/*#addl section.feetphoto .fig figure:not(.clone) img:nth-child(2) {  30-feet pole photo 
	bottom: -14.773%;
	left: -21.747%;
	width: 42.834%;
	}*/

#addl section:nth-of-type(2) .fig figure:not(.clone) img:nth-child(2) { /* Night Photos */
	bottom: -23.41%;
	right: -18.781%;
	width: 42.834%;
	}
        
/*#addl section.vsphoto .fig figure:not(.clone) img:nth-child(2) {   Virtual Staging  
	bottom: -14.773%;
	left: -21.747%;
	width: 42.834%;
	}*/
/* removed this CSS to show after and before images same as green grass */

/*.js #addl section.vsphoto .fig figure:not(.clone) img:nth-child(2) {  Virtual Staging 
	display: none;
	}

#addl section.vsphoto .fig figure:not(.clone) img:nth-child(2),
#addl section.vsphoto .fig                  > img {  Virtual Staging 
	position: absolute;
	bottom: -16.136%;
	right: -11.87%;
	width: 40.04%;
	box-shadow: 0 25px 50px 0 rgba(0, 0, 0, 0.2), 0 0 3px 0 rgba(0, 0, 0, 0.15);
	}*/

.js #addl section:nth-of-type(4) .fig figure:not(.clone) img:nth-child(2) { /* Green Grass */
	display: none;
	}

#addl section:nth-of-type(4) .fig figure:not(.clone) img:nth-child(2),
#addl section:nth-of-type(4) .fig                  > img { /* Green Grass */
	position: absolute;
	bottom: -16.136%;
	right: -11.87%;
	width: 40.04%;
	box-shadow: 0 25px 50px 0 rgba(0, 0, 0, 0.2), 0 0 3px 0 rgba(0, 0, 0, 0.15);
	}

.js #addl section.vtwphoto .fig figure:not(.clone) img:nth-child(2) { /* Virtual Twilight */
	display: none;
	}

#addl section:nth-of-type(5) .fig figure:not(.clone) img:nth-child(2),
#addl section:nth-of-type(5) .fig                  > img { /* Virtual Twilight */
	position: absolute;
	bottom: -16.136%;
	right: 0;
	width: 40.03%;
	box-shadow: 0 25px 50px 0 rgba(0, 0, 0, 0.2), 0 0 3px 0 rgba(0, 0, 0, 0.15);
	}

#addl section .fig figure:not(.clone) img:nth-child(2) ~ img {
	display: none;
	}

#addl section .fig figure > img {
	width: 100%;
	}

#addl section .fig div[aria-hidden="true"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	transition: visibility 250ms, opacity 250ms;
	}

#addl section .fig:hover div[aria-hidden="true"] {
	visibility: visible;
	opacity: 1;
	}

#addl section .fig div[aria-hidden="true"] .w {
	width: 100%;
	height: 100%;
	padding: 19.22% 11.533% 0;
	background: rgba(0, 0, 0, 0.8);
	}

/*#addl section:nth-of-type(even):not(:nth-of-type(6)) .fig div[aria-hidden="true"] .w {*/
/*#addl section:nth-of-type(even):not(.vsphoto):not(.vtwphoto) .fig div[aria-hidden="true"] .w { 
	padding-left: 29.16%;
	}*/

#addl section .fig figure.clone {
	display: none;
	}

#addl section .vid video {
	display: block;
	width: 100%;
	}

#addl section .img {
	box-shadow: none;
	}

#addl section p {
	margin-top: 20px;
	color: #3e4650;
	font-size: 14px;
	line-height: 1.72;
	letter-spacing: 0.5px;
	}

#addl section .fig div[aria-hidden="true"] .w p {
	max-width: 360px;
	color: #e5e5e5;
	}
#addl section .fig div[aria-hidden="true"] .w a {
	margin: 36px 7px 0 0;
	padding-inline: 28px;
	}

#addl section > ul {
	margin-top: 19px;
	font-weight: 400;
	color: #3e4650;
	font-size: 14px;
	line-height: 1.72;
	letter-spacing: 0.5px;
	}

#addl section > ul li {
	position: relative;
	padding-left: 36px;
	}

#addl section > ul li:not(:first-child) {
	margin-top: 10px;
	}

#addl section > ul li::before {
	content: "";
	position: absolute;
	top: 4px;
	left: 2px;
	z-index: 1;
	width: 20px;
	height: 14px;
	background: url(../../img/sprite@2x.png) no-repeat -457px -113px;
	background-size: 500px 500px;
	}

#addl section dl {
	display: flex;
	margin-top: 30px;
	}

#addl section dl div:nth-child(2) {
	display: none;
	}

#addl section dl div.price-shown + div:nth-child(2) {
	display: block;
	}

#addl section dl div:first-child:not(:only-child) {
	width: 52%;
	}

#addl section:nth-of-type(7) dl div,
#addl section:nth-of-type(8) dl div {
	display: flex;
	width: auto;
	}

#addl section dl div dt {
	color: #6e7c83;
	font-weight: 700;
	font-size: 13px;
	line-height: 1.4;
	letter-spacing: 0.5px;
	}

#addl section:nth-of-type(7) dl div dt,
#addl section:nth-of-type(8) dl div dt {
	width: 54%;
	}

#addl section dl div dd {
	margin-top: 3px;
	color: #ec7710;
	font-weight: 600;
	font-size: 28px;
	letter-spacing: 0.4px;
	}

#addl section:nth-of-type(7) dl div dd,
#addl section:nth-of-type(8) dl div dd {
	margin-top: 1px;
	}

#addl section:nth-of-type(7) dl div dd {
	margin-left: 10.53%;
	}

#addl section:nth-of-type(8) dl div dd {
	margin-left: 1.3%;
	}

#addl section dl div dd a {
	text-decoration: underline;
	}

#addl section dl div dd a.hidden {
	display: none;
	}

#addl section dl div dd a:hover,
#addl section dl div dd a:focus {
	text-decoration: none;
	}

#addl section dl div dd a + span {
	display: none;
	}

#addl section dl div dd a.hidden + span {
	display: inline;
	}

#addl section > a {
	margin-top: 40px;
	padding-inline: 28px;
	min-height: 50px;
	}

#addl section > a + a {
	margin-left: 22px;
	padding-inline: 28px;
	}

#addl section:nth-of-type(7) > a,
#addl section:nth-of-type(8) > a {
	margin-top: 30px;
	}

#addl section > ul + a {
	margin-top: 29px;
	}

#addl section > p:last-child:not(:nth-child(3)) {
	margin-top: 28px;
	color: #6e7c83;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.5px;
	}



/*  4. Client Testimonial
-------------------------------------------------------*/

#testi {
	margin-top: 227px;
	padding-bottom: 129px;
	overflow: hidden;
	text-align: center;
	}

#testi h2 {
	padding: 0 10px;
	color: #ec7710;
	font-weight: 400;
	font-size: 28px;
	letter-spacing: 0.5px;
	}

#testi > p {
	margin-top: 30px;
	padding: 0 10px;
	color: #3e4650;
	font-size: 14px;
	line-height: 1.72;
	letter-spacing: 0.5px;
	}

#testi > .w {
	margin-top: 60px;
	padding: 0 10px;
	}

.js #testi > .w {
	white-space: nowrap;
	}
#testi .slick-list {
	overflow: visible;
	}

        
#testi > .w figure:not(.clone) {
	margin: 0 auto;
	padding: 57px 68px 62px;
	width: 750px;
	border-radius: 3px;
	background: #ffffff;
	box-shadow: 0 10px 40px 0 rgba(67, 84, 156, 0.15);
	}

.js #testi > .w figure:not(.clone) {
	display: inline-block;
	vertical-align: top;
	white-space: normal;
	}

.js #testi > .w figure:not(.clone).slick-slide {
	opacity: 0.7;
	transform: scale(0.8);
	transition: opacity 500ms, transform 500ms;
	}

.js #testi > .w figure:not(.clone).slick-active,
.js #testi > .w figure:not(.clone)[data-clone-active] {
	opacity: 1;
	transform: scale(1);
	}

#testi > .w figure:not(.clone):not(:first-child) {
	margin-top: 30px;
	}

.js #testi > .w figure:not(.clone):not(:first-child) {
	margin-top: 0;
	margin-left: 50px;
	outline: none;
	}

.js #testi > .w figure:not(.clone):not(:first-child).slick-slide {
	margin-left: 0;
	}

#testi > .w figure:not(.clone) blockquote {
	position: relative;
	padding: 0 20px 26px;
	border-bottom: 1px solid #f2f2f2;
	}

#testi > .w figure:not(.clone) blockquote .orig {
	position: absolute;
	top: 0;
	left: 20px;
	width: calc(100% - 40px);
	}

#testi > .w figure:not(.clone) blockquote .placeholder {
	visibility: hidden;
	}

#testi > .w figure:not(.clone) blockquote p {
	color: #3e4650;
	font-style: italic;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.75;
	letter-spacing: 0.5px;
	}

#testi > .w figure:not(.clone) figcaption {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 38px;
	text-align: left;
	}

#testi > .w figure:not(.clone) figcaption img {
	margin-right: 13px;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	}

#testi > .w figure:not(.clone) figcaption .w {
	}

#testi > .w figure:not(.clone) figcaption .w p[itemprop="name"] {
	color: #2f4a59;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.4;
	font-family: Montserrat, sans-serif;
	letter-spacing: 0.6px;
	}

#testi > .w figure:not(.clone) figcaption .w p[itemprop="affiliation"] {
	color: #a2acb2;
	font-size: 13px;
	line-height: 1.4;
	letter-spacing: 0.5px;
	}

#testi > .w .slick-dots {
	margin-top: 57px;
	}

#testi > .w .slick-dots li {
	display: inline-block;
	margin: 12px 6px 0;
	}

#testi > .w .slick-dots li button {
	position: relative;
	width: 16px;
	height: 16px;
	overflow: hidden;
	text-indent: -5000px;
	border: none;
	background: none;
	}

#testi > .w .slick-dots li button::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -5px 0 0 -5px;
	width: 10px;
	height: 10px;
	background: #eee;
	border-radius: 50%;
	transition: opacity 200ms;
	}

#testi > .w .slick-dots li              button:hover::before,
#testi > .w .slick-dots li              button:focus::before,
#testi > .w .slick-dots li.slick-active button::before {
	opacity: 0;
	}

#testi > .w .slick-dots li button::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 16px;
	height: 16px;
	background: url(../../img/sprite@2x.png) no-repeat -237px -42px;
	background-size: 500px 500px;
	transition: opacity 200ms;
	}

#testi > .w .slick-dots li              button:hover::after,
#testi > .w .slick-dots li              button:focus::after,
#testi > .w .slick-dots li.slick-active button::after {
	opacity: 1;
	}



/*  5. responsive (1328px)
-------------------------------------------------------*/

@media (max-width: 1328px) {

/*  4. Client Testimonial  */

#testi {
	margin-top: 80px;
	}

}



/*  6. responsive (1150px)
-------------------------------------------------------*/

@media (max-width: 1150px) {

/*  1. search form  */

#secname form {
	position: absolute;
	bottom: -34px;
	margin-top: 0;
	margin-bottom: 0;
	}

.ios main {
	overflow: hidden;
	}

.ios #secname form {
	left: 50%;
	transform: translateX(-50%);
	}

#secname form div input {
	box-shadow: 0 6px 16px 0 rgba(64, 72, 90, 0.1);
	}

}

@media (max-width: 1150px) and (-ms-high-contrast: none) {

main {
	overflow: hidden;
	}

#secname form {
	left: 50%;
	transform: translateX(-50%);
	}

}



/*  7. responsive (1023px)
-------------------------------------------------------*/

@media (max-width: 1023px) {

/*  2. pricing table  */

/*#package {
	margin-top: 60px;
	}*/

#package h2 {
	font-size: 20px;
	}

#package > table {
	display: none;
	}

#package table tr th {
	padding-right: 10px;
	padding-left: 10px;
	width: 168px;
	}

/*#package table tr:last-child th {
	height: 0;
	font-size: 0;
	}*/

#package table tr > :first-child::after {
	width: calc(100% - 10px);
	}

#package table tr > :last-child::after {
	width: calc(100% - 10px);
	}

#package table tr td > div {
	position: static;
	}

#package table tr:not(:first-child):not(:nth-last-child(1)) td div {
	position: absolute;
	top: -5000px;
	left: -5000px;
	}

#package #mobile-tables {
	display: block;
	margin: 25px -10px 0;
        padding-top: 10px;
	overflow: hidden;
	white-space: nowrap;
	}

#package #mobile-tables .w {
	display: inline-block;
	vertical-align: top;
	white-space: normal;
	outline: none;
	transform: scale(0.8);
	transition: transform 500ms;
	}

#package #mobile-tables .slick-list {
	position: relative;
        overflow:visible;
	}

#package #mobile-tables .slick-list .slick-track .w.slick-active,
#package #mobile-tables .slick-list .slick-track .w[data-clone-active] {
	transform: scale(1);
	}

#package #mobile-tables .slick-list .slick-track .w table {
	margin-top: 0;
	}

#package #mobile-tables .slick-list .slick-track .w table tr td a {
	outline: none;
	}

#package #mobile-tables .slick-list + button {
	position: relative;
	display: none;
	margin: 33px auto 0;
	padding: 0 15px 2px;
	width: calc(100% - 20px);
	height: 50px;
	cursor: pointer;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	text-align: center;
	letter-spacing: 0.5px;
	background: #ec7710;
	border: none;
	border-radius: 5px;
	box-shadow: -6px 6px 10px 0 rgba(236, 119, 16, 0.2);
	transition: background 200ms, box-shadow 200ms;
	}

#package #mobile-tables.price-shown .slick-list + button {
	display: block;
	}

#package #mobile-tables .slick-list + button:hover,
#package #mobile-tables .slick-list + button:focus {
	background: #ffa453;
	box-shadow: -6px 6px 18px 0 rgba(255, 164, 83, 0.5);
	}

#package #mobile-tables .nav {
	margin: 27px 0 1px;
	text-align: center;
	}

#package #mobile-tables .nav .slick-arrow {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	overflow: hidden;
	text-indent: -5000px;
	background: none;
	border: 2px solid #ec7710;
	border-radius: 50%;
	transition: background 200ms, border 200ms;
	}

#package #mobile-tables .nav .slick-arrow:hover,
#package #mobile-tables .nav .slick-arrow:focus {	
	background: #ffd2aa;
	border-color: #ffd2aa;
	}

#package #mobile-tables .nav .slick-arrow::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -5px;
	width: 9px;
	height: 13px;
	background: url(../../img/sprite@2x.png) no-repeat -421px -113px;
	background-size: 500px 500px;
	}

#package #mobile-tables .nav .slick-next::before {
	margin-left: -4px;
	transform: scale(-1);
	}

#package #mobile-tables .nav .slick-dots {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	}

#package #mobile-tables .nav .slick-dots li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 6px;
	}

#package #mobile-tables .nav .slick-dots li button {
	position: relative;
	width: 16px;
	height: 16px;
	overflow: hidden;
	text-indent: -5000px;
	border: none;
	background: none;
	}

#package #mobile-tables .nav .slick-dots li button::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -5px 0 0 -5px;
	width: 10px;
	height: 10px;
	background: #eee;
	border-radius: 50%;
	transition: opacity 200ms;
	}

#package #mobile-tables .nav .slick-dots li              button:hover::before,
#package #mobile-tables .nav .slick-dots li              button:focus::before,
#package #mobile-tables .nav .slick-dots li.slick-active button::before {
	opacity: 0;
	}

#package #mobile-tables .nav .slick-dots li button::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 16px;
	height: 16px;
	background: url(../../img/sprite@2x.png) no-repeat -237px -42px;
	background-size: 500px 500px;
	transition: opacity 200ms;
	}

#package #mobile-tables .nav .slick-dots li              button:hover::after,
#package #mobile-tables .nav .slick-dots li              button:focus::after,
#package #mobile-tables .nav .slick-dots li.slick-active button::after {
	opacity: 1;
	}

#package table ~ p {
	display: none;
	}


/*  3. Additional Products  */

#addl {
	margin-top: 50px;
	}

#addl h2 {
	margin-bottom: 20px;
	font-size: 20px;
	}

#addl section {
	display: flex;
	flex-direction: column;
	}

#addl section:not(:first-of-type) {
	margin-top: 36px !important;
	}

#addl section:nth-of-type(odd) {
	padding-left: 0;
	}

#addl section:nth-of-type(even) {
	padding-right: 0;
	}

#addl section h3 {
	order: 2;
	margin-top: 14px;
	font-size: 18px;
	}

#addl section:nth-of-type(4) h3 { /* Virtual Staging */
	margin-right: 0;
	}

#addl section > h3::before {
	margin-bottom: 20px;
	}

#addl section .media {
	position: static;
	order: 1;
	box-shadow: none;
	width: auto !important;
	}

#addl section .vid {
	margin-bottom: 7px;
	}

#addl section .img {
	margin: 15px 0 -6px;
	}

#addl section .fig figure:not(.clone) {
	display: none;
	}

#addl section .fig > img {
	display: none;
	}

#addl section .fig div[aria-hidden="true"] {
	display: none;
	}

#addl section .fig figure.clone {
	display: block;
	}

#addl section .fig figure.clone .slick-list {
	overflow: hidden;
	box-shadow: 0 6px 16px 0 rgba(64, 72, 90, 0.1);
	}

#addl section .fig figure.clone .slick-list .slick-track img {
	outline: none;
	}

#addl section .fig figure.clone .slick-dots {
	margin-top: 2px;
	text-align: center;
	}

#addl section .fig figure.clone .slick-dots li {
	display: inline-block;
	margin: 12px 6px 0;
	}

#addl section .fig figure.clone .slick-dots li button {
	position: relative;
	width: 16px;
	height: 16px;
	overflow: hidden;
	text-indent: -5000px;
	border: none;
	background: none;
	}

#addl section .fig figure.clone .slick-dots li button::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -5px 0 0 -5px;
	width: 10px;
	height: 10px;
	background: #eee;
	border-radius: 50%;
	transition: opacity 200ms;
	}

#addl section .fig figure.clone .slick-dots li              button:hover::before,
#addl section .fig figure.clone .slick-dots li              button:focus::before,
#addl section .fig figure.clone .slick-dots li.slick-active button::before {
	opacity: 0;
	}

#addl section .fig figure.clone .slick-dots li button::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 16px;
	height: 16px;
	background: url(../../img/sprite@2x.png) no-repeat -237px -42px;
	background-size: 500px 500px;
	transition: opacity 200ms;
	}

#addl section .fig figure.clone .slick-dots li              button:hover::after,
#addl section .fig figure.clone .slick-dots li              button:focus::after,
#addl section .fig figure.clone .slick-dots li.slick-active button::after {
	opacity: 1;
	}

#addl section .fig figure.clone:not(.slick-slider) {
	margin-bottom: 7px;
	}

#addl section .media ~ * {
	order: 3;
	}

#addl section > ul {
	margin-top: 15px;
	}

#addl section dl {
	margin-top: 17px;
	}

#addl section dl div:first-child:not(:only-child) {
	width: 47%;
	}

#addl section:nth-of-type(7) dl div dt,
#addl section:nth-of-type(8) dl div dt {
	margin-right: auto;
	}

#addl section:nth-of-type(7) dl div dt {
	width: 67%;
	}

#addl section:nth-of-type(8) dl div dt {
	width: 55%;
	}

#addl section:nth-of-type(7) dl div dd {
	margin-left: 2.5%;
	}

#addl section > a {
	text-align: center;
	}

#addl section > a {
	margin-top: 22px;
	}

#addl section > a + a {
	margin-top: 15px;
	margin-left: 0;
	}

#addl section > p:last-child:not(:nth-child(3)) {
	margin-top: 18px;
	}


/*  4. Client Testimonial  */

#testi {
	margin-top: 60px;
	padding-bottom: 59px;
	}

#testi h2 {
	font-size: 20px;
	}

#testi > p {
	margin-top: 32px;
	}

#testi > .w {
	margin-top: 37px;
	padding-right: 0;
	padding-left: 0;
	}

#testi > .w figure:not(.clone) {
	padding-right: 20px;
	padding-left: 20px;
	width: auto;
	}

.js #testi > .w figure:not(.clone).slick-slide {
	margin-right: 10px !important;
	margin-left: 10px !important;
	padding-bottom: 38px;
	opacity: 1;
	transform: none;
	transition: none;
	}

.js #testi > .w figure:not(.clone).slick-active {
	transform: none;
	}

#testi > .w figure:not(.clone) blockquote {
	padding-right: 0;
	padding-left: 0;
	}

#testi > .w figure:not(.clone) blockquote .orig {
	left: auto;
	width: 100%;
	}

#testi > .w .slick-dots {
	margin-top: 21px;
	}

}



/*  8. responsive ( 767px)
-------------------------------------------------------*/

@media (max-width:  767px) {

/*  2. pricing table  */

/*#package {
	margin-top: 60px;
	}*/

#package h2 {
	font-size: 20px;
	}

#package table tr th {
	padding-right: 10px;
	width: 118px;
	}

#package #mobile-tables {
	margin-top: 10px;
				}
#testi > .w figure:not(.clone) blockquote {
	padding-right: 0;
	padding-left: 0;
	}
#testi > .w figure:not(.clone) blockquote .orig {
	left: auto;
	width: 100%;
	}
#testi > .w .slick-dots {
	margin-top: 21px;
	}
}
/*  8. responsive ( 767px)
-------------------------------------------------------*/
@media (max-width:  767px) {
/*  2. pricing table  */
#package h2 {
	font-size: 20px;
	}
#package table tr th {
	padding-right: 10px;
	width: 118px;
	}
#package #mobile-tables {
	margin-top: 10px;
	}
}

/*  9. responsive ( 400px)
-------------------------------------------------------*/

@media (max-width:  400px) {
/*  1. search form  */
#secname form div input {
	padding-right: 30px;
	padding-left: 105px;
	}
#secname .ui-selectmenu-button {
	width: 85px;
	}
.country {
	position: absolute;
	left: -5000px;
	}
.ui-selectmenu-menu-postal-country ul {
	width: 85px !important;
	}
#secname form div button {
	right: 14px;
        }
}