* {
    margin: 0;
    padding: 0;
    outline: none;
}

html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, center,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

html {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

a {
    color: #b500ff;
    text-decoration: none;
}

q, blockquote {
    quotes: none;
}

body {
    font-family: "Open Sans", arial, sans-serif;
overflow-x: hidden;
}

.wrapperheader {
    width: 100%;
    box-sizing: border-box;
}

.wrapperheader .header {
    padding: 20px 0;
    height: 100px;
    max-width: 1200px;
    display: block;
    margin: 0 auto;
    width: 100%;
}

.logoimg {
    width: 100px;
    border-right: 1px solid black;
    padding-right: 20px;
    vertical-align: middle;
}

.logo {

}

.logo .logotext {
    font-size: 30px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
    line-height: 0.7;
    font-style: italic;
    font-weight: 700;
    font-family: "";

}
.logo .logotext a{
    color: #004872;
    font-family: 'Donegal One', serif;
}
.logo .logotext1 {
    font-size: 15px;
    font-family: 'Roboto', sans-serif;

}

.social {
    display: inline-block;
    float: right;
    padding-top: 27px;
}

.social ul li {
    text-align: right;
    display: inline-block;
    padding-left: 10px;
}

.social ul {
    display: inline-block;
}

.fa {
    background: #0078bf;
    color: white;
    padding: 10px 13px;
    border-radius: 60px;
}

.search {
    display: inline-block;
    text-align: right;
    padding-left: 15px;
}

input[type='text'] {
    border: none;
    color: #000000;
    font-family: "Open Sans", arial, sans-serif;
    padding: 12px;
    border:1px solid rgba(139, 140, 253, 0.4);
}

.search1 {
    display: inline-block;
}
.buttontextaria {
    background: #4B1B96;
    width: 15%;
    color: white;
    text-transform: uppercase;
    padding: 10px;
    margin-top: 10px;
    float:right;
    text-align: center;
}
.buttontextaria a{
    color: white;
}
.textaria{
    margin-bottom: 40px;
}
.fa-search {
    background: rgba(139, 140, 253, 0.4);;
    color: white;
    padding: 12px;
    border-radius: 0px;
    margin-left: -5px;
    padding-top: 10px;
    padding-bottom: 13px;
    border:1px solid rgba(139, 140, 253, 0.0);
}

.main-menu {
    width: 100%;
    background-color: rgb(105, 104, 206);

}

.menu {
    display: block;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px;
}

.menu ul li {
    display: inline-block;
    padding-right: 60px;
    font-family: "Open Sans", arial, sans-serif;
}

.menu ul li a {
    color: white;

}

.menu2 {
    background-color: white;
    width: 100%;
    border-bottom: 2px solid #fe852c;
}

.homemenu2 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px;
    font-size: 13px;
    font-family: "Open Sans", arial, sans-serif;

}
.menu2 .homemenu2 a{
    color: #7d7d7d;
}
.menu2 .homemenu2  .bold{
    color: rgb(104, 104, 104);
    font-weight: 700;
    font-size: 15px;
}

.wrappercontent {
    width: 100%;
    box-sizing: border-box;
    max-width: 1232px;
    margin: 0 auto;

}

.wrappercontent .content {
    display: inline-block;
    max-width: 66%;
    padding-top: 20px;
    padding: 10px 10px;
    box-sizing: border-box;
}

.wrappercontent .content h1 {
    text-align: center;
    line-height: 35px;
    font-family: Calibri;
    padding: 5px 10px;
}
.h2{
    text-align: center;
    line-height: 24px!important;
    font-size: 24px;
    padding: 0px!important;
    padding-bottom: 10px!important;
}


.wrappercontent .content P {
    font-family: Arial;
    padding: 10px 0px;
    line-height: 27px;
}

.wrappercontent .content .ph1 {
    display: block;
    margin: 0 auto;
    width: 80%;
    padding-bottom: 10px;
}
.ph15{
    width: 300px!important;
}

.wrappercontent .sidebar {
    display: inline-block;
    max-width: 29%;
    vertical-align: top;
    padding-left: 20px;
    padding-top: 20px;
}

.navSecondary {
    width: 100%;
    font-size: 14px;
    line-height: 1.85714;
    border-bottom: 0;
    display: block;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    padding-top: 6px;
}
.navSecondary h4 {
    background-color: #f89729;
    color: #fff;
    font-weight: 600;
    padding-left: 20px;
    text-transform: uppercase;
}
.navSecondary li {
    border-top: 1px solid #e5e5e5;
    list-style: none;
    margin: 0;
}.navSecondary li a {
     display: inline-block;
     padding: 6.5px 13px;
     color: #0078bf;
 }
.navSecondary ul ul a {
    color: #979797;
    line-height: 1.4;
    padding: 0 13px 0 19.5px;
    position: relative;
}
.navSecondary ul ul {
    font-size: 13px;
    font-size: .8125rem;
    line-height: 2;
    display: block;
    margin: 0 0 13px 13px;
}
.navSecondary ul ul li {
    border: none;
}
.navSecondary ul ul a:before{
    background-color: #979797;
    content: ' ';
    display: block;
    height: 9px;
    left: 0;
    position: absolute;
    vertical-align: middle;
    top: 5px;
    margin-right: .7em;
    width: 9px;
}
.zipcode{
    padding: 10px 10px;
    background: #8132FA;
    text-align: center;
}
.sear{
    background: none;
    font-size: 23px!important;
}
.zipcodetext{
    display: inline-block;
    color: white;
    font-size: 23px;
    text-transform: uppercase;
}
.blockattetion {
    padding: 10px;
    background:#e9e9e9 ;
    max-width: 600px;
    margin: 0 auto;
}
.blockattetion >div {
    background: white;
    -webkit-box-shadow: 0 0 10px #999;
    box-shadow: 0 0 10px #999;
    padding: 20px;
}
.blockattetion p{
    font-family: 'Roboto', sans-serif!important;
    font-size:15px ;
}

.zipcode .formText{
    width: 80%;
    margin:0px!important;
    background: white;
    color: black;
}
.buttonzipcode{
    background:#4B1B96;
    width: 81%;
    margin: 0 auto;
    color: white;
    text-transform: uppercase;
    padding: 10px;
    margin-top: 10px;
}
.zipcodetext1{
    color: white;
    font-size: 15px;
    padding-top: 30px;
}
.atten {
     color: rgb(112, 109, 212);
     font-size: 30px;
     text-align: center;
     text-decoration: underline;
     font-family: 'Donegal One', serif;
 }
.atten1 {
    color: #b500ff;
    font-size: 30px;
    text-align: center;
    text-decoration: underline;
    font-family: 'Donegal One', serif;
}
.atten2 {
    color: rgb(112, 109, 212);
    font-size: 30px;
    text-align: center;
    text-decoration: underline;
    font-family:'Montserrat', sans-serif!important;
    font-weight: 700;
    padding-bottom: 20px!important;
}

.avaviolet {
    font-family: "Open Sans", sans-serif;
    color: rgb(101, 99, 99);
    font-style: italic;
    font-weight: 600;
    margin-bottom: 20px;
}

.ava1 {
    width: 60px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid rgb(112, 109, 212);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.violetname {
    display: inline-block;
    font-family: "Open Sans", arial, sans-serif;
}

.fa-star-o {
    background-color: white;
    color: rgb(101, 99, 99);
}

.fa-reply {
    width: 20px;
    background-color: #f3f3f3;
    color: grey;
    border-radius: 0;
    border: 1px solid grey;
    border-radius: 3px;
}

.fa-sort-desc {
    width: 10px;
    background-color: #f3f3f3;
    color: grey;
    border-radius: 0;
    border: 1px solid grey;
    margin-left: -10px;
    border-radius: 3px;
}

.reply {
    float: right;
    padding-top: 10px;
}
.reply span{
    vertical-align: middle;
    color: #c1c1c1;
    font-family: "Open Sans", arial, sans-serif;
}
.reply img{
    vertical-align: middle;
}

.wrappercontent .content .befaft {
    position: relative;
    padding: 10px 25px;
    font-weight: 600;
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}

.befaft:before {
    content: '';
    background-image: url("1.png");
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 29px;
    margin-right: 10px;
}

.befaft::after {
    content: '';
    background-image: url("2.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    display: inline-block;
    width: 35px !important;
    height: 29px;
    bottom: 0;
    right: 0;
    margin-right: 10px;
}

.content .texth {
    color: rgb(112, 109, 212);
    font-size: 30px;
    text-align: center;
    font-family: 'Montserrat', sans-serif!important;
    line-height: 32px!important;
}

.daytext {
    text-align: center;
    color: rgb(94, 26, 212);
    font-weight: 600;
}

.day1 {

    display: inline-block;
    width: 33%;
}
.day2{
    display: inline-block;
    width: 32%;

}
.day3{
    display: inline-block;
    width: 33%;
}

.texts {
    text-align: center;
    font-size: 23px;
    font-family: 'Montserrat', sans-serif!important;
}

.tablemain {
    text-align: center;
    margin-bottom: 20px;
}
.red{
    color: red;
    font-weight: 700;

}
table {
    display: inline-block;
    background-color: #e6def7;
}

th {
    padding: 20px;
    font-weight: 600;
    border: 2px solid rgb(94, 26, 212);
    font-family: 'Montserrat', sans-serif!important;
}

td {
    border-right: 2px solid rgb(94, 26, 212);
    border-left: 2px solid rgb(94, 26, 212);
    padding: 5px 10px;
}

.tdd {
    border-bottom: 2px solid rgb(94, 26, 212);
}

.floatleftimg {
    float: left;
    width: 140px;
    padding-right: 20px;
}

.list {
    list-style: circle;
    padding-left: 40px;
    line-height: 27px;
    display: block;
    margin: 0 auto;
    width: 350px;
    font-weight: 700;
}

.content .textss {
    text-align: center;
    color: rgb(255, 102, 0);
    font-weight: 700;
    font-size: 30px;
    line-height: 34px !important;
    font-family: 'Montserrat', sans-serif!important;
}

.textsss {
    color: rgb(112, 109, 212);
    text-align: center;
    font-size: 30px;
    line-height: 34px !important;
    font-family: 'Montserrat', sans-serif!important;
}

.imginline {
    width: 100%;
}

.ph2 {
    display: inline-block;
    width: 49%;
}

.ph3 {
    display: inline-block;
    width: 49%;
}
.graph {
    width: 681px;
    margin: 0 auto;
    position: relative;
    background: url(./9photo.jpg?v=1) center no-repeat;
    background-size: contain;
    height: 350px;
}
.graph>span {
     position: absolute;
     display: block;
     transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     -webkit-transform: translate(-50%,-50%);
 }
.sp1 {
      left: 50%;
      width: 100%;
      text-align: center;
      top: 7%;
      color: white;
      font-size: 20px;
  }
.sp3 {
    color: #dae58f;
    text-align: center;
    right: 0%;
    top: 22%;
    font-weight: bold;
    width: 188px;
}
.sp4 {
     right: -7%;
     color: #dae58f;
     top: 41%;
     font-size: 20px;
     width: 148px;
 }
.sp5 {
    width: 100%;
    text-align: center;
    left: 50%;
    bottom: 5%;
    font-size: 24px;
    font-weight: bold;
    color: #dae58f;
}
.sp6 {
     left: 16%;
     top: 30%;
     color: #dae58f;
     font-weight: bold;
     font-size: 23px;
 }
.sp7 {
    left: 18%;
    top: 39%;
    color: white;
}
.sp8 {
    left: 18.5%;
    top: 48%;
    color: white;
}
.sp9 {
     left: 18.5%;
     top: 57%;
     color: white;
 }
.sp10 {
      top: 70%;
      left: 25%;
      color: white;
      font-style: italic;
  }
.sp11 {
    top: 70%;
    left: 35%;
    color: white;
    font-style: italic;
}
.sp12 {
    top: 70%;
    left: 46%;
    color: white;
    font-style: italic;
}
.sp13 {
    top: 70%;
    left: 57%;
    color: white;
    font-style: italic;
}
.sp14 {
     top: 70%;
     left: 68%;
     color: white;
     font-style: italic;
 }
.content .border{
    background-color: #e6def7;
    padding: 10px 10px!important;
    border:1px solid rgb(112, 109, 212) ;

}
.page{
    max-width: 681px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    background: url(./10photoSay-goodbye.jpg) center no-repeat;
    background-size: contain;
    height: 141px;
}
.say{
    text-align: center;
    padding-top: 31px!important;
   padding-left: 20px!important;
    padding-right: 20px!important;
}
.say a{
    font-size: 19px;
}
.page .say span{
    color: #fe852c;
    font-size: 20px;
}
.exclusive{
    background:#e6def7;
    padding: 5px 10px;
    margin-bottom: 30px;
}
.exclusive .liza{
    border-left: 20px solid rgb(112, 109, 212);
    margin-bottom: 20px;
}
.exclusive .liza p{
    padding-left: 10px;
    font-weight: 600;
    display: inline-block;
}
.textexcluzive{
    padding:0px 50px!important;
}
.textexcluzive2{
    color: rgb(112, 109, 212);
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif!important;
}
.button{
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
   margin: 10px 40px;
    text-align: center;
    border: 3px solid #ff6600;
    background-color: #fff8ee;
    font-size: 23px;
    font-weight: 700;
}
.button a{
    color: #1155cc;
}
.button:hover{
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;

    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.button a:hover{
    text-decoration: underline;

}
.comments{
    padding: 3% 4%;

}
.comments .review{
    border-bottom: 1px solid #ddd;
   font-weight: 600;
    margin-bottom: 20px;

}
.comm{
    padding: 15px 0px;
    border-bottom: 1px solid #ddd;
}
.wrappercontent .content .comm p{
    padding: 5px 0;
}
.comm .namecomm {
    font-weight: 700;
}
.wrappercontent .content .comm p a:hover{
    text-decoration: none;
}
.comm  .namecomm{
    padding: 0px!important;
}
footer{
    clear: both;
    padding: 10px 20px;
    background:#D9D9D9;
    text-align: center;
}
.footerlogo{
    width: 120px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
}
.footertext{
    display: inline-block;
    font-family: "Open Sans", arial, sans-serif;
    vertical-align: middle;
    line-height: 18px;
    font-size: 15px;
    text-align: left;

    width: 31%;
    color: #919191;
}
footer .footertext span:nth-child(1){
    color:rgb(0,120,191);
}
footer .footertext span :nth-child(2){
    color: #919191;
}
.burger{
    display: none;
}
#commtextaria{
    width: 100%;
    height: 43px;
    box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
    .menu ul li {
        padding-right: 21px;
    }
    .zipcodetext {
        font-size: 18px;
    }
}
@media screen and (max-width: 989px) {
    .social {
        display: none;
    }

}
@media screen and (max-width: 890px) {
.wrappercontent .content {
    display: inline-block;
    max-width: 100%;
}
    .wrappercontent .sidebar{
        display: none;
    }
    .menu ul{
        display: none;
    }
    .burger {
        display: block;
        margin: 0 auto;
    }
    .burger ul{
        display: block;
    }
    .burger1{
        width: 30px;
        display: inline-block;
        float: right;
        margin-top: -7px;
    }
}
@media screen and (max-width: 750px){
    .footertext {
        text-align: center;
    }
    .graph {
        max-width: 367px;
        height: 187px;
    }
    .sp1, .sp7, .sp8, .sp9, .sp4 {
        font-size: 10px;
    }
    .sp10, .sp11, .sp12, .sp13, .sp14 {
        font-size: 8px;
    }
    .sp1{
        top:11%;
    }
    .sp3 {
        width: 121px;
        line-height: 9px;
        top: 27%;
        right: -18%;
        font-size: 10px;
    }
    .sp4{
        right: -40%;
        font-size: 12px;
     }
    .sp5{
          font-size: 13px;
      }
    .sp6{
           font-size: 13px;
       }
    .h2 {;
        font-size: 16px;
    }

}
@media screen and (max-width: 530px){
    .textexcluzive {
        padding: 0px!important;
    }
    .list {
        width: 80%;
    }
    .menu2 .homemenu2  .mobnone{
        display: none;
    }
    .ph15{
        width: 100%!important;
    }
    .button {
         margin: 0px 0px;
        width: 100%;
    }
    .logo{
        text-align: center;
    }
    .wrapperheader .header {
        height: 67px;
    }
    .logo .logotext {
        font-size: 16px;
    }
    .logo .logotext1 {
        font-size: 10px;
    }
    .logoimg {
        width: 70px;
    }
    .reply {
        display: inline-block;
        padding-top: 0px;
        width: 100%;
        text-align: right;
        padding-top: 23px!important;
        padding-bottom: 13px!important;
    }
    .atten{
        line-height:1!important;
    }
    .day1{
        width: 32%;
    }
    footer {
        text-align: center;
    }
    .footertext {
        width: 100%;
    }
    .wrappercontent .content .ph1 {
        width: 100%;
    }
    .ph3, .ph2 {
        width: 100%;
    }
    .page{
        background: none;
        height: auto;
    }
    .say{
        padding: 0!important;
    }
}
@media screen and (max-width: 375px){
    .graph {
        max-width: 353px;
    }
}
@media screen and (max-width: 360px){
    .graph {
        max-width: 339px;
    }
}
@media screen and (max-width: 320px){
    .graph {
        max-width: 303px;
    }
    .sp1 {
         top: 15%;
     }
    .sp5{
        bottom: 10%;
    }.sp4 {
             right: -49%;
         }

}