#change_wrap_div{ background-repeat: repeat !important; }#footer{ background-color: #000000} #sub-footer { background-color: #000000 !important; } #sub-footer { background-repeat: repeat !important; } div.pp_overlay { opacity: 0.7 !important; } @media only screen and (max-width: 799px)
{
.info {
            padding-left: 10% !important;
           
}

.feature {
 padding-left: 10% !important;

}
}
@media only screen and (min-width: 1280px)
{
.header-layout-fullwidth > .dfd-top-row .row, .header-layout-fullwidth > #header .header-top-panel .row, .header-layout-fullwidth > #header > .logo-wrap > .row, .header-layout-fullwidth > #header > .header-wrap > .row {
    width: 95%;
}
}


#header-container #header .header-wrap {
    position: fixed;
}

@media only screen and (min-width:297px) and (max-width: 385px){
.mayfair {
  line-height: 10px; !important;
}

#footer .columns {
    margin-top: 40px !important;
}
}
@media only screen and (max-width: 1300px){
.body-back-to-top.align-right {
    top: 80%;
    right: 15px;
}
}
.wpcf7 form .wpcf7-not-valid-tip {
    color: whitesmoke;
}
@media only screen and (max-width: 799px){
#footer .columns {
    margin-top: 0px !important;
}
.dfd-background-dark#sub-footer .subfooter-copyright, #side-area.dfd-background-dark#sub-footer .subfooter-copyright, .row .background--dark#sub-footer .subfooter-copyright {
    padding-top: 0px !important ;
}
}
@media only screen and (max-width: 300px){
.body-back-to-top.align-right {
    top: 83% !important;
    right:15px !important;
}
}
@media only screen and (max-width: 410px){
#footer .columns {
    margin-top: 0px;
}
}
@media only screen and (max-width: 330px){
#header-container .header-info-panel .widget.soc-icons {
    display: inline-block !important;
       visibility: visible !important;
       padding-top: 23%;
        font-size: 12px;
        float : left;
}
.header-top-panel .header-info-panel {
    height: 180px !important;
}
}
@media only screen and (min-width:330px) and (max-width: 454px){
#header-container .header-info-panel .widget.soc-icons {
    display: inline-block !important;
       visibility: visible !important;
       padding-top: 14%;
        font-size: 12px;
        float : left;
}
.header-top-panel .header-info-panel {
    height: 180px !important;
}
}
@media only screen and (min-width:453px) and (max-width: 649px){
.header-top-panel .header-info-panel {
    height: 160px !important;
}
#header-container .header-info-panel .widget.soc-icons {
       display: inline-block !important;
       visibility: visible !important;
       padding-top: 10%;
        font-size: 13px;
        float : left;
}
}

@media only screen and (min-width:651px) and (max-width: 735px){
.header-top-panel .header-info-panel {
    height: 140px !important;
}
.dfd-background-dark#sub-footer .subfooter-copyright, #side-area.dfd-background-dark#sub-footer .subfooter-copyright, .row .background--dark#sub-footer .subfooter-copyright {
    padding-top: 0px !important;
}
#header-container .header-info-panel .widget.soc-icons {
       padding-top: 8%;
        font-size: 13px;
        float : left;
}
}

@media only screen and (min-width:735px) and (max-width: 795px){
.header-top-panel .header-info-panel {
    height: 100px !important;
}
#header-container .header-info-panel .widget.soc-icons {
       padding-top: 5%;
        font-size: 13px;
        float : left;
}
}

.wpcf7 form input[type="submit"] {
    color: #073e77 !important;
   background : white !important;
}
.three, .row .three {
    margin-right: 7%;
}
.eight, .row .eight {
      width : 100%;
}
.two, .row .two {
    width: 3.86667% !important;
}
.default-icon .aio-icon-default .aio-icon, .default-icon .aio-icon-default .aio-icon-img {
    color: #135AA0 !important;
}

.vjs-default-skin .vjs-big-play-button {
    width: 5em;
    height: 5em;
}
.header-top-panel {
    padding-left: 5% !important;
}
#header-container .header-info-panel .soc-icons{
font-size: 16px;
}
#csbwfs-fb a {
background-color : transparent;
}
#left {
    width: 300px;
    float: left;
}
 
#right {
    width: 250px;
    float: left;
}
 
.clearfix:after {
    content:"\0020";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
}
 
.clearfix {
    display:block;
}
@media only screen and (max-width: 1100px){
#header-container #header .header-wrap {
    visibility: hidden;
}

}
#header-container .header-info-panel .soc-icons {
padding-top: 25px;
   padding-right: 5%;
}

#header-container #header .header-wrap {
    visibility: hidden;
}



.header-top-panel .header-info-panel {
    height: 100px;
}


#sub-footer {
    background-color: black !important;
}
#header-container:not(.small) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right .header-icons-wrapper {
    display: none;
}

.icon-mobile-menu {
display:none;
}
.dfd-background-dark#sub-footer .subfooter-copyright, #side-area.dfd-background-dark#sub-footer .subfooter-copyright, .row .background--dark#sub-footer .subfooter-copyright {
    color: white !important;
    padding-top: 20px ;
    padding-bottom:15px ;
}
.feature-title {
font-weight: 500;
}
#header-container.header-style-1:not(.small) #header .header-top-panel {
border-bottom-color: black; 
border-bottom-style: solid;
}


/* FORM */
#form {
padding: 5px;
width: auto;
margin: 20px auto;
}

#contentleft {
width: 50%;
float: left;
padding: 5px 15px;
}
#contentleft2 {
width: 54%;
float: left;
padding: 5px 15px;
}

#contentright {
width: 50%;
padding: 5px 15px;
float: left;
}
#contentright4 {
width: 50%;
padding: 0px 15px;
 margin-top: -4px;
float: left;
}
#contentright2 {
max-width:290px;
width: 100%;
padding: 0px 0px;
float: right;
}
#contentright3 {
max-width:220px;
width: 100%;
padding: 0px 0px;
float: right;
}
#btsubmit{
 padding-right: 15px;
width: 20%;
padding: 5px ;
float: right;
}
#bottom {
clear: both;
padding: 0 15px;
}

/*MEDIA QUERIES*/

/* for 980px or less */
@media screen and (max-width: 980px) {

#form {
width: 94%;
}
#contentleft {
clear: both;
padding: 1% 4%;
width: auto;
float: none;
}
#contentleft2 {
clear: both;
padding: 1% 4%;
width: auto;
float: none;
}

#contentright {
clear: both;
padding: 1% 4%;
width: auto;
float: none;
}
#contentright4 {
clear: both;
padding: 1% 4%;
width: auto;
float: none;
}
#contentright2 {
clear: both;
padding: 1% 0%;
width: auto;
float: none;
}
#contentright3 {
clear: both;
padding: 1% 0%;
width: auto;
float: none;
}
#btsubmit {
clear: both;
padding: 1% 4%;
width: auto;
float: right;
}

#bottom {
clear: both;
padding: 1% 4%;
width: auto;
float: none;
}
}
/* for 700px or less */
@media screen and (max-width: 600px) {

#contentleft {
width: auto;
float: none;
}
#contentleft2 {
width: auto;
float: none;
}
#contentright {
width: auto;
float: none;
}
#contentright {
width: auto;
float: none;
}
#contentright4 {
width: auto;
float: none;
}
#contentright3 {
width: auto;
float: none;
}
#btsubmit{
width: auto;
float: right;
}

#bottom {
width: auto;
float: none;
}
}

/* for 480px or less */
@media screen and (max-width: 480px) {

#contentleft {
background: #f8f8f8;
}

#contentright {
background: #f0efef;
}
#contentleft, #contentright, #bottom {
margin-bottom: 5px;
}

#contentleft, #contentright, #bottom {
border: solid 1px #00a5d2;
background-color: #00a5d2;
}