#top-header{
height:35px;
background-color:white;
direction:ltr;
margin-right: 20px;
}
#top-header .header-down
{
height:20px;
float:left;
font-size:25px;
text-align:left;
}
#top-header .header-downn p
{
margin-right::10px;
}
#top-header .header-downn p a
{
font-size:15px !important;
text-align:left !important;
color:Black;
padding-left:10px;
padding-bottom:40px;
}
#top-header .header-downn p a:hover
{
color:red;
}
#top-header .header-downn p img:hover
{
width:2.5%;
play-during:5sec;
}
#top-header .header-downn p img
{
width:2%;
margin-left:10px;
}
@media screen and (max-width: 600px) {
#top-header .header-downn p a{
font-size:13px !important;
}
#top-header .header-downn p img
{
width:4%;
}
}
#header img
{
height: 38px;
margin-left: 10px;
margin-top: 10px;
}
}
#row1 h1 b
{
color:#F30;
}
#row1 h2
{
color:#F63;
}
#row1 a p
{
font-size: 25px;
background-color: #f17474;
color: white;
margin-right: 600px;
border-radius:10px;
}
#img-tag-one img.opacity
{
opacity:0.9;
background-color:white;
border-radius:12px;
}
#img-tag-one
{
width:100% !important;
background-color: white;
}
#img-tag-one img
{
float: left;
backface-visibility:1;
margin: 20px;
height: 100px;
width: auto;
margin-top: 10px;
}
}
@media screen and (max-width: 480px)
{
#row1 a p
{
font-size: 25px;
background-color: #f17474;
color: white;
margin-right:0px;
border-radius:10px;
}
}
@media screen and (max-width:600px)
{
#row1 img
{
height:50px !important;
margin: 7px !important;
border-radius:60px !important;
border: 1px !important;
}
#img-tag-one img
{
width:80%;
float: left;
background-color: white;
margin: 30px;
height: 200px;
width: auto;
}
}
#row1
{
margin-right:19px;
}
#row1 h3
{
color: white;
text-transform: inherit;
}
#row1 img
{
height:70px;
margin: 30px;
border-radius:60px;
border: 1px ;
}
#row1 h1
{
text-align:left;
font-size:30px;
color:white;
}
#row
{
float: right;
width: 40%;
padding: 10px;
}
#row input
{
padding: 4px 2px 4px 0;
width: 9 0%;
display: block;
font-size: 16px;
background: 0 0;
border: 0;
border-bottom: 1px solid #fff;
color: black;
outline: 0;
background-color: white;
width: 95%;
margin-left: 10px;
}
#row input.btn
{
color:red !important;
background-color:white;
}
#banner .inner
{
width: 90% !important;
text-align: left;
margin-right: 0px;
margin-top: 10%;
}
@media screen and (max-width: 600px) {
#row input{
width: 95% !important;
}
#row
{
float: right;
width: 100%;
padding: 0px
}
#banner .inner
{
width: 100% !important;
text-align: left;
margin-right:0px;
}
}
#banner {
display: -ms-flexbox;
-ms-flex-pack: center;
-ms-flex-align: center;
-moz-align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-moz-justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
background-image: url(https://www.rajpackersandmovers.com/More/images/banner.jpg);
background-position: right;
background-size: cover;
background-repeat: no-repeat;
border-top: 0;
min-height: 100vh;
height: 120vh!important;
width: 100%;
position: relative;
text-align: center;
overflow: hidden
}
#banner .inner {
-moz-transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-moz-transition: opacity 1s ease, -moz-transform 1s ease;
-webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
-ms-transition: opacity 1s ease, -ms-transform 1s ease;
transition: opacity 1s ease, transform 1s ease;
opacity: 1;
position: relative;
z-index: 2
}
#banner p {
color: white;
font-size: 1.5rem;
margin-bottom: 10px;
}
#banner a {
color: #fff;
text-decoration: none
}
#banner video {
-moz-transform: translateX(50%) translateY(50%);
-webkit-transform: translateX(50%) translateY(50%);
-ms-transform: translateX(50%) translateY(50%);
transform: translateX(50%) translateY(50%);
position: absolute;
bottom: 50%;
right: 50%;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
overflow: hidden
}
#banner:before {
-moz-transition: opacity 3s ease;
-webkit-transition: opacity 3s ease;
-ms-transition: opacity 3s ease;
transition: opacity 3s ease;
-moz-transition-delay: 1.25s;
-webkit-transition-delay: 1.25s;
-ms-transition-delay: 1.25s;
transition-delay: 1.25s;
content: '';
display: block;
background-color: rgba(0, 0, 0, .75);
height: 100%;
left: 0;
opacity: .45;
position: absolute;
top: 0;
width: 100%;
z-index: 1
}
@media screen and (max-width:1280px) {
#banner video {
display: none
}
}
@media screen and (max-width:736px) {
#banner {
min-height: 0;
height: auto!important;
padding: 6rem 2rem 4rem 2rem
}
#banner .inner {
width: 100%
}
#banner h1 {
font-size: 1.75em;
margin-bottom: .5em;
padding-bottom: 0
}
#banner p {
font-size: 1.25em
}
#banner br {
display: none
}
#banner .button {
width: 100%
}
}
@media screen and (max-width:480px) {
#banner p {
font-size: 1em
}
#row1 a p {
font-size: 25px;
background-color: #f17474;
color: white;
margin-right:0px;
border-radius: 10px;
}
}
body.is-loading #banner .inner {
-moz-transform: scale(.99);
-webkit-transform: scale(.99);
-ms-transform: scale(.99);
transform: scale(.99);
opacity: 0
}
body.is-loading #banner:before {
opacity: 1
}
.frm_fst{
background-color: rgba(0, 0, 0, .075);
}
.pers_info{
width: 95%;
margin-left: 10px;
}
.pers_date{
}
.pers_loca{
width: 95%;
margin-left: 10px;
}
.frm_fst button{
margin-top: 10px;
margin-left: 66px;
padding-left: 25px;
padding-right: 27px;
background-color: seagreen;
}
textarea{
background-color: white !important;
}
select{
background-color: white !important;
}
label{
color: #f2f2f2;
font-size: medium;
}
#contenta {
box-shadow: rgba(0,0,0,0.3) 0px 0px 20px;
background: rgba(237,237,237,1);
}
#contenta .contentab{
max-width: 1120px;
margin: 0px auto;
padding: 25px 0px 160px;
}
#contenta .contentab .contentabc
{
padding-left: 10px;
padding-right: 10px;
position: relative;
min-height: 1px;
}
#contenta .contentab .contentabc .contentabcd .process #processstep1 .h3
{
margin: 0px 0px 2px;
color: #e82e2e;
}
#contenta .contentab .contentabc .contentabcd .process #processstep1 .process-cont-p
{
font-size: 88%;
line-height: 1.4;
color: #595959;
}
#contenta .contentab .contentabc .contentabcd .process #processstep1
{
float: left;
width: 26%;
position: relative;
margin: 10px 5px 20px 70px;
counter-increment: my-awesome-counter;
}
#contenta .contentab .contentabc .contentabcd .process li::before
{
background-color:red;
border-radius:10px;
}
@media screen and (max-width:600px)
{
#contenta .contentab .contentabc .contentabcd .process #processstep1
{
width:100%;
margin: 0px 3px 10px 0px;
}
#contenta .contentab{
max-width: 1120px;
margin: 0px auto;
padding: 25px 0px 210px;
}
}
@media (min-device-width:769px) and (max-device-width:1024px)
{
#contenta .contentab .contentabc .contentabcd .process #processstep1
{
background-color:#0F3;
}
}
#profor
{
margin:40px;
margin-top:40px;
}
#profor div .proforah h3
{
text-align:center;
}
#profor div .prorow .prorowa
{
display: table-cell;
}
#profor div .profora .prorow .prorowa
{
}
#profor div .prorow .prorowa .prologo img
{
float: left;
margin-right: 18px;
}
}
#profor div .prorow .prorowa .h4
{
color: red;
font-weight: bold;
opacity: 0.8;
}
#profor div .prorow .prorowa p
{
padding:10px;
margin-left: 50px;
}
#profor div .prorow .prorowa .h4
{
color: red;
font-weight: bold;
opacity: 0.8;
}
@media screen and (max-width:600px)
{
#profor div .prorow .prorowa
{
display:inline-table;
}
#profor div .prorow .prorowa .prologo img
{
margin:10px;
}
}
.post-container {
margin: 20px 20px 20px 20px;
overflow: auto
}
.post-thumb {
float: left
}
.post-thumb img {
display: block
}
.post-content {
margin-left: 210px
}
.post-title {
font-weight: bold;
font-size: 18px;
color: #f31616;
opacity: 0.7;
text-align: justify;
text-transform:capitalize;
}
.post-container .post-content p
{
margin-left: 350px;
}
.post-container .post-thumb img
{
width:60%;
height:300px;
}
@media screen and (max-width:600px)
{
.post-container .post-thumb img
{
width:100%;
}
.post-container {
margin: 10px 10px 10px 10px;
}
.post-container .post-content p
{
margin:0px;
}
}
.post-content .post-contentes .post-titles
{
font-weight: bold;
font-size: 18px;
color: #f31616;
opacity: 0.7;
text-align: justify;
}
.post-content {
margin: 20px 20px 20px 20px;
overflow:visible;
}
.post-thumbs {
float: right;
}
.post-thumb img {
display: block
}
.post-contentes {
margin-left: 0px
}
.post-titles {
font-weight: bold;
font-size: 200%;
color: #f31616;
opacity: 0.7;
text-align: right;
text-transform:capitalize;
}
@media screen and (max-width:600px)
{
#pricetag .pricetag1 .field-content div
{
margin-left: 10px;
margin-right: 10px;
}
}
#pricetag
{
margin: 0px 0px 10px;
padding: 15px 10px;
border-bottom: 1px solid #bdbdbd;
}
#pricetag .pricetag1 .field-content h4
{
color: #ff0000cf;
text-align: center;
font-size: x-large;
}
#pricetag .pricetag1 .field-content div p
{
color: #543e3e;
text-transform: initial;
text-align: center;
}
#pricetag .pricetag1 .field-content div
{
margin-left: 30px;
margin-right: 30px;
}
.row .tablefst table tr td div .h5
{
color: #C00;
font-weight: bold;
font-size: 20px;
}
.row .col-sm-4.col-xs-6.col-xxs-12 table tr td div .h5
{
color: #C00;
font-weight: bold;
font-size: 20px;
}
@media screen and (max-width:600px)
{
#pricetag .pricetag1 .field-content div
{
margin-left: 10px;
margin-right: 10px;
}
}
#postcontent
{
}
#postcontent .contentback ol.olclass
{
margin-right:40px;
margin-left: 40px;
}
#postcontent .contentback ol.olclass li
{
font-weight:bold;
color:#F66;
}
#postcontent .contentback ol.olclass p
{
padding-left:20px;
padding-right:20px;
text-align:justifyl
}
#postcontent .contentback .contenthead h2
{
text-align:center;
color: #F33;
font-size:24px;
text-transform:inherit;
}
#postcontent .contentback .subcontent
{
margin-left:60px;
color: #4c4c73;
font-size:24px;
}
#postcontent .contentback .para
{
margin-left:30px;
margin-right:30px;
}
#postcontent .contentback .para p
{
margin-left:90px;
}
@media screen and (max-width:600px)
{
#postcontent .contentback .para p
{
margin-left:10px;
}
#postcontent .contentback .subcontent
{
margin-left: 15px;
color: #4c4c73;
font-size: 20px;
}
#postcontent .contentback ol.olclass p
{
padding-left: 5px;
padding-right: 5px;
text-align: justifyl;
}
#postcontent .contentback ol.olclass
{
margin-right: 10px;
margin-left: 20px;
}
#postcontent .contentback .contenthead h2
{
margin-left: 5px;
text-align: justify;
color: #F33;
font-size: 22px;
text-transform: inherit;
margin-right: 5px;
}
}
#hireconten1
{
background-size:cover;
background-repeat:no-repeat;
margin: 20px 20px 20px 20px;
}
#hireconten1 .hirehead1
{
}
#hireconten1 .hirehead1 h2
{
text-align: center;
text-transform: capitalize;
color-interpolation: sRGB;
color: red;
}
#hireconten1 .hirehead1 .hiresub1
{
}
#hireconten1 .hirehead1 .hiresub1 h3
{
margin-right: 50px;
margin-left: 50px;
text-transform: initial;
}
#hireconten1 .hirehead1 .hiresub1 p
{
margin: 60px;
text-transform: inherit;
}
@media screen and (max-width:600px)
{
#hireconten1 .hirehead1 h2
{
text-align: center;
text-transform: capitalize;
color-interpolation: sRGB;
color: red;
}
#hireconten1 .hirehead1 .hiresub1 p
{
margin: 20px;
text-transform: inherit;
}
#hireconten1 .hirehead1 .hiresub1 p b
{
font-weight:bold;
}
#hireconten1 .hirehead1 .hiresub1 h3
{
margin-right: 10px;
margin-left: 11px;
text-transform: capitalize;
text-align:center !important;
}
}
#hireconten
{
background-image:url(../images/Bacground.jpg);
background-size:cover;
background-repeat:no-repeat;
margin: 20px 20px 20px 20px;
}
#hireconten .hirehead
{
}
#hireconten .hirehead h2
{
text-align: center;
text-transform: capitalize;
color-interpolation: sRGB;
color: red;
}
#hireconten .hirehead .hiresub
{
}
#hireconten .hirehead .hiresub h3
{
margin-right: 50px;
margin-left: 50px;
}
#hireconten .hirehead .hiresub p
{
margin: 60px;
text-transform: inherit;
}
@media screen and (max-width:600px)
{
#hireconten .hirehead h2
{
text-align: center;
text-transform: capitalize;
color-interpolation: sRGB;
color: red;
}
#hireconten .hirehead .hiresub p
{
margin: 20px;
text-transform: inherit;
}
#hireconten .hirehead .hiresub h3
{
margin-right: 10px;
margin-left: 11px;
text-transform: capitalize;
}
}
@media screen and (max-width:992px) {
.icon-bar {
width: 16%
}
.icon-bar a:hover {
background-color: #000;
-webkit-transform: rotate(350deg);
-webkit-transition: -webkit-transform 0.90s ease-in-out;
box-shadow: 0 0 11px rgba(33, 33, 33, .2)
}
}
.icon-bar {
position: fixed;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
overflow-style: marquee-block
}
.icon-bar a {
position: relative;
display: block;
text-align: center;
padding: 16px;
transition: all 0.3s ease;
color: white;
font-size: 20px
}
.icon-bar a:hover {
background-color: #000;
-webkit-transform: rotate(350deg);
-webkit-transition: -webkit-transform 0.90s ease-in-out;
box-shadow: 0 0 11px rgba(33, 33, 33, .2)
}
.facebook {
background: #3B5998;
color: white
}
.twitter {
background: #55ACEE;
color: white
}
.google {
background: #dd4b39;
color: white
}
.linkedin {
background: #007bb5;
color: white
}
.youtube {
background: #b00;
color: white
}
#sub-contect-pro1 {
padding-top: 100px
}
#sub-contect-pro1 img {
float: left;
width: 60%;
background-color: #999;
height: auto
}
#sub-contect-pro1 p {
font-size: 18px
}
#sub-contect-pro1 .sub-content-pro-header h4 {
text-align: left;
font-size: 36px;
text-transform: capitalize;
text-align: center
}
#sub-contect-pro1 .sub-content-pro-header h5 {
text-align: left;
font-size: 29px;
text-align: center
}
@media screen and (max-width:600px) {
#sub-contect-pro1 .sub-content-pro-header h4 {
font-size: 25px;
text-align: center
}
#sub-contect-pro1 img {
width: 100%
}
#sub-contect-pro1 img.pro {
width: 100%
}
#sub-contect-pro1 .sub-content-pro-header h5 {
text-align: center
}
}
#sub-contect-pro {
padding-top: 100px
}
#sub-contect-pro img {
float: left;
width: 60%;
background-color: #999;
height: auto
}
#sub-contect-pro p {
font-size: 18px
}
#sub-contect-pro img.pro {
float: right;
width: 30%
}
#sub-contect-pro .sub-content-pro-header h4 {
text-align: left;
font-size: 36px;
text-transform: capitalize;
text-align: center
}
#sub-contect-pro .sub-content-pro-header h5 {
text-align: left;
font-size: 29px;
text-align: center
}
@media screen and (max-width:600px) {
#sub-contect-pro .sub-content-pro-header h4 {
font-size: 25px;
text-align: center
}
#sub-contect-pro img {
width: 100%
}
#sub-contect-pro img.pro {
width: 100%
}
#sub-contect-pro .sub-content-pro-header h5 {
text-align: center
}
}
#content {
width: 100%;
padding-top: 30px
}
#content .content-head {
background-color: #069206;
padding-top: 40px;
color: #FFF;
padding-left: 10px;
padding-right: 10px
}
#content .content-head img {
float: left;
width: 15%;
padding-top: 30px
}
#content .content-head p {
text-align: justify;
padding-left: 60px
}
#content .content-head h1 {
text-align: center;
font-weight: 700;
font-size: 45px;
color: white
}
#content .content-head h2 {
text-align: center;
font-weight: 400;
font-size: 29px;
color: white
}
@media screen and (max-width:992px) {
#content .content-head p {
padding-left: 10px
}
#content .content-head h1 {
font-size: 20px;
color: red
}
#content .content-head h2 {
font-size: 15px;
color: white
}
#content .content-head img {
overflow: hidden;
display: none
}
}
#sub-content {
padding-top: 50px;
border-bottom-color: #9C3;
background-color: #CCC
}
#sub-content .sub-content-1 {
display: table-cell;
padding-right: 16px text-align: justify;
box-sizing: border-box
}
#sub-content .sub-content-1 h3 {
text-align: -webkit-center;
font-size: 23px;
font-weight: 700
}
#sub-content .sub-content-1 img {
width: 30%;
display: block;
margin-left: auto;
margin-right: auto
}
#sub-content .sub-content-1 p {
font-size: 15px
}
@media screen and (max-width:600px) {
#sub-content .sub-content-1 {
width: 100%;
display: inline-block
}
}
#sub-content-pro1 h4 {
font-weight: 700
}
.wrapper {
padding: 6rem 0 4rem 0;
position: relative;
margin: 0
}
.wrapper>.inner {
margin: 0 auto;
width: 80rem
}
.wrapper.style1 {
background-color: #5aa6ed;
color: #d6e9fb
}
.wrapper.style1 input,
.wrapper.style1 select,
.wrapper.style1 textarea {
color: #fff
}
.wrapper.style1 a {
color: #fff
}
.wrapper.style1 strong,
.wrapper.style1 b {
color: #fff
}
.wrapper.style1 h1,
.wrapper.style1 h2,
.wrapper.style1 h3,
.wrapper.style1 h4,
.wrapper.style1 h5,
.wrapper.style1 h6 {
color: #fff
}
.wrapper.style1 blockquote {
border-left-color: rgba(255, 255, 255, .25)
}
.wrapper.style1 code {
background: rgba(255, 255, 255, .075);
border-color: rgba(255, 255, 255, .25)
}
.wrapper.style1 hr {
border-bottom-color: rgba(255, 255, 255, .25)
}
.wrapper.style1 .box {
border-color: rgba(255, 255, 255, .25)
}
.wrapper.style1 input[type="submit"],
.wrapper.style1 input[type="reset"],
.wrapper.style1 input[type="button"],
.wrapper.style1 button,
.wrapper.style1 .button {
background-color: #f2f2f2;
color: #000!important
}
.wrapper.style1 input[type="submit"]:hover,
.wrapper.style1 input[type="reset"]:hover,
.wrapper.style1 input[type="button"]:hover,
.wrapper.style1 button:hover,
.wrapper.style1 .button:hover {
background-color: #fff
}
.wrapper.style1 input[type="submit"]:active,
.wrapper.style1 input[type="reset"]:active,
.wrapper.style1 input[type="button"]:active,
.wrapper.style1 button:active,
.wrapper.style1 .button:active {
background-color: #e5e5e5
}
.wrapper.style1 input[type="submit"].alt,
.wrapper.style1 input[type="reset"].alt,
.wrapper.style1 input[type="button"].alt,
.wrapper.style1 button.alt,
.wrapper.style1 .button.alt {
background-color: transparent;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .25);
color: #fff!important
}
.wrapper.style1 input[type="submit"].alt:hover,
.wrapper.style1 input[type="reset"].alt:hover,
.wrapper.style1 input[type="button"].alt:hover,
.wrapper.style1 button.alt:hover,
.wrapper.style1 .button.alt:hover {
background-color: rgba(255, 255, 255, .075)
}
.wrapper.style1 input[type="submit"].alt:active,
.wrapper.style1 input[type="reset"].alt:active,
.wrapper.style1 input[type="button"].alt:active,
.wrapper.style1 button.alt:active,
.wrapper.style1 .button.alt:active {
background-color: rgba(255, 255, 255, .2)
}
.wrapper.style1 input[type="submit"].alt.icon:before,
.wrapper.style1 input[type="reset"].alt.icon:before,
.wrapper.style1 input[type="button"].alt.icon:before,
.wrapper.style1 button.alt.icon:before,
.wrapper.style1 .button.alt.icon:before {
color: #bddbf8
}
.wrapper.style1 input[type="submit"].special,
.wrapper.style1 input[type="reset"].special,
.wrapper.style1 input[type="button"].special,
.wrapper.style1 button.special,
.wrapper.style1 .button.special {
background-color: #fff;
color: #5aa6ed!important
}
.wrapper.style1 label {
color: #fff
}
.wrapper.style1 input[type="text"],
.wrapper.style1 input[type="password"],
.wrapper.style1 input[type="email"],
.wrapper.style1 select,
.wrapper.style1 textarea {
background: rgba(255, 255, 255, .075);
border-color: rgba(255, 255, 255, .25)
}
.wrapper.style1 input[type="text"]:focus,
.wrapper.style1 input[type="password"]:focus,
.wrapper.style1 input[type="email"]:focus,
.wrapper.style1 select:focus,
.wrapper.style1 textarea:focus {
border-color: #fff;
box-shadow: 0 0 0 1px #fff
}
.wrapper.style1 .select-wrapper:before {
color: rgba(255, 255, 255, .25)
}
.wrapper.style1 input[type="checkbox"]+label,
.wrapper.style1 input[type="radio"]+label {
color: #d6e9fb
}
.wrapper.style1 input[type="checkbox"]+label:before,
.wrapper.style1 input[type="radio"]+label:before {
background: rgba(255, 255, 255, .075);
border-color: rgba(255, 255, 255, .25)
}
.wrapper.style1 input[type="checkbox"]:checked+label:before,
.wrapper.style1 input[type="radio"]:checked+label:before {
background-color: #fff;
border-color: #fff;
color: #5aa6ed
}
.wrapper.style1 input[type="checkbox"]:focus+label:before,
.wrapper.style1 input[type="radio"]:focus+label:before {
border-color: #fff;
box-shadow: 0 0 0 1px #fff
}
.wrapper.style1::-webkit-input-placeholder {
color: #bddbf8!important
}
.wrapper.style1:-moz-placeholder {
color: #bddbf8!important
}
.wrapper.style1::-moz-placeholder {
color: #bddbf8!important
}
.wrapper.style1:-ms-input-placeholder {
color: #bddbf8!important
}
.wrapper.style1 .formerize-placeholder {
color: #bddbf8!important
}
.wrapper.style1 ul.alt li {
border-top-color: rgba(255, 255, 255, .25)
}
.wrapper.style1 header p {
color: #bddbf8
}
.wrapper.style1 table tbody tr {
border-color: rgba(255, 255, 255, .25)
}
.wrapper.style1 table tbody tr:nth-child(2n+1) {
background-color: rgba(255, 255, 255, .075)
}
.wrapper.style1 table th {
color: #fff
}
.wrapper.style1 table thead {
border-bottom-color: rgba(255, 255, 255, .25)
}
.wrapper.style1 table tfoot {
border-top-color: rgba(255, 255, 255, .25)
}
.wrapper.style1 table.alt tbody tr td {
border-color: rgba(255, 255, 255, .25)
}
.wrapper.style2 {
background-color: #f2f2f2;
color: #a6a6a6
}
.wrapper.style2 input,
.wrapper.style2 select,
.wrapper.style2 textarea {
color: #000
}
.wrapper.style2 a {
color: #5aa6ed
}
.wrapper.style2 strong,
.wrapper.style2 b {
color: #000
}
.wrapper.style2 h1,
.wrapper.style2 h2,
.wrapper.style2 h3,
.wrapper.style2 h4,
.wrapper.style2 h5,
.wrapper.style2 h6 {
color: #000
}
.wrapper.style2 blockquote {
border-left-color: rgba(0, 0, 0, .15)
}
.wrapper.style2 code {
background: rgba(0, 0, 0, .075);
border-color: rgba(0, 0, 0, .15)
}
.wrapper.style2 hr {
border-bottom-color: rgba(0, 0, 0, .15)
}
.wrapper.style2 .box {
border-color: rgba(0, 0, 0, .15)
}
.wrapper.style2 input[type="submit"],
.wrapper.style2 input[type="reset"],
.wrapper.style2 input[type="button"],
.wrapper.style2 button,
.wrapper.style2 .button {
background-color: #000;
color: #f2f2f2!important
}
.wrapper.style2 input[type="submit"].alt,
.wrapper.style2 input[type="reset"].alt,
.wrapper.style2 input[type="button"].alt,
.wrapper.style2 button.alt,
.wrapper.style2 .button.alt {
background-color: transparent;
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .15);
color: #000!important
}
.wrapper.style2 input[type="submit"].alt:hover,
.wrapper.style2 input[type="reset"].alt:hover,
.wrapper.style2 input[type="button"].alt:hover,
.wrapper.style2 button.alt:hover,
.wrapper.style2 .button.alt:hover {
background-color: rgba(0, 0, 0, .075)
}
.wrapper.style2 input[type="submit"].alt:active,
.wrapper.style2 input[type="reset"].alt:active,
.wrapper.style2 input[type="button"].alt:active,
.wrapper.style2 button.alt:active,
.wrapper.style2 .button.alt:active {
background-color: rgba(0, 0, 0, .2)
}
.wrapper.style2 input[type="submit"].alt.icon:before,
.wrapper.style2 input[type="reset"].alt.icon:before,
.wrapper.style2 input[type="button"].alt.icon:before,
.wrapper.style2 button.alt.icon:before,
.wrapper.style2 .button.alt.icon:before {
color: #999
}
.wrapper.style2 input[type="submit"].special,
.wrapper.style2 input[type="reset"].special,
.wrapper.style2 input[type="button"].special,
.wrapper.style2 button.special,
.wrapper.style2 .button.special {
background-color: #5aa6ed;
color: #fff!important
}
.wrapper.style2 input[type="submit"].special:hover,
.wrapper.style2 input[type="reset"].special:hover,
.wrapper.style2 input[type="button"].special:hover,
.wrapper.style2 button.special:hover,
.wrapper.style2 .button.special:hover {
background-color: #71b2f0
}
.wrapper.style2 input[type="submit"].special:active,
.wrapper.style2 input[type="reset"].special:active,
.wrapper.style2 input[type="button"].special:active,
.wrapper.style2 button.special:active,
.wrapper.style2 .button.special:active {
background-color: #439aea
}
.wrapper.style2 label {
color: #000
}
.wrapper.style2 input[type="text"],
.wrapper.style2 input[type="password"],
.wrapper.style2 input[type="email"],
.wrapper.style2 select,
.wrapper.style2 textarea {
background: rgba(0, 0, 0, .075);
border-color: rgba(0, 0, 0, .15)
}
.wrapper.style2 input[type="text"]:focus,
.wrapper.style2 input[type="password"]:focus,
.wrapper.style2 input[type="email"]:focus,
.wrapper.style2 select:focus,
.wrapper.style2 textarea:focus {
border-color: #5aa6ed;
box-shadow: 0 0 0 1px #5aa6ed
}
.wrapper.style2 .select-wrapper:before {
color: rgba(0, 0, 0, .15)
}
.wrapper.style2 input[type="checkbox"]+label,
.wrapper.style2 input[type="radio"]+label {
color: #a6a6a6
}
.wrapper.style2 input[type="checkbox"]+label:before,
.wrapper.style2 input[type="radio"]+label:before {
background: rgba(0, 0, 0, .075);
border-color: rgba(0, 0, 0, .15)
}
.wrapper.style2 input[type="checkbox"]:checked+label:before,
.wrapper.style2 input[type="radio"]:checked+label:before {
background-color: #5aa6ed;
border-color: #5aa6ed;
color: #fff
}
.wrapper.style2 input[type="checkbox"]:focus+label:before,
.wrapper.style2 input[type="radio"]:focus+label:before {
border-color: #5aa6ed;
box-shadow: 0 0 0 1px #5aa6ed
}
.wrapper.style2::-webkit-input-placeholder {
color: #999!important
}
.wrapper.style2:-moz-placeholder {
color: #999!important
}
.wrapper.style2::-moz-placeholder {
color: #999!important
}
.wrapper.style2:-ms-input-placeholder {
color: #999!important
}
.wrapper.style2 .formerize-placeholder {
color: #999!important
}
.wrapper.style2 ul.alt li {
border-top-color: rgba(0, 0, 0, .15)
}
.wrapper.style2 header p {
color: #999
}
.wrapper.style2 table tbody tr {
border-color: rgba(0, 0, 0, .15)
}
.wrapper.style2 table tbody tr:nth-child(2n+1) {
background-color: rgba(0, 0, 0, .075)
}
.wrapper.style2 table th {
color: #000
}
.wrapper.style2 table thead {
border-bottom-color: rgba(0, 0, 0, .15)
}
.wrapper.style2 table tfoot {
border-top-color: rgba(0, 0, 0, .15)
}
.wrapper.style2 table.alt tbody tr td {
border-color: rgba(0, 0, 0, .15)
}
.wrapper.style3 {
background-color: #000;
color: #bfbfbf;
background-image: url(https://www.rajpackersandmovers.com/More/images/bg.jpg);
background-size: cover;
background-attachment: fixed;
background-position: center;
position: relative
}
.wrapper.style3 input,
.wrapper.style3 select,
.wrapper.style3 textarea {
color: #fff
}
.wrapper.style3 a {
color: #5aa6ed
}
.wrapper.style3 strong,
.wrapper.style3 b {
color: #fff
}
.wrapper.style3 h1,
.wrapper.style3 h2,
.wrapper.style3 h3,
.wrapper.style3 h4,
.wrapper.style3 h5,
.wrapper.style3 h6 {
color: #fff
}
.wrapper.style3 blockquote {
border-left-color: rgba(255, 255, 255, .25)
}
.wrapper.style3 code {
background: rgba(255, 255, 255, .075);
border-color: rgba(255, 255, 255, .25)
}
.wrapper.style3 hr {
border-bottom-color: rgba(255, 255, 255, .25)
}
.wrapper.style3 .box {
border-color: rgba(255, 255, 255, .25)
}
.wrapper.style3 input[type="submit"],
.wrapper.style3 input[type="reset"],
.wrapper.style3 input[type="button"],
.wrapper.style3 button,
.wrapper.style3 .button {
background-color: #f2f2f2;
color: #000!important
}
.wrapper.style3 input[type="submit"]:hover,
.wrapper.style3 input[type="reset"]:hover,
.wrapper.style3 input[type="button"]:hover,
.wrapper.style3 button:hover,
.wrapper.style3 .button:hover {
background-color: #fff
}
.wrapper.style3 input[type="submit"]:active,
.wrapper.style3 input[type="reset"]:active,
.wrapper.style3 input[type="button"]:active,
.wrapper.style3 button:active,
.wrapper.style3 .button:active {
background-color: #e5e5e5
}
.wrapper.style3 input[type="submit"].alt,
.wrapper.style3 input[type="reset"].alt,
.wrapper.style3 input[type="button"].alt,
.wrapper.style3 button.alt,
.wrapper.style3 .button.alt {
background-color: transparent;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .25);
color: #fff!important
}
.wrapper.style3 input[type="submit"].alt:hover,
.wrapper.style3 input[type="reset"].alt:hover,
.wrapper.style3 input[type="button"].alt:hover,
.wrapper.style3 button.alt:hover,
.wrapper.style3 .button.alt:hover {
background-color: rgba(255, 255, 255, .075)
}
.wrapper.style3 input[type="submit"].alt:active,
.wrapper.style3 input[type="reset"].alt:active,
.wrapper.style3 input[type="button"].alt:active,
.wrapper.style3 button.alt:active,
.wrapper.style3 .button.alt:active {
background-color: rgba(255, 255, 255, .2)
}
.wrapper.style3 input[type="submit"].alt.icon:before,
.wrapper.style3 input[type="reset"].alt.icon:before,
.wrapper.style3 input[type="button"].alt.icon:before,
.wrapper.style3 button.alt.icon:before,
.wrapper.style3 .button.alt.icon:before {
color: #999
}
.wrapper.style3 input[type="submit"].special,
.wrapper.style3 input[type="reset"].special,
.wrapper.style3 input[type="button"].special,
.wrapper.style3 button.special,
.wrapper.style3 .button.special {
background-color: #5aa6ed;
color: #fff!important
}
.wrapper.style3 input[type="submit"].special:hover,
.wrapper.style3 input[type="reset"].special:hover,
.wrapper.style3 input[type="button"].special:hover,
.wrapper.style3 button.special:hover,
.wrapper.style3 .button.special:hover {
background-color: #71b2f0
}
.wrapper.style3 input[type="submit"].special:active,
.wrapper.style3 input[type="reset"].special:active,
.wrapper.style3 input[type="button"].special:active,
.wrapper.style3 button.special:active,
.wrapper.style3 .button.special:active {
background-color: #439aea
}
.wrapper.style3 label {
color: #fff
}
.wrapper.style3 input[type="text"],
.wrapper.style3 input[type="password"],
.wrapper.style3 input[type="email"],
.wrapper.style3 select,
.wrapper.style3 textarea {
background: rgba(255, 255, 255, .075);
border-color: rgba(255, 255, 255, .25)
}
.wrapper.style3 input[type="text"]:focus,
.wrapper.style3 input[type="password"]:focus,
.wrapper.style3 input[type="email"]:focus,
.wrapper.style3 select:focus,
.wrapper.style3 textarea:focus {
border-color: #5aa6ed;
box-shadow: 0 0 0 1px #5aa6ed
}
.wrapper.style3 .select-wrapper:before {
color: rgba(255, 255, 255, .25)
}
.wrapper.style3 input[type="checkbox"]+label,
.wrapper.style3 input[type="radio"]+label {
color: #bfbfbf
}
.wrapper.style3 input[type="checkbox"]+label:before,
.wrapper.style3 input[type="radio"]+label:before {
background: rgba(255, 255, 255, .075);
border-color: rgba(255, 255, 255, .25)
}
.wrapper.style3 input[type="checkbox"]:checked+label:before,
.wrapper.style3 input[type="radio"]:checked+label:before {
background-color: #5aa6ed;
border-color: #5aa6ed;
color: #fff
}
.wrapper.style3 input[type="checkbox"]:focus+label:before,
.wrapper.style3 input[type="radio"]:focus+label:before {
border-color: #5aa6ed;
box-shadow: 0 0 0 1px #5aa6ed
}
.wrapper.style3::-webkit-input-placeholder {
color: #999!important
}
.wrapper.style3:-moz-placeholder {
color: #999!important
}
.wrapper.style3::-moz-placeholder {
color: #999!important
}
.wrapper.style3:-ms-input-placeholder {
color: #999!important
}
.wrapper.style3 .formerize-placeholder {
color: #999!important
}
.wrapper.style3 ul.alt li {
border-top-color: rgba(255, 255, 255, .25)
}
.wrapper.style3 header p {
color: #999
}
.wrapper.style3 table tbody tr {
border-color: rgba(255, 255, 255, .25)
}
.wrapper.style3 table tbody tr:nth-child(2n+1) {
background-color: rgba(255, 255, 255, .075)
}
.wrapper.style3 table th {
color: #fff
}
.wrapper.style3 table thead {
border-bottom-color: rgba(255, 255, 255, .25)
}
.wrapper.style3 table tfoot {
border-top-color: rgba(255, 255, 255, .25)
}
.wrapper.style3 table.alt tbody tr td {
border-color: rgba(255, 255, 255, .25)
}
.wrapper.style3 .inner {
position: relative;
z-index: 2
}
.wrapper.style3:before {
-moz-transition: opacity 3s ease;
-webkit-transition: opacity 3s ease;
-ms-transition: opacity 3s ease;
transition: opacity 3s ease;
-moz-transition-delay: 1.25s;
-webkit-transition-delay: 1.25s;
-ms-transition-delay: 1.25s;
transition-delay: 1.25s;
content: '';
display: block;
background-color: rgba(0, 0, 0, .95);
height: 100%;
left: 0;
opacity: .75;
position: absolute;
top: 0;
width: 100%;
z-index: 1
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
body {
line-height: 1
}
ol,
ul {
list-style: none
}
blockquote,
q {
quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
body {
-webkit-text-size-adjust: none
}
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.container {
margin-left: auto;
margin-right: auto
}
.container.125\% {
width: 100%;
max-width: 100rem;
min-width: 80rem
}
.container.75\% {
width: 60rem
}
.container.50\% {
width: 40rem
}
.container.25\% {
width: 20rem
}
.container {
width: 80rem
}
@media screen and (max-width:1680px) {
.container.125\% {
width: 100%;
max-width: 100rem;
min-width: 80rem
}
.container.75\% {
width: 60rem
}
.container.50\% {
width: 40rem
}
.container.25\% {
width: 20rem
}
.container {
width: 80rem
}
}
@media screen and (max-width:1280px) {
.container.125\% {
width: 100%;
max-width: 81.25rem;
min-width: 65rem
}
.container.75\% {
width: 48.75rem
}
.container.50\% {
width: 32.5rem
}
.container.25\% {
width: 16.25rem
}
.container {
width: 65rem
}
}
@media screen and (max-width:980px) {
.container.125\% {
width: 100%;
max-width: 112.5%;
min-width: 90%
}
.container.75\% {
width: 67.5%
}
.container.50\% {
width: 45%
}
.container.25\% {
width: 22.5%
}
.container {
width: 90%
}
}
@media screen and (max-width:736px) {
.container.125\% {
width: 100%;
max-width: 112.5%;
min-width: 90%
}
.container.75\% {
width: 67.5%
}
.container.50\% {
width: 45%
}
.container.25\% {
width: 22.5%
}
.container {
width: 90%!important
}
}
@media screen and (max-width:480px) {
.container.125\% {
width: 100%;
max-width: 112.5%;
min-width: 90%
}
.container.75\% {
width: 67.5%
}
.container.50\% {
width: 45%
}
.container.25\% {
width: 22.5%
}
.container {
width: 90%!important
}
}
.row {
border-bottom: solid 1px transparent;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.row>* {
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.row:after,
.row:before {
content: '';
display: block;
clear: both;
height: 0
}
.row.uniform>*>:first-child {
margin-top: 0
}
.row.uniform>*>:last-child {
margin-bottom: 0
}
.row.0\%>* {
padding: 0
}
.row.0\% {
margin: 0 0 -1px 0
}
.row.uniform.0\%>* {
padding: 0
}
.row.uniform.0\% {
margin: 0 0 -1px 0
}
.row>* {
padding: 0 0 0 2rem
}
.row {
margin: 0 0 -1px -2rem
}
.row.uniform>* {
padding: 2rem 0 0 2rem
}
.row.uniform {
margin: -2rem 0 -1px -2rem
}
.row.200\%>* {
padding: 0 0 0 4rem
}
.row.200\% {
margin: 0 0 -1px -4rem
}
.row.uniform.200\%>* {
padding: 4rem 0 0 4rem
}
.row.uniform.200\% {
margin: -4rem 0 -1px -4rem
}
.row.150\%>* {
padding: 0 0 0 3rem
}
.row.150\% {
margin: 0 0 -1px -3rem
}
.row.uniform.150\%>* {
padding: 3rem 0 0 3rem
}
.row.uniform.150\% {
margin: -3rem 0 -1px -3rem
}
.row.50\%>* {
padding: 0 0 0 1rem
}
.row.50\% {
margin: 0 0 -1px -1rem
}
.row.uniform.50\%>* {
padding: 1rem 0 0 1rem
}
.row.uniform.50\% {
margin: -1rem 0 -1px -1rem
}
.row.25\%>* {
padding: 0 0 0 .5rem
}
.row.25\% {
margin: 0 0 -1px -.5rem
}
.row.uniform.25\%>* {
padding: .5rem 0 0 .5rem
}
.row.uniform.25\% {
margin: -.5rem 0 -1px -.5rem
}
.12u,
.12u\$ {
width: 100%;
clear: none;
margin-left: 0
}
.11u,
.11u\$ {
width: 91.6666666667%;
clear: none;
margin-left: 0
}
.10u,
.10u\$ {
width: 83.3333333333%;
clear: none;
margin-left: 0
}
.9u,
.9u\$ {
width: 75%;
clear: none;
margin-left: 0
}
.8u,
.8u\$ {
width: 66.6666666667%;
clear: none;
margin-left: 0
}
.7u,
.7u\$ {
width: 58.3333333333%;
clear: none;
margin-left: 0
}
.6u,
.6u\$ {
width: 50%;
clear: none;
margin-left: 0
}
.5u,
.5u\$ {
width: 41.6666666667%;
clear: none;
margin-left: 0
}
.4u,
.4u\$ {
width: 33.3333333333%;
clear: none;
margin-left: 0
}
.3u,
.3u\$ {
width: 25%;
clear: none;
margin-left: 0
}
.2u,
.2u\$ {
width: 16.6666666667%;
clear: none;
margin-left: 0
}
.1u,
.1u\$ {
width: 8.3333333333%;
clear: none;
margin-left: 0
}
.12u\$+*,
.11u\$+*,
.10u\$+*,
.9u\$+*,
.8u\$+*,
.7u\$+*,
.6u\$+*,
.5u\$+*,
.4u\$+*,
.3u\$+*,
.2u\$+*,
.1u\$+* {
clear: left
}
.-11u {
margin-left: 91.66667%
}
.-10u {
margin-left: 83.33333%
}
.-9u {
margin-left: 75%
}
.-8u {
margin-left: 66.66667%
}
.-7u {
margin-left: 58.33333%
}
.-6u {
margin-left: 50%
}
.-5u {
margin-left: 41.66667%
}
.-4u {
margin-left: 33.33333%
}
.-3u {
margin-left: 25%
}
.-2u {
margin-left: 16.66667%
}
.-1u {
margin-left: 8.33333%
}
@media screen and (max-width:1680px) {
.row>* {
padding: 0 0 0 2rem
}
.row {
margin: 0 0 -1px -2rem
}
.row.uniform>* {
padding: 2rem 0 0 2rem
}
.row.uniform {
margin: -2rem 0 -1px -2rem
}
.row.200\%>* {
padding: 0 0 0 4rem
}
.row.200\% {
margin: 0 0 -1px -4rem
}
.row.uniform.200\%>* {
padding: 4rem 0 0 4rem
}
.row.uniform.200\% {
margin: -4rem 0 -1px -4rem
}
.row.150\%>* {
padding: 0 0 0 3rem
}
.row.150\% {
margin: 0 0 -1px -3rem
}
.row.uniform.150\%>* {
padding: 3rem 0 0 3rem
}
.row.uniform.150\% {
margin: -3rem 0 -1px -3rem
}
.row.50\%>* {
padding: 0 0 0 1rem
}
.row.50\% {
margin: 0 0 -1px -1rem
}
.row.uniform.50\%>* {
padding: 1rem 0 0 1rem
}
.row.uniform.50\% {
margin: -1rem 0 -1px -1rem
}
.row.25\%>* {
padding: 0 0 0 .5rem
}
.row.25\% {
margin: 0 0 -1px -.5rem
}
.row.uniform.25\%>* {
padding: .5rem 0 0 .5rem
}
.row.uniform.25\% {
margin: -.5rem 0 -1px -.5rem
}
.12u\(xlarge\),
.12u\$\(xlarge\) {
width: 100%;
clear: none;
margin-left: 0
}
.11u\(xlarge\),
.11u\$\(xlarge\) {
width: 91.6666666667%;
clear: none;
margin-left: 0
}
.10u\(xlarge\),
.10u\$\(xlarge\) {
width: 83.3333333333%;
clear: none;
margin-left: 0
}
.9u\(xlarge\),
.9u\$\(xlarge\) {
width: 75%;
clear: none;
margin-left: 0
}
.8u\(xlarge\),
.8u\$\(xlarge\) {
width: 66.6666666667%;
clear: none;
margin-left: 0
}
.7u\(xlarge\),
.7u\$\(xlarge\) {
width: 58.3333333333%;
clear: none;
margin-left: 0
}
.6u\(xlarge\),
.6u\$\(xlarge\) {
width: 50%;
clear: none;
margin-left: 0
}
.5u\(xlarge\),
.5u\$\(xlarge\) {
width: 41.6666666667%;
clear: none;
margin-left: 0
}
.4u\(xlarge\),
.4u\$\(xlarge\) {
width: 33.3333333333%;
clear: none;
margin-left: 0
}
.3u\(xlarge\),
.3u\$\(xlarge\) {
width: 25%;
clear: none;
margin-left: 0
}
.2u\(xlarge\),
.2u\$\(xlarge\) {
width: 16.6666666667%;
clear: none;
margin-left: 0
}
.1u\(xlarge\),
.1u\$\(xlarge\) {
width: 8.3333333333%;
clear: none;
margin-left: 0
}
.12u\$\(xlarge\)+*,
.11u\$\(xlarge\)+*,
.10u\$\(xlarge\)+*,
.9u\$\(xlarge\)+*,
.8u\$\(xlarge\)+*,
.7u\$\(xlarge\)+*,
.6u\$\(xlarge\)+*,
.5u\$\(xlarge\)+*,
.4u\$\(xlarge\)+*,
.3u\$\(xlarge\)+*,
.2u\$\(xlarge\)+*,
.1u\$\(xlarge\)+* {
clear: left
}
.-11u\(xlarge\) {
margin-left: 91.66667%
}
.-10u\(xlarge\) {
margin-left: 83.33333%
}
.-9u\(xlarge\) {
margin-left: 75%
}
.-8u\(xlarge\) {
margin-left: 66.66667%
}
.-7u\(xlarge\) {
margin-left: 58.33333%
}
.-6u\(xlarge\) {
margin-left: 50%
}
.-5u\(xlarge\) {
margin-left: 41.66667%
}
.-4u\(xlarge\) {
margin-left: 33.33333%
}
.-3u\(xlarge\) {
margin-left: 25%
}
.-2u\(xlarge\) {
margin-left: 16.66667%
}
.-1u\(xlarge\) {
margin-left: 8.33333%
}
}
@media screen and (max-width:1280px) {
.row>* {
padding: 0 0 0 1.5rem
}
.row {
margin: 0 0 -1px -1.5rem
}
.row.uniform>* {
padding: 1.5rem 0 0 1.5rem
}
.row.uniform {
margin: -1.5rem 0 -1px -1.5rem
}
.row.200\%>* {
padding: 0 0 0 3rem
}
.row.200\% {
margin: 0 0 -1px -3rem
}
.row.uniform.200\%>* {
padding: 3rem 0 0 3rem
}
.row.uniform.200\% {
margin: -3rem 0 -1px -3rem
}
.row.150\%>* {
padding: 0 0 0 2.25rem
}
.row.150\% {
margin: 0 0 -1px -2.25rem
}
.row.uniform.150\%>* {
padding: 2.25rem 0 0 2.25rem
}
.row.uniform.150\% {
margin: -2.25rem 0 -1px -2.25rem
}
.row.50\%>* {
padding: 0 0 0 .75rem
}
.row.50\% {
margin: 0 0 -1px -.75rem
}
.row.uniform.50\%>* {
padding: .75rem 0 0 .75rem
}
.row.uniform.50\% {
margin: -.75rem 0 -1px -.75rem
}
.row.25\%>* {
padding: 0 0 0 .375rem
}
.row.25\% {
margin: 0 0 -1px -.375rem
}
.row.uniform.25\%>* {
padding: .375rem 0 0 .375rem
}
.row.uniform.25\% {
margin: -.375rem 0 -1px -.375rem
}
.12u\(large\),
.12u\$\(large\) {
width: 100%;
clear: none;
margin-left: 0
}
.11u\(large\),
.11u\$\(large\) {
width: 91.6666666667%;
clear: none;
margin-left: 0
}
.10u\(large\),
.10u\$\(large\) {
width: 83.3333333333%;
clear: none;
margin-left: 0
}
.9u\(large\),
.9u\$\(large\) {
width: 75%;
clear: none;
margin-left: 0
}
.8u\(large\),
.8u\$\(large\) {
width: 66.6666666667%;
clear: none;
margin-left: 0
}
.7u\(large\),
.7u\$\(large\) {
width: 58.3333333333%;
clear: none;
margin-left: 0
}
.6u\(large\),
.6u\$\(large\) {
width: 50%;
clear: none;
margin-left: 0
}
.5u\(large\),
.5u\$\(large\) {
width: 41.6666666667%;
clear: none;
margin-left: 0
}
.4u\(large\),
.4u\$\(large\) {
width: 33.3333333333%;
clear: none;
margin-left: 0
}
.3u\(large\),
.3u\$\(large\) {
width: 25%;
clear: none;
margin-left: 0
}
.2u\(large\),
.2u\$\(large\) {
width: 16.6666666667%;
clear: none;
margin-left: 0
}
.1u\(large\),
.1u\$\(large\) {
width: 8.3333333333%;
clear: none;
margin-left: 0
}
.12u\$\(large\)+*,
.11u\$\(large\)+*,
.10u\$\(large\)+*,
.9u\$\(large\)+*,
.8u\$\(large\)+*,
.7u\$\(large\)+*,
.6u\$\(large\)+*,
.5u\$\(large\)+*,
.4u\$\(large\)+*,
.3u\$\(large\)+*,
.2u\$\(large\)+*,
.1u\$\(large\)+* {
clear: left
}
.-11u\(large\) {
margin-left: 91.66667%
}
.-10u\(large\) {
margin-left: 83.33333%
}
.-9u\(large\) {
margin-left: 75%
}
.-8u\(large\) {
margin-left: 66.66667%
}
.-7u\(large\) {
margin-left: 58.33333%
}
.-6u\(large\) {
margin-left: 50%
}
.-5u\(large\) {
margin-left: 41.66667%
}
.-4u\(large\) {
margin-left: 33.33333%
}
.-3u\(large\) {
margin-left: 25%
}
.-2u\(large\) {
margin-left: 16.66667%
}
.-1u\(large\) {
margin-left: 8.33333%
}
}
@media screen and (max-width:980px) {
.row>* {
padding: 0 0 0 1.5rem
}
.row {
margin: 0 0 -1px -1.5rem
}
.row.uniform>* {
padding: 1.5rem 0 0 1.5rem
}
.row.uniform {
margin: -1.5rem 0 -1px -1.5rem
}
.row.200\%>* {
padding: 0 0 0 3rem
}
.row.200\% {
margin: 0 0 -1px -3rem
}
.row.uniform.200\%>* {
padding: 3rem 0 0 3rem
}
.row.uniform.200\% {
margin: -3rem 0 -1px -3rem
}
.row.150\%>* {
padding: 0 0 0 2.25rem
}
.row.150\% {
margin: 0 0 -1px -2.25rem
}
.row.uniform.150\%>* {
padding: 2.25rem 0 0 2.25rem
}
.row.uniform.150\% {
margin: -2.25rem 0 -1px -2.25rem
}
.row.50\%>* {
padding: 0 0 0 .75rem
}
.row.50\% {
margin: 0 0 -1px -.75rem
}
.row.uniform.50\%>* {
padding: .75rem 0 0 .75rem
}
.row.uniform.50\% {
margin: -.75rem 0 -1px -.75rem
}
.row.25\%>* {
padding: 0 0 0 .375rem
}
.row.25\% {
margin: 0 0 -1px -.375rem
}
.row.uniform.25\%>* {
padding: .375rem 0 0 .375rem
}
.row.uniform.25\% {
margin: -.375rem 0 -1px -.375rem
}
.12u\(medium\),
.12u\$\(medium\) {
width: 100%;
clear: none;
margin-left: 0
}
.11u\(medium\),
.11u\$\(medium\) {
width: 91.6666666667%;
clear: none;
margin-left: 0
}
.10u\(medium\),
.10u\$\(medium\) {
width: 83.3333333333%;
clear: none;
margin-left: 0
}
.9u\(medium\),
.9u\$\(medium\) {
width: 75%;
clear: none;
margin-left: 0
}
.8u\(medium\),
.8u\$\(medium\) {
width: 66.6666666667%;
clear: none;
margin-left: 0
}
.7u\(medium\),
.7u\$\(medium\) {
width: 58.3333333333%;
clear: none;
margin-left: 0
}
.6u\(medium\),
.6u\$\(medium\) {
width: 50%;
clear: none;
margin-left: 0
}
.5u\(medium\),
.5u\$\(medium\) {
width: 41.6666666667%;
clear: none;
margin-left: 0
}
.4u\(medium\),
.4u\$\(medium\) {
width: 33.3333333333%;
clear: none;
margin-left: 0
}
.3u\(medium\),
.3u\$\(medium\) {
width: 25%;
clear: none;
margin-left: 0
}
.2u\(medium\),
.2u\$\(medium\) {
width: 16.6666666667%;
clear: none;
margin-left: 0
}
.1u\(medium\),
.1u\$\(medium\) {
width: 8.3333333333%;
clear: none;
margin-left: 0
}
.12u\$\(medium\)+*,
.11u\$\(medium\)+*,
.10u\$\(medium\)+*,
.9u\$\(medium\)+*,
.8u\$\(medium\)+*,
.7u\$\(medium\)+*,
.6u\$\(medium\)+*,
.5u\$\(medium\)+*,
.4u\$\(medium\)+*,
.3u\$\(medium\)+*,
.2u\$\(medium\)+*,
.1u\$\(medium\)+* {
clear: left
}
.-11u\(medium\) {
margin-left: 91.66667%
}
.-10u\(medium\) {
margin-left: 83.33333%
}
.-9u\(medium\) {
margin-left: 75%
}
.-8u\(medium\) {
margin-left: 66.66667%
}
.-7u\(medium\) {
margin-left: 58.33333%
}
.-6u\(medium\) {
margin-left: 50%
}
.-5u\(medium\) {
margin-left: 41.66667%
}
.-4u\(medium\) {
margin-left: 33.33333%
}
.-3u\(medium\) {
margin-left: 25%
}
.-2u\(medium\) {
margin-left: 16.66667%
}
.-1u\(medium\) {
margin-left: 8.33333%
}
}
@media screen and (max-width:736px) {
.row>* {
padding: 0 0 0 1.25rem
}
.row {
margin: 0 0 -1px -1.25rem
}
.row.uniform>* {
padding: 1.25rem 0 0 1.25rem
}
.row.uniform {
margin: -1.25rem 0 -1px -1.25rem
}
.row.200\%>* {
padding: 0 0 0 2.5rem
}
.row.200\% {
margin: 0 0 -1px -2.5rem
}
.row.uniform.200\%>* {
padding: 2.5rem 0 0 2.5rem
}
.row.uniform.200\% {
margin: -2.5rem 0 -1px -2.5rem
}
.row.150\%>* {
padding: 0 0 0 1.875rem
}
.row.150\% {
margin: 0 0 -1px -1.875rem
}
.row.uniform.150\%>* {
padding: 1.875rem 0 0 1.875rem
}
.row.uniform.150\% {
margin: -1.875rem 0 -1px -1.875rem
}
.row.50\%>* {
padding: 0 0 0 .625rem
}
.row.50\% {
margin: 0 0 -1px -.625rem
}
.row.uniform.50\%>* {
padding: .625rem 0 0 .625rem
}
.row.uniform.50\% {
margin: -.625rem 0 -1px -.625rem
}
.row.25\%>* {
padding: 0 0 0 .3125rem
}
.row.25\% {
margin: 0 0 -1px -.3125rem
}
.row.uniform.25\%>* {
padding: .3125rem 0 0 .3125rem
}
.row.uniform.25\% {
margin: -.3125rem 0 -1px -.3125rem
}
.12u\(small\),
.12u\$\(small\) {
width: 100%;
clear: none;
margin-left: 0
}
.11u\(small\),
.11u\$\(small\) {
width: 91.6666666667%;
clear: none;
margin-left: 0
}
.10u\(small\),
.10u\$\(small\) {
width: 83.3333333333%;
clear: none;
margin-left: 0
}
.9u\(small\),
.9u\$\(small\) {
width: 75%;
clear: none;
margin-left: 0
}
.8u\(small\),
.8u\$\(small\) {
width: 66.6666666667%;
clear: none;
margin-left: 0
}
.7u\(small\),
.7u\$\(small\) {
width: 58.3333333333%;
clear: none;
margin-left: 0
}
.6u\(small\),
.6u\$\(small\) {
width: 50%;
clear: none;
margin-left: 0
}
.5u\(small\),
.5u\$\(small\) {
width: 41.6666666667%;
clear: none;
margin-left: 0
}
.4u\(small\),
.4u\$\(small\) {
width: 33.3333333333%;
clear: none;
margin-left: 0
}
.3u\(small\),
.3u\$\(small\) {
width: 25%;
clear: none;
margin-left: 0
}
.2u\(small\),
.2u\$\(small\) {
width: 16.6666666667%;
clear: none;
margin-left: 0
}
.1u\(small\),
.1u\$\(small\) {
width: 8.3333333333%;
clear: none;
margin-left: 0
}
.12u\$\(small\)+*,
.11u\$\(small\)+*,
.10u\$\(small\)+*,
.9u\$\(small\)+*,
.8u\$\(small\)+*,
.7u\$\(small\)+*,
.6u\$\(small\)+*,
.5u\$\(small\)+*,
.4u\$\(small\)+*,
.3u\$\(small\)+*,
.2u\$\(small\)+*,
.1u\$\(small\)+* {
clear: left
}
.-11u\(small\) {
margin-left: 91.66667%
}
.-10u\(small\) {
margin-left: 83.33333%
}
.-9u\(small\) {
margin-left: 75%
}
.-8u\(small\) {
margin-left: 66.66667%
}
.-7u\(small\) {
margin-left: 58.33333%
}
.-6u\(small\) {
margin-left: 50%
}
.-5u\(small\) {
margin-left: 41.66667%
}
.-4u\(small\) {
margin-left: 33.33333%
}
.-3u\(small\) {
margin-left: 25%
}
.-2u\(small\) {
margin-left: 16.66667%
}
.-1u\(small\) {
margin-left: 8.33333%
}
}
@media screen and (max-width:480px) {
.row>* {
padding: 0 0 0 1.25rem
}
.row {
margin: 0 0 -1px -1.25rem
}
.row.uniform>* {
padding: 1.25rem 0 0 1.25rem
}
.row.uniform {
margin: -1.25rem 0 -1px -1.25rem
}
.row.200\%>* {
padding: 0 0 0 2.5rem
}
.row.200\% {
margin: 0 0 -1px -2.5rem
}
.row.uniform.200\%>* {
padding: 2.5rem 0 0 2.5rem
}
.row.uniform.200\% {
margin: -2.5rem 0 -1px -2.5rem
}
.row.150\%>* {
padding: 0 0 0 1.875rem
}
.row.150\% {
margin: 0 0 -1px -1.875rem
}
.row.uniform.150\%>* {
padding: 1.875rem 0 0 1.875rem
}
.row.uniform.150\% {
margin: -1.875rem 0 -1px -1.875rem
}
.row.50\%>* {
padding: 0 0 0 .625rem
}
.row.50\% {
margin: 0 0 -1px -.625rem
}
.row.uniform.50\%>* {
padding: .625rem 0 0 .625rem
}
.row.uniform.50\% {
margin: -.625rem 0 -1px -.625rem
}
.row.25\%>* {
padding: 0 0 0 .3125rem
}
.row.25\% {
margin: 0 0 -1px -.3125rem
}
.row.uniform.25\%>* {
padding: .3125rem 0 0 .3125rem
}
.row.uniform.25\% {
margin: -.3125rem 0 -1px -.3125rem
}
.12u\(xsmall\),
.12u\$\(xsmall\) {
width: 100%;
clear: none;
margin-left: 0
}
.11u\(xsmall\),
.11u\$\(xsmall\) {
width: 91.6666666667%;
clear: none;
margin-left: 0
}
.10u\(xsmall\),
.10u\$\(xsmall\) {
width: 83.3333333333%;
clear: none;
margin-left: 0
}
.9u\(xsmall\),
.9u\$\(xsmall\) {
width: 75%;
clear: none;
margin-left: 0
}
.8u\(xsmall\),
.8u\$\(xsmall\) {
width: 66.6666666667%;
clear: none;
margin-left: 0
}
.7u\(xsmall\),
.7u\$\(xsmall\) {
width: 58.3333333333%;
clear: none;
margin-left: 0
}
.6u\(xsmall\),
.6u\$\(xsmall\) {
width: 50%;
clear: none;
margin-left: 0
}
.5u\(xsmall\),
.5u\$\(xsmall\) {
width: 41.6666666667%;
clear: none;
margin-left: 0
}
.4u\(xsmall\),
.4u\$\(xsmall\) {
width: 33.3333333333%;
clear: none;
margin-left: 0
}
.3u\(xsmall\),
.3u\$\(xsmall\) {
width: 25%;
clear: none;
margin-left: 0
}
.2u\(xsmall\),
.2u\$\(xsmall\) {
width: 16.6666666667%;
clear: none;
margin-left: 0
}
.1u\(xsmall\),
.1u\$\(xsmall\) {
width: 8.3333333333%;
clear: none;
margin-left: 0
}
.12u\$\(xsmall\)+*,
.11u\$\(xsmall\)+*,
.10u\$\(xsmall\)+*,
.9u\$\(xsmall\)+*,
.8u\$\(xsmall\)+*,
.7u\$\(xsmall\)+*,
.6u\$\(xsmall\)+*,
.5u\$\(xsmall\)+*,
.4u\$\(xsmall\)+*,
.3u\$\(xsmall\)+*,
.2u\$\(xsmall\)+*,
.1u\$\(xsmall\)+* {
clear: left
}
.-11u\(xsmall\) {
margin-left: 91.66667%
}
.-10u\(xsmall\) {
margin-left: 83.33333%
}
.-9u\(xsmall\) {
margin-left: 75%
}
.-8u\(xsmall\) {
margin-left: 66.66667%
}
.-7u\(xsmall\) {
margin-left: 58.33333%
}
.-6u\(xsmall\) {
margin-left: 50%
}
.-5u\(xsmall\) {
margin-left: 41.66667%
}
.-4u\(xsmall\) {
margin-left: 33.33333%
}
.-3u\(xsmall\) {
margin-left: 25%
}
.-2u\(xsmall\) {
margin-left: 16.66667%
}
.-1u\(xsmall\) {
margin-left: 8.33333%
}
}
@-ms-viewport {
width: device-width
}
body {
-ms-overflow-style: scrollbar
}
@media screen and (max-width:480px) {
html,
body {
min-width: 320px
}
}
body {
background: #fff
}
body.is-loading *,
body.is-loading *:before,
body.is-loading *:after {
-moz-animation: none!important;
-webkit-animation: none!important;
-ms-animation: none!important;
animation: none!important;
-moz-transition: none!important;
-webkit-transition: none!important;
-ms-transition: none!important;
transition: none!important
}
html {
font-size: 13pt
}
@media screen and (max-width:1680px) {
html {
font-size: 11pt
}
}
@media screen and (max-width:1280px) {
html {
font-size: 11pt
}
}
@media screen and (max-width:980px) {
html {
font-size: 12pt
}
}
@media screen and (max-width:736px) {
html {
font-size: 12pt
}
}
@media screen and (max-width:480px) {
html {
font-size: 12pt
}
}
body {
background-color: #fff;
color: #444
}
body,
input,
select,
textarea {
font-family: "Taviraj", serif;
font-weight: 300;
font-size: 1rem;
line-height: 1.65
}
a {
text-decoration: underline
}
a:hover {
text-decoration: none
}
strong,
b {
font-weight: 400
}
em,
i {
font-style: italic
}
p {
margin: 0 0 2rem 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
line-height: 1.5;
margin: 0 0 1.5rem 0
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit;
text-decoration: none
}
h2 {
font-size: 1.75rem;
text-transform: uppercase
}
@media screen and (max-width:736px) {
h2 {
font-size: 1.5rem
}
}
h3 {
font-size: 1.35rem;
text-transform: uppercase
}
h4 {
font-size: 1.1rem
}
h5 {
font-size: .9rem
}
h6 {
font-size: .7rem
}
sub {
font-size: .8rem;
position: relative;
top: .5rem
}
sup {
font-size: .8rem;
position: relative;
top: -.5rem
}
blockquote {
border-left: solid 4px;
font-style: italic;
margin: 0 0 2rem 0;
padding: .5rem 0 .5rem 2rem
}
code {
border-radius: 4px;
border: solid 1px;
font-family: "Courier New", monospace;
font-size: .9rem;
margin: 0 .25rem;
padding: .25rem .65rem
}
pre {
-webkit-overflow-scrolling: touch;
font-family: "Courier New", monospace;
font-size: .9rem;
margin: 0 0 2rem 0
}
pre code {
display: block;
line-height: 1.75;
padding: 1rem 1.5rem;
overflow-x: auto
}
hr {
border: 0;
border-bottom: solid 1px;
margin: 2rem 0
}
hr.major {
margin: 3rem 0
}
.align-left {
text-align: left
}
.align-center {
text-align: center
}
.align-right {
text-align: right
}
input,
select,
textarea {
color: #555;
border: solid 1px;
color: inherit;
display: block;
outline: 0;
padding: 0 1rem;
text-decoration: none;
width: 100%;
background: rgba(144, 144, 144, .075);
border-color: rgba(144, 144, 144, .25);
height: 45px
}
a {
color: #5aa6ed
}
strong,
b {
color: #555
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #555
}
blockquote {
border-left-color: rgba(144, 144, 144, .25)
}
code {
background: rgba(144, 144, 144, .075);
border-color: rgba(144, 144, 144, .25)
}
hr {
border-bottom-color: rgba(144, 144, 144, .25)
}
.box {
margin-bottom: 2rem;
background: #fff
}
.box .content {
padding: 3rem
}
.box>:last-child,
.box>:last-child>:last-child,
.box>:last-child>:last-child>:last-child {
margin-bottom: 0
}
.box.alt {
border: 0;
border-radius: 0;
padding: 0
}
@media screen and (max-width:736px) {
.box .content {
padding: 2rem
}
}
.box {
border-color: rgba(144, 144, 144, .25)
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
-moz-transition: background-color .2s ease-in-out, color .2s ease-in-out;
transition: background-color .2s ease-in-out, color .2s ease-in-out;
border-radius: 4px;
border: 0;
cursor: pointer;
-webkit-transition: background-color .2s ease-in-out, color .2s ease-in-out;
-ms-transition: background-color .2s ease-in-out, color .2s ease-in-out;
display: inline-block;
font-weight: 400;
height: 2.85rem;
line-height: 2.95rem;
padding: 0 1.5rem;
text-align: center;
text-decoration: none;
white-space: nowrap;
text-transform: uppercase
}
input[type="submit"].icon,
input[type="reset"].icon,
input[type="button"].icon,
button.icon,
.button.icon {
padding-left: 1.35rem
}
input[type="submit"].icon:before,
input[type="reset"].icon:before,
input[type="button"].icon:before,
button.icon:before,
.button.icon:before {
margin-right: .5rem
}
input[type="submit"].fit,
input[type="reset"].fit,
input[type="button"].fit,
button.fit,
.button.fit {
display: block;
margin: 0 0 1rem 0;
width: 100%
}
input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small,
button.small,
.button.small {
font-size: .8rem
}
input[type="submit"].big,
input[type="reset"].big,
input[type="button"].big,
button.big,
.button.big {
font-size: 1.35rem
}
input[type="submit"].disabled,
input[type="submit"]:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled,
input[type="button"].disabled,
input[type="button"]:disabled,
button.disabled,
button:disabled,
.button.disabled,
.button:disabled {
-moz-pointer-events: none;
-webkit-pointer-events: none;
-ms-pointer-events: none;
pointer-events: none;
opacity: .25
}
@media screen and (max-width:480px) {
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
padding: 0
}
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
background-color: #f2f2f2;
color: #000!important
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover {
background-color: #fff
}
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
button:active,
.button:active {
background-color: #e5e5e5
}
input[type="submit"].alt,
input[type="reset"].alt,
input[type="button"].alt,
button.alt,
.button.alt {
background-color: transparent;
box-shadow: inset 0 0 0 2px rgba(144, 144, 144, .25);
color: #555!important
}
input[type="submit"].alt:hover,
input[type="reset"].alt:hover,
input[type="button"].alt:hover,
button.alt:hover,
.button.alt:hover {
background-color: rgba(144, 144, 144, .075)
}
input[type="submit"].alt:active,
input[type="reset"].alt:active,
input[type="button"].alt:active,
button.alt:active,
.button.alt:active {
background-color: rgba(144, 144, 144, .2)
}
input[type="submit"].alt.icon:before,
input[type="reset"].alt.icon:before,
input[type="button"].alt.icon:before,
button.alt.icon:before,
.button.alt.icon:before {
color: #bbb
}
input[type="submit"].special,
input[type="reset"].special,
input[type="button"].special,
button.special,
.button.special {
background-color: #5aa6ed;
color: #fff!important
}
input[type="submit"].special:hover,
input[type="reset"].special:hover,
input[type="button"].special:hover,
button.special:hover,
.button.special:hover {
background-color: #71b2f0
}
input[type="submit"].special:active,
input[type="reset"].special:active,
input[type="button"].special:active,
button.special:active,
.button.special:active {
background-color: #439aea
}
form {
margin: 0 0 2rem 0
}
form .field {
margin-bottom: 2rem
}
form .field.half {
display: inline-block;
width: 48%
}
form .field.half.first {
margin-right: 2.5%
}
@media screen and (max-width:980px) {
form .field.half {
display: block;
width: 100%
}
form .field.half.first {
margin-right: 0
}
}
label {
display: block;
font-size: .9rem;
font-weight: 400;
margin: 0 0 1rem 0
}
input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
border-radius: 4px;
border: 0;
border: solid 1px;
color: inherit;
display: block;
outline: 0;
padding: 0 1rem;
text-decoration: none;
width: 100%
}
input[type="text"]:invalid,
input[type="password"]:invalid,
input[type="email"]:invalid,
select:invalid,
textarea:invalid {
box-shadow: none
}
.select-wrapper {
text-decoration: none;
display: block;
position: relative
}
.select-wrapper:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
text-transform: none!important
}
.select-wrapper:before {
content: '\f078';
display: block;
height: 2.75rem;
line-height: 2.75rem;
pointer-events: none;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 2.75rem
}
.select-wrapper select::-ms-expand {
display: none
}
input[type="text"],
input[type="password"],
input[type="email"],
select {
height: 2.75rem
}
textarea {
padding: .75rem 1rem
}
input[type="checkbox"],
input[type="radio"] {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
display: block;
float: left;
margin-right: -2rem;
opacity: 0;
width: 1rem;
z-index: -1
}
input[type="checkbox"]+label,
input[type="radio"]+label {
text-decoration: none;
cursor: pointer;
display: inline-block;
font-size: 1rem;
font-weight: 300;
padding-left: 2.4rem;
padding-right: .75rem;
position: relative
}
input[type="checkbox"]+label:before,
input[type="radio"]+label:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
text-transform: none!important
}
input[type="checkbox"]+label:before,
input[type="radio"]+label:before {
border-radius: 4px;
border: solid 1px;
content: '';
display: inline-block;
height: 1.65rem;
left: 0;
line-height: 1.58125rem;
position: absolute;
text-align: center;
top: 0;
width: 1.65rem
}
input[type="checkbox"]:checked+label:before,
input[type="radio"]:checked+label:before {
content: '\f00c'
}
input[type="checkbox"]+label:before {
border-radius: 4px
}
input[type="radio"]+label:before {
border-radius: 100%
}
::-webkit-input-placeholder {
opacity: 1
}
:-moz-placeholder {
opacity: 1
}
::-moz-placeholder {
opacity: 1
}
:-ms-input-placeholder {
opacity: 1
}
.formerize-placeholder {
opacity: 1
}
label {
}
input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
background: rgba(144, 144, 144, .075);
border-color: rgba(144, 144, 144, .25)
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
border-color: #5aa6ed;
box-shadow: 0 0 0 1px #5aa6ed
}
.select-wrapper:before {
color: rgba(144, 144, 144, .25)
}
input[type="checkbox"]+label,
input[type="radio"]+label {
color: #444
}
input[type="checkbox"]+label:before,
input[type="radio"]+label:before {
background: rgba(144, 144, 144, .075);
border-color: rgba(144, 144, 144, .25)
}
input[type="checkbox"]:checked+label:before,
input[type="radio"]:checked+label:before {
background-color: #5aa6ed;
border-color: #5aa6ed;
color: #fff
}
input[type="checkbox"]:focus+label:before,
input[type="radio"]:focus+label:before {
border-color: #5aa6ed;
box-shadow: 0 0 0 1px #5aa6ed
}
::-webkit-input-placeholder {
color: #bbb!important
}
:-moz-placeholder {
color: #bbb!important
}
::-moz-placeholder {
color: #bbb!important
}
:-ms-input-placeholder {
color: #bbb!important
}
.formerize-placeholder {
color: #bbb!important
}
.icon {
text-decoration: none;
border-bottom: 0;
position: relative
}
.icon:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
text-transform: none!important
}
.icon>.label {
display: none
}
.image {
border: 0;
display: inline-block;
position: relative
}
.image img {
display: block
}
.image.left,
.image.right {
max-width: 40%
}
.image.left img,
.image.right img {
width: 100%
}
.image.left {
float: left;
margin: 0 1.5rem 1rem 0;
top: .25rem
}
.image.right {
float: right;
margin: 0 0 1rem 1.5rem;
top: .25rem
}
.image.fit {
display: block;
margin: 0 0 2rem 0;
width: 100%
}
.image.fit img {
width: 100%;
height: auto
}
.image.main {
display: block;
margin: 0 0 3rem 0;
width: 100%
}
.image.main img {
width: 100%
}
ol {
list-style: decimal;
margin: 0 0 2rem 0;
padding-left: 1.25rem
}
ol li {
padding-left: .25rem
}
ul {
list-style: disc;
margin: 0 0 2rem 0;
padding-left: 1rem
}
ul li {
padding-left: .5rem
}
ul.alt {
list-style: none;
padding-left: 0
}
ul.alt li {
border-top: solid 1px;
padding: .5rem 0
}
ul.alt li:first-child {
border-top: 0;
padding-top: 0
}
ul.icons {
cursor: default;
list-style: none;
padding-left: 0
}
ul.icons li {
display: inline-block;
padding: 0 1rem 0 0
}
ul.icons li:last-child {
padding-right: 0
}
ul.icons li .icon:before {
font-size: 2rem
}
ul.actions {
cursor: default;
list-style: none;
padding-left: 0
}
ul.actions li {
display: inline-block;
padding: 0 1rem 0 0;
vertical-align: middle
}
ul.actions li:last-child {
padding-right: 0
}
ul.actions.small li {
padding: 0 .5rem 0 0
}
ul.actions.vertical li {
display: block;
padding: 1rem 0 0 0
}
ul.actions.vertical li:first-child {
padding-top: 0
}
ul.actions.vertical li>* {
margin-bottom: 0
}
ul.actions.vertical.small li {
padding: .5rem 0 0 0
}
ul.actions.vertical.small li:first-child {
padding-top: 0
}
ul.actions.fit {
display: table;
margin-left: -1rem;
padding: 0;
table-layout: fixed;
width: calc(100%+1rem)
}
ul.actions.fit li {
display: table-cell;
padding: 0 0 0 1rem
}
ul.actions.fit li>* {
margin-bottom: 0
}
ul.actions.fit.small {
margin-left: -.5rem;
width: calc(100%+0.5rem)
}
ul.actions.fit.small li {
padding: 0 0 0 .5rem
}
@media screen and (max-width:480px) {
ul.actions {
margin: 0 0 2rem 0
}
ul.actions li {
padding: 1rem 0 0 0;
display: block;
text-align: center;
width: 100%
}
ul.actions li:first-child {
padding-top: 0
}
ul.actions li>* {
width: 100%;
margin: 0!important
}
ul.actions li>*.icon:before {
margin-left: -2rem
}
ul.actions.small li {
padding: .5rem 0 0 0
}
ul.actions.small li:first-child {
padding-top: 0
}
}
dl {
margin: 0 0 2rem 0
}
dl dt {
display: block;
font-weight: 400;
margin: 0 0 1rem 0
}
dl dd {
margin-left: 2rem
}
ul.alt li {
border-top-color: rgba(144, 144, 144, .25)
}
section.special,
article.special {
text-align: center
}
header p {
position: relative;
margin: 0 0 1.5rem 0
}
header h2+p {
font-size: 1.25rem;
margin-top: -1rem
}
header h3+p {
font-size: 1.1rem;
margin-top: -.8rem
}
header h4+p,
header h5+p,
header h6+p {
font-size: .9rem;
margin-top: -.6rem
}
header p {
color: #bbb
}
.table-wrapper {
-webkit-overflow-scrolling: touch;
overflow-x: auto
}
table {
margin: 0 0 2rem 0;
width: 100%
}
table tbody tr {
border: solid 1px;
border-left: 0;
border-right: 0
}
table td {
padding: .75rem .75rem
}
table th {
font-size: .9rem;
font-weight: 400;
padding: 0 .75rem .75rem .75rem;
text-align: left
}
table thead {
border-bottom: solid 2px
}
table tfoot {
border-top: solid 2px
}
table.alt {
border-collapse: separate
}
table.alt tbody tr td {
border: solid 1px;
border-left-width: 0;
border-top-width: 0
}
table.alt tbody tr td:first-child {
border-left-width: 1px
}
table.alt tbody tr:first-child td {
border-top-width: 1px
}
table.alt thead {
border-bottom: 0
}
table.alt tfoot {
border-top: 0
}
table tbody tr {
border-color: rgba(144, 144, 144, .25)
}
table tbody tr:nth-child(2n+1) {
background-color: rgba(144, 144, 144, .075)
}
table th {
color: #555
}
table thead {
border-bottom-color: rgba(144, 144, 144, .25)
}
table tfoot {
border-top-color: rgba(144, 144, 144, .25)
}
table.alt tbody tr td {
border-color: rgba(144, 144, 144, .25)
}
@media screen and (max-width:1280px) {
.wrapper>.inner {
width: 75rem
}
}
@media screen and (max-width:980px) {
.wrapper>.inner {
width: 90%
}
.wrapper.style3 {
background-attachment: scroll
}
}
@media screen and (max-width:736px) {
.wrapper {
padding: 3rem 0 1rem 0
}
}
body.subpage {
padding-top: 3.125em
}
@-moz-keyframes reveal-header {
0% {
top: -4em;
opacity: 0
}
100% {
top: 0;
opacity: 1
}
}
@-webkit-keyframes reveal-header {
0% {
top: -4em;
opacity: 0
}
100% {
top: 0;
opacity: 1
}
}
@-ms-keyframes reveal-header {
0% {
top: -4em;
opacity: 0
}
100% {
top: 0;
opacity: 1
}
}
@keyframes reveal-header {
0% {
top: -4em;
opacity: 0
}
100% {
top: 0;
opacity: 1
}
}
#header {
background: rgba(0, 0, 0, .75);
color: #a6a6a6;
cursor: default;
height: 3.25em;
left: 0;
line-height: 3.25em;
position: fixed;
text-align: right;
top: 0;
width: 100%;
z-index: 10001
}
#header .toggle span {
display: none
}
#header>.logo {
display: inline-block;
height: inherit;
left: 1.25rem;
line-height: inherit;
margin: 0;
padding: 0;
position: absolute;
top: 0
}
#header>.logo a {
font-size: 1.25rem;
color: #fff;
text-decoration: none
}
#header>.logo span {
font-weight: 300;
font-size: .75rem;
color: rgba(255, 255, 255, .5)
}
#header>a {
-moz-transition: color .2s ease-in-out;
-webkit-transition: color .2s ease-in-out;
-ms-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
display: inline-block;
padding: 0 .75em;
color: inherit;
text-decoration: none;
color: #fff
}
#header>a[href="#menu"] {
text-decoration: none;
-webkit-tap-highlight-color: transparent
}
#header>a[href="#menu"]:before {
content: "";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
text-transform: none!important
}
#header>a[href="#menu"]:before {
margin: 0 .5em 0 0
}
#header>a+a[href="#menu"]:last-child {
border-left: solid 1px rgba(0, 0, 0, .15);
padding-left: 1.25em;
margin-left: .5em
}
#header>a:last-child {
padding-right: 1.25em
}
@media screen and (max-width:736px) {
#header>a {
padding: 0 .5em
}
#header>a+a[href="#menu"]:last-child {
padding-left: 1em;
margin-left: .25em
}
#header>a:last-child {
padding-right: 1.2em
}
}
#header.reveal {
-moz-animation: reveal-header .5s ease;
-webkit-animation: reveal-header .5s ease;
-ms-animation: reveal-header .5s ease;
animation: reveal-header .5s ease
}
#header.alt {
-moz-animation: none;
-webkit-animation: none;
-ms-animation: none;
animation: none;
background-color: transparent;
box-shadow: none;
overflow: hidden;
position: absolute;
top: 1.5em
}
#header.alt h1 {
left: 2.5em
}
#header.alt nav {
right: 2.5em
}
@media screen and (max-width:980px) {
body.subpage {
padding-top: 44px
}
#header {
height: 44px;
line-height: 44px
}
#header>h1 {
left: 1em
}
#header>h1 a {
font-size: 1em
}
}
@media screen and (max-width:480px) {
#header {
min-width: 320px
}
}
#menu {
-moz-transform: translateX(20em);
-webkit-transform: translateX(20em);
-ms-transform: translateX(20em);
transform: translateX(20em);
-moz-transition: -moz-transform .5s ease, box-shadow .5s ease, visibility .5s;
-webkit-transition: -webkit-transform .5s ease, box-shadow .5s ease, visibility .5s;
-ms-transition: -ms-transform .5s ease, box-shadow .5s ease, visibility .5s;
transition: transform .5s ease, box-shadow .5s ease, visibility .5s;
-webkit-overflow-scrolling: touch;
background: #000;
box-shadow: none;
color: #000;
height: 100%;
max-width: 80%;
overflow-y: auto;
padding: 3em 2em;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
width: 20em;
z-index: 10002
}
#menu>ul {
margin: 0 0 1rem 0
}
#menu>ul.links {
list-style: none;
padding: 0
}
#menu>ul.links>li {
padding: 0
}
#menu>ul.links>li>a:not(.button) {
border: 0;
border-top: solid 1px rgba(255, 255, 255, .25);
color: #fff;
display: block;
line-height: 3.5em;
text-decoration: none
}
#menu>ul.links>li>a:not(.button):hover {
color: #5aa6ed
}
#menu>ul.links>li>.button {
display: block;
margin: .5em 0 0 0
}
#menu>ul.links>li:first-child>a:not(.button) {
border-top: 0!important
}
#menu .close {
text-decoration: none;
-moz-transition: color .2s ease-in-out;
-webkit-transition: color .2s ease-in-out;
-ms-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
-webkit-tap-highlight-color: transparent;
border: 0;
color: #fff;
cursor: pointer;
display: block;
height: 3.25em;
line-height: 3.25em;
padding-right: 1.25em;
position: absolute;
right: 0;
text-align: right;
top: 0;
vertical-align: middle;
width: 7em
}
#menu .close:before {
content: "";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
text-transform: none!important
}
#menu .close:before {
font-size: 1.25em
}
#menu .close:hover {
color: #f2f2f2
}
@media screen and (max-width:736px) {
#menu .close {
height: 4em;
line-height: 4em
}
}
#menu.visible {
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, .2);
visibility: visible
}
@media screen and (max-width:736px) {
#menu {
padding: 2.5em 1.75em
}
}
#main {
padding: 4rem 0 2rem 0
}
@media screen and (max-width:736px) {
#main {
padding: 3rem 0 1rem 0
}
}
#footer {
padding: 6rem 0 4rem 0;
background: #f2f2f2
}
#footer .copyright {
color: #bbb;
font-size: .9rem;
margin: 0 0 2rem 0;
padding: 0;
text-align: center
}
@media screen and (max-width:736px) {
#footer {
padding: 3rem 0 1rem 0
}
}
#flexgrid {
width: 100%;
margin: 0 0 2.5rem 0;
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-moz-align-items: stretch;
-webkit-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch
}
#flexgrid>* {
-moz-flex-shrink: 1;
-webkit-flex-shrink: 1;
-ms-flex-shrink: 1;
flex-shrink: 1;
-moz-flex-grow: 0;
-webkit-flex-grow: 0;
-ms-flex-grow: 0;
flex-grow: 0
}
#flexgrid>* {
width: 33.33333%
}
#flexgrid>* {
padding: 3rem;
width: calc(33.33333%+2rem)
}
#flexgrid>:nth-child(-n+3) {
padding-top: 0
}
#flexgrid>:nth-last-child(-n+3) {
padding-bottom: 0
}
#flexgrid>:nth-child(3n+1) {
padding-left: 0
}
#flexgrid>:nth-child(3n) {
padding-right: 0
}
#flexgrid>:nth-child(3n+1),
#flexgrid>:nth-child(3n) {
width: calc(33.33333%+-1rem)
}
#flexgrid>div {
border-style: solid;
border-color: rgba(255, 255, 255, .25);
border-left-width: 1px;
border-top-width: 1px;
text-align: center
}
#flexgrid>div>:last-child {
margin-bottom: 0
}
#flexgrid>div:nth-child(3n - 2) {
border-left-width: 0
}
#flexgrid>div:nth-child(-n+3) {
border-top-width: 0
}
#flexgrid>div .icon {
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-moz-align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-moz-justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
font-size: 3.5rem;
background: #fff;
color: #5aa6ed;
width: 8rem;
height: 8rem;
border-radius: 100%;
margin: 0 auto 2rem auto
}
@media screen and (max-width:980px) {
#flexgrid>* {
width: 100%
}
#flexgrid>* {
padding: 2rem;
width: calc(33.33333%+1.33333rem)
}
#flexgrid>:nth-child(-n+3) {
padding-top: 2rem
}
#flexgrid>:nth-last-child(-n+3) {
padding-bottom: 2rem
}
#flexgrid>:nth-child(3n+1) {
padding-left: 2rem
}
#flexgrid>:nth-child(3n) {
padding-right: 2rem
}
#flexgrid>:nth-child(3n+1),
#flexgrid>:nth-child(3n) {
padding: 2rem;
width: calc(100%+4rem)
}
#flexgrid>* {
padding: 2rem;
width: calc(50%+2rem)
}
#flexgrid>:nth-child(-n+2) {
padding-top: 2rem
}
#flexgrid>:nth-last-child(-n+2) {
padding-bottom: 2rem
}
#flexgrid>:nth-child(2n+1) {
padding-left: 2rem
}
#flexgrid>:nth-child(2n) {
padding-right: 2rem
}
#flexgrid>:nth-child(2n+1),
#flexgrid>:nth-child(2n) {
padding: 2rem;
width: calc(100%+4rem)
}
#flexgrid>* {
padding: 2rem;
width: calc(100%+4rem)
}
#flexgrid>:nth-child(-n+1) {
padding-top: 0
}
#flexgrid>:nth-last-child(-n+1) {
padding-bottom: 0
}
#flexgrid>:nth-child(1n+1) {
padding-left: 0
}
#flexgrid>:nth-child(1n) {
padding-right: 0
}
#flexgrid>:nth-child(1n+1),
#flexgrid>:nth-child(1n) {
width: calc(100%+2rem)
}
#flexgrid>div:nth-child(2n - 1) {
border-left-width: 1px
}
#flexgrid>div:nth-child(-n+2) {
border-top-width: 1px
}
#flexgrid>div:nth-child(-n+3) {
border-top-width: 1px
}
#flexgrid>div:nth-child(n) {
border-left-width: 0
}
#flexgrid>div:nth-child(-n+1) {
border-top-width: 0
}
#flexgrid>div .icon {
font-size: 2rem;
width: 6rem;
height: 6rem
}
}
.grid-style {
width: 100%;
margin: 0 0 2.5rem 0;
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-moz-align-items: stretch;
-webkit-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch
}
.grid-style>* {
-moz-flex-shrink: 1;
-webkit-flex-shrink: 1;
-ms-flex-shrink: 1;
flex-shrink: 1;
-moz-flex-grow: 0;
-webkit-flex-grow: 0;
-ms-flex-grow: 0;
flex-grow: 0
}
.grid-style>* {
width: 50%
}
.grid-style>* {
padding: 3rem;
width: calc(50%+3rem)
}
.grid-style>:nth-child(-n+2) {
padding-top: 0
}
.grid-style>:nth-last-child(-n+2) {
padding-bottom: 0
}
.grid-style>:nth-child(2n+1) {
padding-left: 0
}
.grid-style>:nth-child(2n) {
padding-right: 0
}
.grid-style>:nth-child(2n+1),
.grid-style>:nth-child(2n) {
width: calc(50%+0rem)
}
.grid-style .box {
margin: 0
}
@media screen and (max-width:980px) {
.grid-style>* {
width: 100%
}
.grid-style>* {
padding: 2rem;
width: calc(50%+2rem)
}
.grid-style>:nth-child(-n+2) {
padding-top: 2rem
}
.grid-style>:nth-last-child(-n+2) {
padding-bottom: 2rem
}
.grid-style>:nth-child(2n+1) {
padding-left: 2rem
}
.grid-style>:nth-child(2n) {
padding-right: 2rem
}
.grid-style>:nth-child(2n+1),
.grid-style>:nth-child(2n) {
padding: 2rem;
width: calc(100%+4rem)
}
.grid-style>* {
padding: 2rem;
width: calc(100%+4rem)
}
.grid-style>:nth-child(-n+1) {
padding-top: 0
}
.grid-style>:nth-last-child(-n+1) {
padding-bottom: 0
}
.grid-style>:nth-child(1n+1) {
padding-left: 0
}
.grid-style>:nth-child(1n) {
padding-right: 0
}
.grid-style>:nth-child(1n+1),
.grid-style>:nth-child(1n) {
width: calc(100%+2rem)
}
}
#sub-contect-pro1 {
padding-top: 100px
}
#sub-contect-pro1 img {
float: left;
width: 60%;
background-color: #999
}
#sub-contect-pro1 p {
font-size: 18px
}
#sub-contect-pro1 .sub-content-pro-header h4 {
text-align: left;
font-size: 36px;
text-transform: capitalize;
text-align: center
}
#sub-contect-pro1 .sub-content-pro-header h5 {
text-align: left;
font-size: 29px;
text-align: center
}
@media screen and (max-width:600px) {
#sub-contect-pro1 .sub-content-pro-header h4 {
font-size: 25px;
text-align: center
}
#sub-contect-pro1 img {
width: 100%
}
#sub-contect-pro1 img.pro {
width: 100%
}
#sub-contect-pro1 .sub-content-pro-header h5 {
text-align: center
}
}
#sub-contect-pro {
padding-top: 100px
}
#sub-contect-pro img {
float: left;
width: 60%;
background-color: #999
}
#sub-contect-pro p {
font-size: 18px
}
#sub-contect-pro img.pro {
float: right;
width: 30%;
height: auto
}
#sub-contect-pro .sub-content-pro-header h4 {
text-align: left;
font-size: 36px;
text-transform: capitalize;
text-align: center
}
#sub-contect-pro .sub-content-pro-header h5 {
text-align: left;
font-size: 29px;
text-align: center
}
@media screen and (max-width:600px) {
#sub-contect-pro .sub-content-pro-header h4 {
font-size: 25px;
text-align: center
}
#sub-contect-pro img {
width: 100%
}
#sub-contect-pro img.pro {
width: 100%
}
#sub-contect-pro .sub-content-pro-header h5 {
text-align: center
}
}
.close {
float: right;
font-size: 21px;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2
}
.close:focus,
.close:hover {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: .5
}
button.close {
-webkit-appearance: none;
padding: 11;
cursor: pointer;
background: 0 0;
border: 0
}
.modal-open {
overflow: hidden
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%)
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px
}
.modal-content {
position: relative;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000
}
.modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0
}
.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: .5
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5
}
.modal-header .close {
margin-top: -2px
}
.modal-title {
margin: 0;
line-height: 1.42857143
}
.modal-body {
position: relative;
padding: 15px
}
.modal-dialog {
width: 100%
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
text-align: left;
width: 30%;
margin-left: 180px
}
.modal-sm {
width: 300px
}
#myModal .modal-dialog .modal-content .modal-body p {
font-size: 20px!important
}
#myModal .modal-dialog .modal-content h4 {
font-size: 24px!important;
-webkit-box-shadow: 0 5px 15px rgba(2, 0, 5, .10);
text-align: center;
color: red;
text-shadow: 2px 1px .5px #CCC
}
#myModal .modal-dialog .modal-content .modal-body input {
width: 100%;
height: 50px;
border-color: rebeccapurple;
line-height: 0;
font-size: 15px;
font-family: initial;
border-radius: 10px;
padding-bottom: 30px;
margin-bottom: 10px
}
#myModal .modal-dialog form button#btn {
width: 80%!important;
height: 45px;
border-radius: 10px;
background-color: #de240f;
border: none;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px
}
#myModal .modal-dialog form button#btn:hover {
-webkit-box-shadow: 0 5px 15px rgba(8, 0, 10, .40)
}
#myModal .modal-dialog form button {
color: red
}
@media screen and (max-width:992px) {
.modal-content {
width: 100%
}
#myModal .modal-dialog .modal-content .modal-body input {
width: 100%!important;
height: 60px!important;
border-color: #e85050!important;
font-size: 12 px!important;
margin-bottom: 0
}
#myModal .modal-dialog .modal-content h4 {
font-size: 20px!important;
text-shadow: 2px 0 red
}
.modal-content {
margin: 0
}
#myModal .modal-dialog .modal-content .modal-body p {
font-size: 15px!important;
text-align: center;
background-color: #dfdff0
}
.modal-dialog {
position: relative;
width: auto;
margin-top: 80px;
margin-left: 50px;
height: 0;
margin-right: 50px
}
#myModal .modal-dialog form button#btn {
width: 50%!important;
height: auto;
margin-left: 40px;
font-size: 10px
}
#myModal .modal-dialog form button#btn:hover {
-webkit-box-shadow: 0 5px 15px rgba(8, 0, 10, .40)
}
}