h1#title{
    font-size: 40px;
    font-weight: normal;
    color: #00a3b4;
      top: 100px;
    left: 215px;
}

h4#subtitle{
    font-size: 24px;
    font-weight: bold;
    color: #016124;
    top: 165px;
    left: 215px;
    width: 335px;
    
}

#tailorcontent {
    left: 60px;
    top: 320px;
    width: 350px;
    color: #FFFFFF;
}

#tailorListTop {
    left: 60px;
    top: 560px;
    width: 350px;
    color: #FFFFFF;
}

h2{
    font-size: 40px;
    font-weight: normal;
    line-height: 40px;
    margin-bottom: 10px;
}

h3{
    font-size: 36px;
    color: white;
    font-weight: normal;
    margin-bottom: 10px;
}

h4{
    font-size: 30px;
    margin-bottom: 10px;
}

h5{
    font-size: 24px;
    margin-bottom: 10px;
}

h6 {
    font-size: 16px;
    margin-bottom: 10px;
}

#tailorcontent p, #tailorListTop p{
    font-size: 14px;
    margin-bottom: 15px;
    color: #016124;
    line-height: 18px;
}
.circle{
    font-size: 18px;
    text-align: center;
    color: white;
    font-weight: bold;
    letter-spacing: 1px;
    cursor: pointer;
}

a.circle:hover, a.currentCircle{
    color: #FFA200;
}

#circle1 {
    left: 342px;
    top: 740px;
    width: 153px;
}

#circle2{
    left: 120px;
    top: 850px;
    width: 160px;
}

#circle3 {
    left: 400px;
    top: 990px;
    width: 127px;
}

#circle4 {
    left: 190px;
    top: 1135px;
    width: 135px;
}

.circle_content{
    top: 825px;
    left: 612px;
    width: 350px;
    display:none;
    text-align: justify;
}

.circle_content p{
    
    font-size: 14px;
    color: #195b1c;
}

.circle_content h5{
    color: #00a3b4;
}

#tailor-loader {
    color:#F4911E;
    display:none;
    font-size:10px;
    top:823px;
    left:574px;
    position:absolute;
    text-align:center;
    
}