@charset "UTF-8";
/*
Theme Name: Dars Handyman Services by Giant Media
Description: Custom responsive theme for Dars Handyman Services
Version: 1.0
Author: GiantMedia.com.au
*/

@font-face {
    font-family: 'BrandonGrotesque';
    src: url('fonts/BrandonGrotesque-Black.eot');
    src: url('fonts/BrandonGrotesque-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/BrandonGrotesque-Black.woff2') format('woff2'),
        url('fonts/BrandonGrotesque-Black.woff') format('woff'),
        url('fonts/BrandonGrotesque-Black.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/*  SITE WIDE STYLING  ================================================== */
body, textarea { font-family: 'Roboto', sans-serif;font-weight:400; line-height: 1.7; font-size: 17px; color:#2c3338; background:#fff; }
p { font-family: 'Roboto', sans-serif;font-weight: 400; line-height: 1.7; font-size: 17px; color:#2c3338; margin-bottom: 1.8rem; }
ol { }
ul { margin-bottom: 1.8em; }
li { position:relative; }
.innerpage li { list-style:outside none; margin-bottom:10px; }
.innerpage li:before { content:"\f147"; display: inline-block; position: absolute; left:-38px; top:-6px; font-family: dashicons;font-weight: 400;font-style: normal; font-size:26px; color: #f68628;}

a { font-family: inherit; color:#ff8f07; -webkit-transition: all 300ms ease; transition: all 300ms ease; }
a:hover { text-decoration: none; color:#ff8f07; }
a img { -webkit-transition: all 500ms; transition: all 500ms;  }
hr { height:1px; width:100%; border:none; background:#cbcbcb; margin: 50px 0 !important;}
iframe { max-width:100%!important; display:block; margin:0px auto; }
img  { max-width:100% !important; height:auto; display:block; }

@-ms-viewport {	width: device-width; }
@viewport {	width: device-width; }

/*  HEADINGS  ================================================== */
h1, h1 a,
h2, h2 a,
h3, h3 a,
h4, h4 a,
h5, h5 a { font-family: 'BrandonGrotesque', sans-serif; font-weight: 700; color: #0d1f35; margin-bottom: 1.8rem; text-transform:uppercase; }
h1, h1 a { font-size: 50px; font-family: 'BrandonGrotesque' , sans-serif; font-weight: 700; }
h2, h2 a { font-size: 45px; font-family: 'BrandonGrotesque' , sans-serif; font-weight: 700; }
h3, h3 a { font-size: 25px; line-height:1.3em; font-family: 'BrandonGrotesque' , sans-serif; font-weight: 700; margin-bottom: 1em; }
h4, h4 a { font-size: 17px; margin-bottom: 1em; text-transform: uppercase;font-weight: 700;letter-spacing: 2px !important;}
h5, h5 a { font-size: 16px; margin-bottom: 1em; }

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong { color: #ff8f07; }

.center h2:after { margin:0px auto; margin-top:1.8rem; }

/*  HEAD  ================================================== */
.header { position:absolute; top:0px; left:0; z-index: 200; width: 100%; -webkit-transition: all 500ms ease;transition: all 500ms ease; }
.logged-in .header { top:32px; }

.topbar { width:100%; display:block; background:#000000; padding: 10px 0; }
.topbar p { font-family: 'Brown'; font-weight: 700; color:#fff; margin: 0;text-align: center; }

.pagebanner { padding:290px 0 100px; position:relative; background-position: 50% 50%;background-size: cover;}
.pagebanner:after { /*! background:#ff8f07; */ /*! display: inline-block; */ /*! padding:15px 30px; */color: #fff;position: relative;z-index: 1;text-align: center;}
.pagebanner h1 { /*! background:#ff8f07; */ /*! display: inline-block; */ /*! padding:15px 30px; */color: #fff;position: relative;z-index: 10;text-align: center;margin-top: 40px;}
.pagebanner .more { position: relative; z-index: 100; }

.logo { display: block; height:202px; width:250px; position: relative; -webkit-transition:all 500ms ease; transition:all 500ms ease; margin: 0 130px 0 50px;}
.mobile-logo { display: none; height:150px; width:190px; position: relative; -webkit-transition:all 500ms ease; transition:all 500ms ease; margin: 0 130px 0 50px;}

.free-quote { display:inline-block; vertical-align: middle; height:140px; width:140px; background:url(images/free-quote.png) no-repeat center; background-size:contain;  margin-left: 50px;}

.footer-logo { display: block; height:120px; width:140px; position: relative; -webkit-transition:all 500ms ease; transition:all 500ms ease; margin:0px auto; }

.logo-white { background:url(images/logo-white.png) left no-repeat; display: block; height:100%; width:100%; background-size:contain; position: absolute; top:0; left:0; -webkit-transition:all 500ms ease; transition:all 500ms ease; }
.logo-colour { opacity: 0; background:url(images/logo-colour.png) left center no-repeat; display: block; height:100%; width:100%; background-size:contain; position: absolute; top:0; left:0; -webkit-transition:all 500ms ease; transition:all 500ms ease; }
.navbar .nav { margin:0px auto; }

/* GOOGLE REVIEWS ==================================================================================*/
.grw-slider { overflow:hidden; }
.rplg-slider-prev, .rplg-slider-next { display: none; }
.grw-slider .wp-google-feedback {background: #ffffff !important;box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.2);border:none !important;padding: 30px 30px 0px 20px !important;box-sizing: border-box !important;min-height: 300px !important;}
.grw-slider .wp-google-stars { display: block !important; margin-bottom:15px; /*! display: none !important; */ }
.grw-slider .wp-google-text {font-size: 17px;line-height: 1.7em !important;}
.grw-slider .wp-google-content2::before { position: relative !important; width: 50px !important; height: 50px !important; font-family: 'proxima-nova', sans-serif !important; font-weight: 900 !important; bottom: auto !important;top: auto !important;left: 0 !important;right: auto !important;color: #00aeef !important;font-size: 100px !important;margin: 0 !important;transform-origin:  unset !important;display: block !important;margin-bottom: 20px !important; display: none !important;}
.wp-google-content2 {margin: 0px !important;min-height: 220px;}
.grw-slider .wp-google-feedback::before {background: #ffffff !important;height: 30px !important;width: 30px !important;bottom: -10px !important;border: none !important;}
.swiper-container {box-sizing: border-box;padding: 23px;}
.grw-slider-prev, .grw-slider-next { display: none; }
.grw-slider .wp-google-content2 > svg { bottom:25px !important; right: 25px !important; }
.grw-slider .wp-google-name { color:#393a3d !important; margin-bottom:0 !important; }
.wp-google-info { padding-left: 5px !important; }
.grw-slider .wp-more-toggle {color: #00aeef !important;text-decoration:none !important;display: block;margin-top: 13px;}
.grw-slider .wp-more-toggle:before { content:'...'; }
.grw-slider .wp-google-user { padding-top: 30px !important;padding-left: 27px !important; }
.rplgsw-slide { padding:20px 20px !important; box-sizing: border-box; opacity: 0.5;transition: all 250ms ease !important;}
.rplgsw-slide-next { padding:20px 0 !important; opacity: 1;transform: scale(1.1);}
.swiper-pagination-bullet-active { opacity: 1; background: #00aeef !important; width: 12px !important; height: 12px !important; vertical-align: middle; }
.grw-slider {height:500px;margin-top: 30px;}
.swiper-pagination { display: none;}
.grw-slider .grw-slider-prev { left: -90px !important; width: 60px !important; height: 60px !important; background: #7ec143 !important; margin-top: -52px !important; }
.grw-slider .grw-slider-next { right: -90px !important; width: 60px !important; height: 60px !important; background: #7ec143 !important; margin-top: -52px !important; }
.grw-slider .grw-slider-prev span { color: #fff !important; font-size: 40px !important; -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);top: 45% !important;left: 50% !important;text-align: center; }
.grw-slider .grw-slider-next span { color: #fff !important; font-size: 40px !important; -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);top: 45% !important;left: 50% !important;text-align: center; }
.grw-slider .wp-google-stars .wp-star svg {
    width: 25px !important;
    height: 25px !important;
    vertical-align: middle!important;
}

.grw-slider .wp-google-stars .wp-star svg path {
  fill: #0d1f35;
}

.swiper-slide.swiper-slide-next {
    transform: scale(1.09, 1.09);
}

/*  BODY/PAGE/CONTENT  ================================================== */
red { color:red; }
.dropdown-menu { border-radius: 0; padding: 0;border-radius: 5px;overflow: hidden;background: #f68628;border: none;left: 21px;top: 44px;}
.desktop { display:block; } 
.mobile { display:none; }
.innerpage .col-lg-6 img { box-shadow: 0px 0px 30px rgba(0,0,0,0.2); border-radius: 5px;}
#footer-menu ul { margin:0; padding:0; display:block; width:100%;  }
#footer-menu ul li { list-style: none; display:inline-block; /*! float:left; */  margin-right:60px; vertical-align: top;}
#footer-menu ul li a { font-size:18px; font-weight:700; font-family: 'BrandonGrotesque' , sans-serif; }
#footer-menu ul li ul { margin-top: 15px; }
#footer-menu ul li ul li { float:none; display: block; }
#footer-menu ul li ul li a { font-size:15px; font-family: 'Roboto', sans-serif; font-weight:400; }
.brands { display:block; margin: 0px auto;}
.brands img { display:inline-block; vertical-align: middle; width:16%; box-sizing: border-box;padding: 0 30px; margin: 30px 0;}

.owl-carousel { box-shadow:0px 0px 30px -5px rgba(0,0,0,0.4); }

banner-divider { position:absolute; bottom:0; left:0; z-index: 1; display:block; height:63px; width:100%; background:url(images/circle-divider.png) 0% 50% no-repeat; }

.divider-down { position:absolute; top:0; left:0; z-index: 1; display:block; height:170px; width:100%; background:url(images/divide-down.png) top center no-repeat; background-size: 100%;}
.divider-up {position:absolute;bottom: -1px;left:0;z-index: 5;display:block;height:162px;width:100%;background:url(images/divide-up.png) bottom center no-repeat;background-size: 100%;}

.footer { background:#0d1f35; margin-top: -50px;padding-top: 200px !important;}

.action { padding:330px 0 160px !important; margin-top: -100px;}
.action h2 { color:#fff; }
.action p { color:#fff; }

.wrap { padding:100px 15px; position: relative;}
.section { display:block; }
.bump { margin-top:-170px; }

.owl-nav { display:block; position:absolute; bottom:40px; right:40px; }
.owl-dots { display:none !important; }
.owl-item li { list-style: outside none; }
.owl-nav button { height:55px; width:55px; display:inline-block; margin:0 2px; }
.owl-prev { background:url(images/arrow-left.png) no-repeat center !important; background-size:contain !important; }
.owl-next { background:url(images/arrow-right.png) no-repeat center !important; background-size:contain !important; }

.testi { position:relative; background:#2c3338; display: block;}
.testi .text { width:50%; display:block; float:none; padding:150px; box-sizing: border-box; }
.testi .stars { position:relative; display:block; margin-bottom:40px; }
.testi .stars span { color:#f68628; font-size: 31px;display: inline-block;margin-right: 18px;}
.testi p { color:#fff; font-size: 24px;}
.testi h3 { color:#fdfdfd; font-size:17px; margin-bottom:0; margin-top: 40px;}
.testi .image { position:absolute; top:0; right:0; height:100%; width:50%; }

.footerlogo { text-align:center; margin:0px auto; margin-top:-100px; margin-bottom:60px; }

.action .center { margin:0px auto; width:700px; max-width:100%; }

.centvert-left { position:absolute; left:0; top:50%; transform:translateY(-50%); padding: 0 0 0 20%; }
.centvert-right { position:absolute; left:0; top:50%; transform:translateY(-50%); padding: 0 20% 0 0; z-index: 10;}

.button { background:#f68628; color:#fff; padding:20px 45px !important; display:inline-block !important; border-radius: 5px;font-size: 18px !important;font-family: 'BrandonGrotesque', sans-serif;text-transform: uppercase;}
.button:hover { background:#0d1f35; color:#fff; }

.header .button { font-size:15px !important; padding: 14px 28px;margin-left: 20px;}
.sidenav .button { border-radius:0; padding:40px !important; font-size:20px !important; text-align: center; margin-left: 0px !important;}
.header .button:hover { background:#fff; color:#0d1f35; }
.scrolled .button:hover { color:#fff; background:#0d1f35; }
.title { position:relative; bottom:0; left:0; background:#0d1f35; padding:40px 50px; box-sizing: border-box; max-width:100%; min-width: 70%;display: block;}
.title h3 { margin-bottom:15px; color: #fff;font-size: 24px; }
.more { color:#fff; }
.more:before { content:''; display:inline-block; vertical-align: middle; width:50px; height:1px; background:#fff; margin-right:15px; -webkit-transition:all 300ms ease; transition:all 300ms ease; }
.more:hover:before { width:30px; }
.title:hover .more:before { width:30px; }

.orange-block { background:#ff8f07; color:#000000; padding: 8px 20px !important; }
.black-block { background:#000000; margin:5px 0 !important; padding: 8px 20px !important; }

.box { position:relative; }
.box .outline { position:absolute; top:30px; left:-30px; width:100%; height:100%; display:block; outline:5px solid #ff8f07; outline-offset: -5px; }

.story { position:relative; display:block; border:5px solid #ff8f07; padding:50px; text-align:center; margin-bottom:2em; }
.story .text p:first-of-type:before, .story .text p:last-of-type:after { content:'"'; font-family:'Brown'; color:#ff8f07; display:inline-block; }
.story .text p { font-family:'Brown'; font-size:27px; color:#fff; line-height: 1.4em;}
.story .author { margin:0px auto; margin-top:2em; display:block; }
.story .author .circle { border-radius:50%; overflow:hidden; display:inline-block; vertical-align:middle; margin-right:20px; }
.story .author .circle img { width:70px; height:auto; }
.story .author p { margin-bottom:0; display:inline-block; verical-align:middle; } 

.more .arrow { position:relative; display:inline-block; vertical-align: middle; height:35px; width:35px; border:2px solid; border-radius:50%; margin-right: 14px; margin-top: -4px; transition:all 300ms ease; -webkit-transition:all 300ms ease; }
.more:hover .arrow { background:#F78F1E; }
.more svg { height:17px; width:17px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.more svg polygon { fill:#F78F1E; -webkit-transition:all 300ms ease; transition:all 300ms ease; }
.more:hover svg polygon { fill:#0b0b0b; }

.lighter { background:#0b0b0b; }

.footmenu a { color:#fff; }
.footmenu p { text-align:center; font-size:13px; opacity:0.5; color: #fff;margin-bottom: 0;margin-top: 4em;}
.footmenu img { margin:0px auto; margin-bottom:2em; }

#tabs .ui-tabs-nav { padding-right:0 !important; margin-bottom: 0; }
#tabs li { padding:40px 50px; box-sizing: border-box; list-style:none; border-left: 1px solid #222;border-bottom: 1px solid #222; position: relative;z-index: 2; -webkit-transition:all 300ms ease; transition:all 300ms ease; }
#tabs li:first-of-type { border-top: 1px solid #222; }
#tabs li.ui-tabs-active { background:#0b0b0b; border-left: 4px solid #ff8f07; }
#tabs li h3 { margin-bottom:15px; }
#tabs .tabs-content { background:#0b0b0b; padding:40px 50px;border: 1px solid #222;margin-left: -1px;z-index: 0;position: relative; }
#tabs .tabs-content h2:after { display: none; }

/*  BUTTONS  ================================================== */
.btn {
   font-family: 'Brown';
   font-weight: 600;
}

.btn-primary {
  background-color: #f0a900;
  font-size: 18px!important;
  padding: 13px 40px;
  border: 2px solid #f0a900!important;
  color: #ffffff!important;
  border-radius: 50px;
  transition: all 500ms!important; 
  -webkit-transition: all 500ms!Important;
  cursor:  pointer;
}
.btn-primary:hover {
    color: #fff!important;
    background-color: #728e28;
    border-color: #728e28!important;
}

.btn-secondary {
  background-color: #ffffff;
  font-size: 17px!important;
  padding: 19px 49px 19px 23px!important;
  border: 2px solid #0359c9!important;
  color: #0359c9!important;
  -webtkit-transition: all 500ms!Important;
  border-radius: 0px;
  text-transform: uppercase;
  transition: all 500ms!important;
  cursor:  pointer;
  background-image: url(images/arrowrightblue.png);
  background-repeat:  no-repeat;
  background-position: 92% 50%;
}

.btn-secondary:hover {
       color: #ffffff!important;
    background-color: #af9649;
    border-color: #af9649!important;
}

.btn-danger {
  background-color: #09376d;
  background-repeat:  no-repeat;
  background-position: 94% 50%;
  font-size: 17px!important;
  padding: 15px 35px!important;
  border: 2px solid #09376d;
  color: #ffffff!important;
  -webtkit-transition: all 500ms;
  border-radius: 50px;
  transition: all 500ms;
  cursor:  pointer;
  text-transform: capitalize;
}

.btn-danger:hover {
    color: #ffffff!important;
    background-color: rgb(253, 184, 19);
    border: 2px solid #fdb813;
}

.menubutton a {
  background-color: #f0a900;
  font-size: 18px!important;
  padding: 13px 40px!important;
  border: 2px solid #f0a900!important;
  color: #ffffff!important;
  border-radius: 50px;
  transition: all 500ms!important;
  -webkit-transition: all 500ms!Important;
  cursor:  pointer;
  margin-top: -5px;
}

.menubutton a:after {
  content: unset!important;
}

.menubutton a:hover{
    color: #fff!important;
    background-color: #728e28;
    border-color: #728e28!important;
}

/*  WOO ================================================== */


/* FORMS ================================================== */
form { max-width:800px; margin:0px auto; }
form p { width:100%; margin:3px auto; }
form .col { margin-top:0; margin-bottom:0; }

div.wpcf7-response-output { margin:0 !important; padding:20px 40px 20px 30px !important; margin-top: -15px !important; border-radius: 3px; width: 100%;text-align: center;}
div.wpcf7-validation-errors { border-color:red !important; background:url('/wp-content/uploads/2017/02/cross.png') no-repeat 97% 50% red; background-size:20px; color:#fff !important; }
div.wpcf7-mail-sent-ok { border-color:green !important; background:url('/wp-content/uploads/2017/02/tick.png') no-repeat 97% 50% green; background-size:20px; color:#fff !important; }
input[type="email"],select, input[type="password"],input[type="text"], .form-phone , textarea, input[type="tel"]{
    border:none;
    background:#f5f5f5;
    color: #676767;
    padding: 20px 25px;
    width: 100%;
    margin:5px auto;
    display: inline-block;
    font-size:17px;
    font-weight:400;
    font-family:inherit;
    box-sizing: border-box;
    border-radius:0;
}
input[type="submit"] {  border:none;  display: block; width: 100%; text-align: center; margin-top: 10px;cursor: pointer; -webkit-transition:300ms all ease; transition:300ms all ease; color: #fff;}

/*  SUNDRIES  ============================================================================= */
.inlineblock { display: inline-block!important; }
.absolute { position:absolute; top:0px; left:0px; }
.fr { float:right; }
.fl { float:left; }
.base { margin:0px 18px 18px 0px; }
.tl { text-align:left; }
.tr { text-align:right; }
.padd1 { padding:23px 0px!important; }
.big { font-size:26px!important; padding-bottom:13px; }
.clBottom { margin-bottom:0px!important; padding-bottom:0px!important; }
.white { color:#fff!important; text-decoration:none; border-color:#fff!important; }
.black { color:#333!important; text-decoration:none; border-color:#333!important; }
.grey { color:#655e4e!important; }
.pink{ color:#ff3692!important; }
.light-orange { color:#f58220!important; }
.green { color:#2e7a32!important; }
.center { text-align:center!important; margin: 0px auto;}
.upper { text-transform:uppercase; }
.no_style { text-decoration:none; }
.fb { position:relative; top:-14px; }
.clear { clear:both; }
.bgwhite { background:#fff; }
.nopadd { padding:0px!important; }
.rounded { border-radius:9px; }
.inline { display:inline-block; }
strong { font-size: inherit; color: inherit; }
.ML0 { margin-left:0px!important; }
.ML2 { margin-left:2em!important; }
.M0 { margin:0px!important; }
.M1 { margin:13px!important; }
.MR0 { margin-right:0px!important; }
.MT0 { margin-top:0px!important; }
.MT65 { margin-top:65px!important; }
.MB0 { margin-bottom:0!important;}
.MBhalf { margin-bottom:0.5em!important;}
.z100 { z-index:100; }
.MB1 { margin-bottom:30px!important;}
.MB2-5 { margin-bottom:2.5em!important;}
.MB3 { margin-bottom:3.0em!important;}
.MB5 { margin-bottom:5.0em!important;}
.MR0 { margin-right:0!important;}
.MR1 { margin-right:1em!important;}
.ML1 { margin-left:1.0em!important;}
.PB0 { padding-bottom:0!important;}
.PB0-5, .minPad { padding-top:0.5em!important;}
.PB1 { padding-bottom:1.0em!important;}
.PB2 { padding-bottom:2.0em!important;}
.PB130 { padding-bottom:130px !important; }
.PB4 { padding-bottom:4.0em!important;}
.PT0 { padding-top:0!important;}
.PT1 { padding-top:1em!important;}
.PT2 { padding-top:2em !important;}
.PT4 { padding-top:4em!important;}
.PR0 { padding-right:0 !important; }
.PL0 { padding-left:0 !important; }
.aCenter {text-align:center;}
.aLeft { text-align:left;}
.aRight { text-align:right!important;}
.bb1 { border-bottom:1px solid #666; margin-bottom:13px!important; padding-bottom:13px; }
.bt1 { border-top:1px solid #ccc; }
.br1 { border-right:1px solid #bdbdbd; margin:0px; }
.bl1 { border-left:1px solid #c5c5c5; margin:0px; }
.m-only { display:none; }
.alignright { float:right; margin: 0px 0px 13px 13px;}
.alignleft {  }
.aligncenter {margin: auto; }
.no_padd { padding:0px!important; }
.bgnone { background:none!important; }
.cap { text-transform:capitalize; }
.Borange { background:#f8951d!important; }
.Bblue { background:#0aa6c7!important; }
.padd2 { padding:43px 0px 3px 0px; }
.padd3 { padding:55px 0px; }
.dark { color:#303b42!important; }
.rel { position:relative; }
.minh300 { min-height:300px; }
.minh250 { min-height:250px; }
.bkgw { background:#fff!important; }
.whitebkg { background:#fff!important; }
.padder {padding: 45px;	display: block;	border-radius: 6px; }
.padder h3 { margin:0px !important; }
.small { font-weight:400; font-size:16px; }
.plain {  }
.max-250 { max-width:450px!important; }

/*  Required  ================================================== */
.blackbg {	background-color: black; }
.hidden{ opacity: 0!important; }
.visible{ opacity: 1!important; }
.borderg { border: 1px solid #dedddd; border-radius: 3px;}
.MT20 {	margin-top: 30px!important;}
.centerbutton {  margin: 0 auto;}
.PT60 {  padding-top: 60px!important;}
.PT80 {  padding-top: 80px!important;}
.heading {  padding: 60px 0px;}
.PB120 {  padding-bottom: 120px!Important;}
.PB80 {  padding-bottom: 80px!Important; }
.select2-search__field {display: none;}
.form-box { background:white; padding:70px; box-sizing: border-box; border-radius: 10px; box-shadow: 5px 0px 30px -5px rgba(0,0,0,0.3); margin-top: -150px;position: relative;z-index: 10;}
.form-box h3 { text-align: center; font-size:35px; margin-bottom:50px; }
label {  display: block;             }
.alm-btn-wrap .alm-load-more-btn {  background: #f15922!important;}

/*  NAV  ======================================================= */ 
.nav li a { position:relative; font-family:'BrandonGrotesque', sans-serif; font-size: 17px; color: #fff !important; padding: 10px 0px !important; margin:0; text-transform: uppercase;letter-spacing: 1px;margin-right: 40px;margin-top: 47px;}
.nav li a:hover, 
.nav li.current_page_item a, 
.nav li a strong { color: #ff8f07 !important; }
.nav li a:after { content:''; height:1px; width:0%; background:#ff8f07; display:block; position:absolute; bottom:0; left:0; -webkit-transition: all 300ms ease; transition: all 300ms ease; }
.nav li a.dropdown-toggle::after { border-top:0; border-left: 0; border-right: 0; }
.nav li a:hover:after, .nav li.current_page_item a:after { width:100%; }
.nav li .dropdown-item { padding:15px 25px !important; margin: 0;border: none;min-width: 250px;}
.nav li.current_page_item .dropdown-item { color:#fff !important; }
.nav li.current_page_item .dropdown-item:hover { color:#ff8f07 !important; }

.scrolled .nav li a { position:relative; font-size: 16px; color: #0d1f35 !important; /*! padding: 10px 0px !important; */ margin:0 20px; }
.scrolled .nav li a:hover, 
.scrolled .nav li.current_page_item a, 
.scrolled .nav li a strong { color: #ff8f07 !important; }
.scrolled .nav li .dropdown-item { color:#fff !important; margin:0;}

.scrolled .nav li a:after { content:''; height:1px; width:0%; background:#ff8f07; display:block; position:absolute; bottom:0; left:0; -webkit-transition: all 300ms ease; transition: all 300ms ease; }
.scrolled .nav li a:hover:after, .nav li.current_page_item a:after { width:100%; }

/* Mobile Styling - Bootstrap build from bottom up ============================================== */

/* side nav */

.navbar-toggler-icon {

      display: block;
      position: absolute;
      right: 0;
      background-image: url(images/mobile-nav-icon.png)!important;
      /*! width: 33px; */
      /*! top: 27px; */
      height: 50px;
      width: 50px;
      cursor: pointer;
}

#desktopmenu {
  display: none!Important;
}
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;

    right: 0;
    background-color: #0d1f35;
    overflow-x: hidden;
    padding-top: 60px;
    z-index: 200;
    transition: 0.5s;
    /*! min-width: 50%; */
    max-width: 100%;
    box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.2);
}
.sidenav li {
    padding: 8px 0;
    text-decoration: none;
    font-size: 25px;
    color: #fff!important;
    display: block;
    transition: 0.3s;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
.sidenav a{
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #fff!important;
    display: block;
    transition: 0.3s;
}


.sidenav li a {
  color: #fff!important;
  font-size: 19px;
  margin-left: 0 !important;
  text-align: center;
}

.sidenav li:hover {
    color: #f1f1f1;
}
.sidenav .closebtn {
    position: absolute;
    top: 4px;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
.sidenav li a:after { 
content: unset;
} 

/* Desktop Nav ================================================== */

.dropdown-item {
    color: #ffffff;
    font-family: 'Graphik-Light';
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav li a {font-size: 18px;}
}

@media (min-width: 480px) {   }

/* Small devices (landscape phones, 576px and up) */ 
@media (min-width: 576px) {   }

@media (min-width: 768px) {
	.navbar { /*! max-width: 720px; */ }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 780px) {
	#desktopmenu { display: flex!Important; }
	.navbar-toggler-icon { display: none; } 
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.navbar { max-width: 100%; }
}

/* Extra large devices (large desktops, 1200px and up) - Put All Desktop Styling here*/
@media (min-width: 1200px) { 
	navbar {max-width: 1440px; } 
}

@media (min-width: 1440px) { }

@media (min-width: 1600px) { 
	.container { max-width: 1600px; } 
	.navbar { max-width: 1600px;margin: 30px 0;padding: 0;}

}

@media (max-width: 1600px) { 
    .container { width:100%; max-width:100%;  }
	.selector select { padding-left: 13px; background-position: 94% 50%; }
    .centvert-left { transform: none; position:relative; top:0; left:0; padding:0 0 50px 0;}
    .centvert-right { transform: none; position:relative; top:0; right:0; padding:0; padding: 50px 0;}
    .testi .text { padding:100px; }
    .testi p { font-size:20px; }

}

@media (max-width: 1500px) {
    .nav li a { font-size:13px; margin-right: 30px !important;}
    .free-quote { height:110px; width:110px; margin-top:20px;}
    .logo { height:170px; width:205px; margin-right: 68px;}
    .header .button { font-size:14px !important; }
     h1 {font-size: 40px; }
	.riderangle { bottom: 125px; }
    .centvert { transform: none; position:relative; top:0; left:0; padding:0;}
    .brands img { width:24%; }
}

@media (max-width: 1280px) { 
    .navbar .nav { max-width:100% !important; }
    .action { padding:200px 0 100px 0 !important; }
    .divider-down, .divider-up { height:135px; }

.copy {
    margin-top: 0;
}
  
  .playbutton {
margin-top: 80px;
    padding: 200px 0px;
  }

}

@media (max-width: 1200px) {
    .free-quote { margin-left:00px; }
  a.nav-link {
      margin-right: 9px!important;
      margin-top: 16px;
      font-size: 18px;
  }
    #logomain {
}
  
  
.selector span {
    font-size: 18px;
  }
  
  .selector select {
    font-size: 18px;
  }
  
  .cardheading {
    padding: 40px 40px 40px;
  }
  

}

@media screen and (max-width: 992px) {
    .logo { display: none; }
    .top-header p { font-size:13px; }
    #footer-menu ul li ul li { float:none; display: block; margin-bottom: 0; }
    #footer-menu ul li { display: block; margin-bottom: 1em; }
    .logo { width:50%; }
    .logged-in .top-header { /*! top:0; */ }
    .header { position:absolute; top:0; }
   .brands img { width:49%; }
    h1 {font-size: 35px; }
	 h2, h3 {font-size: 25px; }
	.hide-mobile { display:none; }
    .testi p { font-size:17px; }
    .testi .text { width:100%; position: relative; float: none; padding:10%; }
    .testi .image { width:100%; position: relative; display:block; height:200px; }
	a.nav-link { margin-right: 0px!important; }
  .banner { padding: 215px 0px 70px !important; }
  .copy { margin-top: 0; }
}

@media screen and (max-width: 860px) {
    .swiper-slide.swiper-slide-next {
    transform: scale(1.0, 1.0);
}

    .form-box { margin-top:30px; }
    .nav li a { margin-top:30px; }
    .free-quote { height:70px; width:70px; margin-left: 0;}
    .bump { margin-top:30px; }
    .centvert { text-align: center; }
    .wrap { padding:60px 15px; }
}


@media (max-width: 780px) { 
    .form-box { padding:30px 40px; }
    .header { padding:30px; }
    .mobile-logo { display: block; height:120px; margin-left:0; }
    .nav li a { margin-right:0 !important; font-size:17px; margin-top:0px; }
    .free-quote { width:130px; height:130px; margin:0px auto; margin-top:20px; }
    .header .button { position:fixed; bottom:0; left:0; width:100%; font-size: 16px !important;padding:  20px !important;}
    .desktop { display:none; } 
    .mobile { display:block; }
    .banner { padding: 160px 0px 50px !important; }
    .navbar { padding: 20px 0px; }    
    #logomain { width: 70%; }
	.selectorbox { margin-top: -95px; }
   .topbar p a, .topbar p, .topbar img { font-size: 18px; line-height:1.3; }
}

 @media (max-width: 580px) { 
}

 @media (max-width: 480px) { 
    .top-header p { font-size:11px; }
    .top-header strong:first-of-type { margin-right:10px; padding-right:10px; }
	h1 {font-size: 30px; }
	h2, h3 {font-size: 24px; }
}

@media (max-width: 420px) { 
}

@media (max-width: 325px) { 
	.fadeoverlay { max-height: 405px!Important; }
}