/*
Theme Name: TopFit
Author: Inside Online
Author URI: http://insideonline.co.uk/
Description: Custom theme for TopFit
Text Domain: io
*/


/* Resets */
*{outline:none !important;}
img{max-width:100%; height:auto;}
ul, ol{padding:0; margin:0; list-style:none;}
.clear{clear:both;}
.no-padding{padding:0 !important;}
.no-margin{margin:0 !important;}
.gap{height:30px; clear:both;}
.wow{visibility:hidden;}
.sep{padding:0 10px;}
.full-link{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;}
::selection { background:#3a3a3a; color:#fff; text-shadow:none;}
::-moz-selection { background:#3a3a3a; color:#fff; text-shadow:none;}

.slimScrollDiv { margin: 0 auto; width: 50% !important; }

h3.phone-number span {
    padding-top: 10px;
    text-align: center;
    color: #00000094!important;
}

.elementor-row {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
/* Body */
body{background:#fff; font-family:'Open Sans', sans-serif; font-weight:400; font-size:15px; color:#474747; overflow-x:hidden;}
.page-template-template-form, .page-template-template-thank-you { background-color: #F3F3F3; }

/* Typography */
h1,h2,h3,h4,h5,h6{font-weight:400; color:#474747; margin-top:0; margin-bottom:20px; line-height:1.4em;}
p{margin-bottom:20px;}
a{color:#0084C5;}
a:hover{color:#0084C5;}
a:focus, a:active{text-decoration:none;}

/* Header */
#header{background-color:#fff; float:left; width:100%; padding:15px 0;}
#header .logo{float:left; max-width:100%; margin-top:5px;}
#header .phone-number{float:right; margin:0; color: #0472bc;
    font-size: 32px !important;
    line-height: 24px;text-align:center;}
#header .phone-number span{display:block; font-size:12px; text-transform:uppercase; font-weight:600; color:#aaa;}

/* Navigation */
.nav ul{float:right;}
.nav ul li{float:left; margin:0 0 0 15px; font-size:12px; position:relative;}
.nav ul li a{font-weight:600; line-height:95px; display:block; color:#fff; text-transform:uppercase; text-align:center;}
.nav ul li:hover a{color:#B78AC5; text-decoration:none;}
.nav ul li.current-menu-item a:after,
.nav ul li.current-page-ancestor a:after,
.nav ul li.current_page_parent a:after{content:""; width:100%; position:absolute; left:0; bottom:30px; border-bottom:2px dotted #fff;}

/* Breadcrumbs */
.breadcrumbs{padding:20px 0; font-size:11px; color:#888; margin-bottom:40px;}
.breadcrumbs a{color:#333;} 


/* Content */
#content{clear:both;}
.page-content{padding-bottom:30px; border-bottom:2px solid #eee;}
.page-content ul { list-style: disc; margin-left: 20px; }
.page-content ul li { margin-bottom: 10px; padding-left: 10px;  }

.page-title{padding:30px 0; background:#f2f2f2; margin:0 0 50px;}
.page-title h1{font-weight:700; margin:0;}

.section{padding:40px 0; background-color:#fff;}
.section-blue{background-color:#0084C5; color:#fff;}
.section-grey{background-color:#f9f9f9;}
.col-lg-3.col-md-3.col-sm-12.img_block1 {    margin-bottom: 20px;    border: 2px solid transparent;}
.section-banner{padding:150px 0; color:#fff; background:#666 50% 50% no-repeat; background-size:cover; position:relative;}
.section-banner h1{font-size:50px; font-weight:700; color:#fff; line-height:1em;}
.section-banner p.lead{font-size:26px; margin-bottom:60px;}
.banner-alert{position:absolute; top:0; left:0; width:100%; padding:15px; background:rgba(0,0,0,0.3);}
.banner-alert p{display:inline-block; margin:0 20px 0 0;}

.section-relax{padding:10px 0;}
.section-relax h2{font-size:50px; color:#fff; font-weight:700;}
.section-relax p{font-size:24px; margin-bottom:60px;}

.section-estimates{padding:30px 0; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);  }
.section-estimates h3{color:#fff; font-weight:700; margin:0 0 10px; }
.section-estimates .inner-col{position:relative; min-height:400px;}
.section-estimates .footnote{font-size:13px; position:absolute; bottom:0; left:0; margin:0;}

.page-block{margin-bottom:30px;}
.page-block h4{font-size:15px; font-weight:700;}
.page-block img{margin:0 auto 20px; width:220px; border-radius:50%;}

.grid-block{height:250px; color:#fff; background:no-repeat 50% 50%; background-size:cover; margin-bottom:30px; position:relative;}
.grid-block div.full-link{background:rgba(0,0,0,0.3);}
.grid-block a.full-link{z-index:2;}
.grid-block h5{color:#fff; font-weight:700; font-size:24px; position:relative; top:40%;}
.grid-block .btn{position:absolute; left:50%; transform:translateX(-50%); top:80%; opacity:0;}

.grid-block:hover div.full-link{background:rgba(0,0,0,0.6);}
.grid-block:hover h5{top:30%;}
.grid-block:hover .btn{top:50%; opacity:1;}


/* Form */

.loading { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 999; }
.loading .middle { height: 100px; width: 100px; text-align: center; position: absolute; left: 50%; top: 50%; transform:translateX(-50%); }
.loading .middle .fa { font-size: 40px; line-height: 100px; }

.section-form{background:#e5e5e5; padding:0 0 100px;}
.section-form h3{font-weight:300; margin-bottom:60px;}

.form-field{padding:100px 0; opacity:1;}
.form-field-locked{opacity:0.3; position:relative;}
.form-field-locked:after{position:absolute; top:0; left:0; right:0; bottom:0; height:100%; width:100%; z-index:1; content:"";}
.form-field .answers-field li{width:160px; display:inline-block; margin:0 15px 30px; text-align:center; font-size:14px; font-weight:600;}
.form-field .answers-field li a{display:table; background:#fff; border:2px solid #ddd; border-radius:5px; width:100%; height:100px; padding:10px 15px; color:#474747;}
.form-field .answers-field li a span{display:table-cell; vertical-align:middle;}
.form-field .answers-field li a:hover{border-color:#0472bc; text-decoration:none;}
.form-field .answers-field li.active a{background-color:#0472bc; border-color:#0472bc; color:#fff;}
.form-field-form .form-control{margin-bottom:25px; height:50px; border: 2px solid #fff; box-shadow: none; }
.form-field-form .input-has-error input { border: 2px solid #c0adad; }
.form-field-form .validation-message { font-size: 12px; font-weight: 600; margin: -18px 13px 30px; text-align: left; text-transform: uppercase; color:#a89595; display:none; }
.form-field-form .input-has-error .validation-message{display:block;}
.form-field-form .form-control.form-email-confirm { height: 0;  position: absolute; background: none; border: none; left: -9999em; top: -9999em; }
.btn-default {    background-color: #0472bc;}
.multiselect-field{background:#fff; width:50%; height:200px; margin:0 auto; overflow-y:auto; text-transform:uppercase; border-radius:5px; font-size:13px; border:2px solid #ddd;}
.multiselect-field li a{color:#474747; padding:5px; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.multiselect-field li a:hover{text-decoration:none; background-color:#f1f1f1;}
.multiselect-field li.active a{color:#fff; background-color:#0472bc;}
.multiselect-field li.loading{line-height:190px; color:#999; font-weight:600;position:relative;}

.input-group{margin:0 0 30px;}
.input-group .form-control{height:42px;}
.input-group .btn{height:42px;}
.input-group-large{margin:0 auto; max-width:80%;}
.input-group-large .form-control{height:55px; text-align:center; font-size:16px; border:none;}
.input-group-large .btn{height:55px; padding-left:25px; padding-right:25px; font-size:14px;}

.form-group textarea{margin:0 auto 30px; width:70%; height:180px;}

.field-has-error{background-color:#f2dede;}

.has-error .help-block{background: #f2dede; color: #a89595; font-size: 12px; text-transform: uppercase; margin: 5px auto 0; padding: 5px 0;}
.postcode-form.has-error .help-block{max-width: 80%;}
.postcode-container.has-error .input-group{margin-bottom:0;}

.section-form .progress{position:fixed; bottom:0; left:0; width:100%; background-color:#0472bc; color:#fff; margin:0; text-align:center; height:100px; border-radius:0; z-index:9999;}
.section-form .progress .btn{position:absolute; top:27px; right:27px; z-index:1;}
.section-form .progress-bar{background-color:#E4A300;}
.section-form .percentage-complete{position:absolute; top:0; width:100%; left:0; font-weight:600; line-height:100px;}






/* GFORMS */

.gform_wrapper{ padding: 30px; }
.gform_fields{padding:0; list-style:none; margin:0 !important; width:100%; clear:both;}
.gform_title{text-align: center; margin-bottom: 30px;color:#333;}
.gform_description{margin:0 0 20px; display:block;}
.gfield{ display:inline-block; margin:0 2% 20px 0 !important; float:left; width:48%; background:none !important; padding:0 !important;}
.gfield.wide{width:98%;}
.gfield ul li { background: none; padding: 0; margin:0; list-style:none; }
.gfield_label{color:#373B49; font-weight:600; display:block; padding:0 0 5px;}
.gfield_description{font-size:11px; padding:3px 0 0;}
.hide-label .gfield_label{display:none;}
.gfield_error input, .gfield_error textarea, .gfield_error select, .gfield_error .selector span{box-shadow:inset 0 -3px 0 0px #c82635 !important;}
.gfield .medium{width:100%; height:56px; color:#393c4b; background:#fafafa; padding:8px 20px; font-size:14px; border: 2px solid #ddd; /*text-transform:uppercase;*/ font-weight:600; float:left; border-radius:7px; box-sizing:border-box; }
.gfield .textarea{height:150px; padding:20px;}
.gfield select.medium{width:100%; height:48px; padding:10px 3%;}
.gfield .gfield_radio{margin:0 !important;}
.gfield .gfield_radio li{padding:8px 25px 0 0 !important; margin:0 0 20px; display:inline-block;}
.gfield .gfield_radio li input{margin-right:8px;}
.gfield .gfield_radio li label{padding-top:2px; display:inline-block;}
.gfield .gfield_checkbox{margin:0 0 20px !important;}
.gfield .gfield_checkbox li{padding:8px 25px 0 0 !important; margin:0 0 15px; display:inline-block;}
.gfield_checkbox input{margin-right:10px;}
.gform_footer br{display:none;}
.gfield_required{color:#c82635; padding:0 0 0 3px;}
.validation_message, .validation_error{display:none;}
.gform_ajax_spinner{display:none;}
.gform_validation_container{display:none;}
.gform_hidden{display:none;}
.gform_footer{clear:both;}
.gsection{margin:20px 0 0 !important;}
.gsection h2{margin:0 0 25px; font-size:28px;}

.gforms_confirmation_message { margin: 40px 0; text-align: center; font-size: 22px; color: #474747; }

.gform_fileupload_multifile { margin:0 0 10px; }
.gform_drop_area { width: 100%; background: none; padding: 35px 2%; border: 2px dashed #ddd; text-align: center; font-weight:600; border-radius:3px; box-sizing:border-box; }
.gform_fileupload_multifile input { margin: 0 0 0 10px; }
#extensions_message{display:none;}
.gform_button_select_files{background-color:#b5b5b5;}
.gform_button_select_files:hover{background-color:#959595;}
.ginput_preview{clear:both; margin-left:25%; font-size:12px;}
.gform_delete{float:left; margin:3px 8px 0 0; cursor:pointer;}


/* Checkbox */
.checker { position: relative; float:left; }
.checker input {width: 20px; height: 20px;  }
.checker span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; float:left; margin-right:8px;  width: 20px; height: 20px; background:#fff; border-radius:5px; cursor:pointer; border:1px solid #ddd; box-shadow:inset 0 -2px 0 0px rgba(0,0,0,0.15);}
.checker span.checked { background:#fff url(images/checkbox.png) no-repeat 50% 50%; }
.checker input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; cursor:pointer; }

/* Radio */
.radio { position: relative; margin-right:8px; margin-top:3px; }
.radio, .radio span, .radio input { width: 14px; height: 14px; float:left; }
.radio span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background:#fff; border-radius:50%; border:1px solid #ddd; }
.radio span.checked { background:#fff url(images/radio.png) no-repeat 50% 50%; }
.radio input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none;  background: none;  display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; cursor:pointer; }
.radio.active span { background-position: -18px -18px -279px; } 
  
  
/* Select */
.selector { line-height: 56px; height: 56px; position: relative; width:100% !important; float:left; overflow: hidden; border-radius:7px; box-shadow:inset 0 -3px 0 0px rgba(0,0,0,0.15);}
.selector span { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; height: 56px; line-height: 56px; padding: 0 40px 0 15px; color:#373B49; background:#fff url(images/select-arrow.png) no-repeat 100% 50%; cursor: pointer; width: auto !important; display: block; box-shadow:inset 0 -3px 0 0px rgba(0,0,0,0.15); border-radius:7px; text-transform:uppercase; font-weight:600; font-size:14px;}
.gfield .selector select, .selector select  { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; position: absolute; padding:0; height: 56px; top: 0; left: 0px; width: 100%; cursor:pointer; }
.selector option{padding:5px 10px;}
.widget .selector{width:100% !important;}

/* Sidebar */


/* Buttons */



/* Footer */
#footer{padding:15px 0; background-color:#fff; font-size:13px;}
#footer p{margin:5px 0 0;}
#footer p a{color:#474747;}

/* Transitions */
a, .btn, .grid-block *, .form-field, .form-control
{-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.logo
{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}



  .navbar-nav {
    width: 100%;
    text-align: center;
	}
    .navbar-nav > li {
      float: none;
      display: inline-block;
	  margin:-2px;
    }
  
.container.top_head {
    margin-bottom: 11px;
}
.navbar {
   
    margin-bottom: -15px;
}
nav.navbar.navbar-default {
    background-color: #fff;
	color:#000;
}

ul.nav.navbar-nav li:nth-child(1) {
    border-top: 5px solid #0472BB!important;
}
ul.nav.navbar-nav li:nth-child(2) {
border-top: 5px solid #52c33d!important;
}
ul.nav.navbar-nav li:nth-child(3) {
border-top: 5px solid #11895b!important;
}
ul.nav.navbar-nav li:nth-child(4) {
border-top: 5px solid #ee2553!important;
}
ul.nav.navbar-nav li:nth-child(5) {
border-top: 5px solid #124061!important;
}
ul.nav.navbar-nav li:nth-child(6) {
border-top: 5px solid #10b6de!important;
}
ul.nav.navbar-nav li:nth-child(7) {
border-top: 5px solid #ed1715!important;
}
ul.nav.navbar-nav li:nth-child(8) {
border-top: 5px solid #f46a07!important;
}
ul.nav.navbar-nav li:nth-child(9) {
    border-top: 5px solid #ffca05!important;
}
ul.nav.navbar-nav li:nth-child(10) {
    border-top: 5px solid #2b2b2b!important;
}


 ul.nav.navbar-nav li a {
    color: #000;
    font-size: 15px;
    font-weight: 400;
}
section.elementor-element.elementor-element-763c0eeb.elementor-section-stretched.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section {
    background-color: #01376a;
}
.elementor-container.elementor-column-gap-default {
    padding: 29px 66px;
}
h4.elementor-heading-title.elementor-size-default {
    color: #fff;
}
.elementor-element.elementor-element-7e8e7a99.elementor-column.elementor-col-20.elementor-inner-column {
    padding: 0px 50px 11px;
}
.elementor-element.elementor-element-2188be08.elementor-column.elementor-col-20.elementor-inner-column{
    padding: 0px 50px 11px;
}
.elementor-element.elementor-element-9626505.elementor-column.elementor-col-20.elementor-inner-column
{
    padding: 0px 50px 11px;
}
.elementor-element.elementor-element-226e4db6.elementor-column.elementor-col-20.elementor-inner-column{
    padding: 0px 50px 11px;
}
span.elementor-icon-list-text {
    color: rgba(255,255,255,0.5);
    padding-left: 0px;
}
a.elementor-icon.elementor-social-icon {
    background-color: #ffffff;
    font-size: 12px;
    padding: 0.9em;
    border-radius: 14pc;
	margin-right: 16px;
}
section.elementor-element.elementor-element-2c94e0f4.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section-content-middle.elementor-section.elementor-inner-section {
    border-style: dotted;
    border-width: 1px 0px 0px 0px;
    border-color: rgba(255,255,255,0.59);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 80px;
    margin-bottom: 0px;
    padding: 20px 0px 0px 0px;
}
p.elementor-heading-title.elementor-size-default {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5em;
    color: #fff;
}
.btn-default{
	
	
}



*{margin:0;padding:0;text-decoration:none}
body{background:#555;}
header{position:relative;width:100%;background:#fff;}

nav{position:relative;width:1155px;margin:0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:sans-serif;background:#fff}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:17px;font-size:12px;letter-spacing:1px;text-decoration:none;color:#000;font-weight:700;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#000}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{    background: #f1f1f1;
    color: #000;
    font-weight: bold;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:1000px){
    p.elementor-heading-title_pri.elementor-size-default a{float:none!important;}
    .col-lg-6.col-md-6.col-sm-12.copy_right p {    text-align: center;}
    .col-lg-3.col-md-3.col-sm-12.img_block img { height: auto; width: 100%; }
    .col-xs-12.col-sm-12.col-md-6.col-lg-6.header-right.clearfix {    height: 72px;}
    ul.nav.navbar-nav.open li a { font-size: 34px !important; }
    button.nxt_but.button_win_first {    float: none!important;}
    button.nxt_but.button_win_second {    float: none!important;}
    button.nxt_but.button_door_first {float: none!important;}
.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #444}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;    margin-top: -59px;}
.button:after { position: absolute; top: 15px; right: 20px; display: block; height: 21px; width: 56px; border-top: 9px solid #000; border-bottom: 9px solid #000; content: ''; }
.button:before { -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; position: absolute; top: 3px; right: 20px; display: block; height: 9px; width: 56px; background: #000; content: ''; }
.button.menu-opened:after { -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; top: 23px; border: 0; height: 9px; width: 40px; background: #000; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.button.menu-opened:before { top: 22px; background: #000; width: 40px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}



	
.section-form.home {
    background: #007aff !important;
	}
	
	.page-tit{color: #fff;
    margin-top: 50px;
    font-size: 35px;
    font-weight: 200;
	}
	.sub_page_tit{
	color:#fff;}
	button.nxt_but {
	margin-top: 10px;
    background: #fec107;
    border: none;
    font-size: 35px;
    padding: 25px 67px;
    font-weight: 1000;
    color: #000;
}
button#sub {
    margin-top: 49px;
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  
  opacity: 0;
  transition: .5s ease;
  
  
}
.image {
  display: block;
  margin: 0 auto;
  height: auto;
 

}
.img_block
{
position: relative;
  
}
.img_block:hover .overlay {
  opacity: 1;
}
.col-sm-3.img_block {
    margin-bottom: 40px;
}
.section.section-footer {  background: #0472bd;color: rgba(255,255,255,0.5); text-align: center;}
li.fot_title { color: #fff; font-size: 17px; font-weight: bold;}
p.elementor-heading-title {text-align: left;    margin-top: 48px;}
p.elementor-heading-title_pri.elementor-size-default a {margin-top: 48px;float: right;    margin-top: 48px;    color: rgba(255,255,255,0.5);}


button.nxt_but.button_win_second.back {
    float: left;
}
.section-form.windows {
    background: #52c33d !important;
	}
	
	.page-tit{color: #fff;
    margin-top: 50px;
    font-size: 35px;
    font-weight: 200;
	}
	.sub_page_tit{
	color:#fff;}
	
	
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  
  opacity: 0;
  transition: .5s ease;
  
  
}
.image {
  display: block;
  margin: 0 auto;
  height: auto;
 

}
.img_block
{
position: relative;
  
}
.img_block:hover .overlay {
  opacity: 1;
}
.col-sm-6.img_block {
    margin-bottom: 40px;
}
button.nxt_but.button_win_first {
     width: 70%;
 background: #3d992c;
    border: none;
    font-size: 35px;
        padding: 22px 33px 1px 33px;
    font-weight: 1000;
    color: #19610d;
    float: left;
	border-radius: 16px;
}
button.nxt_but.button_win_second {
width: 70%;
 background: #fec107;
    border: none;
    font-size: 35px;
    padding: 22px 33px 1px 33px;
    font-weight: 1000;
    color: #000;
    float: right;
	border-radius: 16px;
}
button.nxt_but.button_win_second_com{
margin-bottom: 58px;
 background: #fec107;
    border: none;
    font-size: 35px;
    padding: 22px 33px 1px 33px;
    font-weight: 1000;
    color: #000;
    
	border-radius: 16px;
}
p.but_sub_text {
    font-size: 12px;
    line-height: 26px;
}
.col-sm-12.input_box {
    margin-bottom: 13px;
}
.col-sm-12.input_box_last{
    margin-bottom: 35px;
}
input[type="text"] {
    padding: 12px;
    width: 55%;
}
p.com_para {
    color: #000;
}
footer.elementor-element.elementor-element-544e974b.elementor-section-stretched.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section {
    background-color: #0472bc;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 90px 0px 0px 0px;
}
.elementor-section .elementor-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
	    max-width: 875px; 
}
.elementor-2 .elementor-element.elementor-element-6e586ab7 {
    text-align: center;
}

button.nxt_but.button_win_second.back {
    float: left;
}
.section-form.doors {
    background: #124061 !important;
	}
	
	.page-tit{color: #fff;
    margin-top: 50px;
    font-size: 35px;
    font-weight: 200;
	}
	
	.page-tits{color: #fff;
    margin-top: 50px;
    font-size: 32px;
    font-weight: 200;
	}
	.sub_page_tit{
	color:#fff;}
	
	
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  
  opacity: 0;
  transition: .5s ease;
  
  
}
.image {
  display: block;
  margin: 0 auto;
  height: auto;
 

}
.img_block
{
position: relative;
  
}
.img_block:hover .overlay {
  opacity: 1;
}
.col-sm-6.img_block {
    margin-bottom: 40px;
}
button.nxt_but.button_win_first {
     width: 70%;
 background: #3d992c;
    border: none;
    font-size: 35px;
        padding: 4px 33px 0px 22px;
    font-weight: 1000;
    color: #19610d;
    float: left;
	border-radius: 16px;
}
button.nxt_but.button_win_second {
width: 70%;
 background: #fec107;
    border: none;
    font-size: 35px;
    padding: 4px 33px 0px 22px;
    font-weight: 1000;
    color: #000;
    float: right;
	border-radius: 16px;
}
button.nxt_but.button_win_second_com{
margin-bottom: 58px;
 background: #fec107;
    border: none;
    font-size: 35px;
    padding: 22px 33px 1px 33px;
    font-weight: 1000;
    color: #000;
    
	border-radius: 16px;
}
button.nxt_but.button_door_first{
width: 70%;
 background: #1a517a;
    border: none;
    font-size: 35px;
        padding: 22px 33px 1px 33px;
    font-weight: 1000;
    color: #0a3150;
    float: left;
	border-radius: 16px;
    
	border-radius: 16px;
}
p.but_sub_text {
    font-size: 12px;
    line-height: 26px;
}
.col-sm-12.input_box {
    margin-bottom: 13px;
}
.col-sm-12.input_box_last{
    margin-bottom: 35px;
}
input[type="text"] {    padding: 12px;    width: 55%;}
p.dor_para,p.dor_para_sec{color:#fff;}


.img_block img {max-width: 146px;}
.doors .img_block img, .home .img_block img{max-width: 100%;}
div#errors p { color: #ff0000;font-size: 18px;}

/* Roofline Page */
.section.section-form.roofline {background: #F46A07;}
button.nxt_but.button_win_first.roofline {background: rgba(255,255,255,0.2);color: #000;border-radius: 16px;}
span.tick.roofline {background: #2b9318;}
.btn-default.roofline, .btn-default.roofline:active:hover {Background-color: #f46a07 !important;}
.roofline .img_block.highlight p {color: #f46a07;}

/* Solar Page */
.section.section-form.solar {background: #FFCA05;}
button.nxt_but.button_win_first.solar {background: rgba(255,255,255,0.2);color: #000;border-radius: 16px;}
span.tick.solar {background: #2b9318;}
.btn-default.solar, .btn-default.solar:active:hover {Background-color: #FFCA05 !important;}
.solar .img_block.highlight p {color: #FFCA05;}

/* Kitchens Tiles */
.section.section-form.kitchen {background: #ED1715;}
button.nxt_but.button_win_first.kitchen {background: rgba(255,255,255,0.2);color: #000;border-radius: 16px;}
span.tick.kitchen {background: #2b9318;}
.btn-default.kitchen, .btn-default.kitchen:active:hover {Background-color: #ED1715 !important;}
.kitchen .img_block.highlight p {color: #ED1715;}

/* Home Security */
.section.section-form.homesecurity {background: #10B6DE;}
button.nxt_but.button_win_first.homesecurity {background: rgba(255,255,255,0.2);color: #000;border-radius: 16px;}
span.tick.homesecurity {background: #2b9318;}
.btn-default.homesecurity, .btn-default.homesecurity:active:hover {Background-color: #10B6DE !important;}
.homesecurity .img_block.highlight p {color: #10B6DE;}

/* Boilers */
.section.section-form.boilers {background: #11895B;}
button.nxt_but.button_win_first.boilers {background: rgba(255,255,255,0.2);color: #000;border-radius: 16px;}
span.tick.boilers {background: #2b9318;}
.btn-default.boilers, .btn-default.boilers:active:hover {Background-color: #11895B !important;}
.boilers .img_block.highlight p {color: #11895B;}

/* Doors */
.section.section-form.doors {background: #124061;}
button.nxt_but.button_win_first.doors {background: rgba(255,255,255,0.2);color: #000;border-radius: 16px;}
span.tick.doors {background: #124061;}
.btn-default.doors, .btn-default.doors:active:hover {Background-color: #124061 !important;}
.doors .img_block.highlight p {color: #124061;}