/*

 Theme Name:   Blank Child
 Description:  This theme is not available for you to download or buy. It can be a full custom theme, but it could also be a customization of a pre-existing theme (if that is the case, sometimes you can get a hint about the original theme by looking at the theme screenshot).
 Author:       DigiExperts
 Url: 		   http://digiexperts.pk	
 Template:     Blank
 Version:      1.0.0
 License:GNU General Public License v2 or later
 License URI:http://www.gnu.org/licenses/gpl-2.0.html

*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css');





/*=============*/

/*Primary style*/

/*=============*/



*, *:after, *:before {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

main, menu, output, ruby, section, summary,

time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

}



html,

body {

  height: 100%;

  background-color: #fff;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-family: 'Open Sans', sans-serif, 'Arial', 'Verdana';



}

body{

    text-rendering: optimizeLegibility;

    -moz-osx-font-smoothing: grayscale;

    font-smoothing: antialiased;

    -webkit-font-smoothing: antialiased;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    overflow-y: scroll;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

     overflow-x: hidden;

    overflow-y: scroll;

    }

::-moz-selection {

  background: #ff8158;

  color: #fff;

}



::selection {

  background: #ff8158;

  color: #fff;

}





/* when primary navigation is visible, the content in the background won't scroll */

body.overflow-hidden {overflow: hidden;}

.p-content-wrapper {margin-top: 80px;}



.main-container {

  width: 1230px;

  margin: 0 auto;

  max-width: 100%;

}



.main-container-2 {

  width: 1430px;

  margin: 0 auto;

  max-width: 100%;

}



.mini-container {

  width: 1030px;

  margin: 0 auto;

}


.pro a img, .c- a img {
    height: 274.69px !important;
}
.product-container {

  width: 800px;

  margin: 0 auto;

}





/*===============================*/

       /*Navigation Styling*/

/*===============================*/



#nav-bg {

  background: #fff;

  width: 100%;

  height: 80px;

  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);

          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);

  border: none;

  position: relative;

  z-index: 999;

}

input.wpcf7-form-control.wpcf7-submit {
    width: 100% !important;
    padding: 0px 57px !important;
}
li.send-btn {
    float: right;
}


.nav-header {

  position: relative;

  height: 70px;

  width: 100%;

  margin-left: auto;

  margin-right: auto;

  text-align: center;

  z-index: 9999;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



@media only screen and (min-width: 992px) {

  .nav-header {

    height: 70px;

    -webkit-box-shadow: none;

    box-shadow: none;

  }

}



@media only screen and (min-width: 1170px) {

  .nav-header {

    -webkit-transition: background-color 0.3s;

    -o-transition: background-color 0.3s;

    transition: background-color 0.3s;

    /* Force Hardware Acceleration in WebKit */

    -webkit-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

  }



  .nav-header.is-fixed {

    /* when the user scrolls down, we hide the header right above the viewport */

    position: fixed;

    top: -70px;

    background-color: #00324e;

    /*    background-color: rgba(199, 199, 199, 0.37);*/

    -webkit-transition: -webkit-transform 0.3s;

    transition: -webkit-transform 0.3s;

    -o-transition: transform 0.3s;

    transition: transform 0.3s;

    transition: transform 0.3s, -webkit-transform 0.3s;

  }

  .nav-header.is-visible {

    /* if the user changes the scrolling direction, we show the header */

    -webkit-transform: translate3d(0, 100%, 0);

    -ms-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

  .nav-header.menu-is-open {

    /* add a background color to the header when the navigation is open */

    background-color: #ff8158;

  }

}



.oz-brand {

  display: block;

  position: absolute;

  top: 20px;

  left: 0;

  bottom: auto;

}



.oz-brand a img {

  overflow: hidden;

  margin-right: 10px;

}



.oz-brand a{

  text-decoration: none;

  font-size: 18px;

  color: #000;

  font-weight: 600;

  height: 40px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.jobtome_brand img {

  display: block;

}

li{

  list-style: none !important;

}

@media only screen and (max-width: 1500px) {

  .nav-container {

    padding: 0 30px;

  }

}



.secondary-nav {

  position: absolute;

  top: 31px;

  bottom: auto;

  right: 0;

  /* hidden on small devices */

  display: none;

}

.secondary-nav li {

  display: inline-block;

  margin-right: 40px;

}



.secondary-nav li:nth-last-child(1) {

  margin-right: 0px;

}

.secondary-nav a {

  display: inline-block;

  font-size: 14px;

  color: #909090;

  font-weight: 600;

}



.secondary-nav li a {

  text-decoration: none;

   border-bottom: 2px solid rgba(32, 32, 32, 0);

  padding-bottom: 6px;

  

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.secondary-nav li.current-menu-item a{

  border-bottom: 2px solid #4756F7;

  padding-bottom: 4px;

  color: #4756F7;

  font-weight: 600;

  padding-bottom: 6px;

}



.primary-nav li.current-menu-item a{

  color: #4756F7;

}

li.current-menu-item a {

    color: #4756F7;

}

.secondary-nav li a:hover {

  color: #4756F7;

  display: block;

  border-bottom: 2px solid #4756F7;

}





a.header-btn {

  text-decoration: none;

}

.header-btn {

  background: rgba(255, 255, 255, 0.15);

  border-radius: 94px;

  font-size: 12px;

  color: #ffffff;

  text-transform: uppercase;

  border: none;

  outline: none;

  padding: 10px 36px;

  -webkit-transition: all 1.5s cubic-bezier(0.2, 1, 0.2, 1);

  -o-transition: all 1.5s cubic-bezier(0.2, 1, 0.2, 1);

  transition: all 1.5s cubic-bezier(0.2, 1, 0.2, 1);

}



.header-btn:hover {

  background: #d9523d;

  -webkit-box-shadow: 0 10px 25px 0 #083652;

  box-shadow: 0 10px 25px 0 #083652;

  -webkit-transform: translateY(-3px);

  -ms-transform: translateY(-3px);

  transform: translateY(-3px);

}



.secondary-nav li:nth-child(7) {

  margin-right: 125px;

}



@media only screen and (min-width: 868px) {

  .secondary-nav {

    display: block;

  }

}



.nav-trigger {

  position: absolute;

  right: 0;

  top: 0;

  height: 100%;

  width: 50px;

  display: none;

}



.nav-trigger .cd-menu-text {

  color: white;

  text-transform: uppercase;

  font-weight: 700;

  /* hide the text on small devices */

  display: none;

}



.nav-trigger .menu-icon {

  /* this span is the central line of the menu icon */

  display: inline-block;

  position: absolute;

  left: 80%;

  top: 64%;

  bottom: auto;

  right: auto;

  -webkit-transform: translateX(-50%) translateY(-50%);

  -ms-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

  width: 24px;

  height: 2px;

  background-color: #454545;

  -webkit-transition: background-color 0.3s;

  -o-transition: background-color 0.3s;

  transition: background-color 0.3s;

  /* these are the upper and lower lines in the menu icon */

}



.nav-trigger .menu-icon::before,

.nav-trigger .menu-icon:after {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  background-color: #292929;

  right: 0;

  z-index: 9999;

  -webkit-transition: -webkit-transform 0.3s, top 0.3s, background-color 0s;

  -webkit-transition: top 0.3s, background-color 0s, -webkit-transform 0.3s;

  transition: top 0.3s, background-color 0s, -webkit-transform 0.3s;

  -o-transition: transform 0.3s, top 0.3s, background-color 0s;

  transition: transform 0.3s, top 0.3s, background-color 0s;

  transition: transform 0.3s, top 0.3s, background-color 0s, -webkit-transform 0.3s;

  transition: transform 0.3s, top 0.3s, background-color 0s,

    -webkit-transform 0.3s;

}



.nav-trigger .menu-icon::before {

  top: -10px;

}

.nav-trigger .menu-icon.is-clicked {

  background-color: rgba(44, 44, 44, 0);

}

.nav-trigger .menu-icon.is-clicked::before,

.nav-trigger .menu-icon.is-clicked::after {

  background-color: #000;

}



.nav-trigger .menu-icon.is-clicked::before {

  top: 0;

  -webkit-transform: rotate(135deg);

  -ms-transform: rotate(135deg);

  transform: rotate(135deg);

}



.nav-trigger .menu-icon.is-clicked::after {

  top: 0;

  -webkit-transform: rotate(225deg);

  -ms-transform: rotate(225deg);

  transform: rotate(225deg);

}



@media only screen and (min-width: 768px) {

  .nav-trigger {

    background-color: transparent;

    height: 30px;

    line-height: 30px;

    top: 59%;

    bottom: auto;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

  }



  .nav-trigger .cd-menu-text {

    display: inline-block;

  }

  .nav-trigger .menu-icon {

    left: auto;

    -webkit-transform: translateX(0) translateY(-50%);

    -ms-transform: translateX(0) translateY(-50%);

    transform: translateX(0) translateY(-50%);

  }

}



.primary-nav {

  /* by default it's hidden - on top of the viewport */

  position: fixed;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background: #fff;

  border: none;

  z-index: 998;

  text-align: center;

  padding-top: 20vh;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  overflow: auto;

  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */

  -webkit-overflow-scrolling: touch;

  -webkit-transform: translateY(-100%);

  -ms-transform: translateY(-100%);

  transform: translateY(-100%);

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  -o-transition-property: transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform;

  -webkit-transition-duration: 0.4s;

  -o-transition-duration: 0.4s;

  transition-duration: 0.4s;

}



.primary-nav li {

  font-size: 30px;

  font-weight: 300;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  margin: 0.2em 0;

  list-style: none;

  text-transform: capitalize;

}



.primary-nav a {

  display: inline-block;

  padding: 0.4em 1em;

  color: #202020;

  font-weight: 600;

  border-radius: 0.25em;

  text-decoration: none;

  -webkit-transition: background 0.2s;

  -o-transition: background 0.2s;

  transition: background 0.2s;

}



.primary-nav a:hover {

  color: #4756F7;

}



.primary-nav.is-visible {

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

}



@media only screen and (min-width: 1170px) {

  .primary-nav li {

    font-size: 30px;

    font-size: 1.875rem;

  }



  .primary-nav .cd-label {

    font-size: 16px;

    font-size: 1rem;

  }

}



@media only screen and (max-width: 867px) {

  .nav-trigger,

  .oz-brand {

    display: block;

  }

}



/*===============================*/

/*Hero Section Styling*/

/*===============================*/



.hero-section {

  position: relative;

  background: #f6f6f6;

  width: 100%;

  height: 530px;

  z-index: 1;

  overflow: hidden;

}



.hero-right-bg {

  position: absolute;

  background: -webkit-linear-gradient(289deg, #FBC371 0%, #F98D4F 100%);

  background: -o-linear-gradient(289deg, #FBC371 0%, #F98D4F 100%);

  background: -webkit-linear-gradient(71deg, #FBC371 0%, #F98D4F 100%);

  background: -o-linear-gradient(71deg, #FBC371 0%, #F98D4F 100%);

  background: linear-gradient(19deg, #FBC371 0%, #F98D4F 100%);

  right: 0;

  top: 0;

  width: 55%;

  height: 530px;

  -webkit-clip-path: polygon(12% 0, 100% 0, 100% 100%, 0% 100%);

clip-path: polygon(12% 0, 100% 0, 100% 100%, 0% 100%);

}





.hero-left-side {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  height: 530px;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  padding-bottom: 27px;

}



.welcome-heading {padding-bottom: 45px;}

.welcome-heading h1 {

  color: #202020;

  font-family: "Open Sans";

  font-size: 48px;

  font-weight: 800;

  line-height: 42px;

}



.welcome-text {

  color: #202020;

  font-family: "Open Sans";

  font-size: 18px;

  font-weight: 400;

}

.post-meta {

    display: none;

}

article.post h1.title {

    display: none;

}

section.related.products h2 {

    text-align: center;

    margin: 2em 0px;

    text-transform: uppercase;

}

.pro.item5 img {

    height: 565px !important;

}

.woocommerce ul.products li.product a img {

    height: 250px;

    width: 100%;

}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{

    background-color: #f99554;

    color: #fff;

}

.woocommerce .quantity .qty {

    display: none;

}

.woocommerce div.product form.cart .button {

    vertical-align: middle;

    float: left;

    margin: 2em 1em;

    padding: 16px 3em;

    border-radius: 0px;

    background: #f99554;

}

.woocommerce div.product p.price, .woocommerce div.product span.price {

    color: #77a464;

    font-size: 1.25em;

    font-size: 22px;

    margin: 1em 0px;

    color: #f99554;

}

.woocommerce-product-details__short-description p {

    font-size: 16px;

}

a.button.continue {

    vertical-align: middle;

    float: left;

    margin: 2em 1em;

    padding: 16px 3em !important;

    border-radius: 0px;

    background: #f99554;

}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing,

div.wpcf7-mail-sent-ng, div.wpcf7-aborted {

    border: 0px solid #f7e700;

}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {

    display: none !important;

}

li.capt-img {

    width: 50%;

    float: right;

    padding: 2em 1px;

    text-align: right;

}

li.capt-input {

    width: 35% !important;

    float: left;

}

div#wpcf7-f109-o1 {

    width: 600px;

    margin: 0 auto;

}

.capt {

    display: flex;

    display: -webkit-flex;

    align-items: center;

}

body .capt .input-label {

    color: #202020;

    font-family: "Open Sans";

    font-size: 14px;

    line-height: 19px;

    font-weight: 400;

    margin-top: 0px;

    width: 64px;

}

li.capt-input input {

    height: 45px !important;

}

button.single_add_to_cart_button.button.alt {

    display: none;

}

span.posted_in a {

    font-size: 16px;

    pointer-events: none;

    color: #f99554;

    margin-left: 6px;

}

span.posted_in {

    font-size: 20px;

    text-transform: uppercase;

    display: none;

}

.woocommerce-tabs.wc-tabs-wrapper {

    display: none;

}

.woocommerce-message {

    border-top-color: #f99453;

}

.woocommerce-message::before {

    content: '\e015';

    color: #f99453;

}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {

    font-size: 100%;

    margin: 0;

    line-height: 1;

    cursor: pointer;

    position: relative;

    text-decoration: none;

    overflow: visible;

    padding: .618em 1em;

    font-weight: 700;

    border-radius: 1px;

    left: auto;

    color: #fff;

    background-color: #f99554;

    border: 0;

    display: inline-block;

    background-image: none;

    box-shadow: none;

    text-shadow: none;

}
.aws-search-btn.aws-form-btn:hover {
    background-color: #0a1cdf;
}
.search-wrapper input {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  height: 60px;

  width: 100%;

  padding: 0 24px;

  border-radius: 10px 0 0 10px;

  background-color: #FFFFFF;

  border: 1px solid rgba(71, 86, 247, 0);

  outline: none;

  -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);

          box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);

  -webkit-transition: all .3s ease-in-out;

  -o-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out;

}



.search-wrapper input::-webkit-input-placeholder {color: #C9C9C9;}

.search-wrapper input:-moz-placeholder {color: #C9C9C9;}



.search-wrapper input:focus {

  border: 1px solid #4756F7;

  -webkit-box-shadow: 0 3px 20px 0 rgba(0,0,0,0.2);

          box-shadow: 0 3px 20px 0 rgba(0,0,0,0.2);

  outline: none;

}



.hero-pro-image {

  height: 530px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  float: right;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}



.search-wrapper button {

  position: absolute;

  height: 60px;

  width: 90px;  

  outline: none;

  border: none;

  color: #FFFFFF;

  font-size: 18px;

  font-weight: bold;

  border-radius: 0 10px 10px 0; 

  background-color: #4756F7;

  -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);

          box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);

  -webkit-transition: all .3s ease-in-out;

  -o-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out;

  

}   



.search-wrapper button:hover {

  background-color: #0a1cdf;

}



.search-wrapper form {

  width: 80%;

  float: left;

}







.boat-section {padding: 80px 0 120px 0;}



.full-width-paragraph p {

  max-width: 800px; 

  margin: 0 auto;

  color: #202020;   

  font-size: 16px;  

  line-height: 32px;    

  text-align: center;

}





img.img-deco {

  position: absolute;

  bottom: -16px;

  left: -1px;

}



.mini-title h3 {

  color: #202020;   

  font-family: "Open Sans"; 

  font-size: 24px;

  font-weight: bold;    

  line-height: 36px;

  padding-bottom: 30px;

}



.small-paragraph p {

  color: #202020;   

  font-family: "Open Sans"; 

  font-size: 14px;  

  line-height: 28px;

  max-width: 480px;

}



.text-wrapper {padding-left: 70px;}



.b-bold-text{

  color: #4756f7;

  font-weight: bold;

}



.black-bold-text{font-weight: bold;}

.white-bold-text{font-weight: bold;}



.social-icons-list-2 {

  position: absolute;

  right: 0;

  left: 0;

  margin-top: 50px;

}



.social-icons-list-2 li, .social-icons-list-2 li a {

  display: inline-block;

  padding: 0;

  margin: 0;

  margin: 0 4px;

}



.social-icons-list-3 {

  margin-top: 0px;

  bottom: 30px;

  left: 12px;

  display: none;

}



.social-icons-list-3 span{

  font-size: 13px;

  color: #C9C9C9;

  position: relative;

  position: relative;

  top: -11px;

  margin-right: 10px;

}









/*===============================*/

     /*Social Icons Styling*/

/*===============================*/





.hero-social-icons {

  position: absolute;

  width: 100%;

  top: 40%;

  left: 30px;

  z-index: 999;

}



.hero-social-icons-wrapper {

    position: relative;

}



.hero-social-icons-wrapper {

    position: absolute;

    left: 0px;

}



.fb-copy, .email-copy {

  fill: #000000;

  fill-opacity: 0.2;

  -webkit-transition: all .2s ease-in-out;

  -o-transition: all .2s ease-in-out;

  transition: all .2s ease-in-out;

}



.fb-stroke, .email-stroke {

  stroke: #C6C5C5;

  -webkit-transition: all .2s ease-in-out;

  -o-transition: all .2s ease-in-out;

  transition: all .2s ease-in-out;

}



svg.email-icons:hover .email-stroke {

  stroke: #d83025;

}



svg.email-icons:hover .email-copy {

  fill: #fff;

  fill-opacity: 1;

}



svg.fb-icons:hover .fb-stroke {

  stroke: #4267b2;

}



svg.fb-icons:hover .fb-copy {

  fill: #fff;

  fill-opacity: 1;

}



.icon-1, .icon-2 {

  fill: none;

  -webkit-transition: all .3s ease-in-out;

  -o-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out;

}



svg.fb-icons:hover .icon-1 {fill: #4267b2;}

svg.email-icons:hover .icon-2 {fill: #d83025;}



.social-icons-text p {

  font-size: 13px;

  color: #C9C9C9;

  position: relative;

  top: 32px;

  width: 100%;

  left: -15px;

  -webkit-transform: rotate(-90deg);

      -ms-transform: rotate(-90deg);

          transform: rotate(-90deg);

}



.social-icons-list li {

  list-style: none;

  line-height: 34px;

  font-size: 20px;

}



.social-icons-list li a {

  text-decoration: none;

  -webkit-transition: .3s ease-in-out;

  -o-transition: .3s ease-in-out;

  transition: .3s ease-in-out;

}



.social-icons-list li a:hover {

  color: #E81D1D;

}



.icons-lines {

  border: none;

  border-left:  1px solid rgba(0,0,0,0.08);

  height: 75px;

  width: 1px;  

  position: relative;

  top: 0;

  left: -14px;

}





/*===============================*/

/* OZ Motor Trim Section Styling*/

/*===============================*/



.oz-motor-trim-sec {

  background: #F9F9F9;

  width: 100%;

  height: 500px;

  margin-top: 130px;

  position: relative;

}



a.para-links {

  text-decoration: none;

  color: #4756f7;

  border-bottom: 1px solid rgba(0, 0, 0, 0);

  -webkit-transition: all .3s ease-in-out;

  -o-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out;

}



a.para-links:hover {

  color: #2c3bde;

  border-bottom: 1px solid #2c3bde;

}



.oz-motor-trim-sec-bg {

  position: absolute;

  background: -webkit-linear-gradient(top left, #7D8FFC 0%, #4756F7 100%);

  background: -o-linear-gradient(top left, #7D8FFC 0%, #4756F7 100%);

  background: -webkit-gradient(linear, left top, right bottom, from(#7D8FFC), to(#4756F7));

  background: linear-gradient(to bottom right, #7D8FFC 0%, #4756F7 100%);

  left: 0;

  top: 0;

  width: 50%;

  height: 500px;

  -webkit-clip-path: polygon(0 0, 89% 0, 100% 100%, 0% 100%);

  clip-path: polygon(0 0, 89% 0, 100% 100%, 0% 100%);

}



.text-wrapper-2, .oz-list-items {

  height: 500px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}



.q-para-space {padding-right: 30px;}

.text-wrapper-2 h3 {max-width: 500px}



.text-wrapper-3 {

  padding-left: 60px;

  margin-top: 50px;

}



.mini-title-2 h3 {

  color: #FFFFFF;   

  font-family: "Open Sans"; 

  font-size: 30px;  

  font-weight: bold;    

  line-height: 48px;

  padding-bottom: 30px;

  max-width: 500px;

}



.small-paragraph-2 p {

  color: #fff;  

  font-family: "Open Sans"; 

  font-size: 14px;  

  line-height: 28px;

  max-width: 500px;

}



.oz-list-items {padding-left: 100px;}

.oz-list-items ul li, .oz-benefits-items ul li {

  color: #202020;   

  font-family: "Open Sans"; 

  font-size: 16px;  

  padding-bottom: 30px;

  line-height: 28px;

  position: relative;

  list-style: none;

  left: 26px;

  

}



.oz-list-items ul li::after, .oz-benefits-items ul li::after {

  content: '';

  width: 4px;

  height: 4px;

  border-radius: 100%;

  background: #000;

  position: absolute;

  top: 12px;

  left: -26px;

}



.oz-list-items ul li:last-child {padding-bottom: 0px;}

.col-spacing{padding: 0;}



/*===============================*/

/*OZ Benefits Section Styling*/

/*===============================*/



.oz-benefits-section {

  margin-top: 130px;

  position: relative;

}



.mini-title-3 h3 {

  color: #202020;   

  font-family: "Open Sans"; 

  font-size: 30px;  

  font-weight: bold;    

  line-height: 48px;

  padding-bottom: 30px;

  max-width: 700px;

}



.small-paragraph-3 p {

  color: #202020;   

  font-family: "Open Sans"; 

  font-size: 14px;  

  line-height: 28px;

  max-width: 700px;

}





.oz-benefits-items {margin-top: 30px;}

.img1 img {margin-top: 100px;}

.img3 img {margin-top: 30px;}



.benefits-images {

  position: relative;

  top: 80px;

}





.blod-para-sec {padding: 80px 0 120px 0;}



.full-width-bold-paragraph {

  max-width: 800px; 

  margin: 0 auto;

  color: #202020;   

  font-size: 18px;  

  font-weight: bold;    

  line-height: 32px;    

  text-align: center;

}



/*===============================*/

   /*Footer Section Styling*/

/*===============================*/



.footer-section {

  height: 723px;

  width: 100%;

  position: relative;

}



.footer-bg-right {

  background-color: #F9F9F9;

  position: absolute;

  right: 0;

  height: 723px;

  width: 81%;

  z-index: 1;

}





.footer-bg-left {

  position: absolute;

  height: 699px;

  width: 45%;

  bottom: -90px;

  left: 0;

  background: -webkit-linear-gradient(310.81deg, #FBC371 0%, #F98D4F 100%);

  background: -o-linear-gradient(310.81deg, #FBC371 0%, #F98D4F 100%);

  background: linear-gradient(139.19deg, #FBC371 0%, #F98D4F 100%);

  z-index: 2;

}



.newsletter, .footer-links {

  position: relative;

  z-index: 99;

}



.newsletter {

  height: 800px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}



.subcribe-heading h4 {

  color: #FFFFFF;

  font-family: "Open Sans";

  font-size: 36px;

  font-weight: bold;

  line-height: 49px;

  padding: 40px 0 12px 0;

}



.footer-left-side {margin-top: 125px;}



.subcribe-text p{

  color: #FFFFFF;

  font-family: "Open Sans";

  font-size: 14px;

  line-height: 24px;

  max-width: 300px;

  padding-bottom: 36px;

}

.tnp-subscription input[type=email]:focus {
    border: 1px solid #4756F7;
    outline: none;
}
.tnp-subscription input[type=text], .tnp-subscription input[type=email], .tnp-subscription input[type=submit], .tnp-subscription select{
    height: 58px !important;
        padding: 0 24px !important;
}
.newsletter-wrapper input {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  height: 58px;

  width: 85%;

  padding: 0 24px;

  border-radius: 10px 0 0 10px;

  background-color: #FFFFFF;

  border: 1px solid rgba(71, 86, 247, 0);

  outline: none;

  -webkit-box-shadow: 0 5px 20px 0 rgba(255,255,255,0.3);

          box-shadow: 0 5px 20px 0 rgba(255,255,255,0.3);

  -webkit-transition: all .3s ease-in-out;

  -o-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out;

}
.tnp-subscription label {
    display: none !important;
}
.oz-brand a img {
    height: 40px;
    width: 74px;
}
.tnp.tnp-subscription .tnp-field.tnp-field-button input:hover {
    background-color: #070815;
}
.tnp.tnp-subscription .tnp-field.tnp-field-button input {
    position: absolute;
    height: 58px;
    width: 94px;
    outline: none;
    border: none;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    z-index: 999;
    border-radius: 0 10px 10px 0;
    background-color: #4756F7;
    -webkit-box-shadow: 0 5px 20px 0 rgba(255,255,255,0.3);
    box-shadow: 0 5px 20px 0 rgba(255,255,255,0.3);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    right: -4em;
    top: 0px;
    text-transform: uppercase;
        padding: 0 !important;
}


.newsletter-wrapper input::-webkit-input-placeholder {color: #C9C9C9;}

.newsletter-wrapper input:-moz-placeholder {color: #C9C9C9;}



.newsletter-wrapper input:focus {

  border: 1px solid #4756F7;

  outline: none;

}

section.newsletter-wrapper {

    position: relative;

}

.newsletter-wrapper p.nesw input {

  position: absolute;

  height: 58px;

  width: 94px;  

  outline: none;

  border: none;

  color: #FFFFFF;

  font-size: 12px;

  font-weight: bold;

  z-index: 999;

  border-radius: 0 10px 10px 0; 

  background-color: #4756F7;

  -webkit-box-shadow: 0 5px 20px 0 rgba(255,255,255,0.3);

          box-shadow: 0 5px 20px 0 rgba(255,255,255,0.3);

  -webkit-transition: all .3s ease-in-out;

  -o-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out;

  top: 0;

  right: 0;

  padding: 0px;

}   

div.wpcf7-mail-sent-ok {
    border: 0px solid #398f14;
    color: #000;
    margin: 1em 0px;
    padding: 0;
}
.newsletter-wrapper div.wpcf7-mail-sent-ok {
    color: #fff;
}
.newsletter-wrapper p.nesw input:hover {

  background-color: #070815;

}



.footer-subtitle h6 {

  color: #202020;

  font-family: "Open Sans";

  font-size: 18px;

  font-weight: bold;

  line-height: 24px;

  padding-bottom: 20px;

}



.f-links li {

  list-style: none;

  color: #909090;

  font-family: "Open Sans";

  font-size: 16px;

  font-weight: 600;

  line-height: 30px;

  max-width: 190px;

}



.f-r-2 {margin-top: 90px;}



.f-links li a {

  color: #909090;

  font-family: "Open Sans";

  font-size: 16px;

  font-weight: 600;

  line-height: 34px;

  border-bottom: 1px solid rgba(71, 86, 247, 0);

  text-decoration: none;

  -webkit-transition: all .3s ease-in-out;

  -o-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out;

}



.f-links li a:hover {

  color: #4756F7;

  border-bottom: 1px solid rgb(71, 86, 247);

  

}



.footer-right-side {

  margin-top: 120px;

  padding-left: 100px;

  width: 100%;

}



.footer-icon li {

  list-style: none;

  display: inline-block;

  margin-right: 15px;

}



.copyrights-text p {

  position: absolute;

  z-index: 99;

  bottom: -55px;

  text-align: center;

  width: 55%;

  right: 0;

  margin-left: auto;

  margin-right: auto;

  opacity: 0.5;

  color: #909090;

  font-family: "Open Sans";

  font-size: 13px;

}





/*===============================*/

   /*Products Page Styling*/

/*===============================*/



.banner-sec, .about-banner-sec, .comments-banner-sec, .conatct-banner-sec, .inquiry-banner-sec {

  height: 303px;

  width: 100%;



  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-item-align: center;

      align-self: center;

  -ms-flex-line-pack: center;

      align-content: center;

  text-align: center;

}



.banner-sec {

  background: -webkit-linear-gradient(-342deg, #3023AE 0%, #C86DD7 100%);

  background: -o-linear-gradient(-342deg, #3023AE 0%, #C86DD7 100%);

  background: -webkit-linear-gradient(162deg, #3023AE 0%, #C86DD7 100%);

  background: -o-linear-gradient(162deg, #3023AE 0%, #C86DD7 100%);

  background: linear-gradient(-72deg, #3023AE 0%, #C86DD7 100%);

}



.about-banner-sec {

  background: -webkit-linear-gradient(-342deg, #6253F0 0%, #38CDC9 100%);

  background: -o-linear-gradient(-342deg, #6253F0 0%, #38CDC9 100%);

  background: -webkit-linear-gradient(162deg, #6253F0 0%, #38CDC9 100%);

  background: -o-linear-gradient(162deg, #6253F0 0%, #38CDC9 100%);

  background: linear-gradient(-72deg, #6253F0 0%, #38CDC9 100%);

}



.comments-banner-sec {

  background: -webkit-linear-gradient(289deg, #71C5FB 0%, #4FF9C0 100%);

  background: -o-linear-gradient(289deg, #71C5FB 0%, #4FF9C0 100%);

  background: -webkit-linear-gradient(71deg, #71C5FB 0%, #4FF9C0 100%);

  background: -o-linear-gradient(71deg, #71C5FB 0%, #4FF9C0 100%);

  background: linear-gradient(19deg, #71C5FB 0%, #4FF9C0 100%);

}



.conatct-banner-sec {

  background: -webkit-linear-gradient(-289deg, #7198FB 0%, #4FCCF9 100%);

  background: -o-linear-gradient(-289deg, #7198FB 0%, #4FCCF9 100%);

  background: -webkit-linear-gradient(109deg, #7198FB 0%, #4FCCF9 100%);

  background: -o-linear-gradient(109deg, #7198FB 0%, #4FCCF9 100%);

  background: linear-gradient(-19deg, #7198FB 0%, #4FCCF9 100%);

}



.inquiry-banner-sec {

  background: -webkit-linear-gradient(289deg, #71C5FB 0%, #F04FF9 100%);

  background: -o-linear-gradient(289deg, #71C5FB 0%, #F04FF9 100%);

  background: -webkit-linear-gradient(71deg, #71C5FB 0%, #F04FF9 100%);

  background: -o-linear-gradient(71deg, #71C5FB 0%, #F04FF9 100%);

  background: linear-gradient(19deg, #71C5FB 0%, #F04FF9 100%);

}



.p-deco-left {

  background: url(../images/p-deco-banner-left.svg);

  background-repeat: no-repeat;

  width: 400px;

  height: 173px;

  position: absolute;

  left: 0;

  top: 0;

}



.p-deco-right {

  background: url(../images/p-deco-banner-right.svg);

  background-repeat: no-repeat;

  width: 335px;

  height: 303px;

  position: absolute;

  right: 0;

  top: 0;

}



.banner-dec p, .banner-dec-2 p {

  max-width: 372px;

  margin: 0 auto;

  color: #FFFFFF;

  font-size: 18px;

  line-height: 30px;

  text-align: center;

  padding-top: 15px;

}



.banner-dec-2 p {padding-top: 5px;}



.tabs-wrapper {

  background: #fff;

  border-radius: 20px;

  width: 800px;

  height: auto;

  margin: 0px;

  padding: 0px;

  height: 80px;

  position: absolute;

  border-radius: 10px;

  bottom: -40px;

  -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2);

          box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2);

  

}



.tabs-wrapper ul li a {

  color: #202020;

  font-family: "Open Sans";

  font-size: 18px;

  font-weight: bold;

  line-height: 24px;

  text-align: center;

  text-decoration: none;

}



.nav-tabs {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    width: 100%;

    border: none;

/*    background: #fff;*/

}





.nav>li>a {

    position: inherit;

    display: inherit;     

    padding: 0px 0px;

    

}

.nav-tabs>li {

    margin: 0;

    padding: 0;

    width: 100%;

    border-right: 2px solid rgba(0,0,0,0.05); 

}



.nav-tabs>li:nth-last-child(1) {border-right: 0px;}

.nav-tabs>li>a {

    border-radius: 0px;

    margin-right: 0px;

    border: transparent;

    padding: 27px 0px;

    text-align: center;

    height: 80px;  

/*    background: #fff;*/

}







.tabs-wrapper ul li {display: inline-block;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active, .nav-tabs>li.active>a:hover  {

    color: #FFFFFF;

    background-color: #EFCB68;

    outline: none;

    border-radius: none;

    background: -webkit-linear-gradient(top left, #7D8FFC 0%, #4756F7 100%);

    background: -o-linear-gradient(top left, #7D8FFC 0%, #4756F7 100%);

    background: -webkit-gradient(linear, left top, right bottom, from(#7D8FFC), to(#4756F7));

    background: linear-gradient(to bottom right, #7D8FFC 0%, #4756F7 100%);

    border-right: 1px solid #7D8FFC;

    border: 0px;

    border-radius: 20px 0 0 20px;

    border-radius: 10px;

}



.nav-tabs>li.active>a.tab1 {border-radius: 10px 0 0 10px;}

.nav-tabs>li.active>a.tab2 {border-radius: 0px 0 0 0px;}

.nav-tabs>li.active>a.tab3 {border-radius: 0px 10px 10px 0px;}



.nav-tabs li a:hover {background-color: transparent;}



.banner-heading h3 {

  color: #FFFFFF;

  font-family: "Open Sans";

  font-size: 30px;

  font-weight: bold;

  line-height: 41px;

  text-align: center;

}



.boat-a-covers-sec {

  margin-top: 160px;

  padding-bottom: 120px;

}



.wrapper {

  max-width: 1000px;

  margin: 0 auto;

  padding: 0 10px;

}





.wrapper a img {

  -webkit-transform: scale(1);

      -ms-transform: scale(1);

          transform: scale(1);

  -webkit-transition: all .3s ease-in-out;

  -o-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out;

}



.wrapper a img:hover {

  -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.2);

          box-shadow: 0 10px 20px 0 rgba(0,0,0,0.2);

  -webkit-transform: scale(1.03);

      -ms-transform: scale(1.03);

          transform: scale(1.03);

}



.wrapper {

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: 1fr 15px 1fr 15px 1fr;

  grid-template-columns: repeat(3, 1fr);

  grid-gap: 15px;

  grid-auto-rows: minmax(100px, auto);

}

.motor_ul .item5 img{

    height: 100% !important;

}

section.related.products {

    display: none;

}

.the-content {

    margin: 11em 0px !important;

}

figure.woocommerce-product-gallery__wrapper img {

    height: 100% !important;

}

p.price {

    display: none;

}

.woocommerce-product-details__short-description {

    display: none;

}

.item1 {

  -ms-grid-column: 1;

  -ms-grid-column-span: 1;

  grid-column: 1 / 2;

  -ms-grid-row: 1;

  grid-row: 1;

}

figure.woocommerce-product-gallery__wrapper {

    height: 65%;

    width: 100%;

    overflow: hidden;

    margin-bottom: 3em !important;

}

.item2 { 

  -ms-grid-column: 2; 

  -ms-grid-column-span: 2; 

  grid-column: 2 / 4;

  -ms-grid-row: 1;

  grid-row: 1;

}

.item3 {

  -ms-grid-column: 1;

      grid-column-start: 1;

  -ms-grid-column-span: 1;

  grid-column-end: 2;



}

.item4 {

  -ms-grid-column: 2;

  grid-column: 2;

  -ms-grid-row: 2;

  grid-row: 2;

}

.item5 {

  -ms-grid-column: 3;

  -ms-grid-column-span: 1;

  grid-column: 3 / 4;

  -ms-grid-row: 2;

  -ms-grid-row-span: 2;

  grid-row: 2 / 4;

}



.item6 {

  -ms-grid-column: 1;

  -ms-grid-column-span: 2;

  grid-column: 1 / 3;

  -ms-grid-row: 3;

  -ms-grid-row-span: 1;

  grid-row: 3 / 4;

}



.item7 {

  -ms-grid-column: 1;

  grid-column: 1;

  -ms-grid-row: 4;

  grid-row: 4 / 4;

}



.item8 {

  -ms-grid-column: 2;

  grid-column: 2;

  -ms-grid-row: 4;

  grid-row: 4 / 4;

}



.item9 {

  -ms-grid-column: 3;

  grid-column: 3;

  -ms-grid-row: 4;

  grid-row: 4 / 4;

}



/*

.item10 {

  grid-column: 1 / 1;

  grid-row: 6 / 6;

}

*/



.item11 {

  -ms-grid-column: 2;

  -ms-grid-column-span: 2;

  grid-column: 2 / 4;

  -ms-grid-row: 5;

  grid-row: 5 / 5;

}



.item12 {

  -ms-grid-column: 1;

  grid-column: 1 / 1;

  -ms-grid-row: 5;

  grid-row: 5 / 5;

}



/*

.item13 {

  grid-column: 3 / 3;

  grid-row: 6 / 6;

}

*/





/*--------Dropdown List--------*/



.dropdown-wrapper {

  max-width: 90%;

  margin: 0 auto;

  height: 100%;

  display: none;

  position: relative;

  z-index: 99;

  border-radius: 8px;

  top: 190px;

    -o-transition: all .25s ease-in-out;

  transition: all .25s ease-in-out;

  -moz-transition: all .25s ease-in-out;

  -webkit-transition: all .25s ease-in-out;

}



/*.dropdown-wrapper:hover {-webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.15);box-shadow: 0 5px 30px 0 rgba(0,0,0,0.15);}*/



.dropdown-lists {

  width: 100%;

  top: 90px;

  left: 0;

  z-index: 3;

  height: 45px;

  line-height: 45px;

  vertical-align: middle;

  display: inline-block;

  font-size: 0.1px;

  font-weight: 300;

  font-style: normal;

  cursor: pointer;

  padding: 0;

  cursor: pointer;

  -o-transition: opacity .25s ease-in-out;

  transition: opacity .25s ease-in-out;

  -moz-transition: opacity .25s ease-in-out;

  -webkit-transition: opacity .25s ease-in-out;

}

.dropdown-lists ul {

  height: 55px;

  padding: 5px 2px 5px 16px;

  text-align: left;

  background: #ffff;

  border: 1px solid #c9c9c9;

  border-radius: 10px;

}



.dropdown-lists ul li {

  display: block;

  position: relative;

}

.dropdown-lists ul li:first-child:before {

  position: absolute;

  content: ' Menu ';

  position: relative;

  font-size: 1.6rem;

  font-size: 16px;

  font-weight: 600;

  font-weight: bold;

  text-transform: uppercase;

}



.dropdown-lists ul li:first-child:after {

  position: absolute;

  top: 0;

  right: 0;

  font-family: FontAwesome;

  font-size: 20px;

  content: "\f0d7";

  color: #2267B9;

  padding-right: 16px;

}

.dropdown-lists a {

  display: none;

  font-size: 1.5rem;

  font-size: 15px;

  text-decoration: none;

  font-family: 'Roboto', sans-serif;

  font-weight: 500;

  color: #4A5564;

}



/* styles for the dropdown open */

.dropdown-lists.nav-is-visible ul {

  height: initial;

  background: #F1F1F1;

}

.dropdown-lists.nav-is-visible ul li:first-child:after {content: "\f00d";}

.dropdown-lists.nav-is-visible ul li a {

  display: block;

}

.dropdown-lists.nav-is-visible ul li a:hover {color:#4A5564;}

.dropdown-lists.nav-is-visible ul li:last-child {margin-bottom: 10px;}











/*===============================*/

   /*About Page Styling*/

/*===============================*/



.about-boat-sec {padding: 120px 0;}

.about-boat-sec-2 {padding-bottom: 120px;}





.small-paragraph-5 p {margin-left: auto;}

.small-paragraph-4 p, .small-paragraph-5 p, .small-paragraph-6 p {

  max-width: 403px;

  color: #202020;

  font-family: "Open Sans";

  font-size: 24px;

  line-height: 40px;

  margin-top: 40px;



}



.small-paragraph-6 p{

  margin-top: 0px;

  height: 401px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin-left: auto;

  

}





img.img-deco-2 {

  position: absolute;

  bottom: -16px;

  right: -1px;

}



img.img-deco-3 {

  position: absolute;

  bottom: -40px;

  left: -25px;

}



.about-sec3 {

  background: #F9F9F9;

  width: 100%;

  height: 401px;

  margin-top: 50px;

  position: relative;

  margin-bottom: 120px;

}





.about-sec3-bg {

  position: absolute;

  background: url(../Blank/images/about-sec-img3.png);

  background-repeat: no-repeat;

  left: 0;

  top: 0;

  width: 100%;

  height: 401px;

}



.craftsmanship-text {

  padding-bottom: 50px;

  position: relative;

}



.craftsmanship-text p {

  height: 80px;

  max-width: 701px;

  background-color: #3ACACB;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  color: #FFFFFF;

  font-family: "Open Sans";

  font-size: 24px;

  font-weight: bold;

  line-height: 36px;

  text-align: center;

  margin: 0 auto;

  position: relative;

  z-index: 2;

}



.craftsmanship-text-bg {

  height: 80px;

  max-width: 701px;

  background-color: #EBEBEB;

  position: relative;

  top: -70px;

  left: 10px;

  z-index: 1;

  margin: 0 auto;

  

}



/*===============================*/

   /*Comments Page Styling*/

/*===============================*/



.contact-form_sec {padding: 120px 0;}



/*form {

  margin-left: auto;

  margin-right: auto;

  max-width: 600px;

}*/



ul.contact-inputs li {

  list-style: none;

  margin-top: 10px;

}



ul.contact-inputs li:last-child {margin-top: 0px;}





ul.contact-inputs li input {

  border: none;

  outline: none;

  width: 100%;

  height: 60px;

  font-size: 14px;

  color: #202020;

  letter-spacing: 0.47px;

  font-weight: 400;

  padding-left: 20px;

  outline: none;

  background-color: #FFFFFF;

  border: 1px solid #C9C9C9;

  border-radius: 10px;



}



ul.contact-inputs-2 li:nth-of-type(2) {
    width: 50%;
    padding-right: 10px;
    margin: 0px;
}

ul.contact-inputs-2 li:nth-of-type(1) {
    width: 50%;
    float: right;
    padding-left: 10px;
    margin: 0px;
}
ul.contact-inputs-2 li:nth-of-type(4) {

  width: 50%;

  padding-right: 10px;

  margin: 0px;

    

}

ul.contact-inputs-2 li:nth-of-type(3) {

  width: 50%;

  float: right;

  padding-left: 10px;

  margin: 0px;

    

}



ul.contact-inputs-2 li:nth-of-type(6) {

  width: 50%;

  padding-right: 10px;

  margin: 0px;

    

}

ul.contact-inputs-2 li:nth-of-type(5) {

  width: 50%;

  float: right;

  padding-left: 10px;

  margin: 0px;

    

}



ul.contact-inputs-2 li:nth-of-type(8) {

  width: 50%;

  padding-right: 10px;

  margin: 0px;

    

}

ul.contact-inputs-2 li:nth-of-type(7) {

  width: 50%;

  float: right;

  padding-left: 10px;

  margin: 0px;

    

}



ul.contact-inputs li input:focus {

  border: 1px solid #4756F7;

  -webkit-box-shadow: 0 3px 20px 0 rgba(0,0,0,0.15);

          box-shadow: 0 3px 20px 0 rgba(0,0,0,0.15);

  

}

::-webkit-input-placeholder { color: rgba(196, 196, 196);}

:-ms-input-placeholder { color: rgba(196, 196, 196);}

::-ms-input-placeholder { color: rgba(196, 196, 196);}

::placeholder { color: rgba(196, 196, 196);}



.wpcf7-textarea {

  border: none;

  border: 1px solid #F4DFA8;

  outline: none;

  padding: 10px 15px 0px 15px;

  width: 100%;

  height: 235px;

  font-size: 14px;

  color: #202020;

  letter-spacing: 0.47px;

  margin-left: auto;

  margin-right: auto;

  background-color: #FFFFFF;

  outline: none;

  border: 1px solid #C9C9C9;

  border-radius: 10px;

}



.wpcf7-textarea:focus {

  border: 1px solid #4756F7;

  border: 1px solid #4756F7;

  -webkit-box-shadow: 0 3px 20px 0 rgba(0,0,0,0.15);

          box-shadow: 0 3px 20px 0 rgba(0,0,0,0.15);

}

textarea {resize: none;}



.input-label {

  color: #202020;

  font-family: "Open Sans";

  font-size: 14px;

  line-height: 19px;

  font-weight: 400;

  margin-top: 30px;

}



.contact-inputs-2 .input-label {padding-bottom: 10px;}



.send-btn {text-align: right;}

li.send-btn .wpcf7-submit, li.send-btn-2 .wpcf7-submit {
  text-decoration: none;
  color: #FFFFFF;
  font-size: 20px;
  letter-spacing: 2px;
  text-align: center;
  font-weight: 700;
  height: 60px;
  width: 176px;
  border: none;
  outline: none;
  text-transform: uppercase;
  background-color: #4756F7;
  margin: 10px 0px;
  border-radius: 10px;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
li.send-btn .wpcf7-submit, li.send-btn-2 .wpcf7-submit {

  border-radius: 38px;

  font-size: 16px;

  letter-spacing: 2px;

}

.resrt input {

    background: transparent;

    border: 0;

    text-transform: uppercase;

}

.reset-btn button {

  text-decoration: none;

  color: #909090;

  font-size: 16px;

  letter-spacing: 2px;

  text-align: center;

  font-weight: 700;

  height: 60px;

  width: 176px;

  border: none;

  outline: none;

  text-transform: uppercase;

  background-color: #fff;

  margin: 10px 0px;

  border-radius: 38px;

  border: 1px solid #C9C9C9;

  -webkit-transition: .3s ease-in-out;

  -o-transition: .3s ease-in-out;

  transition: .3s ease-in-out;

}



.reset-btn button:hover {

  -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);

          box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);

  background: #C9C9C9;

  color: #fff;

}



.send-btn-2 button:hover {background: #0a1cdf;}

.send-btn button:hover {background: #0a1cdf;}



.inquiry-btns {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.inquiry-btns li {
    margin-right: -20px;
}

.inquiry-btns li {

  list-style: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  

}





/*===============================*/

   /*Contact Us Page Styling*/

/*===============================*/





.contact-us-sec {

  padding: 120px 0 140px 0;

  overflow: hidden;

}



.sub-title-2 h3 {

  color: #202020;

  font-family: "Open Sans";

  font-size: 48px;

  font-weight: bold;

  line-height: 70px;

  position: relative;

}



.sub-title-2 h3::after {

  content: '';

  position: absolute;

  height: 4px;  

  width: 100px;

  background: #202020;

  left: 0;

  bottom: -20px;

}



.contact-list-items {margin-top: 100px;}



.contact-list-items ul li, .contact-list-items ul li a {

  list-style: none;

  color: #000000;

  font-family: "Open Sans";

  font-size: 24px;

  line-height: 48px;

  text-decoration: none;

  -webkit-transition: all .3s ease-in-out;

  -o-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out;

}



.contact-list-items ul li a:hover {color: #4756F7;}

.contact-list-items ul li:first-child {padding-bottom: 50px;}



.google-map-sec {

  padding-bottom: 120px;

  padding-top: 20px;

}



.contact-heading h5 {

  color: #202020;

  font-family: "Open Sans";

  font-size: 36px;

  font-weight: bold;

  line-height: 70px;

  text-align: center;

  padding-bottom: 40px;

}





.google-map-wrapper iframe {

  border: 10px solid #FFF;  

  -webkit-box-shadow: 0 2px 30px 0 rgba(0,0,0,0.2); 

          box-shadow: 0 2px 30px 0 rgba(0,0,0,0.2);

  border-radius: 10px;

  width: 100%;

  height: 780px;

}



.wpcf7-form {

  margin-left: auto;

  margin-right: auto;

  max-width: 800px;

}



.mfp-bg {

  background: #000;

  opacity: 0.85;

}



.mfp-close {

  font-size: 50px;

  opacity: 1;

  margin-top: 20px;

  margin-right: 20px;

}

/* Query style css add */

@media only screen and (max-width: 1600px) {

  .hero-social-icons {display: none;}

  .social-icons-list-3 {display: inherit;}

  

}







@media only screen and (max-width: 1500px) {

  

  .about-sec3-bg {

    width: 45%;

    background-position: 70% center;

    -webkit-clip-path: polygon(0 0, 89% 0, 100% 100%, 0% 100%);

    clip-path: polygon(0 0, 89% 0, 100% 100%, 0% 100%);

  }

  

  

  

}



@media only screen and (max-width: 1460px) {

  

  .main-container-2 {

    width: 100%;

    padding: 0 24px;

  }

  

  .text-wrapper-2 h3 {max-width: 450px}

  .oz-list-items {

    padding-left: 0px;

    padding-right: 24px;

  }

  

}





@media only screen and (max-width: 1260px) {

  

  .main-container {

    width: 100% !important;

    padding: 0 24px;

  }

  

  .newsletter {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  

}



@media only screen and (max-width: 1199px) {

  

}



@media only screen and (max-width: 1070px) {

  

  .mini-container {

    width: 100%;

    padding: 0 24px;

    max-width: 100% !important;

  }

  

}



@media only screen and (max-width: 1024px) {
.tnp-field.tnp-field-email {
    max-width: 80%;
}
  .tnp.tnp-subscription .tnp-field.tnp-field-button input {
    right: 0em;
}

  .wrapper a img {

    width: 100%;

    height: auto;

  }

  .google-map-wrapper iframe{height: 500px;}

  .google-map-wrapper {

    width: 80%;

    margin: 0 auto;

  }

  

  .small-paragraph-6 p {margin: 0 auto;}

  .about-boat-sec, .about-boat-sec-2 {

    width: 90%;

    margin: 0 auto;

  }

  

  .footer-bg-left{width: 45%;}

  

}







@media only screen and (max-width: 991px) {

  .text-wrapper {

    padding-left: 0px !important;

    margin-top: 80px;

    text-align: center;

  }

   

  .about-boat-sec, .about-boat-sec-2 {width: 100%;}

  .section-img img {margin: 0 auto;}

  .oz-motor-trim-sec {height: auto;}

  .small-paragraph-4 p {margin-top: 0px;}

  .q-para-space {padding-right: 0px;}

  

  .oz-motor-trim-sec-bg {

    width: 100%;

    height: 500px;

    -webkit-clip-path: none;

    clip-path: none;

  }

  

  .mini-title-2 h3, .small-paragraph-2 p, .small-paragraph p {

    text-align: center;

    max-width: 90%;

    margin: 0 auto;

  }

  

  .oz-list-items {

    padding-left: 0px;

    padding-right: 25px;

  }

  

  .benefits-images {

    width: 55%;

    margin: 0 auto;

  }

  

  .footer-right-side {padding-left: 20px;}

  .newsletter-wrapper input {width: 72%;}

  

  .about-sec3-bg {

    width: 42%;

    background-position: 70% center;

  }

  

  .sub-title-2 h3 {

    max-width: 350px;

    margin: 0 auto;

  }

  

  .flex-container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

        -ms-flex-direction: column-reverse;

            flex-direction: column-reverse

  }

  

  .text-wrapper-3 {

    padding-left: 0px;

    margin-top: 0px;

  }

  

  .craftsmanship-text p, .craftsmanship-text-bg {

    max-width: 500px;

    font-size: 20px;

  }

  

  .text-wrapper-5 {padding-bottom: 80px;}

  .oz-benefits-section {padding-bottom: 120px;}

  .sub-title-2 h3::after {

    margin: 0 auto;

    left: 0;

    right: 0;

  }



}



@media only screen and (max-width: 867px) {

  

  .tabs-wrapper {

    width: 90%;

    left: 0;

    right: 0;

    margin: 0 auto;

  }

  

}



@media only screen and (max-width: 768px) {

  

  .google-map-wrapper iframe{height: 500px;}

  .google-map-wrapper {width: 90%;}

  

}

  

  

@media only screen and (max-width: 767px) {

  .hero-right-bg {display: none;}

  .hero-section {height: auto;}

  .section-img img {padding-left: 0px;}

  .section-img-2 img {padding-right: 0px;}

  .google-map-wrapper {width: 95%;}

  

  

  .hero-left-side {

    padding: 0 24px;

    height: 450px;

    padding-bottom: 27px;

  }

  

  

  .hero-right-side{

    background: -webkit-linear-gradient(289deg, #FBC371 0%, #F98D4F 100%);

    background: -o-linear-gradient(289deg, #FBC371 0%, #F98D4F 100%);

    background: -webkit-linear-gradient(71deg, #FBC371 0%, #F98D4F 100%);

    background: -o-linear-gradient(71deg, #FBC371 0%, #F98D4F 100%);

    background: linear-gradient(19deg, #FBC371 0%, #F98D4F 100%);

    width: 100%;

    height: 550px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

  }

  

  .hero-pro-image {

    width: 100%;

    position: absolute;

    overflow: hidden;

  }

  

  .hero-pro-image img {

    margin: 0 auto;

    text-align: center;

    padding: 0 24px;

  }

  

  .c-p, .hero-right-side-p {

    padding: 0px;

    overflow: hidden;

  }

  

  .oz-benefits-section {

    margin-top: 80px;

    padding-right: 24px;

  }

  

  .benefits-images {width: 100%;}

  .hero-pro-image {padding-left: 0px;}

  .benefits-images img {width: 100%;}

  img.img-deco, img.img-deco-2, img.img-deco-3, .social-icons-list-3 {display: none;}

  

  .footer-section {height: 700px;}

  .footer-bg-left {

    height: 600px;

    width: 100%;

    bottom: 0px;

  }

  

  .f-r-1, .f-r-2 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    -ms-flex-pack: distribute;

        justify-content: space-around;

  }

  

  .footer-left-side {margin-top: 0px;}

  .footer-bg-right {height: 0px;}

  .footer-right-side {

    margin-top: 0px;

    padding-left: 0px;

    padding-bottom: 100px;

    width: 100%;

  }

  

  .copyrights-text p {

    position: relative;

    bottom: 0;

    padding: 40px 0;

    width: 100%;

    border-top: 1px solid #e2e2e2;

  }

  

  

  .boat-a-covers-sec {

    padding-bottom: 0px;

    padding-top: 40px;

  }





  

  .newsletter {

    height: 800px;

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

  

  .subcribe-text p {max-width: 100%;}

  

  .newsletter {

    text-align: center;

    max-width: 500px;

    margin: 0 auto;

  }

  

  .newsletter-wrapper input {

    width: 85%;

    margin: 0 auto;

    text-align: left;

    float: left;

  }

  

  .newsletter-wrapper button {

    float: left;

    right: 0;

  }

  



  

  .google-map-wrapper iframe {height: 500px;}

  .craftsmanship-text {padding-bottom: 0px;}

  

  .flex-container-2 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

        -ms-flex-direction: column-reverse;

            flex-direction: column-reverse

  }

  

  .small-paragraph-4 p, .small-paragraph-5 p, .small-paragraph-6 p {

    max-width: 550px;

    margin-top: 0px;

    margin-left: auto;

    margin-right: auto;

    padding-bottom: 50px;

    text-align: center;

  }

  

  .about-sec3-bg {

    width: 100%;

    -webkit-clip-path: none;

    clip-path: none;

  }

  

  .welcome-heading {text-align: center;}

  .text-wrapper-3 {padding-bottom: 0px;}

  .text-wrapper-5 {padding-bottom: 80px;}

  .search-wrapper button {width: 10%;}

  .blod-para-sec {padding: 60px 0 0px 0;}

  

  

  .search-wrapper form {

    width: 100%;

    max-width: 100%;

    margin: 0 auto;

    position: relative;

    

  }

  

  .search-wrapper button {

    position: absolute;

    top: 0;

    right: 0;

    width: 20%;

  }

  .about-sec3-bg {position: inherit;}

  .about-sec3 {height: auto;}

  .craftsmanship-text {padding-top: 50px;}

  .about-text-wrapper-2 {margin-top: 42px;}
}

@media only screen and (max-width: 600px) {
div#wpcf7-f110-o1 .capt {
    margin: 1.4em 0px;
}
li.send-btn {
    float: unset !important;
}
input.wpcf7-form-control.wpcf7-submit {
    width: 100% !important;
}
li.capt-input {
    width: 70% !important;
    float: left;
}
.tnp.tnp-subscription .tnp-field.tnp-field-button input {
    right: 0em;
    top: 0px;
    text-transform: uppercase;
    padding: 0px 15px !important;
}
.reset-btn button {
    margin-top: 15px;
}
/*.tnp-subscription input[type=email]{
	width: 85% !important;
}*/
 ul.contact-inputs.contact-inputs-2 {

    display: flex;

    flex-flow: column;

}

ul.contact-inputs-2 li:nth-of-type(1){

  order: 1;

}

ul.contact-inputs-2 li:nth-of-type(2){

  order: 2;

}

ul.contact-inputs-2 li:nth-of-type(3){

  order: 4;

}

ul.contact-inputs-2 li:nth-of-type(4){

  order: 3;

}

ul.contact-inputs-2 li:nth-of-type(5){

  order: 6;

}

ul.contact-inputs-2 li:nth-of-type(6){

  order: 5;

}

ul.contact-inputs-2 li:nth-of-type(7){

  order: 7;

}

ul.contact-inputs-2 li:nth-of-type(8){

  order: 8;

}

ul.contact-inputs-2 li:nth-of-type(9){

  order: 9;

}

.capt{

  order: 10;

}

  body .capt .input-label {

    margin-right: 1em;

}

div#wpcf7-f109-o1{

  width: unset;

}

.newsletter-wrapper p.nesw input {

    padding: 16px;

}

.oz-brand a img {

    width: 74px;

    height: 40px;

}

  .contact-form_sec {padding: 80px 0 20px;}

  .google-map-sec {padding: 0px 0 20px;}

  .contact-list-items ul li, .contact-list-items ul li a  {font-size: 20px;}

  .oz-motor-trim-sec {margin-top: 80px;}

  .boat-section {padding: 80px 0 80px 0;}  

  .tabs-wrapper {display: none;}

  .dropdown-wrapper {display: inherit;}

  .blod-para-sec {padding: 15px 0 0px 0;}

  .about-boat-sec-2 {padding-bottom: 80px;}

  .about-boat-sec {padding: 100px 0 40px 0;}

  .google-map-wrapper {width: 100%;}

  

  

  

  

  .craftsmanship-text p, .craftsmanship-text-bg {

    max-width: 400px;

    font-size: 16px;

  }

  .p-b-h {
    padding-top: 40px;
}

/*.p-b-h {padding-top: 18em;}*/

  .dropdown-wrapper{

    height: unset;

  }

  .motor_ul .item5 img {

    height: unset !important;

}

  .wrapper {

    -ms-grid-columns: 1fr;

    grid-template-columns: repeat(1, 1fr);

    grid-gap: 30px;

  }

  

  .item1, .c-.item1  {

    -ms-grid-column: 1;

    -ms-grid-column-span: 3;

    grid-column: 1 /4;

    -ms-grid-row: 1;

    grid-row: 1;

  }

  

  .item2, .c-.item2  {

    -ms-grid-column: 1;

    -ms-grid-column-span: 3;

    grid-column: 1 /4;

    -ms-grid-row: 2;

    grid-row: 2;

  }

  .item3, .c-.item3  {

    -ms-grid-column: 1;

    -ms-grid-column-span: 3;

    grid-column: 1 /4;

    -ms-grid-row: 3;

    grid-row: 3;

  }

  .item4  {

    -ms-grid-column: 1;

    -ms-grid-column-span: 3;

    grid-column: 1 /4;

    -ms-grid-row: 4;

    grid-row: 4;

  }

  

  .item5  {

    -ms-grid-column: 1;

    -ms-grid-column-span: 3;

    grid-column: 1 /4;

    -ms-grid-row: 5;

    grid-row: 5;

  }

  

  .item6  {

    -ms-grid-column: 1;

    -ms-grid-column-span: 3;

    grid-column: 1 /4;

    -ms-grid-row: 6;

    grid-row: 6;

  }

  

  .item7  {

    -ms-grid-column: 1;

    -ms-grid-column-span: 3;

    grid-column: 1 /4;

    -ms-grid-row: 7;

    grid-row: 7;

  }

  

  .item8  {

    -ms-grid-column: 1;

    -ms-grid-column-span: 3;

    grid-column: 1 /4;

    -ms-grid-row: 8;

    grid-row: 8;

  }

  

  .item9  {

    -ms-grid-column: 1;

    -ms-grid-column-span: 3;

    grid-column: 1 /4;

    -ms-grid-row: 9;

    grid-row: 9;

  }

  

  .item10  {

    -ms-grid-column: 1;

    -ms-grid-column-span: 3;

    grid-column: 1 /4;

    -ms-grid-row: 10;

    grid-row: 10;

  }

  

  .item11  {

    -ms-grid-column: 1;

    -ms-grid-column-span: 3;

    grid-column: 1 /4;

    -ms-grid-row: 10;

    grid-row: 11;

  }

  

  .item12  {

    -ms-grid-column: 1;

    -ms-grid-column-span: 3;

    grid-column: 1 /4;

    -ms-grid-row: 11;

    grid-row: 12;

  }

  

  .item13  {

    -ms-grid-column: 1;

    -ms-grid-column-span: 3;

    grid-column: 1 /4;

    -ms-grid-row: 13;

    grid-row: 13;

  }



  

}

.item2 a img {

    width: 100%;

    height: auto;

}

.pro a img, .c- a img {

    width: 100%;

    height: auto;

}

@media only screen and (max-width: 480px){

  .welcome-heading h1 {

    text-align: center;

    font-size: 44px;

    line-height: 52px;

  }

  .aws-container .aws-search-form .aws-form-btn{

    right: 1em;

  }
div.wpcf7-mail-sent-ok {
    text-align: center;
}
  .inquiry-btns {
    display: flex;
    flex-direction: column;
  }

  

  .p-deco-left {width: 100%;}

  .p-deco-right {display: none;}

  .hero-right-side {height: 500px;}

  .mini-title-2 h3, .small-paragraph-2 p, .small-paragraph p, .f-links li {max-width: 100%;}

  .oz-list-items {height: 600px;}

  .newsletter-wrapper input {width: 80%;}

  .f-space {margin-top: 90px;}

  

  .benefits-images {

    top: 40px;

    left: 20px;

  }

  

  

  .f-r-1, .f-r-2 {

    display: inherit;

    text-align: center;

  }

  

  ul.contact-inputs li input  {height: 50px;}

  .inquiry-btns li {

    list-style: none;

    display: contents;

    display: contents;

    display: contents;

}

  .reset-btn button, .send-btn-2 input, .send-btn button {width: 100% !important}
  .send-btn-2 input{
	margin: 1em 0px !important;
  }
  ul.contact-inputs-2 li:nth-of-type(1), ul.contact-inputs-2 li:nth-of-type(2), ul.contact-inputs-2 li:nth-of-type(3), ul.contact-inputs-2 li:nth-of-type(4), ul.contact-inputs-2 li:nth-of-type(5), ul.contact-inputs-2 li:nth-of-type(6),ul.contact-inputs-2 li:nth-of-type(7), ul.contact-inputs-2 li:nth-of-type(8) {

    width: 100%;

    padding: 0px

  }

  

  .craftsmanship-text p, .craftsmanship-text-bg {

    max-width: 360px;

    font-size: 14px;

    height: 60px;

  }

  

  .mfp-close {

    margin-top: 10px;

    margin-right: 10px;

  }

  

  

  .footer-icon li, .footer-icon  li a {

    padding: 0px;

    margin: 0px;

    margin: 0 4px;

  }

  

  .img2 img, .img3 img {max-width: 82%;}

  .img3 img {margin-top: 15px;}

  .img1 img {margin-top: 70px;}

  .benefits-images-2 {padding: 0px}

  .benefits-images-2 {

    width: 100%;

    margin: 0 auto;

    float: right;

    text-align: center;

    display: flex;

    justify-content: flex-end;

    align-items: flex-end;

    align-self: flex-end;

    align-content: flex-end;

  }

 

}





@media only screen and (max-width: 420px) {

  img.img-deco, img.img-deco-2, img.img-deco-3 {display: inherit;}

}



@media only screen and (max-width: 397px) {

  

}





@media only screen and (max-width: 375px) {

  .primary-nav li {

    font-size: 24px;

    margin: 0.1em 0;

  }

  

  .craftsmanship-text p, .craftsmanship-text-bg {

    max-width: 300px;

    font-size: 12px;

    height: 60px;

  }

  

  

}

  

@media only screen and (max-width: 360px) {

  .social-icons-list-2 {margin-top: 30px;}

  .primary-nav li {

    font-size: 22px;

    margin: 0.0em ;

  }

}

/*.lb-outerContainer { width:690px !important; height:520px !important; }

.lb-image {width: 683px !important;height: 512px !important;}*/

.subcription p {
    text-align: center;
    font-size: 29px;
}
span.lb-number {
    display: none !important;
}
div#lightboxOverlay {
    background-color: #000 !important;
    opacity: 0.85 !important;
}