@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');

body {	
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;   
	background: #fff;
	color: #595959;	
}

a:hover {text-decoration: none;}

::selection {
    color: white; 
    background: #0054A6;
}

::-webkit-selection {
    color: white; 
    background: #0054A6;
}

::-moz-selection {
    color: white; 
    background: #0054A6;
}

.scrolltotop {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(0,0,0,.5);
    display: inline-block;
    padding: 5px 0px 0px 13px;
    font-size: 20px;
    color: #ffffff;
    position: fixed;
    right: 5px;
    bottom: 5px;
    display: none;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}

.scrolltotop:hover {   
    background: #000;
    color: #fff;
    box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5);   
}

/*-- fd-heading area start --*/

.fd-heading-wrapper p {
    font-size: 22px;
    font-weight: 500;
    color: #222;
    margin-bottom: 0;
    margin-top: 15px;
}

.fd-heading-wrapper h2 {
    font-size: 30px;
    color: #000;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}

.fd-heading-wrapper span {
    display: inline-block;
    color: #1379d0;
}

.fd-heading-wrapper h6 {
    font-weight: 500;
    color: #222;
}

/*-- fd-book area start --*/

.fd-book-left img {
    display: block;
    width: 100%;
}

.fd-book-right {
    background-color: #E6E6E6;
    padding: 25px 35px;
    border-radius: 5px;
}

.fd-book-right h2 {
    font-size: 30px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    color: #0054a6;
    font-family: 'Montserrat', sans-serif;
}

.fd-book-right p {
    font-size: 10px;
    color: #222;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.fd-book-right h5 {
    font-size: 18px;
    font-weight: 500;
    color: #222;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
}

.fd-input {
    padding:0;
    border-right: none;
    background: none;
}

.fd-input img {
    height: 40px;
}

.fd-real-input input {
    border-radius: 0px;
}


.fd-real-input input:focus {
    border-color: transparent;
    box-shadow: none;  
}

.fd-submit button {
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
    border: none;
    outline: none;
    cursor: pointer;
    background-color: #00509E;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 500;
    padding: 6px 0;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    margin-bottom: 25px;
}

.fd-submit button:hover {
    opacity: .7;
}

.fd-lock {
    overflow: hidden;
}

.fd-lock-img {
    float: left;
    margin-left: 60px;
}

.fd-lock-img img {
    display: inline-block;
    width: 40px;
    margin-right: 20px;
}

.fd-lock-contant {
    margin-top: 8px;
    overflow: hidden;
}

.fd-lock-contant p {
    overflow: hidden;
    margin-bottom: 0px;
    text-align: left;
}

.fd-book {
    margin-top: 20px;
}

/*-- fd-book area end --*/

/*-- fd-para area start --*/

.fd-para {
    margin-top: 40px;
}

.fd-para p {
    font-size: 20px;
    font-weight: 500;
    color: #222;
    margin-bottom: 40px;
    line-height: 1.4;
}


/*-- singup-heading area start --*/

.main-singup {
    background-color: #E6E6E6;
    padding-bottom: 40px;
    border-radius: 0px 0px 8px 8px;
}

.singup-heading {
    background-color: #0054A6;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 24% 100%);
}

.singh-wrapper h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 45px;
    font-weight: bold;
    color: #E6E6E6;
    margin-bottom: 0;
    padding: 20px 0;
    padding-top: 40px;
}

/*-- singup-heading area end --*/


/*-- sform area start --*/

.sform-left img {
    display: block;
    width: 100%;
    height: 100%;
    margin-top: -50px;
    margin-left: -50px;
}

.sform-right p {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #222;
    line-height: 1.2;
    font-weight: 500;
    margin-top: 30px;
}

.sform-right ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sform-right ul li {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-bottom: 14px;
    margin-left: 40px;
    position: relative;
}

.sform-right ul li::before {
    content: url(img/tik.png);
    position: absolute;
    display: inline-block;
    left: -36px;
    top: 3px;
}

.sform-right input {
    background-color: #fff;
    display: block;
    width: 100%;
    border: none;
    outline: none;
    padding: 12px 20px;
    margin-bottom: 15px;
    font-family: 'Montserrat', sans-serif;
    padding-left: 50px;
}

.sform-right input[type="text"] {
    background-image: url(img/user.png);
    background-repeat: no-repeat;
    background-position: left 10px top 9px;
    margin-top: 40px;
}

.sform-right input[type="email"] {
    background-image: url(img/email.png);
    background-repeat: no-repeat;
    background-position: left 10px top 9px;
}

.scheck-box {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
    color: #000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 7px;
 font-family: 'Montserrat', sans-serif;

}

.scheck-box a {
    color: #000;
    text-decoration: underline;
}

/* Hide the browser's default checkbox */
.scheck-box input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.scheckmark {
  position: absolute;
  top: 9px;
    left: 0;
    height: 20px;
    width: 20px;
  background-color: #fff;
}

/* On mouse-over, add a grey background color */
.scheck-box:hover input ~ .sheckmark {
  background-color: red;
}

/* When the checkbox is checked, add a blue background */
.scheck-box input:checked ~ .scheckmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.scheckmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.scheck-box input:checked ~ .scheckmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.scheck-box .scheckmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sform-right button {
    display: block;
    width: 100%;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    background-color: #0054A6;
    font-size: 26px;
    font-weight: bold;
    border: none;
    outline: none;
    margin-top: 40px;
    padding: 8px 0;
    border-radius: 8px;
    cursor: pointer;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.sform-right button:hover {
    opacity: .7;
}

/*-- footer area start --*/

.footer-wrapper p {
    color: #222;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}

.footer-wrapper p a {
    color: #222;
    font-weight: 500;
    text-decoration: underline;
}

.footer {
    background-color: #F7F7F7;
    padding: 10px 0;
}

/*----------------------
singup4 page start
----------------------*/

.suf-main {
   background-image: url(img/s4.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center; 
   padding: 80px 0;
}


/*-- sf-heading area start --*/

.sf-heading-wrapper h2 {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 45px;
    font-weight: bold;
    margin-bottom: 15px;
}

.sf-heading-wrapper p {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 65px;
}

/*-- sf-heading area end --*/


/*-- sf-form area start --*/

.sff-wrapper label {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    margin-right: 20px;
}

.sff-wrapper input[type="text"] {
    border: none;
    outline: none;
    padding: 10px 20px;
    border-radius: 6px;
    width: 42%;
    margin-bottom: 25px;
}

.sff-wrapper input#one-input {
    margin-right: 20px;
}

.sff-wrapper label#maiil {
    margin-left: 7px;
}

.sff-wrapper input[type="email"] {
    border: none;
    outline: none;
    padding: 10px 20px;
    border-radius: 6px;
    width: 87.25%;
}

.sf-button button {
    display: inline-block;
    color: #fff;
    border: none;
    outline: none;
    background-color: #00A550;
    font-size: 26px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    padding: 3px 0;
    margin-top: 25px;
    border-radius: 6px;
    width: 638px;
    float: right;
    margin-right: 6px;
    cursor: pointer;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    margin-bottom: 60px;
}

.sf-button button:hover {
    opacity: .7;
}

/*-- sf-form area end --*/


/*-- sf-para area start --*/

.sfp-wrapper p {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}

.sfp-wrapper p a {
    display: inline-block;
    color: #fff;
    text-decoration: underline;
}

/*----------------------
singup3 page start
----------------------*/

/*-- sut-main area start --*/

.sut-main {
    width: 450px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    padding: 60px 40px;
    border-radius: 8px;
    box-shadow: 1px 1px 17px -3px rgba(0,0,0,.5);
}

.sut-heading h2 {
    font-size: 43px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #0054a6;
}

.sut-heading p {
    font-size: 13px;
    color: #000;
    font-weight: bold;
}

.sut-heading h4 {
    color: #222;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    margin-bottom: 30px;
}

.sut-form input {
    background-color: #E6E6E6;
    display: block;
    width: 100%;
    border: none;
    outline: none;
    padding: 12px 20px;
        padding-left: 20px;
    margin-bottom: 15px;
    font-family: 'Montserrat', sans-serif;
    padding-left: 60px;
}

.sut-form input[type="text"] {
    background-image: url(img/m1.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 51px 46px;
}

.sut-form input[type="email"] {
    background-image: url(img/e1.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 51px 46px;
}

span.sutcheckmark {
    background-color: #E6E6E6;
}

.sut-form button {
    display: inline-block;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-weight: 600;
    background-color: #0054A6;
    border: none;
    outline: none;
    padding: 2px 60px;
    margin-top: 30px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    cursor: pointer;
}

.sut-form button:hover {
    opacity: .7;
}

/*----------------------
singup2 page start
----------------------*/

/*-- stwo-main area start --*/

.stwo-left img {
    display: block;
    width: 100%;
}

.stwo-right-heading h2 {
    font-size: 50px;
    color: #000;
}

.stwo-form {
    padding: 0px 40px;
}

.stwo-form input[type="text"] {
    background-image: url(img/ma1.png);
}

.stwo-form input[type="email"] {
    background-image: url(img/em2.png);
}


.stwo-submit button {
    background-color: #00AEEF;
}

.stwo-main {
    padding-top: 20px;
    padding-bottom: 20px;
    
}

.stwo-wrapper {
    box-shadow: 1px 1px 17px -3px rgba(0,0,0,.5);
}

/*-- ofo heading area start --*/

.ofo-heading-wrapper {
    margin-top: 20px;
}

.ofo-heading-wrapper h2 {
    color: #000;
    font-weight: 600;
    font-size: 45px;
    margin-bottom: 0;
}

.ofo-heading-wrapper h2  img {
    display: inline-block;
    margin-right: 40px;
}


/*-- ofo-name area start --*/

.ofo-name-wrapper {
    background-color: #DEDEDE;
    padding: 25px;
    border-radius: 6px;
    margin-top: 25px;
    padding-bottom: 70px;
}

.ofon-left p {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 0;
    color: #979797;
}

.ofon-left h5 {
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 400;
    color: #979797;
}

.ofon-right h5 {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #979797;
}

.ofon-right p {
    font-size: 13px;
    color: #979797;
}

.ofon-right input {
    width: 140px;
    display: block;
    margin: 0 auto;
    border: none;
    outline: none;
    padding: 4px 10px;
    border-radius: 6px;
    margin-bottom: 15px;
}

.ofon-right button {
    display: inline-block;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #0098FF;
    padding: 2px 25px;
    border-radius: 6px;
    cursor: pointer;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.ofon-right button:hover {
    opacity: .7;
}


/*-- ofo-name area end --*/

/*-- ofo-info area start --*/

.ofo-info {
    margin-top: 35px;
}

.ofo-info-heading h3 {
    color: #000;
    margin-bottom: 15px;
}

.ofof-one input {
    background-color: #DEDEDE;
    padding: 10px 20px;
}

.ofof-one input:focus {
    box-shadow: none;
    border: 1px solid #DEDEDE;
    background-color: #DEDEDE;
}

.od-paypal a {
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.od-paypal a img {
    display: block;
    margin-top: 28px;
}
.od-proceed a img {
    display: block;
    margin-top: 28px;
}

.od-paypal a:hover {
    opacity: .7;
}

/*-- ofo-info area end --*/


/*-- ofo-billing area start --*/

.ofo-billing {
    margin-top: 25px;
    padding-bottom: 150px;
}

.ofob-left h3 {
    color: #000;
    margin-bottom: 15px;
}

.ofobl-left input {
    background-color: #DEDEDE;
    padding: 10px 20px;
}

.ofobl-left input:focus {
    box-shadow: none;
    border: 1px solid #DEDEDE;
    background-color: #DEDEDE;
}

.ofob-left-two input {
    background-color: #DEDEDE;
    padding: 10px 20px;
}

.ofob-left-two input:focus {
    box-shadow: none;
    border: 1px solid #DEDEDE;
    background-color: #DEDEDE;
}

.ofobt-left input {
    background-color: #DEDEDE;
    padding: 10px 20px;
}

.ofobt-left input:focus {
    box-shadow: none;
    border: 1px solid #DEDEDE;
    background-color: #DEDEDE;
}


.ofob-four input {
    background-color: #DEDEDE;
    padding: 10px 20px;
}

.ofob-four input:focus {
    box-shadow: none;
    border: 1px solid #DEDEDE;
    background-color: #DEDEDE;
}

.ofob-five  {
    background-color: #FDFCF2;
}

.ofob-five p {
    margin-bottom: 0;
    font-size: 17px;
    line-height: 1.3;
    padding: 10px;
    color: #979797;
    margin-top: 25px;
}

.orf-contant p {
    font-size: 20px;
    color: #979797;
    margin-bottom: 20px;
}

.orf-input input {
    background-color: #DEDEDE;
    padding: 10px 20px;
}

.orf-input input:focus {
    box-shadow: none;
    border: 1px solid #DEDEDE;
    background-color: #DEDEDE;
}

.orf-input input#card,
.orf-input input#month,
.orf-input input#cvv
 {
    display: inline-block;
}

.orf-input input#card {
    width: 40%;
    padding-left: 8px;
    padding-right: 8px;
}

.orf-input input#month {
    width: 30%;
    padding-left: 8px;
    padding-right: 8px;
}

.orf-input input#cvv {
    width: 27%;
    padding-left: 8px;
    padding-right: 8px;
}

/*custom check box*/

/* The container */
.ocheck-box {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 19px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 600;
  color: #000;
}

.ocheck-box span {
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
}

/* Hide the browser's default checkbox */
.ocheck-box input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.ocheckmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px solid #000;
}

/* On mouse-over, add a grey background color */
.ocheck-box:hover input ~ .ocheckmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.ocheck-box input:checked ~ .ocheckmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.ocheckmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.ocheck-box input:checked ~ .ocheckmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.ocheck-box .ocheckmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.orf-check {
    background-color: #FFD700;
    padding: 15px;
}

/*custom check box*/

.off-card button {
    display: block;
    width: 100%;
    border: none;
    outline: none;
    background-color: #0098FF;
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    padding: 6px 0;
    border-radius: 8px;
    cursor: pointer;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.off-card button:hover {
    opacity: .7;
}

.off-card button span {
    display: inline-block;
    margin-right: 25px;
}

.off-card img {
    display: block;
    width: 100%;
}


/*-- ofo-billing area end --*/


/*-- footer area start --*/

.order-footer-wrapper p {
    font-size: 16px;
    margin-bottom: 0;
    color: #979797;
    padding-bottom: 40px;
}

/*----------------------
orderform2 page start
----------------------*/

/* The container */
.check-box {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.check-box input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.check-box:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check-box input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check-box input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.check-box .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.orft-check {
    margin-top: 20px;
    padding: 0px 15px;
}

.orft-check .check-box {
    font-size: 15px;
    color: #000;
}

.orft-check .checkmark {
    top: 4px;
    width: 20px;
    height: 20px;
}


/*----------------------
orderform3 page start
----------------------*/
.offo-name-right {
    position: relative;
}

.offo-name-right::after {
    content: "";
    display: block;
    width: 22px;
    height: 245px;
    background-color: #fff;
    position: absolute;
    top: -25px;
    left: -46px;
}


/*Credit area start*/

select#credit {
    display: block;
    width: 100%;
    border: none;
    outline: none;
    background-color: #DEDEDE;
    padding: 10px 20px;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    margin-bottom: 1.5rem !important;
}


/*Credit area end*/


.ofob-four select {
    background-color: #DEDEDE;
    height: 46px!important;
    padding-left: 16px;
}

.ofob-left-three select {
    background-color: #DEDEDE;
    height: 46px!important;
    padding-left: 16px;
}

.ofob-four select:focus {
    box-shadow: none;
    border: 1px solid #DEDEDE;
    background-color:#DEDEDE;
}

.ofob-left-three select:focus {
    box-shadow: none;
    border: 1px solid #DEDEDE;
    background-color:#DEDEDE;
}

table.items {
    width: 100%;
}

th.items, td.items {
    font: inherit;
    font-size: 1.2rem;
    background-color: transparent;
    border-color: #DEDEDE;
    padding: 0.5rem;
}

th.items {
    font-weight: bold;
}