body{width: 100%; float: left; margin: 0; padding: 0; font-family: 'Mulish', sans-serif;}
.wrapper{ margin: 0; padding: 0; width: 100%; float:left; overflow: hidden; }
.padding{padding: 0;}


/*----------Comman class---------*/
.comman-padding{padding: 70px 0;}
.comman h1{font-size: 58px;line-height: 68px; font-weight: 700;font-family: 'Open Sans', sans-serif; }
.comman h2{font-size: 55px; line-height: 62px; font-weight: 500;margin-bottom: 30px;font-family: 'Open Sans', sans-serif;}
.comman h3{font-size: 35px; line-height: 50px; font-weight: 500; margin-bottom: 30px;font-family: 'Open Sans', sans-serif;}
.comman p{font-size: 18px; line-height: 25px;font-family: 'Open Sans', sans-serif;}
.comman ul li{font-size: 18px; line-height: 25px;font-family: 'Open Sans', sans-serif;}
.comman a{font-size: 18px; line-height: 22px;font-family: 'Open Sans', sans-serif;}

.header.inner-header{position: unset; box-shadow: 0px 3px 6px #d9d3d3b8;}

/*--------------Header----------------*/
.header {padding:15px 0;position: absolute;width: 100%;z-index: 99;}
.header .header-logo a {font-size: 20px;line-height: 32px;color: #fff;}
.header .nav-menu .navbar-dark .navbar-nav .nav-link:hover {color: #ffffff69;}
.header .nav-menu .navbar-dark .navbar-nav .nav-link {padding: 10px 36px !important;font-size: 17px; line-height: 26px; color: #fff; font-weight: 600; background-color: #232766; width: auto; border-radius: 50px;margin-bottom: 7px; border: 1px solid #fff; box-shadow: 2px 5px 8px #232766;text-align: center;}
.header .nav-menu .navbar-dark .navbar-nav .nav-item {padding: 0 50px 0 0;}
.header .nav-menu .navbar-dark .navbar-nav .nav-item:last-child {padding: 0;}
.nav-menu { text-align: right;}
.nav-menu .navbar{ display: inline-block;}

/*--------------Slider Video----------------*/
.slider-video video {width: 100%;height: 100vh; object-fit: cover;}

.datepicker div.datepicker-days {
   display: block !important; 
}


.dropdown-toggle::after{ display:none;}
.dropdown:hover .dropdown-menu{ display: block;}
.dropdown-menu li{padding: 0!important;display: block !important;}
.dropdown-menu {padding: 5px 0; transition-delay: 0s; background-color: #10295b; transition: all 0s linear 0.3s,all 0.3s linear; border: none; border-radius: 0; margin: 0; left: auto; top: auto; width: auto; transform: translate(0%, 0); }
.dropdown-menu li a { padding: 8px 20px !important; color: #fff !important;}
.dropdown-menu a:last-child{border-bottom: 0;}
.dropdown-menu a:hover {color: #232766 !important; background-color: #fff;}



.sticky .navbar-dark .navbar-nav .nav-link {box-shadow: 2px 5px 8px #ffffff5e;}
.sticky .navbar-dark .navbar-nav .nav-link:hover {box-shadow: none;}
.sticky { position: sticky !important; top: 0; width: 100%; background-color: #fff; color:#000!important; z-index: 999; display: block; box-shadow: 0px 7px 6px #bfb7b7a8; }
.sticky .menu ul li a{color:#fff!important;}


.copyright { background-color:#232766;padding: 10px 0; }
.copyright p{ color: #fff;font-size: 15px; font-weight: 400;margin: 0;letter-spacing: 0.5px;font-family: 'Open Sans', sans-serif;}


.accessibility{text-align: right;}
.accessibility a{ color: #fff; font-size: 15px; font-weight: 500; line-height: 26px; margin: 0; text-align: right; display: inline-block; text-decoration: none;     font-family: 'Open Sans', sans-serif;}
.accessibility i{font-size: 22px; margin-right: 3px;}
.Proudly_text{text-align: right;}
.accessibility-statement-page h2 { margin: 0; padding: 0; text-align: center; padding-bottom: 50px; font-size: 42px; font-weight: 600; line-height: 34px; }
.accessibility-statement-page h3 { color: #000; padding: 0 0 15px; margin: 0; font-size: 24px; font-weight: 600; line-height: 33px;font-family: 'Open Sans', sans-serif; }
.accessibility-statement-page p { font-size: 20px; line-height: 30px; color: #000; margin: 0;font-family: 'Open Sans', sans-serif; }
.accessibility-statement-page .contact_input, .accessibility-statement-page .contact_input_textarea { font-size: 18px; font-weight: 400; margin: 0; padding: 10px 15px 10px 15px; width: 100%; color: #c3baba; outline: none; background-color: transparent !important; border: 2px solid #ddd; }
.accessibility-form .form-group .submit-btn { background-color: #cb2322; color: #fff; font-weight: 600; padding: 7px 20px!important; font-size: 20px; text-transform: capitalize; text-decoration: none; line-height: 27px; margin: 10px 16px; letter-spacing: 0.5px; border: 1px solid #cb2322;font-family: 'Open Sans', sans-serif; }
.accessibility-form .form-group .submit-btn:hover{ background: transparent; border: 1px solid #cb2322; color:#800000!important; }
.accessibilit-each-sec {padding: 0 0 20px 0;float:left;width:100%;}
.accessibilit-each-sec a {color: #000; text-decoration: none;}
.accessibility-form .form-group {margin-bottom: 15px;}
.accessibility-form .form-group input {color: #000;}
.accessibility-form .form-group textarea {color: #000;}
.accessibility-form .contact_input::placeholder, .accessibility-form .contact_input_textarea::placeholder {color: #6a6969; font-size: 18px;}
.accessibility-form .form-group .submit-btn:hover {color: #000}
.accessibility-statement-page{    padding: 60px 0;}



.credit-card-form{display: none;}

/*.contract-form-content canvas { border: 2px dotted #CCCCCC; border-radius: 15px; cursor: crosshair;}*/
/*.canvas-wrapper{margin-bottom: 10px;height: 260px;width: 350px;}*/


.signature-pad {
  border: 2px dotted #CCCCCC;
  border-radius: 15px;
  cursor: crosshair;
  touch-action: none;
}

/*.contract-form-content .canvas-wrapper canvas {  cursor: crosshair;    width: 100%;height: 100%;}*/
/*.canvas-wrapper{margin-bottom: 10px;border: 4px dotted #CCCCCC; border-radius: 10px;}*/

.inner-page{    padding: 80px 0;}
.inner-page h2{margin: 0; font-size: 40px; line-height: 41px; font-weight: 600; font-family: 'Source Serif Pro', serif; padding-bottom: 40px; text-align: center; color: #232766;}
.inner-page p{padding: 0 0 15px; margin: 0; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0.2px;}
.inner-page h3{margin: 0; font-size: 25px; line-height: 32px; padding-bottom: 20px; font-weight: 500; color: #232766;}
.inner-page ol li{ font-size: 16px; line-height: 24px; margin-bottom: 15px;list-style: upper-roman; }
.contract-content .each-content{margin-bottom: 30px;}

.contract-form-content .contact_input{font-size: 16px; font-weight: 400; margin: 0; padding: 10px 15px 10px 15px; width: 100%; color: #000; outline: none; background-color: transparent !important; border: 2px solid #ddd;}
.contract-form-content label{font-size: 16px; line-height: 23px; margin-bottom: 10px;}
.contract-form-content h4{margin: 0; font-size: 20px; line-height: 29px; padding-bottom: 15px; font-weight: 600;}
.contract-content .each-field{margin-bottom: 20px;}
.credit-card-form .each-field:first-child{margin-bottom: 25px;}
.contract-content .authorize-sec .contact_input{display: inline-block; width: 210px; padding: 3px 5px;}
.credit-card-form{margin-top: 30px;}
.credit-card-form .authorize-sec{margin-bottom: 10px;}

.contract-form-content .next-row-form{margin-bottom: 20px;}

.payment-options label{    margin: 0 15px 0 0;}
.payment-options input{ margin-right: 5px;}
.date-field label, .date label{margin: 0 10px 0 0;}
.date-field input, .date input{width: 40%;padding: 10px;}
.print-name-sec label{margin: 0 10px 0 0;}
.print-name-sec input{width: 50%;}
.print-name-sec{    margin: 25px 0;}

.due-field span:last-child{margin-left:20px;}

.card-information-sec{    margin-top: 20px;}

.submit-btn { background-color:#274689; color: #fff; font-weight: 600; padding: 7px 20px!important; font-size: 20px; font-family: 'Source Serif Pro'; text-transform: capitalize; text-decoration: none; line-height: 27px;    margin: 60px 0 0 0; letter-spacing: 0.5px; border: 1px solid#274689; }
.submit-btn:hover{background-color:#000;}
.sticky .nav-menu .navbar-dark .navbar-nav .nav-link{    box-shadow: none !important;}
.sticky .inner-header .nav-link{    box-shadow: none !important;}
.inner-header .nav-link{    box-shadow: none !important;}

.clear-btn{cursor: pointer; color: #274689; font-size: 19px; font-weight: 500;}
/*.right-sate-date{text-align: center;}*/
/*.bootom-signature-field-right{padding-left: 50px;}*/

.each-content .step-business{list-style-type: none;padding-left: 20px;}
.each-content .cal-leg{padding-top:45px;}

.datepicker.dropdown-menu{background-color: #ffffff!important;box-shadow: 0 0 2px 0px #000;}

.datepicker-dropdown.datepicker-orient-top:after{display:none;}
.datepicker-dropdown.datepicker-orient-top:before{display:none;}
#agreemententered .input-group-text{padding:10px;}
#agreemententered .form-control{box-shadow: none;}


#enddate .input-group-text{padding:10px;}
#enddate .form-control{box-shadow: none;}
 .each-content .upon-terminat{margin-left: -30px!important;}


.wwweb-form input[type="radio" ]{width: 60px; display: inline-block;}

.ww-adders-col p{font-size: 20px; line-height: 28px; font-weight: 600; padding: 0 0 8px 0;}
.ww-adders-col a{font-size: 20px; color: #000; text-decoration: none; font-weight: 600; display: inline-block;}
.termination-content p{font-size: 18px; line-height: 28px; font-weight: 500; padding: 0 0 20px 0;}
.termination-content{padding-top:20px;}


.termination-headers{display:none}
.has-form-error{border:1px dotted red;}


/*one page ww new page start*/

@font-face {
    font-family: 'Arial';
    src: url('../fonts/Arial/ARIAL.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Arial Bold';
    src: url('../fonts/newArial-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Arial Italic';
    src: url('../fonts/newArial-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Arial Bold Italic';
    src: url('../fonts/newArial-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Arial CE';
    src: url('../fonts/newArialCE-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Arial CE Bold';
    src: url('../fonts/newArialCE-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Arial Black';
    src: url('../fonts/newArialBlack.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{overflow-x: hidden;font-family: 'Arial', 'Arial Bold', 'Arial Italic', 'Arial Bold Italic', 'Arial CE', 'Arial CE Bold', 'Arial Black', sans-serif;}

.inner-award img{width:150px;}
/*.ww-main-logo{display: flex;justify-content: center;align-items: center;}*/
.ww-award-images{text-align: right;}
.ww-main-logo img{width:65%;}
.ww-awards{padding: 40px 0;}

.inner-award-1{transition:0.5s;margin: 0 0 0 90px;}
.inner-award-2{transition:0.5s;}
.inner-award-3{transition:0.5s;margin: 0 0 0 90px;}
.inner-award-4{transition:0.5s;}

.inner-award-1:hover{transform: scale(1.1);}
.inner-award-2:hover{transform: scale(1.1);}
.inner-award-3:hover{transform: scale(1.1);}
.inner-award-4:hover{transform: scale(1.1);}

.ww-text{padding: 0px 0 40px 0;}
.ww-text h3{text-align: center; font-size: 50px; line-height: 60px; font-weight: 600;font-family: 'Arial', 'Arial Bold', 'Arial Italic', 'Arial Bold Italic', 'Arial CE', 'Arial CE Bold', 'Arial Black', sans-serif;}
.ww-text h3 span{font-style: italic; color: #1b7851; font-weight: 700;}
.blank-row{padding: 70px 0 40px 0;}
.month-charge{color:#2b458a!important;}

.dot-txt {padding: 0px 0 40px 0;}
.dot-txt ul{display: flex;justify-content: space-evenly;font-family: 'Arial', 'Arial Bold', 'Arial Italic', 'Arial Bold Italic', 'Arial CE', 'Arial CE Bold', 'Arial Black', sans-serif;}
.dot-txt ul li{font-size: 34px; line-height: 44px; font-weight: 600; color: #2b458a;font-family: 'Arial', 'Arial Bold', 'Arial Italic', 'Arial Bold Italic', 'Arial CE', 'Arial CE Bold', 'Arial Black', sans-serif;}
.dot-txt ul li::marker{color:#1b7851;}
.site-info h3{font-size: 38px;line-height: 48px;}
.site-info{text-align:center;background: #fff;padding: 0px 0;}
.site-info h3 a{color: #000;text-decoration: none;}
.site-info p a{font-size: 38px; text-decoration: none; color: #000; font-weight: 600;font-family: 'Arial', 'Arial Bold', 'Arial Italic', 'Arial Bold Italic', 'Arial CE', 'Arial CE Bold', 'Arial Black', sans-serif;}
.site-info p{font-size: 38px; text-decoration: none; color: #000; font-weight: 500;margin: 0;line-height: 48px;font-family: 'Arial', 'Arial Bold', 'Arial Italic', 'Arial Bold Italic', 'Arial CE', 'Arial CE Bold', 'Arial Black', sans-serif;}
.inner-award-btm{padding:30px 0 0 0;}
/*.site-info h3 a:hover{color:#2b458a;}*/
/*.site-info p a:hover{color:#2b458a;}*/

.next-row{padding-top:50px!important;}
.ww-btm-trophy-left{text-align:center;}
.ww-btm-trophy-right{text-align:center;}
.ww-btm-trophy-left p{font-size: 20px; line-height: 28px; font-weight: 700; padding: 0 20px; margin: 5px 0 0 0;}
.ww-btm-trophy-right p{font-size: 20px; line-height: 28px; font-weight: 700; padding: 0 20px; margin: 5px 0 0 0;}

.website-name p a{font-size: 17px; line-height: 24px; text-decoration: none; color: #000; font-weight: 500;}
.website-name{text-align:center;}
.website-name-first{position: absolute; right: 25%; bottom: -67%;}
.ww-devices-inner-desktop{text-align:center;}



.ww-devices-img .tablet-img{transition:0.5s;transform: rotate(0deg);}
/*.ww-devices-img .tablet-img:hover{transform: rotate(-15deg);}*/
.ww-devices-img .mobile-img{transform: rotate(0deg);transition:0.5s;}
/*.ww-devices-img .mobile-img:hover{transform: rotate(15deg);}*/

.ww-devices-inner .desktop-img{transition:0.5s;}
/*.ww-devices-inner .desktop-img:hover{transform: scale(1.2)}*/
.ww-devices-inner{padding:0 20px;}
.ww-award-images p{text-align: center; font-size: 26px; line-height: 36px; font-weight: 700;font-family: 'Arial', 'Arial Bold', 'Arial Italic', 'Arial Bold Italic', 'Arial CE', 'Arial CE Bold', 'Arial Black', sans-serif;}
.award-second-col{text-align:right;}
.award-second-col img{width: 15%;}

.award-txt p{margin: 0; font-size: 24px; line-height: 34px; font-weight: 600; padding: 0 0 10px 0;}
.award-txt{margin: 35px 0 0 0;}
.website-row{padding: 0 0 0px 0;}
.ww-mobile-device{margin:100px 0 0 0;}

.site-info a{display: inline-block;font-size: 38px; text-decoration: none; color: #000; font-weight: 600; margin: 6px 0 0 0; line-height: 48px; font-family: 'Arial', 'Arial Bold', 'Arial Italic', 'Arial Bold Italic', 'Arial CE', 'Arial CE Bold', 'Arial Black', sans-serif;}

.dot-txt ul{list-style: none;}

.ww-text img{width:80%;}
.ww-txt{color:#2b458a!important;}
.wm-txt{color:#1b7851;}



.ww-devices-inner-tab img{width:60%;}
.ww-devices-inner-mob img{width:45%;}
.ww-devices-inner{position:relative;}
.mijalisco-img{position: absolute; right: -125px; width: 88%; top: -30%;}

.lacosta-img{position: absolute; top: 60%; right: 30px; display: inline-block; text-align: right;}

.award-txt p{font-family: 'Arial', 'Arial Bold', 'Arial Italic', 'Arial Bold Italic', 'Arial CE', 'Arial CE Bold', 'Arial Black', sans-serif;}



/*.element-img {position:relative;}*/
/*.lacosta-img{position:relative;}*/

/*.element-domain{position: absolute;top: 30%;right: -18px;}*/
/*.element-img{position:relative;}*/

/*.element-domain p a{font-size: 18px;*/
/*    line-height: 24px;*/
/*    text-decoration: none;*/
/*    color: #000;*/
/*    font-weight: 500;*/
/*}*/


/*.lacosta-domain{position: absolute;top: 30%;right: -18px;}*/
/*.lacosta-img{position:relative;}*/
/*.lacosta-domain p a{font-size: 18px;*/
/*    line-height: 24px;*/
/*    text-decoration: none;*/
/*    color: #000;*/
/*    font-weight: 500;}*/
    
    
.main-box{position:relative;} 
.element-domain{position: absolute; top: 35%; right: 2%;}
.lacosta-domain p a{display: inline-block;font-size: 17px;line-height: 24px;text-decoration: none;color: #000;font-weight: 500;}
.element-domain p a{font-size: 17px; line-height: 24px; text-decoration: none; color: #000; font-weight: 500;}

.mi-domain p{display:inline-block;margin: 0 0 0 -40px;}
.mi-domain p a{font-size: 17px;line-height: 24px;text-decoration: none;color: #000;font-weight: 500;}


.main-box-4{position:relative;}
.villas-domain p{display: inline-block;}
.villas-domain{position: absolute; right: -26px;top: 58%;}
.villas-domain p a{display: inline-block; font-size: 17px; line-height: 24px; text-decoration: none; color: #000; font-weight: 500;}

.payment-due-txt ul li{text-align: center; font-size: 50px; line-height: 60px; font-weight: 700;font-family: 'Arial', 'Arial Bold', 'Arial Italic', 'Arial Bold Italic', 'Arial CE', 'Arial CE Bold', 'Arial Black', sans-serif;}
.payment-due-txt ul{padding:0 0 0 30px;}
.payment-due-txt ul li::marker{margin:0 0 0 10px;}
.payment-due-txt p {text-align:center;text-align: center; font-size: 50px; line-height: 60px; font-weight: 600; font-family: 'Arial', 'Arial Bold', 'Arial Italic', 'Arial Bold Italic', 'Arial CE', 'Arial CE Bold', 'Arial Black', sans-serif;}

.mob-website-name{display:none;}


/*one page ww new page end*/




.ada-integration-page .contract-form-content label{font-size: 18px; line-height: 25px;   display: block ;  margin-bottom: 20px;}
.ada-integration-page .contract-form-content label a{    color: #274689;}
.ada-integration-page .contract-form-content .note{    padding-left: 30px;}
.ada-integration-page .contract-form-content .note p{    padding: 0 0 5px;} 
.ada-integration-page .submit-btn{margin: 30px 0 50px 0;}
.ada-integration-page ul li a, .ada-integration-page p a{   color: #274689;}
.ada-integration-page .contract-form-content input[type="text"]{border: 0; border-bottom: 1px solid #333; width: 100%;outline: 0;}

.ada-option { display: flex; align-items: flex-start; margin-bottom: 12px; cursor: pointer; position: relative; padding-left: 30px; font-family: Arial, sans-serif; line-height: 1.4; } 
.ada-option input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; } 
.ada-checkmark { position: absolute; left: 0; top: 3px; height: 20px; width: 20px; background-color: #f0f0f0; display: flex ; align-items: center; justify-content: center; border: 1px solid #999; border-radius: 4px; transition: all 0.2s ease; } 
.ada-option:hover .ada-checkmark { border-color: #333; } 
.ada-checkmark::after { content: ""; display: none; left: 6px; top: 1px; width: 5px; height: 10px; border: solid #232766; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.ada-option input:checked ~ .ada-checkmark { background-color: #8f95ff42; border-color: #232766; } 
.ada-option input:checked ~ .ada-checkmark::after { display: block; }

.print-name-sec input{width: 100% !important;}
.ada-integration-page .contract-form-content input[type="text"] {width:100%;border-radius: 0;}
.input-group-new{display:flex;}
.input-group-new .input-group-text{padding: 0.575rem .75rem;}
.input-group-new .form-control:focus{box-shadow:unset;}
.main-sec{display:flex;align-items: center;justify-content: space-between;}
.company-name{width:31%!important;}
.print-name-sec{width:31%;}
.date-field-new{width:31%;}

.main-sec input{border: 1px solid #00000070!important;padding: 9px 12px;}




@media (max-width: 575.98px) 
{
    .header .nav-menu .navbar-dark .navbar-nav .nav-link {box-shadow: none !important; padding: 10px 5px !important;}
  
    .header-logo{text-align: center;}
    .nav-menu .navbar { display: block; }
    .header-top-right-sec{font-size:15px; padding:0;    margin-top: 10px;}
    .call{margin-right:0px;    font-size: 24px;margin-top: 15px;color: #000 !important;}
    .full-header-sec{position:unset;}
    .navbar-dark .navbar-toggler {width: 100%; background: #274689; float: left; text-align: right; border: none; padding: 6px 15px; border-radius: 0; outline: none;}
    .menu .navbar{display:block;}
    .menu{padding-top:15px;text-align: center;}
    .navbar-collapse{background:#232766; width:100%; float:left; text-align:left;}
    .logo{text-align:center;}
    .slider .carousel-item img{height:32vh; object-fit:cover;}
    .carousel-control-next i,  .carousel-control-prev i{font-size:28px;}
     .nav-menu ul li{width: 100%; float: left; font-weight: 600; padding: 0;}
    .nav-menu ul li {padding: 10px 15px!important; border-top: 1px solid #fff; letter-spacing: 0.4px; }
    /*.nav-menu ul li a:hover,.inner-header .menu ul li a:hover{ #000 !important;}*/
    .inner-header .menu ul li a, .sticky .menu ul li a{color:#fff!important;}
    .header-top p span {padding: 0 0 0 10px;}  
    .header{position:unset !important;}
    .header .nav-menu .navbar-dark .navbar-nav .nav-link { font-size: 17px; line-height: 32px; color: #fff; font-weight: 600; width: 0; border-radius: 0; border: 0; box-shadow: none; }
    .dropdown-menu{ transform: translate(0%, 0);}
    .slider-video video { width: 100%; height: auto;}
    
    .inner-page { padding: 40px 0; }
    .inner-page h2 {font-size: 28px; line-height: 40px;padding-bottom: 20px; }
    .inner-page h3{font-size: 18px; line-height: 30px; padding-bottom: 15px;}
    .inner-page p{font-size: 14px;}
    .inner-page ol li{font-size: 14px;}
    .inner-page ol{    padding-left: 20px;}
.date{    margin-bottom: 15px;}
.credit-card-form .date{    margin-bottom: 0px;}
.credit-card-form{    margin-bottom: 10px;}
.bootom-signature-field-right{margin-top: 30px;}
.authorize-sec p{padding: 0 0 0px;}
.signature-sec{    margin-bottom: 20px;}
.contract-content .each-content.disclaimer-content{margin-bottom: 10px;}
.right-sate-date{text-align: left;}
.bootom-signature-field-right{padding-left: 12px;}

    .submit-btn{ margin: 30px 0 0 0;}
    
    .copyright { padding: 10px 0; width: 100%; float: left; }
    .accessibility { text-align: center; margin: 13px 0; }
    .copyright p { text-align: center; }
    .comman-padding { padding: 40px 0; }
    .print-name-sec input { width: 66%; }
    .date-field input, .date input { width: 82%; }
    .nav-link{display: initial;}
    .nav-menu ul .dropdown-menu li{    padding-left: 0px !important;}
    
    .dropdown-menu li a{    padding: 0 !important;}
    .dropdown-menu a:hover{background: none; color: #b3b0b0 !important;}
    .credit-card-form .authorize-sec { margin-bottom: 0; }
    .print-name-sec { margin: 28px 0; }
    
    .canvas-wrapper #websiteContractSignaturepad{width:300px;}
    
    .each-content .upon-terminat {margin-left: -20px!important;}
    
    
    
    .ww-main-logo img {width: 80%;}
.ww-main-logo{text-align:center;}

.ww-awards{padding: 30px 0 40px 0;}
.ww-award-images p {font-size: 22px;line-height: 34px;}
.award-txt p{font-size: 22px;padding: 0 0 15px 0;}
.ww-text-col{padding: 30px 5px 15px 5px;}
.ww-text h3 {font-size: 26px;line-height: 36px;}
.payment-due-txt p {font-size: 26px;line-height: 36px;}
.ww-text img {width: 45%;}
.ww-btm-trophy-left p {margin: 10px 0 0 0;}
.blank-row {padding: 50px 0 0px 0;}


.lacosta-img{position:unset;text-align: center;}
.main-box{text-align: center;}
.element-domain{position:unset;}
.lacosta-domain p{text-align: center;}
.website-name-desktop{display:none;}
.mob-website-name{display:block;}
.ww-devices-inner-desktop{padding:12px 20px;}
.mijalisco-img{position:unset;}
.ww-mobile-device {margin: 0px 0 0 0;}
.main-box-3{text-align:center;}
.mi-domain p {margin: 0 0 0 0px;}
.main-box-4{text-align:center;padding: 15px 0 0 0;}
.villas-domain{position:unset;}


.dot-txt ul li {font-size: 18px;line-height: 34px;text-align: center;}
.dot-txt ul{padding: 0 12px;display: unset;}
.dot-txt {padding: 0px 0 15px 0;}
.site-info {padding: 30px 12px;}
.site-info a {font-size: 22px;line-height: 30px;}
.site-info p a{font-size: 22px;line-height: 30px;margin: 0;}
.site-info .footer-phone{margin: 0 0 8px 0;}
.ww-text h3{margin: 0;}
.ww-btm-trophy-right p{font-size: 18px;}
.ww-btm-trophy-left p {font-size: 18px;}
    
    
.ada-integration-page .contract-form-content label { font-size: 16px;}

.main-sec{display:unset;}
.print-name-sec{width:100%;}
.company-name {width: 100% !important;}
.date-field-new{width: 100%;}


   
}

@media (max-width: 667px ) and (orientation: landscape)
{
    .header-logo{text-align: center;}
    .nav-menu .navbar { display: block; }
    .header-top-right-sec{font-size:15px; padding:0;    margin-top: 10px;}
    .call{margin-right:0px;    font-size: 24px;margin-top: 15px;color: #000 !important;}
    .full-header-sec{position:unset;}
    .navbar-dark .navbar-toggler {width: 100%; float: left; text-align: right; border: none; padding: 6px 15px; border-radius: 0; outline: none;background: #274689;}
    .menu .navbar{display:block;}
    .menu{padding-top:15px;text-align: center;}
    .navbar-collapse{background:#232766; width:100%; float:left; text-align:left;}
    .logo{text-align:center;}
    .slider .carousel-item img{height:32vh; object-fit:cover;}
    .carousel-control-next i,  .carousel-control-prev i{font-size:28px;}
     .nav-menu ul li{width: 100%; float: left; font-weight: 600; padding: 0;}
    .nav-menu ul li {padding: 10px 15px!important; border-top: 1px solid #000; letter-spacing: 0.4px; }
    .nav-menu ul li a:hover,.inner-header .menu ul li a:hover{color:#000!important;}
    .inner-header .menu ul li a, .sticky .menu ul li a{color:#fff!important;}
    .header-top p span {padding: 0 0 0 10px;}  
    .header{position:unset !important;}
    .header .nav-menu .navbar-dark .navbar-nav .nav-link { font-size: 17px; line-height: 20px; color: #fff; font-weight: 600; background-color: none; width: 0; border-radius: 0; border: 0; box-shadow: 0; }
    .dropdown-menu{ transform: translate(0%, 0);}
    
    
    .inner-page { padding: 40px 0; }
    .inner-page h2 {font-size: 34px; line-height: 40px;padding-bottom: 20px; }
    .inner-page h3{font-size: 22px; line-height: 30px; padding-bottom: 15px;}
    .inner-page p{font-size: 14px;}
    .inner-page ol li{font-size: 14px;}
.date{    margin-bottom: 15px;}
.credit-card-form .date{    margin-bottom: 0px;}
.credit-card-form{    margin-bottom: 10px;}
.bootom-signature-field-right{margin-top: 30px;}
.authorize-sec p{padding: 0 0 0px;}
.signature-sec{    margin-bottom: 20px;}
.contract-content .each-content.disclaimer-content{margin-bottom: 10px;}
.right-sate-date{text-align: left;}
.bootom-signature-field-right{padding-left: 12px;}
    .submit-btn{ margin: 25px 0 0 0;}
    
    .copyright { padding: 10px 0; width: 100%; float: left; }
    .accessibility { text-align: center; margin: 13px 0; }
    .copyright p { text-align: center; }
    .comman-padding { padding: 40px 0; }
    
        .nav-menu ul .dropdown-menu li{    padding-left: 0px !important;}
    
    .dropdown-menu li a{    padding: 0 !important;}
    .dropdown-menu a:hover{background: none; color: #b3b0b0 !important;}
     .each-content .upon-terminat {margin-left: -25px!important;}
     
     .header .nav-menu .navbar-dark .navbar-nav .nav-link{padding: 10px 0px !important;display: inline;}
     /*.dropdown-menu .dropdown-item{color:;}*/
     /*.dropdown-menu a:hover{color: #b3b0b0 !important;}*/
     .nav-menu ul li a:hover, .inner-header .menu ul li a:hover{color: #b3b0b0 !important}
     
     
     
     
     
     


.advertising-copy-contract .form-header {
    text-align: center;
    font-weight: bold;
       margin-bottom: 27px;
    font-size: 24px;
}
.advertising-copy-contract .logo {
    font-size: 24px;
    font-weight: bold;
    color: #2b5e9e;
    text-align: center;
    margin-bottom: 10px;
}
.advertising-copy-contract .small-text {
    font-size: 12px;
}
.advertising-copy-contract .dotted-line {
    border-bottom: 1px dotted #000;
    margin-bottom: 15px;
}
.advertising-copy-contract .large-input {
    width: 100%;
    height: 80px;
}
.advertising-copy-contract .checkbox-label {
    margin-right: 15px;
}
.advertising-copy-contract .footer-text {
    font-size: 14px;
    text-align: left;
    
}

.advertising-copy-contract input.form-control {
    border: 0;
    border-bottom: 1px solid #000;
    border-radius: 0;
}
.advertising-copy-contract .check-address .check-address-yes-no{
    width:max-content;
}
.advertising-copy-contract .check-address .form-check{
    display:flex;
    justify-content:center;
}
.advertising-copy-contract .footer-border{
    border:1px solid #000;
}
.advertising-copy-contract .credit-card-number{
    margin-right:0px;
}

.advertising-copy-contract .ad-copy-container {
    width: 100%;
    margin: 20px auto;
    border: 1px solid #000;
    padding: 10px;
    position: relative;
}
.advertising-copy-contract .ad-copy-text {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    line-height:1;

}
.advertising-copy-contract .instructions {
    font-size: 14px;
    text-align: center;
}
.advertising-copy-contract .logo-placeholder {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.advertising-copy-contract .ad-copy-box {
    width: 100%;
    height: 200px;

}
.advertising-copy-contract .ad-copy-container{
    position:relative;
    margin-top:90px;
}
.advertising-copy-contract .ad-copy-container-text{
    position: absolute;
    left: 0;
    right: 0;
    top: -38px;
    max-width:780px;
    margin:auto;
    background-color:#fff;
}
.advertising-copy-contract .middle-text-copy-layout{
       font-size: 18px;
    font-weight: 700;
    font-style: italic;
    text-align: center;
        margin-bottom: 10px;
    
}
.advertising-copy-contract .check-address{
        margin-bottom: 0px !important;
}
.advertising-copy-contract .dotted-line.footer-border .mb-3.row.last-child{
    margin-bottom:0 !important;
}    
    
    
 .ww-main-logo img {width: 50%;}
.ww-main-logo{text-align:center;}

.ww-awards{padding: 30px 0 40px 0;}
.ww-award-images p {font-size: 22px;line-height: 34px;}
.award-txt p{font-size: 22px;padding: 0 0 15px 0;}
.ww-text-col{padding: 30px 5px 15px 5px;}
.ww-text h3 {font-size: 26px;line-height: 36px;}
.payment-due-txt p {font-size: 26px;line-height: 36px;}
.ww-text img {width: 30%;}
.ww-btm-trophy-left p {margin: 10px 0 0 0;}
.blank-row {padding: 50px 0 0px 0;}


.lacosta-img{position:unset;text-align: center;}
.main-box{text-align: center;}
.element-domain{position:unset;}
.lacosta-domain p{text-align: center;}
.website-name-desktop{display:none;}
.mob-website-name{display:block;}
.ww-devices-inner-desktop{padding:12px 20px;}
.mijalisco-img{position:unset;}
.ww-mobile-device {margin: 0px 0 0 0;}
.main-box-3{text-align:center;}
.mi-domain p {margin: 0 0 0 0px;}
.main-box-4{text-align:center;padding: 15px 0 0 0;}
.villas-domain{position:unset;}


.dot-txt ul li {font-size: 18px;line-height: 34px;text-align: center;}
.dot-txt ul{padding: 0 12px;display: unset;}
.dot-txt {padding: 0px 0 15px 0;}
.site-info {padding: 30px 12px;}
.site-info a {font-size: 22px;line-height: 30px;}
.site-info p a{font-size: 22px;line-height: 30px;margin: 0;}
.site-info .footer-phone{margin: 0 0 8px 0;}
.ww-text h3{margin: 0;}
.ww-btm-trophy-right p{font-size: 18px;}
.ww-btm-trophy-left p {font-size: 18px;}


.main-box-2{text-align:center;}
.main-box-2 img{width: 48%;}    
    
 .main-sec{display:unset;}
.print-name-sec{width:100%;}
.company-name {width: 100% !important;}
.date-field-new{width: 100%;}   
    
    
}

@media (min-width: 768px) and (max-width: 991.98px)
{
    
   
    .full-header-sec{position:unset;}
    .navbar-dark .navbar-toggler {width: 100%; background: #000; float: left; text-align: right; border: none; padding: 6px 15px; border-radius: 0; outline: none;}
    .menu .navbar{display:block;}
    .menu{padding-top:15px;text-align: center;}
    .logo{text-align:center;}
    .slider .carousel-item img{height:32vh; object-fit:cover;}
    .carousel-control-next i,  .carousel-control-prev i{font-size:28px;}
    .header .nav-menu .navbar-dark .navbar-nav .nav-item { padding: 0 10px 0 0; }
    .header .nav-menu .navbar-dark .navbar-nav .nav-link { font-size: 12px; line-height: 20px;  width: 142px;  box-shadow: none; padding: 10px 5px !important;}
    
    
    
    
    
    .inner-page { padding: 40px 0; }
    .inner-page h2 {font-size: 34px; line-height: 40px;padding-bottom: 20px; }
    .inner-page h3{font-size: 22px; line-height: 30px; padding-bottom: 15px;}
    .inner-page p{font-size: 14px;}
    .inner-page ol li{font-size: 14px;}
    .bootom-signature-field{padding-top: 40px;}
    .submit-btn{ margin: 25px 0 0 0;}
    
    .copyright { padding: 10px 0; width: 100%; float: left; }
    .accessibility { text-align: center; margin: 13px 0; }
    .copyright p {font-size: 11px; }
    .accessibility a{font-size: 11px; }
    .date-field input, .date input{width: 85%;}
    .print-name-sec input{width: 70%;}
    
    .datepicker-dropdown.dropdown-menu{left:100px!important;}
    .each-content .upon-terminat {margin-left: -26px!important;}
    
    
     .award-txt p {font-size: 20px;line-height: 30px;}
  .ww-award-images p {font-size: 22px;line-height: 32px;}
  .ww-awards {padding: 35px 0;}
  .payment-due-txt p{font-size: 26px;line-height: 36px;}
  .ww-text h3{font-size: 26px;line-height: 36px;}
  
  .ww-btm-trophy-left p {font-size: 13px;line-height: 20px;padding: 0 0px;}
  .ww-btm-trophy-right p {font-size: 13px;line-height: 20px;padding: 0 0px;}
  .blank-row {padding: 50px 0 30px 0;}
  
  .ww-devices-inner-tab img{width: 65%;}
  .element-domain {right: -23%;}
  .ww-devices-inner .desktop-img{width:55%;}
  .ww-devices-inner-desktop{padding: 170px 0 0 0px;}
  .lacosta-domain p{margin: 10px 0 0 -116px;}
  .villas-domain {right: -100px;}
  .mi-domain p {margin: 0 0 0 -93px;}
.dot-txt ul li {font-size: 23px;line-height: 33px;}
.dot-txt {padding: 0px 0 30px 0;}
.site-info a {font-size: 30px;line-height: 40px;}
.site-info p a {font-size: 30px;}
.mijalisco-img {right: -87px;}

.slider-video video{height: auto;}
    

}

@media (min-width: 992px) and (max-width: 1199.98px)
{
    .date-field input, .date input{width: 88%;}
    .print-name-sec input{width: 75%;}
    .inner-page { padding: 50px 0;}
      .datepicker-dropdown.dropdown-menu{left:115px!important;}
      .header .nav-menu .navbar-dark .navbar-nav .nav-link {padding: 10px 17px !important;font-size: 17px;}
      .header .nav-menu .navbar-dark .navbar-nav .nav-item {padding: 0 12px 0 0;}
      
      
      
       .award-txt p {font-size: 22px;line-height: 32px;}
  .ww-award-images p {font-size: 26px;line-height: 36px;}
  .ww-awards {padding: 35px 0;}
  .payment-due-txt p{font-size: 26px;line-height: 36px;}
  .ww-text h3{font-size: 26px;line-height: 36px;}
  
  .ww-btm-trophy-left p {font-size: 16px;line-height: 24px;padding: 0 0px;}
  .ww-btm-trophy-right p {font-size: 16px;line-height: 24px;padding: 0 0px;}
  .blank-row {padding: 50px 0 30px 0;}
  
  .ww-devices-inner-tab img{width: 65%;}
  .element-domain {right: -7%;}
  .ww-devices-inner .desktop-img{width:50%;}
  .ww-devices-inner-desktop{padding: 170px 0 40px 0px;}
  .lacosta-domain p{margin: 10px 0 0 -25px;}
  .villas-domain {right: -45px;}
  .mi-domain p {margin: 0 0 0 -62px;}
.dot-txt ul li {font-size: 26px;line-height: 36px;}
.dot-txt {padding: 0px 0 30px 0;}
.site-info a {font-size: 32px;line-height: 42px;}
.site-info p a {font-size: 32px;}
.mijalisco-img{right: -106px;}

.slider-video video{height: auto;}


}

@media (min-width: 1200px) and (max-width: 1400.98px)
{
    .print-name-sec input{width: 71%;}
    .date-field input, .date input{width: 80%;}
     .datepicker-dropdown.dropdown-menu{left:95px!important;}
     .header .nav-menu .navbar-dark .navbar-nav .nav-link {padding: 10px 20px !important;}
     
     
      .ww-award-images p {font-size: 22px;}
 .award-txt p {font-size: 20px;line-height: 32px;}
 .payment-due-txt p{font-size: 42px;line-height: 55px;}
 .ww-text h3{font-size: 42px;line-height: 55px;}
 .ww-btm-trophy-right p {padding: 0 5px;}
 .ww-btm-trophy-left p{padding: 0 10px;}
 .element-domain {right: 3%;}
 .lacosta-domain p a {font-size: 12px;line-height: 20px;}
 .lacosta-domain p{margin:0 0 0 -12px;}
.element-domain p a {font-size: 12px;line-height: 20px;}
.website-name p a {font-size: 12px;line-height: 20px;}
.mi-domain p a {font-size: 12px;line-height: 20px;}
.mi-domain p{margin: 0 0 0 0px;}
.villas-domain p a {font-size: 12px;line-height: 20px;}
.villas-domain {right: 3px;top: 55%;}
.dot-txt ul li {font-size: 30px;line-height: 40px;}
.site-info a {font-size: 34px;}
.site-info p {font-size: 34px;}
     
     
     

}