/*

Theme Name: New Powercleaning Doncaster

 */

*{ margin:0; padding:0;}

.leftsection > p {font-size: 13px;  line-height: 22px; margin-bottom:10px;}
ul, ol{margin-left:25px;margin-bottom:15px;margin-top:15px;}

.widget > ul {margin-left:0px;margin-bottom:15px;margin-top:15px;}

@font-face {

  font-family: 'FontAwesome';

  src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');

  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');

  font-weight: normal;

  font-style: normal;

}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.card-box-container {
  display: flex;
  justify-items: flex-start;
  justify-content: center;
  align-items: center;
 
  overflow: hidden;
  
}

.card_section {
  transition: 0.5s;
  box-shadow: 0 0 12px 0px #000000b8;
}

.card_section:hover {
  transform: scale(1.1);
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
        white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.details h3 {
    color: #37b3ff;
    font-weight: 700;
}
/* WOrdpress core end */

article, aside, details, figcaption, figure, footer, header, nav, section, summary {display: block;}
audio, canvas, video{display: inline-block;}
audio:not([controls]) {	display: none;height: 0;}
[hidden] {display: none;}
html {	font-size: 100%;overflow-y: scroll;	-webkit-text-size-adjust: 100%;	-ms-text-size-adjust: 100%;}
button, input, select, textarea{padding:10px; border:1px solid #ccc; background:#f5f5f5; max-height:160px; max-width:100%;}
h1 {color:#0169A9; font-size: 24px; line-height: 30px;  margin-bottom: 15px;}
* {-webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
*:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
a[href^="tel:"] { color: inherit; text-decoration: none;}
::selection{ background:#888888!important; color:#fff}
::-moz-selection{ background:#888888!important; color:#fff}

a{ color:#494541; text-decoration: none; outline:none}
a:hover{  text-decoration: none; outline:none}
img{ max-width:100%; border:0;}
body{border:0; font-family: 'Open Sans', sans-serif; font-size: 14px; color:#666666; min-width:320px;}
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0 20px 20px;}
.alignleft {float: left; margin: 5px 20px 20px 0;}
.aligncenter {display: block; margin: 5px auto 5px auto;}
a img.alignright {float: right; margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left; margin: 5px 20px 20px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.right{ float:right !important;}
.left{ float:left!important;}

.toptext {float:right; padding:15px; color:#c50100; text-transform:uppercase; line-height:28px; text-align:right;  font-size:24px;}
.toptext strong{ display:block; color:#920100; font-size:36px;}
.container{ max-width:1170px; margin:0 auto;}
.topbg{ background:#0169A9;font-family: 'Oswald', sans-serif;}
.topbg1{ }
.topnumber{ float:right;  padding:16px 0;font-family: 'Oswald', sans-serif;}
.topnumber a { font-weight:bold; color:#0072BC; display: block; font-size:38px; padding:5px 10px 5px 60px; position: relative;}
.topnumber a i{ position:absolute; left:10px; top:9px; font-size:50px;}
.topnumber a:hover{color:#E3131B; }
.socialicons{ float:right;}
.socialicons ul{ list-style:none;}
.socialicons ul li{ float:right; padding:2px; }
.socialicons ul li a{ width:22px; display:block; padding:3px; line-height:16px; background:#fff; color:#0169A9; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; font-size:11px; text-align:center;}
.socialicons ul li:hover a{ background:#7FA8D5;}
.fullwidth{ width:100%; float:left;}
.bghome{ background:#fff;}
.background{width:100%; float:left; background:#fff; padding:15px 0;}
.logo{ float:left; margin:15px 0px 10px; }
.logo h1{ margin:0;}
#cssmenu{ }

.homebanner{ position:relative;}
.homebanner img{ width:100%; float:left;}
.bannertext{ position:absolute; left:10%; top:23%; width:80%;}
.bannertext h2 {
  background-color: rgba(237, 28, 36, 0.75);
  border-color: rgba(0, 0, 0, 0);
  border-width: 0;
  font-size:40px; line-height:45px; color:#fff; padding:5px 15px;
  max-width: 500px;
  min-height: 55px;
  min-width: 394px;
 
 
}
.topheading{ padding:15px 0; background:url(images/header-bg2.jpg) center center ;}
.collbox{ width:48%; float:left; text-align:center; font-size:30px; color:#fff;}
.collbox small{ display:block; font-size:14px;}
.or{ width:6%; float:left; color:#fff;font-size:14px;}
.booknow{ float:left; width:30%; text-align:center; line-height:40px; font-size:16px; font-weight:bold;}
.btn-book-now{ margin:10px auto; width:200px; display:block; background:#00A7E1; color:#fff;}

.box3 ul{ list-style:none;}
.box3 ul li{ width:33.33%; padding:20px 10px; float:left; -moz-transition:all 1s ease; -webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;outline:0;}


.background2{ padding:10px 0; }

.box5{ padding:15px 0; text-align:center;}
.boxtitle{background: #0072bc; font-family: 'Oswald', sans-serif; color: #fff; font-size: 20px;padding: 5px 0 5px 60px; position: relative; text-transform: uppercase;}
.hoverbox {background: rgba(255, 255, 255, 0.9) ; display: none; font-size: 12px; height: 100%; left: 0;
  padding: 20px; position: absolute; top: 0; width: 100%;}
.imgbox{ position:relative;}
.imgbox .text{height:80%; font-size:14px; line-height:22px; color:#000;}
.box5 h2{ padding:10px 0; font-size:30px;}
.box5 ul{ list-style:none; margin:0; text-align:center;}
.box5 ul li{ margin:10px 2% 10px 0px; width:32%; padding:0; float:left; position:relative; color:#fff; text-align:center;  font-size:14px;}
.box5 ul li:nth-child(3n){ margin-right:0;}
.box5 ul li:hover .hoverbox{ display:block;}
.box5 ul li a{ text-decoration:none; display:block; }
.box5 ul li h3{ background:#ccc; font-size:20px; padding:15px; color:#444;text-transform:uppercase;}
.box5 ul li img{ width:100%; display:block;}

.formbox .textwidget{ padding:0 15px; color:#444; width:100%; float:left;}
.rightsec .wpcf7-form > p {font-size: 13px; margin-bottom: 7px;}
.rightsec .wpcf7-form input, .rightsec .wpcf7-form textarea{ max-height:90px; width:100%; padding:5px;}
.homesec .rightsec .wpcf7-form input, .rightsec .wpcf7-form textarea { margin-bottom: 5px;  max-height: 90px;padding:7px; width: 100%;  border: none;  border-radius: 3px;}
.homesec .rightsec .wpcf7-form .wpcf7-submit{ background:#004D8D; color:#fff; font-size:16px;}
.homesec .rightsec .widget_text{ background:#0169A9;}
.homesec .rightsec .widgettitle{ padding:10px 15px; margin:0;}

.button {padding: 0px 20px; margin-right: 40px; background: #0072bc; color: #fff; text-transform: uppercase; font-size: 16px;
  line-height: 30px;  border-top-left-radius: 8px;  border-bottom-left-radius: 8px;  position: relative; font-weight: 200; }
.button:after {background: #00abbd; content: "\f0da"; font-family: "FontAwesome"; left: 100%; padding: 0 15px;   border-top-right-radius: 8px; border-bottom-right-radius: 8px; position: absolute; }
.button:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8;color: #fff; }
.button.red {background: #00abbd; }
.button.red:after {background: #ed1c24; }
.button.boring {margin-right: 0; padding: 12px 20px; font-size: 18px; border-radius: 10px;line-height: 1.2; background: #0072bc; }
.button.boring:after {display: none; }

.box1{ background:#0072BC; color:#fff; padding:25px 0;}
.box1 h2{font-family: 'Oswald', sans-serif; font-size:30px; text-align:center; padding:10px 0;}
.box1 ul{ list-style:none; margin:0; }
.box1 ul li{ width:31.33%; margin:10px 1%; float:left;}
.box1 ul li h3{font-family: 'Oswald', sans-serif; font-size:20px; padding:10px 0;}
.box1 ul li img{ width:100%; display:block;}
.box1 ul li  p{ line-height:24px;}

.boxsbg{ background:#f6f6f6;padding:40px 0;}
.homecontent{ padding:15px 0;}
.homecontent h2{ font-size:28px; color:#000; padding:15px; font-weight:normal;}
.homecontent p{ font-size:18px; line-height:28px; padding-top:10px;}
.halfwidth{ width:50%; float:left;}
.motionright.halfwidth{ text-align:right;}
.motionright.halfwidth.padleft{ text-align:left;}
.btn{ background:#0169A9; color:#fff; text-align:center; border-bottom:3px solid #154450; font-size:14px; text-transform:uppercase; line-height:30px; width:120px; display:block; margin:10px auto;}
.btn:hover{ background:#EA7A5E; }
.padright{ padding-right:20px;}
.padleft{ padding-left:20px;}
.leftsection{ width:70%; float:left;}
.toplist{ padding:40px 0;}
.toplist ul{ list-style:none;}
.toplist ul li{ float:left;text-align:center; width:32%; margin-left:2%; border:1px solid #991427;}
.toplist ul li:first-child{ margin-left:0;}
.toplist ul li a{ padding:30px; display:block;}
.toplist ul li a h3{ color:#991427; font-size:20px;}
.toplist ul li a:hover h3{ color:#fff;}
.toplist ul li a:hover{ background:#991427;}
.toplist ul li a:hover i{ border-color:#fff; color:#fff;}
.toplist ul li i{ margin-bottom:20px; border:4px solid #5F5F5F; width:100px; color:#5F5F5F; line-height:92px; text-align:center; font-size:45px; display:inline-block; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.details img{ width:200px; height:auto; float:left; margin-right:15px; padding:3px; border:1px solid #ccc;}
.innermain{ padding:30px 0;}

.homesec{ padding:15px 0;}

.bigtext{ font-size:40px;}

.catlist ul{ list-style:none;}
.catlist ul li{ padding:5px 10px; width:49%; min-height:110px; float:left; margin-right:2%;border:1px solid #e5e5e5; margin-bottom:10px;}
.catlist ul li:nth-child(2n){ margin-right:0;}
.thumbnail{ width:30%; float:left; margin-right:2%;}
.thumbnail a{ display:block;}
.thumbnail img{ width:100%; height:auto; border:1px solid #e5e5e5; padding:3px;}
.caption{ width:68%; float:left;}
.wp-pagenavi{ min-height:30px; margin:10px 0;}
.readmore{ padding:2px 5px; display:inline-block; margin-top:5px; border-radius:2px; background:#ccc;}
.readmore:hover{ background:#991427; color:#fff;}

.rightsec{ width:28%; float:right;}
.rightsec .widgettitle{width:100%; float:left; padding:10px;}
.rightsec li{ list-style:none; width:100%; float:left; font-size:14px; border-top:1px solid #ccc; background:#EFEFEF;}
.rightsec li:first-child{ border:none;}
.rightsec li a{ padding:10px 15px; display:block; color:#2373b5;}
.rightsec li a:hover{ color:#0169A9;}
.rightsec ul{ list-style:none !important;  width:100%; float:left;}
.rpwwt-widget{float:left; width:100%; margin-bottom:15px;}
.rightsec .rpwwt-widget li{ margin:0; border-top:1px solid #e5e5e5;}
.rightsec .rpwwt-widget li:first-child{ border:none;}
.rightsec .rpwwt-widget ul{ border:1px solid #e5e5e5; }
.rightsec .rpwwt-widget ul li{ padding:5px 10px;}
.rightsec .rpwwt-widget ul li img{border:3px solid #dbdbdb}
.rpwwt-post-title{ font-weight:bold; color:#0169A9;}
.rpwwt-post-date{ font-size:11px; color:#a2a2a2;}
.rightsec .rpwwt-widget{ border-bottom:10px solid #991427;}

.sidebox{ width:100%; float:left; color:#fff; list-style:none;}
.sidebox h2{ font-weight:normal; font-size:18px; color:#fff; text-transform:uppercase; margin:0 0 10px;}
.sidebox ul{ list-style:none;}
.sidebox ul li{ width:100%; float:left;}
.sidebox ul li a{ position:relative; padding:2px 10px; display:block; font-size:13px; text-decoration:none; color:#ccc;}
.sidebox ul li:hover a , .footernav .current_page_item a{ color:#fff;}

.widget_text{ margin-bottom:15px;}
.widget_text h2{ padding:10px 15px; font-weight:normal; text-transform:uppercase; font-size:18px; background:#0169A9; color:#fff;}
.freequote{ width:100%; float:left; padding:15px; background:#0169A9;}
.freequote cite{ width:30%; font-style:normal; color:#fff; font-weight:bold; float:left;}
.freequote .wpcf7-form-control-wrap{ width:70%; float:left; margin-bottom:0px;}
.freequote input, .freequote textarea{ width:100%; max-height:100px; margin-bottom:5px; border-radius:4px; border:none;}
.freequote .wpcf7-submit{width:70%; float:left;}
.freequote .textarea, .freequote .your-message{width: 100%;}

.getform{ width:400px; max-width:100%;}
.getform input, .getform textarea{ width:100%; max-height:120px; margin-bottom:10px;}

.rightsecs{ width:40%; float:right; padding:40px; font-size:30px;}
.rightsecs h2{ padding:10px 15px; font-weight:normal; text-transform:uppercase; font-size:18px; background:#0169A9; color:#fff;}
.rightsecs .btn{ width:190px;}

.footermenu {  background:#0169A9;  border-bottom: 1px solid #404040;  padding:40px 0;}
.widbox {padding: 0 0 20px; border-bottom: 1px solid #444;}
.widbox .col-sm-4{ width:33.33%; float:left; padding-right:20px;}
.widbox ul{ margin-left:20px;}
.widbox ul li{ padding:5px 0;}
.footerlinks{ margin-bottom:15px;}
.footerlinks ul{ list-style:none; text-align:center;}
.footerlinks ul li{ display:inline-block; padding:10px;}

.footerbg { background:#CDCED0; color:#444; padding:15px 0;}
.footerbg a{ color:#444;}
.icon{ float:left; width:30px;}
.details{ display:block; overflow:hidden;}
.copy{font-size:12px; text-align:center;  color:#444;}
.copy a{ color:#444; text-decoration:none;}
.copy a:hover{ color:#000;}
.sidebar-inner .widget_text img{ width:100%!important;}
.sidebar-inner .screen-reader-text{ display:block;}

.lefsec{ width:50%; float:left;}

.formwidth{ width:40%; float:right; background:#EBEAEE; padding:15px;}
.formwidth img{ max-width:98%;}
.formwidth ul{ list-style:none;}
.formwidth ul li{ width:50%; float:left; padding-right:2%;}
.formwidth ul li h4{padding-top:15px; text-transform:uppercase; color:#444;}
.formwidth ul li h4 cite{ color:#F00;}
.formwidth ul li.textareawidth{width:100%;}
.formwidth input, .formwidth textarea{ margin-bottom:2px;width:100%; background:#fff; border:none; max-height:70px; float:left; border-radius:0;}
span.wpcf7-not-valid-tip, div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok{width:97%; float:left;}
.contactmaein .contactwidth, .contactmaein .formwidth{width:50%;}
.contactwidth{width:56%; float:right; background:url(images/contactbg.png); padding-bottom:15px;}
.contactwidth h4{ padding-top:20px; color:#0169A9; text-transform:uppercase;}
.contactwidth a:hover{ color:#007584;}
.contactwidth img{ border:2px solid #ccc; margin-top:10px;}
.formwidth .wpcf7-submit{ background:#0169A9 !important; color:#fff; border:0; cursor:pointer;}
.formwidth .wpcf7-submit:hover{background:#007584 !important;}
.contactwidth .fa-twitter, .contactwidth .fa-facebook { margin:7px 0; background:#3b5998; border-bottom:3px solid #293e6a; color: #fff; height:25px; line-height:25px; text-align:center; width: 25px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; -ms-border-radius:4px;  -o-border-radius:4px;}
.contactwidth .fa-twitter{background:#00c1f8 !important; border-bottom: 3px solid #0098c3 !important;}
.facebook, .twitter{ display:block;}
.facebook:hover i, .twitter:hover i{ background:#fff !important; color:#007584 !important}

.homeleftsec{ width:68%; float:left;}
.homeright{ width:32%; float:right;}

.sidebar-inner ul{ margin:0px; list-style:none;}
.sidebar-inner ul li{ text-decoration:none; margin:0;}
.sidebar-inner ul li a{ padding:4px 0; display:block; font-size:13px; text-decoration:none; border-bottom:1px solid #ccc;}
.sidebar-inner ul li a:hover{ color:#0169A9; border-color:#154450;}
.sidebar-inner h3 {font-size: 20px; font-weight: normal; padding: 10px 0 0;}
.widget_search{ margin:10px 0;}
.widget_search .search-form label{ display: inline;}
#menu-line{ display:none;}

.postlist{background: #efefef; margin-bottom: 10px; padding: 15px;}

.footerbg h2.widgettitle{ background:none; padding:0; color:#444; font-weight:bold; text-transform:inherit; margin-bottom:10px;}


/*----- media queries ------*/
@media (min-width: 768px) and (max-width:2000px) {
#cssmenu ul ul li a{ border-top:1px solid #005160 ;}
#cssmenu ul li li.current-menu-item a, #cssmenu ul ul li a:hover{ background:#2770AD;}
#cssmenu ul li{ margin-right:1px; /*border-top:3px solid #fff; */ -webkit-transition: background .2s ease;  -moz-transition: background .2s ease;  -ms-transition: background .2s ease;  -o-transition: background .2s ease;
  transition: background .2s ease;}
#cssmenu ul li li{ margin-right:0px;border-top:0; } 
#cssmenu ul li li:hover{border:0 !important;}
#cssmenu .current-menu-item, #cssmenu .current-menu-parent, #cssmenu ul li:hover{/*border-top:3px solid #0169A9 !important;*/}
#cssmenu .current-menu-parent a{ color:#fff; border-color:#0169A9;}
#cssmenu ul li li.current-menu-item{border-top:0px solid #006473 !important; }
/*#cssmenu .current-menu-item a, #cssmenu ul li:hover a{ color:#fff;}*/
}

@media (max-width: 991px) {

}

@media (min-width: 768px) and (max-width: 991px) {

.box3 ul li{ width:50%;}
.sidebox{ width:17%;}
.sidebox .flogo{ padding:15px 0;}
.sidebox.footernav{ margin:0 1%;}
.sidebox.addr{ width:35%;}

}
@media (max-width: 768px){
.container{ padding:0 15px;}
.bghome .container{ padding:0;}
#cssmenu{ margin-top:2px;}
#cssmenu #menu-button{ color:#fff; background:#0169A9;}
.homecontent h2{ font-size:20px;}
.homecontent p{font-size:14px; line-height:20px;}


}

@media (max-width: 767px) {

.box4 ul li{ width:100%;}
.box3 ul li{ width:100%; padding:10px 0;}
.box3 ul li h2{ font-size:20px;}
.box3 ul li p{ font-size:12px; line-height:18px;}
.halfwidth{ width:100%; padding:0;}
.leftsec{width:100%;}
.sidebarsec{width:100%;}
.sidebox{width:100% !important; min-height:auto; margin:0 0 15px !important;}
.flogo{ padding:15px; text-align:center;}
.flogo img{ width:150px;}
.formwidth ul li, .formwidth{width:100%; padding:0;}
.formwidth h4, .contactwidth h4{ font-size:12px; padding-top:10px;}
.formwidth p, .contactwidth p{ font-size:12px;}
.contactwidth{width:100%; padding:5px 15px;}
.motionright.halfwidth.padleft, .motionleft.halfwidth, .motionright.halfwidth{ text-align:center;}
.homecontent:hover .motionright, .homecontent:hover .motionleft{-moz-transform:scale(1) rotate(0deg) translateX(0px); -webkit-transform:scale(1) rotate(0deg) translateX(0px);
-o-transform:scale(1) rotate(0deg) translateX(0px); transform:scale(1) rotate(0deg) translateX(0px)}

.logo{ margin:5px auto; width:150px; float:none; text-align:center;}
.toplist ul li{ width:100%; margin:0 0 10px;}
.leftsection, .rightsec, .homeleftsec{ width:100%; margin-bottom:15px;}
.homeleftsec .rpwwt-widget ul li{ width:100%; margin-right:0;}
.toptext{ display:none;}
.topnumber{ padding:5px 10px; width:100%; text-align:center;}
.topheading{ padding:0;}
.or, .collbox{ display:none;}
.booknow{ width:100%;}

.box5 ul li{ width:46%;}
.footerbg .widbox .col-sm-4{ width:100%; margin-bottom:20px;}

}

@media (min-width: 481px) and (max-width: 767px) {

}

@media (max-width: 480px) {

.topnumber a strong{ display:none;}
.details img{ width:100%; margin:0 0 10px;}
.catlist ul li{ width:100%; margin:0 0 10px;}
.background2 p{ font-size:14px; line-height:20px;}

.box5 ul li{ width:96%;}


}

/*---------------*/
.Form_Container {
  border-radius:5px;
  margin-top: 10px;
 background: url(https://powercleaningdoncaster.com.au/wp-content/uploads/2020/07/Contact_form_background.jpg) fixed;
  padding: 30px;
  max-width: 100%;
  border-radius: 10px;
  box-shadow: 0 0px 50px -12px rgba(0, 0, 0, 0.25);
}

.Form_Container input {
  margin-top: 20px;
  background: #0169a9;
  border-radius: 5px;
  color: #fff;
}

.Form_Container textarea {
  background: #0169a9;
  color: #fff;
  margin-top: 20px;
}

.Form_Container textarea {
  background: #0169a9;
  color: #fff;
  margin-top: 20px;
  border-radius: 5px;
 
}
		.mt-50{
			margin-top:50px;
		}
		
		 .Form_Container {
  border-radius:5px;
  margin-top: 10px;
 background: url(https://powercleaningdoncaster.com.au/wp-content/uploads/2020/07/Contact_form_background.jpg) fixed;
  padding: 30px;
  max-width: 100%;
  border-radius: 10px;
  box-shadow: 0 0px 50px -12px rgba(0, 0, 0, 0.25);
}

.Form_Container input {
  margin-top: 20px;
  background: #0169a9;
  border-radius: 5px;
  color: #fff;
}

.Form_Container textarea {
  background: #0169a9;
  color: #fff;
  margin-top: 20px;
}

.Form_Container textarea {
width: 100%;
  background: #0169a9;
  color: #fff;
  margin-top: 20px;
  border-radius: 5px;
 
}

.Form_Container  [type=submit]:not(:disabled) {
  width: 100%;
  color: #fff !important;
 transition: 0.3s;
}

.Form_Container  [type=submit]:not(:disabled):hover {
  background-color: #23282d;
  box-shadow: 0 0 4px 6px #00000026;
  transition: 0.5s;
}

.Form_Container h2 {
  color: #0169a9;
  font-weight: 600;
  text-align: center;
  box-shadow: 0 0px 15px -3px rgba(0, 0, 0, 0.1), 0 0px 41px -2px rgba(0, 0, 0, 0.05);
  border-radius: 60px;
  background-color: #ffffffcc;
  padding: 10px;
}

.Form_Container input::placeholder, textarea::placeholder {
  color: #fff !important;
}
.List-dec-d li:before {
  content: "\f101";
  font-family: fontawesome;
  font-size: 22px;
  color: #0169a9;
  margin: 0 8px 0 -18px;
}
.List-dec-d li {
  list-style: none;
}

h2 {
  color: #0169a9;
}
.card_section {
  top: 50px;
  left: 50px;
  transform: translate(-50px, -50px);
  width: 300px;
  height: 400px;
  background: #262626;
  margin-top: 50px;
  overflow: hidden;
}

.card_section .imgbx, .card_section .details {
  width: 100%;
  height: 100%;
  position: absolute;
  box-sizing: border-box;
  transition: .5s;
}
.card_section:hover .imgbx {
  top: 0;
  left: -100%;
}
.card_section .imgbx {
  top: 0;
  left: 0;
}
.card_section:hover .details {
  top: 0;
  left: 0;
}

.card_section .details {
  background: #262626;
  top: 0;
  left: 100%;
  padding: 60px 30px;
}
.details p {
  color: #fff;
}
.details h2 {
  color: #fff;
  border-bottom: 2px solid #fff !important;
}
.card-box-container {
  display: flex;
  justify-items: flex-start;
  justify-content: center;
  align-items: center;
 
  overflow: hidden;
  
}

.card_section {
  transition: 0.5s;
  box-shadow: 0 0 12px 0px #000000b8;
}

.card_section:hover {
  transform: scale(1.1);
}