/*
Theme Name: Prospect
Theme URI: http://wpbusinessbundle.com/themes/prospect/
Version: 2.0.2
Author: WP Business Bundle
Author URI: http://wpbusinessbundle.com/
*/

@import "/wp-content/themes/prospect/css/reset.css";
@import "css/typography.css";
@import "/wp-content/themes/prospect/css/layout.css";
@import "/wp-content/themes/prospect/css/slider.css";
@import "/wp-content/themes/prospect/css/shortcodes.css";
@import "/wp-content/themes/prospect/css/buttons-shortcode.css";
@import "/wp-content/themes/prospect/css/wide-layout.css";
ul,li
{
font-size:15px;
}
p
{margin-top:8px;
font-size:15px;
text-shadow: 1px 1px #FFFFFF;
font-family: 'Tahoma', 'Verdana';}
h1 {text-shadow: 1px 1px #FFFFFF;}
li
{margin-top:8px;}
h2 {font-size: 22px; text-shadow: 1px 1px #FFFFFF;}
h4 {font-size: 12px; text-shadow: 1px 1px #FFFFFF;}
.column_css {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.package_table, .package_opt_table {
width: 100%;
border-collapse: collapse;
}
.package__list {
list-style: none;
margin: 0;
padding: 10px 0 8px;
}
.package__list li {
font-size: 13px;
padding: 7px 0;
position: relative;
padding-left: 25px;
}
.package__list li::before {
content: '';
background: url("/wp-content/themes/images/tick2.gif") no-repeat 0 0;
display: block;
height: 13px;
left: 5px;
top: 6px;
position: absolute;
width: 14px;
}
.package__list li {
font-size: 13px;
padding: 7px 0;
position: relative;
padding-left: 25px;
}
.package__list li {
line-height: 10px;
}
.package__orderButton:hover, .siteForm input[type="submit"].paymentButton:hover {
border: 3px solid #dddddd;
}
.package__orderButton, .siteForm input[type="submit"].paymentButton {
border: 3px solid #9c9c9c;
}
.package__orderButton:hover, .siteForm input[type="submit"].paymentButton:hover {
background: #bd0243;
border: 3px solid #161718;
color: white;
}
.package__orderButton, .siteForm input[type="submit"].paymentButton {
border-radius: 4px;
border: 1px solid #8C8989;
background: #93090E;
background: linear-gradient(top, #D21418, #93090E);
background: -moz-linear-gradient(top, #D21418, #93090E);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D21418), color-stop(100%, #93090E));
background: -webkit-linear-gradient(top, #D21418, #93090E);
background: -o-linear-gradient(top, #D21418, #93090E);
background: -ms-linear-gradient(top, #D21418, #93090E);
display: block;
padding: 10px 0px 10px;
width: 230px;
text-align: center;
font-size: 18px;
font-family: cursive;
cursor: pointer;
text-shadow: 1px 1px #5c0400;
color: #F9F9F9;
transition: border 1s ease;
-webkit-transition: border 1s ease;
-moz-transition: border 1s ease;
-o-transition: border 1s ease;
text-decoration: none;
}
.right1 {
width: 153px;
height: 365px;
position: fixed;
top: 291px;
right: 0;
z-index: 100;
}
div.right1 div.phones {
color: #535353;
font: 14px "tahoma";
padding: 7px 9px;
-moz-border-radius-topleft: 15px;
-webkit-border-top-left-radius: 15px;
border-top-left-radius: 6px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-bottom-left-radius: 15px;
border-bottom-left-radius: 4px;
background: #53E78;
background: -moz-linear-gradient(top, #F4F4F4 0%, #DCDCDC 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F4F4F4), color-stop(100%,#DCDCDC));
background: -webkit-linear-gradient(top, #F4F4F4 0%,#DCDCDC 100%);
background: -o-linear-gradient(top, #F4F4F4 0%,#DCDCDC 100%);
background: -ms-linear-gradient(top, #F4F4F4 0%,#DCDCDC 100%);
background: linear-gradient(to bottom, #F4F4F4 0%,#DCDCDC 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4F4F4', endColorstr='#064985',GradientType=0 );
border: 1px solid rgb(224, 220, 220);
}
#mainwrapper {
font-size: 1em;
font-family: Tahoma, Arial, helvetica, sans-serif;
height: auto;
margin: 0px auto 0 auto;
text-align: center;
width: 100%;
}
#mainwrapper .box {
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-o-transition-delay: 300ms;
-ms-transition-delay: 300ms;
transition-delay: 300ms;
}
#mainwrapper .box {
border: 5px solid #fff;
cursor: pointer;
height: 222px;
float: left;
margin: 5px;
position: relative;
overflow: hidden;
width: 300px;
-webkit-box-shadow: 1px 1px 1px 1px #ccc;
-moz-box-shadow: 1px 1px 1px 1px #ccc;
box-shadow: 1px 1px 1px 1px #ccc;
}
#mainwrapper .box img {
position: absolute;
left: 0;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
transition: all 300ms ease-out;
width: 300px;
}
p.cap {
margin-top: 46px;
text-transform: uppercase;
font-weight: bold;
}

#mainwrapper .box .hov1:hover
{

position: absolute;
top: 0;
height: 222px;
width: 300px;
left: 0;
background: rgba(255, 255, 255, 0.8);
z-index:9999999;
}
#mainwrapper .box .hov1
{
position: absolute;
top: 0;
height: 222px;
width: 300px;
left: 0;
background: rgba(255, 255, 255, 0.8);

}

.box {
 width: 300px;
 height: 222px;
 margin: 10px;
 float: left;
 border: 10px solid #fff;
 overflow: hidden;
 position: relative;
 text-align: center;
 box-shadow: 1px 1px 2px #e6e6e6;
 cursor: default;
 background: #fff url(../images/bgimg.jpg) no-repeat center center
}
.box .mask, .box .content {
 width: 300px;
 height: 222px;
 position: absolute;
 overflow: hidden;
 top: 0;
 left: 0
}
.box img {
 display: block;
 position: relative
}
.box h2 {
 text-transform: uppercase;
 color: #fff;
 text-align: center;
 position: relative;
 font-size: 17px;
 padding: 10px;
 background: rgba(0, 0, 0, 0.8);
 margin: 20px 0 0 0
}
.box p {
font-family: Georgia, serif;
font-style: italic;
font-size: 17px;
position: relative;
color: #616159;
padding: 10px 20px 20px;
text-align: center;
}
.box a.info {
 display: inline-block;
 text-decoration: none;
 padding: 7px 14px;
 background: #000;
 color: #fff;
 text-transform: uppercase;
 box-shadow: 0 0 1px #000
}
.box a.info:hover {
 box-shadow: 0 0 5px #000
}
.box img {
 transition: all 0.2s linear;
}
.box .mask {
opacity: 0;
background-color: rgba(255, 255, 255, 0.8);
transition: all 0.4s ease-in-out;
}
.box h2 {
 text-transform: uppercase;
color: #fff;
text-align: center;
position: relative;
font-size: 17px;
padding: 10px;
background: rgba(184, 13, 13, 1);
margin: 20px 0 0 0;
text-shadow:none;
}
.box p {
 transform: translateY(100px);
 opacity: 0;
 transition: all 0.2s linear;
}
.box a.info{
 opacity: 0;
 transition: all 0.2s ease-in-out;
}
.box:hover img {
 transform: scale(1.1);
}
.box:hover .mask {
 opacity: 1;
}
.box:hover h2,
.box:hover p,
.box:hover a.info {
 opacity: 1;
 transform: translateY(0px);
text-shadow:none;
}
.box:hover p {
 transition-delay: 0.1s;
}
.box:hover a.info {
 transition-delay: 0.2s;
}
.package__list li {
line-height: 15px;
}
.package__list li {
font-size: 13px;
padding: 3px 0;
position: relative;
padding-left: 25px;
}