.button.one {
color: #fff;
font-size: 12px;
text-transform: uppercase;
background: #9eca45;
padding: 9px 23px;
border-radius: 3px;
white-space: nowrap;
transition: all 0.3s ease;
}
.button.one:hover {
color: #fff;
background: #393939;
}
.button.two {
color: #999;
font-size: 13px;
padding: 9px 30px;
border-radius: 25px;
white-space: nowrap;
border: 1px solid #e3e3e3;
transition: all 0.3s ease;
}
.button.two:hover {
color: #999;
background: #f3f3f3;
border: 1px solid #fff;
}
.button.three {
color: #fff;
font-size: 16px;
padding: 16px 35px;
border-radius: 3px;
white-space: nowrap;
background: #393939;
transition: all 0.3s ease;
}
.button.three:hover {
color: #fff;
background: #999;
}
.button.four {
color: #ccc;
font-size: 12px;
padding: 6px 18px;
border-radius: 3px;
white-space: nowrap;
border: 1px solid #e3e3e3;
transition: all 0.3s ease;
}
.button.four:hover {
color: #fff;
background: #e3e3e3;
}
.button.five {
color: #393939;
font-size: 14px;
padding: 13px 38px;
border-radius: 3px;
white-space: nowrap;
background: #f3f3f3;
transition: all 0.3s ease;
}
.button.five:hover {
color: #fff;
background: #9eca45;
}
.button.five.two:hover {
color: #fff;
background: #f9bf36;
}
.button.six {
color: #999;
font-size: 14px;
padding: 12px 35px;
border-radius: 3px;
white-space: nowrap;
border: 1px solid #e3e3e3;
transition: all 0.3s ease;
}
.button.six:hover {
color: #999;
background: #f9f9f9;
}
.button.seven {
color: #fff;
font-size: 14px;
padding: 14px 38px;
border-radius: 3px;
white-space: nowrap;
border: 1px solid #fff;
transition: all 0.3s ease;
}
.button.seven:hover {
color: #fff;
background: #393939;
border: 1px solid #393939;
}
.button.eight {
color: #393939;
font-size: 14px;
padding: 16px 35px;
border-radius: 3px;
white-space: nowrap;
background: #fff;
border: 1px solid #fff;
transition: all 0.3s ease;
}
.button.eight:hover {
color: #fff;
background: none;
border: 1px solid #fff;
}
.button.nine {
color: #fff;
font-size: 14px;
padding: 12px 30px;
border-radius: 3px;
white-space: nowrap;
background: #393939;
transition: all 0.3s ease;
}
.button.nine:hover {
color: #fff;
background: #999;
}
.button.nine.white {
color: #393939;
background: #fff;
}
.button.nine.white:hover {
color: #fff;
background: #393939;
}
.button.ten {
color: #fff;
font-size: 13px;
padding: 6px 18px;
border-radius: 3px;
white-space: nowrap;
background: #ee7164;
transition: all 0.3s ease;
}
.button.ten:hover {
color: #fff;
background: #999;
}
.button.eleven {
color: #393939;
font-size: 13px;
text-transform: uppercase;
text-decoration: underline;
transition: all 0.3s ease;
}
.button.eleven:hover {
color: #999;
}
.button.twelve {
color: #fff;
font-size: 14px;
padding: 12px 30px;
border-radius: 3px;
white-space: nowrap;
background: #ee7164;
transition: all 0.3s ease;
}
.button.twelve:hover {
color: #fff;
background: #393939;
}
.button.thirteen {
color: #999;
font-size: 14px;
padding: 12px 30px;
border-radius: 3px;
white-space: nowrap;
background: #f3f3f3;
transition: all 0.3s ease;
}
.button.thirteen:hover {
color: #fff;
background: #999;
}
.button.fourteen {
color: #393939;
font-size: 16px;
padding: 12px 40px;
border-radius: 3px;
white-space: nowrap;
background: #fff;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
transition: all 0.3s ease;
}
.button.fourteen:hover {
color: #fff;
background: #393939;
}
.button.fifteen {
color: #59abe3;
font-size: 14px;
padding: 12px 35px;
border-radius: 3px;
white-space: nowrap;
border: 2px solid #59abe3;
transition: all 0.3s ease;
}
.button.fifteen:hover {
color: #393939;
border: 2px solid #393939;
}
.button.sixteen {
color: #393939;
font-size: 14px;
padding: 14px 50px;
border-radius: 3px;
white-space: nowrap;
background: #f3f3f3;
border: 1px solid #ececec;
transition: all 0.3s ease;
}
.button.sixteen:hover,
.button.sixteen.active {
color: #fff;
background: #59abe3;
border: 1px solid #59abe3;
}
.button.sixteen.two:hover,
.button.sixteen.two.active {
color: #fff;
background: #393939;
border: 1px solid #393939;
}
.button.sixteen.three:hover,
.button.sixteen.three.active,.highlight .button.sixteen.three {
color: #fff;
background: #2a2a30;
border: 1px solid #2a2a30;
}
.button.seventeen {
color: #fff;
font-size: 13px;
padding: 8px 16px;
border-radius: 3px;
white-space: nowrap;
background: #727272;
transition: all 0.3s ease;
}
.button.seventeen:hover {
color: #fff;
background: #999;
}
.button.eighteen {
color: #fff;
font-size: 12px;
text-transform: uppercase;
background: #50c9d4;
padding: 9px 30px;
border-radius: 3px;
white-space: nowrap;
transition: all 0.3s ease;
}
.button.eighteen:hover {
color: #fff;
background: #393939;
}
.button.nineteen {
color: #454545;
font-size: 13px;
padding: 9px 22px;
border-radius: 3px;
white-space: nowrap;
border: 1px solid #727272;
transition: all 0.3s ease;
}
.button.nineteen:hover {
background: #eee;
border: 1px solid #eee;
}
.button.twenty {
color: #fff;
font-size: 13px;
padding: 11px 27px;
border-radius: 3px;
white-space: nowrap;
background: #d7d7d7;
transition: all 0.3s ease;
}
.button.twenty:hover {
background: #59abe3;
}
.button.twentyone {
color: #59abe3;
font-size: 13px;
padding: 10px 27px;
border-radius: 3px;
white-space: nowrap;
border: 1px solid #59abe3;
transition: all 0.3s ease;
}
.button.twentyone:hover {
color: #fff;
background: #59abe3;
}
.button.twentytwo {
color: #999;
font-size: 13px;
padding: 9px 20px;
border-radius: 3px;
white-space: nowrap;
background: #f3f3f3;
transition: all 0.3s ease;
}
.button.twentytwo:hover {
color: #fff;
background: #999;
}
.button.twentythree {
color: #fff;
font-size: 16px;
padding: 14px 40px;
border-radius: 3px;
white-space: nowrap;
background: #46d8bd;
transition: all 0.3s ease;
}
.button.twentythree:hover {
color: #fff;
background: #393939;
}
.button.twentyfour {
color: #fff;
font-size: 14px;
padding: 14px 45px;
border-radius: 3px;
white-space: nowrap;
background: #46d8bd;
transition: all 0.3s ease;
}
.button.twentyfour:hover {
color: #fff;
background: #393939;
}
.button.twentyfour.white {
color: #393939;
background: #fff;
}
.button.twentyfive {
color: #393939;
transition: all 0.3s ease;
}
.button.twentyfive:hover {
color: #50c9d4;
}
.button.twentyfive i {
color: #ccc;
margin-left: 3px;
}
.button.twentysix {
color: #393939;
font-size: 14px;
padding: 12px 40px;
border-radius: 3px;
white-space: nowrap;
border: 2px solid #e0e0e0;
transition: all 0.3s ease;
}
.button.twentysix:hover {
background: #e0e0e0;
}
.button.twentyseven {
color: #fff;
font-size: 14px;
background: #f9bf36;
padding: 14px 45px;
border-radius: 3px;
white-space: nowrap;
font-weight: 600;
transition: all 0.3s ease;
text-shadow: none;
}
.button.twentyseven:hover { 
color: #fff;
background: #393939;
}
.button.twentyeight {
color: #393939;
font-size: 14px;
padding: 16px 35px;
border-radius: 3px;
white-space: nowrap;
background: transparent;
border: none; 
margin-top: 0px !important;
transition: all 0.3s ease;
}
.button.twentyeight:hover {
color: #999;
}
.button.twentynine {
color: #fff;
font-size: 13px;
padding: 10px 25px;
border-radius: 3px;
white-space: nowrap;
background: #393939;
transition: all 0.3s ease;
display: inline-block;
}
.button.twentynine:hover {
color: #fff;
background: #999;
}
.button.thiry {
color: #d2527f;
font-size: 13px;
padding: 10px 27px;
border-radius: 3px;
white-space: nowrap;
border: 1px solid #d2527f;
transition: all 0.3s ease;
}
.button.thiry:hover {
color: #fff;
background: #d2527f;
}
.button.thone button,a.button.thone{
color: #fff;
background: #c9c9c9;
padding: 8px 18px;
white-space: nowrap;
transition: all 0.3s ease;
margin-top: 15px;
font: 12px 'Open Sans', sans-serif;
font-weight: normal;
font-style: normal;
}
.button.thone button:hover,a.button.thone:hover {
color: #fff;
background: #393939;
}
a.button.ththree,.button.ththree>a {
color: #fff;
font-size: 16px;
text-transform: uppercase;
background: #d64541;
padding: 16px 35px;
border-radius: 3px;
white-space: nowrap;
font-family: 'Roboto', sans-serif;
font-weight: 600;
transition: all 0.3s ease;
}
a.button.ththree:hover,.button.ththree>a:hover {
color: #fff;
background: #181818;
}
.button.transp {
color: #fff;
padding: 16px 28px;
text-transform: uppercase;
background: rgba(0, 0, 0, 0.58);
transition: all 0.3s ease;
}
.button.transp:hover {
background: rgba(0, 0, 0, 0.8);
}
.button.transp.brc {
border-radius: 3px;
}
.button.transp2 {
color: #fff;
font-size: 16px;
padding: 16px 50px;
border-radius: 30px;
text-transform: uppercase;
background: #9eca45;
transition: all 0.3s ease;
}
.button.transp2:hover {
background: rgba(255, 255, 255, 0.3);
} .list_divlines {
padding: 0px;
margin: 0px;
}
.list_divlines li {
padding: 10px 0px 12px 0px;
margin: 0px;
line-height: 23px;
border-bottom: 1px solid #3d3d3d;
}
.list_divlines li i {
color: #999;
font-size: 11px;
margin-right: 3px;
}
.list_divlines2 {
padding: 0px;
margin: 0px;
}
.list_divlines2 li {
color: #999;
padding: 10px 0px 11px 0px;
margin: 0px;
line-height: 23px;
border-top: 1px solid #eee;
}
.list_divlines2 li.last {
border-bottom: 1px solid #eee;
}
.list_divlines2 li i {
color: #ccc;
margin-right: 7px;
}
.harrow_line {
float: left;
width: 100%;
height: 20px;
background: url(//www.dealerpelumas.co.id/wp-content/themes/hoxa/assets/images/h-arrow-line2.png) no-repeat center top;
}
.harrow_line2 {
float: left;
width: 100%;
height: 20px;
background: #eee url(//www.dealerpelumas.co.id/wp-content/themes/hoxa/assets/images/h-arrow-line3.png) no-repeat center top;
} .piechart1 {
float: left;
color: #393939;
width: 20%;
font-size: 16px;
font-weight: normal;
text-align: center;
}
.piechart1.white {
color: #fff;
}
.piechart2 {
float: left;
width: 200px;
text-align: center;
color: #1e1e1e;
}
.piechart2.s1 {
width: 100px;
}
.piechart2.s2 {
width: 120px;
}
.piechart2.s3 {
width: 160px;
}
.piechart2.s4 {
width: 180px;
}
.piechart3 {
float: left;
text-align: center;
color: #fff;
font-size: 18px;
font-weight: bold;
width: 25%;
text-align: center;
} .stcode_title1 h3{
font-size: 27px;
z-index: 1;
position: relative;
text-align: left;
font-weight: normal;
}
.stcode_title1 .line{
background: #000;
border-top: solid 1px #e3e3e3;
position: absolute;
height: 1px;
display: block;
top: 18px;
width: 100%;
}
.stcode_title1 .text{
background-color: #FFFFFF;
z-index: 20;
position: relative;
text-align: center;
padding: 0px 18px 0px 0px;
}
.stcode_title2 h3{
font-size: 27px;
z-index: 1;
position: relative;
text-align: left;
font-weight: 300;
}
.stcode_title2 .line{
background: #000;
border-top: solid 1px #e3e3e3;
position: absolute;
height: 1px;
display: block;
top: 16px;
width: 100%;
}
.stcode_title2 .line2{
background: #000;
border-top: solid 1px #e3e3e3;
position: absolute;
height: 1px;
display: block;
top: 20px;
width: 100%;
}
.stcode_title2 .text{
background-color: #FFFFFF;
z-index: 20;
position: relative;
text-align: center;
padding: 0px 18px 0px 0px;
}
.stcode_title3 h3{
font-size: 27px;
z-index: 1;
position: relative;
text-align: left;
font-weight: 300;
}
.stcode_title3 .line{
background: url(//www.dealerpelumas.co.id/wp-content/themes/hoxa/assets/images/hcross-lines.jpg) repeat-x left top;
position: absolute;
height: 8px;
display: block;
top: 14px;
width: 100%;
}
.stcode_title3 .text{
background-color: #FFFFFF;
z-index: 20;
position: relative;
text-align: center;
padding: 0px 18px 0px 0px;
}
.stcode_title4 h3{
font-size: 27px;
padding-bottom: 16px;
z-index: 1;
position: relative;
text-align: left;
font-weight: normal;
}
.stcode_title4 .line{
background: #9eca45;
position: absolute;
height: 2px;
display: block;
bottom: 0px;
width: 72px;
}
.stcode_title4 .text{
z-index: 20;
position: relative;
text-align: center;
}
.stcode_title5 h3{
font-size: 27px;
padding-bottom: 16px;
z-index: 1;
position: relative;
text-align: left;
font-weight: normal;
margin-bottom: 25px;
}
.stcode_title5 h3.nmb{
margin-bottom: 3px;
}
.stcode_title5 .line{
background: #9eca45;
position: absolute;
height: 3px;
display: block;
bottom: 0px;
width: 100px;
}
.stcode_title5 .line2{
background: #000;
border-top: solid 1px #e3e3e3;
position: absolute;
height: 1px;
display: block;
bottom: 1px;
width: 100%;
}
.stcode_title5 .text{
z-index: 20;
position: relative;
text-align: center;
}
.stcode_title6 {
text-align: center;
}
.stcode_title6 h2 b {
font-weight: bold;
}
.stcode_title6 h2 strong {
color: #fff;
padding: 0px 10px 3px 10px;
background-color: #393939;
}
.stcode_title6.white h2 strong {
color: #393939;
padding: 0px 10px 3px 10px;
background-color: #fff;
}
.stcode_title7 {
text-align: center;
}
.stcode_title7 em {
display: block;
font-size: 16px;
margin-top: 5px;
font-style: normal;
font-weight: 400;
}
.stcode_title7 .line{
background: #9eca45;
height: 3px;
display: block;
bottom: 0px;
width: 100px;
margin: 18px auto 0 auto;
}
.stcode_title8 h2{
font-size: 35px;
z-index: 1;
position: relative;
text-align: center;
font-weight: 300;
}
.stcode_title8 .line{
background: url(//www.dealerpelumas.co.id/wp-content/themes/hoxa/assets/images/h-line.jpg) no-repeat center top;
position: absolute;
height: 1px;
display: block;
top: 18px;
width: 100%;
margin: 0 auto;
}
.stcode_title8 .text{
background-color: #FFFFFF;
z-index: 20;
position: relative;
text-align: center;
padding: 0px 25px;
}
.stcode_title9 {
text-align: center;
}
.stcode_title9 em {
display: block;
font-size: 18px;
margin-top: 5px;
font-style: normal;
font-weight: 400;
}
.stcode_title9 .line{
background: url(//www.dealerpelumas.co.id/wp-content/themes/hoxa/assets/images/h-line2.png) no-repeat center top;
height: 3px;
display: block;
bottom: 0px;
width: 210px;
margin: 18px auto 0 auto;
}
.stcode_title10 {
text-align: center;
}
.stcode_title10 em {
display: block;
font-size: 18px;
margin-top: 5px;
font-style: normal;
font-weight: 400;
}
.stcode_title10 .line{
background: url(//www.dealerpelumas.co.id/wp-content/themes/hoxa/assets/images/h-line3.png) no-repeat center 13px;
height: 39px;
display: block;
bottom: 0px;
width: 300px;
margin: 3px auto 0 auto;
}
.stcode_title10 i{
display: block;
color: #999;
font-size: 14px;
line-height: 50px;
}
.stcode_title11 {
text-align: center;
}
.stcode_title11 em {
display: block;
font-size: 16px;
line-height: 27px;
margin-top: 12px;
font-style: normal;
color: #999;
font-weight: 400;
}
.stcode_title11 .line{
background: url(//www.dealerpelumas.co.id/wp-content/themes/hoxa/assets/images/h-line8.png) no-repeat center top;
height: 7px;
display: block;
bottom: 0px;
width: 140px;
margin: 7px auto 0 auto;
}
.stcode_title11 .line2{
background: url(//www.dealerpelumas.co.id/wp-content/themes/hoxa/assets/images/h-line9.png) no-repeat center top;
height: 7px;
display: block;
bottom: 0px;
width: 140px;
margin: 18px auto 0 auto;
}
.stcode_title11 .line3{
background: url(//www.dealerpelumas.co.id/wp-content/themes/hoxa/assets/images/h-line8.png) no-repeat center top;
height: 7px;
display: block;
bottom: 0px;
width: 140px;
margin: 20px auto 0 auto;
}
.stcode_title11 .line4{
background: url(//www.dealerpelumas.co.id/wp-content/themes/hoxa/assets/images/h-line8.png) no-repeat center top;
height: 7px;
display: block;
bottom: 0px;
width: 140px;
margin: 16px auto 0 auto;
}
.stcode_title12 h2{
font-size: 35px;
z-index: 1;
position: relative;
text-align: center;
font-weight: 300;
margin-bottom: 14px;
color: #9eca45;
}
.stcode_title12 h4{
font-size: 22px;
z-index: 1;
position: relative;
text-align: center;
font-weight: 400;
color: #727272;
}
.stcode_title12 .line{
background: url(//www.dealerpelumas.co.id/wp-content/themes/hoxa/assets/images/h-line.jpg) no-repeat center top;
position: absolute;
height: 1px;
display: block;
top: 14px;
width: 100%;
margin: 0 auto;
}
.stcode_title12 .text{
background-color: #FFFFFF;
z-index: 20;
position: relative;
text-align: center;
padding: 0px 20px;
}
.stcode_title13 {
padding: 10px 12px 10px;
margin: 0 auto;
font-size: 40px;
color: #f7ca18;
font-family: 'Roboto', sans-serif;
font-weight: 800;
text-transform: uppercase;
border-top: 1px solid #f7ca18;
border-left: 5px solid #f7ca18;
border-right: 5px solid #f7ca18;
border-bottom: 1px solid #f7ca18;
background: #fff;
width: auto;
display: inline-block;
}
.stcode_title14 {
text-align: center;
}
.stcode_title14 em {
display: block;
font-size: 18px;
font-style: normal;
font-weight: 400;
margin-bottom: 1px;
}
.stcode_title14 strong {
font-weight: 800;
}
.stcode_title14 .line{
background: #d64541;
height: 2px;
display: block;
bottom: 0px;
width: 140px;
margin: 16px auto 0 auto;
}
.stcode_title14 .line.white {
background: #fff;
}
.stcode_title15 {
text-align: center;
}
.stcode_title15 .line{
background: #181818;
height: 2px;
display: block;
bottom: 0px;
width: 50px;
margin: 5px auto 0 auto;
} .divider_line {
float: left;
width: 100%;
border-bottom: 1px solid #f3f3f3;
}
.divider_line1 {
float: left;
width: 100%;
margin-bottom: 60px;
padding-top: 40px;
border-bottom: 1px solid #eee;
}
.divider_line1.nomp {
float: left;
width: 100%;
padding-top: 0px;
margin-bottom: 0px;
border-bottom: 1px solid #eee;
}
.divider_line2 {
float: left;
width: 100%;
margin-bottom: 60px;
padding-top: 40px;
background: url(//www.dealerpelumas.co.id/wp-content/themes/hoxa/assets/images/divider-line1.png) no-repeat center bottom;
}
.divider_line2.nop {
padding-top: 0px;
height: 10px;
}
.divider_line3 {
float: left;
width: 100%;
margin-bottom: 60px;
padding-top: 40px;
text-align: center;
background: url(//www.dealerpelumas.co.id/wp-content/themes/hoxa/assets/images/h-line.jpg) repeat-x left 113px;
}
.divider_line3 i {
color: #fff;
width: 27px;
height: 27px;
border-radius: 100%;
background-color: #d3d3d3;
text-align: center;
vertical-align: middle;
line-height: 27px;
}
.divider_line4 {
float: left;
width: 100%;
margin-bottom: 60px;
padding-top: 40px;
text-align: center;
background: url(//www.dealerpelumas.co.id/wp-content/themes/hoxa/assets/images/h-line.jpg) repeat-x left 121px;
}
.divider_line4 i {
color: #d3d3d3;
width: 45px;
height: 45px;
border-radius: 100%;
background-color: #fff;
text-align: center;
vertical-align: middle;
line-height: 45px;
font-size: 20px;
}
.divider_line4.lessm {
padding-top: 65px;
margin-bottom: 75px;
background: url(//www.dealerpelumas.co.id/wp-content/themes/hoxa/assets/images/h-line.jpg) repeat-x left 88px;
}
.divider_line5 {
float: left;
width: 100%; padding-top: 60px;
background: url(//www.dealerpelumas.co.id/wp-content/themes/hoxa/assets/images/h-line.jpg) repeat-x left 115px;
text-align: center;
}
.divider_line5 i {
color: #d3d3d3;
width: 30px;
height: 30px;
border-radius: 100%;
background-color: #fff;
text-align: center;
vertical-align: middle;
line-height: 28px;
font-size: 18px;
border: 1px solid #d3d3d3;
}
.divider_line6 {
float: left;
width: 100%;
margin-bottom: 60px;
padding-top: 40px;
background: url(//www.dealerpelumas.co.id/wp-content/themes/hoxa/assets/images/shadow3.png) repeat-x left bottom;
text-align: center;
}
.divider_line7 {
float: left;
width: 100%;
margin-bottom: 60px;
padding-top: 40px;
border-bottom: 1px dashed #e3e3e3;
}
.divider_line8 {
float: left;
width: 100%;
margin-bottom: 60px;
padding-top: 40px;
border-bottom: 1px dotted #d9d9d9;
}
.divider_line9 {
float: left;
width: 100%;
margin-bottom: 60px;
padding-top: 40px;
background: url(//www.dealerpelumas.co.id/wp-content/themes/hoxa/assets/images/shadow2.png) no-repeat center bottom;
text-align: center;
}
.divider_line9.lessm {
padding-top: 59px;
margin-bottom: 50px;
}
.divider_line9.lessm2 {
padding-top: 10px;
margin-bottom: 106px;
}
.divider_line10 {
float: left;
width: 100%;
margin-bottom: 60px;
padding-top: 40px;
background: url(//www.dealerpelumas.co.id/wp-content/themes/hoxa/assets/images/hcross-lines.jpg) repeat-x left bottom;
text-align: center;
}
.divider_line11 {
float: left;
width: 100%;
margin-bottom: 60px;
padding-top: 40px;
background: url(//www.dealerpelumas.co.id/wp-content/themes/hoxa/assets/images/h-line5.png) no-repeat center bottom;
text-align: center;
}
.divider_line12 {
float: left;
width: 100%;
margin-bottom: 60px;
padding-top: 40px;
background: url(//www.dealerpelumas.co.id/wp-content/themes/hoxa/assets/images/h-line6.png) no-repeat center bottom;
text-align: center;
}
.divider_line13 {
float: left;
width: 100%;
margin-bottom: 60px;
padding-top: 40px;
background: url(//www.dealerpelumas.co.id/wp-content/themes/hoxa/assets/images/h-line7.png) no-repeat center bottom;
text-align: center;
}
.divider_line13.lessm {
padding-top: 50px;
margin-bottom: 50px;
}
.divider_line20 {
width: 80%;
padding-top: 20px;
margin: 0 auto 0 auto;
border-bottom: 1px solid #999;
}
.divider_line21 {
float: left;
width: 100%;
margin-top: 18px;
margin-bottom: 25px;
border-bottom: 1px solid #eee;
}
.divider_line21.last {
margin-bottom: 0px;
}
.divider_line22 {
float: left;
width: 100%;
margin-top: 18px;
margin-bottom: 25px;
border-bottom: 1px solid #e1e1e1;
}
.divider_line23 {
float: left;
width: 100%;
padding-top: 50px;
margin-bottom: 50px;
border-bottom: 1px solid #d0d0d0;
} .infomes, .errormes, .noticemes, .successmes {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: 1px solid #bbb;
font-size: 14px;
}
.infomes i, .errormes i, .noticemes i, .successmes i {
margin-right: 7px;
}
p.error {
border: none;
}
.infomes strong, .errormes strong, .noticemes strong, .successmes strong {
font-size: 16px;
}
.message-box-wrap {
border: 0px solid #fff;
padding:20px 20px;
}
.infomes {
color: #3378b9;
border-color: #9ecaf3;
background-color: #dbedfd;
}
.errormes {
color: #bd6767;
border-color: #f1bdbd;
background-color: #ffdddd;
}
.noticemes {
color: #a79a30;
border-color: #d7d099;
background-color: #f6f2d2;
}
.successmes {
color: #1ea133;
border-color: #a9ecb4;
background-color: #dffbe4;
}
.close-but {
background: rgba(0, 0, 0, 0) url(//www.dealerpelumas.co.id/wp-content/themes/hoxa/assets/images/elements/icon-remove.png) no-repeat scroll center top;
border: medium none;
cursor: pointer;
font-size: 0;
height: 10px;
margin: 8px;
position: absolute;
right: 5px;
top: 5px;
width: 10px;
}
.alertymes1 {
float: left;
width: 100%;
padding: 22px;
border-radius: 5px;
color: #393939;
border: 1px solid #eee;
background-color: #f9f9f9;
-webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.1);
box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.1);
}
.alertymes1 i {
margin-right: 10px;
}
.alertymes2 {
float: left;
width: 100%;
padding: 22px;
color: #fff;
background-color: #9eca45;
}
.alertymes2 i {
margin-right: 10px;
}
.alertymes3 {
float: left;
width: 100%;
padding: 22px;
color: #dda614;
border: 5px solid #e3b028;
background-color: #fff;
}
.alertymes3 i {
margin-right: 10px;
}
.alertymes4 {
float: left;
width: 100%;
padding: 22px;
color: #eb3535;
border: 1px solid #eb3535;
background-color: #fff;
text-align: center;
}
.alertymes4 i {
margin-right: 10px;
} a.but_goback,
a.but_ok_2,
a.but_wifi,
a.but_warning_sign,
a.but_user,
a.but_tag,
a.but_table,
a.but_star,
a.but_search,
a.but_phone,
a.but_pencil,
a.but_new_window,
a.but_music,
a.but_hand_right,
a.but_thumbs_down,
a.but_thumbs_up,
a.but_globe,
a.but_hospital,
a.but_coffe_cup,
a.but_settings,
a.but_chat,
a.but_play_button,
a.but_remove_2,
a.but_lock,
a.but_shopping_cart,
a.but_exclamation_mark,
a.but_info,
a.but_question_mark,
a.but_minus,
a.but_plus,
a.but_folder_open,
a.but_file,
a.but_envelope,
a.but_edit,
a.but_cogwheel,
a.but_check,
a.but_camera,
a.but_calendar,
a.but_bookmark,
a.but_book,
a.but_download,
a.but_pdf,
a.but_word_doc,
a.but_woman {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #fff;
font-weight: 600;
-moz-border-radius: 3px;
border-radius: 3px;
transition: all 0.3s ease;
}
a.but_goback i {
color: #fff;
}
a.but_goback {
padding: 13px 25px 13px 22px;
margin: 0px 0px 0px 0px;
background: #9eca45;
border-bottom: 1px solid #999;
}
a.but_goback:hover {
color: #fff;
background-color: #383634;
}
a.but_ok_2 {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #ff8100;
border-bottom: 1px solid #909090;
}
a.but_ok_2:hover {
background-color: #ff9900;
}
a.but_wifi {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #0099cc;
border-bottom: 1px solid #909090;
}
a.but_wifi:hover {
background-color: #00abde;
}
a.but_warning_sign {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #e5cc19;
border-bottom: 1px solid #909090;
}
a.but_warning_sign:hover {
background-color: #efda1b;
}
a.but_user {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #007f99;
border-bottom: 1px solid #909090;
}
a.but_user:hover {
background-color: #0090ad;
}
a.but_tag {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #e59919;
border-bottom: 1px solid #909090;
}
a.but_tag:hover {
background-color: #efa61b;
}
a.but_table {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #4c6699;
border-bottom: 1px solid #909090;
}
a.but_table:hover {
background-color: #5674ad;
}
a.but_star {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #99cc4c;
border-bottom: 1px solid #909090;
}
a.but_star:hover {
background-color: #a6da52;
}
a.but_search {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #66667f;
border-bottom: 1px solid #909090;
}
a.but_search:hover {
background-color: #747490;
}
a.but_phone {
padding: 10px 20px 10px 20px;
margin: 0px 0px 0px 0px;
background: #e56619;
border-bottom: 1px solid #909090;
}
a.but_phone:hover {
background-color: #ef6f1b;
}
a.but_pencil {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #cc4c19;
border-bottom: 1px solid #909090;
}
a.but_pencil:hover {
background-color: #da521b;
}
a.but_new_window {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #001900;
border-bottom: 1px solid #909090;
}
a.but_new_window:hover {
background-color: #393939;
}
a.but_music {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #cccc7f;
border-bottom: 1px solid #909090;
}
a.but_music:hover {
background-color: #dada8a;
}
a.but_hand_right {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #ff8100;
border-bottom: 1px solid #909090;
}
a.but_hand_right:hover {
color: #fff;
background-color: #ff9900;
}
a.but_thumbs_down {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #9999cc;
border-bottom: 1px solid #909090;
}
a.but_thumbs_down:hover {
background-color: #a6a6da;
}
a.but_thumbs_up {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #00cce5;
border-bottom: 1px solid #909090;
}
a.but_thumbs_up:hover {
background-color: #00daef;
}
a.but_globe {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #669999;
border-bottom: 1px solid #909090;
}
a.but_globe:hover {
background-color: #6fa6a6;
}
a.but_hospital {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #196666;
border-bottom: 1px solid #909090;
}
a.but_hospital:hover {
background-color: #1b6f6f;
}
a.but_coffe_cup {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #7f994c;
border-bottom: 1px solid #909090;
}
a.but_coffe_cup:hover {
background-color: #8aa652;
}
a.but_settings {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #997f4c;
border-bottom: 1px solid #909090;
}
a.but_settings:hover {
background-color: #a68a52;
}
a.but_chat {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #7f9919;
border-bottom: 1px solid #909090;
}
a.but_chat:hover {
background-color: #8aa61b;
}
a.but_play_button {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #4c664c;
border-bottom: 1px solid #909090;
}
a.but_play_button:hover {
background-color: #567456;
}
a.but_remove_2 {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #e59966;
border-bottom: 1px solid #909090;
}
a.but_remove_2:hover {
background-color: #efa66f;
}
a.but_lock {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #994c19;
border-bottom: 1px solid #909090;
}
a.but_lock:hover {
background-color: #a6521b;
}
a.but_shopping_cart {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #cc7f4c;
border-bottom: 1px solid #909090;
}
a.but_shopping_cart:hover {
background-color: #da8a52;
}
a.but_exclamation_mark {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #4c7f7f;
border-bottom: 1px solid #909090;
}
a.but_exclamation_mark:hover {
background-color: #528a8a;
}
a.but_info {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #667fcc;
border-bottom: 1px solid #909090;
}
a.but_info:hover {
background-color: #6f8ada;
}
a.but_question_mark {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #4c0019;
border-bottom: 1px solid #909090;
}
a.but_question_mark:hover {
background-color: #620020;
}
a.but_minus {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #666666;
border-bottom: 1px solid #909090;
}
a.but_minus:hover {
background-color: #747474;
}
a.but_plus {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #393939;
border-bottom: 1px solid #909090;
}
a.but_plus:hover {
background-color: #444444;
}
a.but_folder_open {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #99cc99;
border-bottom: 1px solid #909090;
}
a.but_folder_open:hover {
background-color: #a6daa6;
}
a.but_file {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #999999;
border-bottom: 1px solid #909090;
}
a.but_file:hover {
background-color: #a6a6a6;
}
a.but_envelope {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #727272;
border-bottom: 1px solid #909090;
}
a.but_envelope:hover {
background-color: #7c7c7c;
}
a.but_edit {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #e5cc7f;
border-bottom: 1px solid #909090;
}
a.but_edit:hover {
background-color: #efda8a;
}
a.but_cogwheel {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #194c7f;
border-bottom: 1px solid #909090;
}
a.but_cogwheel:hover {
background-color: #1e5c99;
}
a.but_check {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #004c4c;
border-bottom: 1px solid #909090;
}
a.but_check:hover {
background-color: #005c5c;
}
a.but_camera {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #007fcc;
border-bottom: 1px solid #909090;
}
a.but_camera:hover {
background-color: #008ada;
}
a.but_calendar {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #4c99e5;
border-bottom: 1px solid #909090;
}
a.but_calendar:hover {
background-color: #52a6ef;
}
a.but_bookmark {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #990000;
border-bottom: 1px solid #909090;
}
a.but_bookmark:hover {
background-color: #b60000;
}
a.but_book {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #7f9999;
border-bottom: 1px solid #909090;
}
a.but_book:hover {
background-color: #8aa6a6;
}
a.but_download {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #ff8100;
border-bottom: 1px solid #909090;
}
a.but_download:hover {
background-color: #ff9900;
}
a.but_pdf {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #ff8100;
border-bottom: 1px solid #909090;
}
a.but_pdf:hover {
background-color: #ff9900;
}
a.but_word_doc {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #ff8100;
border-bottom: 1px solid #909090;
}
a.but_word_doc:hover {
background-color: #ff9900;
}
a.but_woman {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #ff8100;
border-bottom: 1px solid #909090;
}
a.but_woman:hover {
background-color: #ff9900;
} .but_small1 {
color: #fff;
padding: 10px 25px;
background-color: #9eca45;
border-radius: 3px;
transition: all 0.3s ease;
white-space: nowrap;
}
.but_small1:hover {
color: #fff;
background-color: #393939;
}
.but_small1.gray {
color: #fff;
background-color: #393939;
}
.but_small1.gray:hover {
color: #fff;
background-color: #9eca45;
}
.but_small3 {
display: inline-block;
height: 41px;
line-height: 41px;
padding-right: 20px;
padding-left: 58px;
position: relative;
background-color: #9eca45;
color: #fff;
border-radius: 4px;
white-space: nowrap;
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
}
.but_small3 span {
position: absolute;
left: 0;
width: 41px;
background-color: #8db737;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-right: 1px solid  rgba(0,0,0,0.15);
transition: all 0.3s ease;
}
.but_small3:hover {
color: #fff;
}
.but_small3 span i {
color: #fff;
font-size: 18px;
margin-left: 12px;
}
.but_small3:hover span, .but_small3.active span {
color: #fff;
background-color: #393939;
border-right: 1px solid #181818;
}
.but_small3.gray {
background-color: #636363;
}
.but_small3.gray span {
background-color: #454545;
}
.but_small3.gray:hover {
color: #fff;
}
.but_small3.gray span i {
color: #fff;
font-size: 18px;
margin-left: 12px;
}
.but_small3.gray:hover span, .but_small3.gray.active span {
color: #fff;
background-color: #393939;
border-right: 1px solid #181818;
}
.but_small2 {
color: #fff;
padding: 10px 25px;
background-color: #9eca45;
border-radius: 20px;
transition: all 0.3s ease;
border-bottom: 1px solid #393939;
white-space: nowrap;
}
.but_small2:hover {
color: #fff;
background-color: #393939;
}
.but_small2.nob {
padding: 10px 30px;
border-bottom: 0px solid #393939;
}
.but_small4 {
color: #fff;
padding: 10px 25px;
background-color: #9eca45;
border-radius: 5px;
transition: all 0.3s ease;
border-bottom: 3px solid #393939;
white-space: nowrap;
}
.but_small4:hover {
color: #fff;
background-color: #393939;
border-bottom: 0px solid #454545;
}
.but_small5 {
color: #9eca45;
padding: 10px 25px;
background-color: #fff;
border-radius: 2px;
transition: all 0.3s ease;
white-space: nowrap;
border: 2px solid #9eca45;
}
.but_small5:hover {
color: #393939;
border: 2px solid #393939;
}
.but_small5.light {
color: #fff;
background: none;
border: 2px solid #fff;
}
.but_small5.light:hover {
color: #9eca45;
background-color: #fff;
border: 2px solid #fff;
}
.but_small5.light2 {
color: #fff;
background: none;
border: 1px solid #fff;
padding: 8px 18px;
}
.but_small5.light2:hover {
color: #9eca45;
background-color: #fff;
border: 1px solid #fff;
} .but_medium1 {
color: #fff;
padding: 14px 35px;
background-color: #9eca45;
border-radius: 3px;
transition: all 0.3s ease;
white-space: nowrap;
}
.but_medium1:hover {
color: #fff;
background-color: #393939;
}
.but_medium1.white {
color: #fff;
padding: 14px 35px;
border: 2px solid #fff;
border-radius: 3px;
transition: all 0.3s ease;
white-space: nowrap;
text-transform: uppercase;
font-weight: bold;
}
.but_medium1.white:hover {
color: #272727;
background-color: #fff;
}
.but_medium1.white.active {
color: #272727;
background-color: #fff;
}
.but_medium3 {
display: inline-block;
height: 48px;
line-height: 48px;
padding-right: 30px;
padding-left: 68px;
position: relative;
background-color: #9eca45;
color: #fff;
border-radius: 4px;
white-space: nowrap;
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
}
.but_medium3 span {
position: absolute;
left: 0;
width: 48px;
background-color: #8db737;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-right: 1px solid  rgba(0,0,0,0.15);
transition: all 0.3s ease;
}
.but_medium3:hover {
color: #fff;
}
.but_medium3 span i {
color: #fff;
font-size: 18px;
margin-left: 16px;
}
.but_medium3:hover span, .but_medium3.active span {
color: #fff;
background-color: #393939;
border-right: 1px solid #181818;
}
.but_medium2 {
color: #fff;
padding: 14px 35px;
background-color: #9eca45;
border-radius: 30px;
transition: all 0.3s ease;
border-bottom: 1px solid #393939;
white-space: nowrap;
}
.but_medium2:hover {
color: #fff;
background-color: #393939;
}
.but_medium4 {
color: #fff;
padding: 14px 35px;
background-color: #9eca45;
border-radius: 5px;
transition: all 0.3s ease;
border-bottom: 3px solid #393939;
white-space: nowrap;
}
.but_medium4:hover {
color: #fff;
background-color: #393939;
border-bottom: 0px solid #454545;
}
.but_medium5 {
color: #9eca45;
padding: 12px 35px;
background-color: #fff;
border-radius: 2px;
transition: all 0.3s ease;
white-space: nowrap;
border: 2px solid #9eca45;
}
.but_medium5:hover {
color: #393939;
border: 2px solid #393939;
} .but_large1 {
color: #fff;
padding: 18px 50px;
background-color: #9eca45;
border-radius: 3px;
transition: all 0.3s ease;
white-space: nowrap;
}
.but_large1:hover {
color: #fff;
background-color: #393939;
}
.but_large1.two:hover {
color: #fff;
background-color: #727272;
}
.but_large1.small {
color: #fff;
padding: 13px 50px;
background-color: #9eca45;
border-radius: 3px;
transition: all 0.3s ease;
white-space: nowrap;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
}
.but_large1.small:hover {
color: #fff;
background-color: #393939;
}
.but_large3 {
display: inline-block;
height: 50px;
line-height: 50px;
padding-right: 35px;
padding-left: 83px;
position: relative;
background-color: #9eca45;
color: #fff;
border-radius: 4px;
white-space: nowrap;
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
}
.but_large3 span {
position: absolute;
left: 0;
width: 58px;
background-color: #8db737;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-right: 1px solid  rgba(0,0,0,0.15);
transition: all 0.3s ease;
}
.but_large3:hover {
color: #fff;
}
.but_large3 span i {
color: #fff;
font-size: 18px;
margin-left: 20px;
}
.but_large3:hover span, .but_large3.active span {
color: #fff;
background-color: #393939;
border-right: 1px solid #181818;
}
.but_large2 {
color: #fff;
padding: 16px 50px;
background-color: #9eca45;
border-radius: 30px;
transition: all 0.3s ease;
border-bottom: 1px solid #393939;
white-space: nowrap;
}
.but_large2:hover {
color: #fff;
background-color: #393939;
}
.but_large4 {
color: #fff;
padding: 16px 50px;
background-color: #9eca45;
border-radius: 5px;
transition: all 0.3s ease;
border-bottom: 3px solid #393939;
white-space: nowrap;
}
.but_large4:hover {
color: #fff;
background-color: #393939;
}
.but_large4.white {
color: #9eca45;
background-color: #fff;
border-bottom: 0px solid #393939;
}
.but_large4:hover {
color: #fff;
background-color: #393939;
border-bottom: 0px solid #454545;
}
.but_large5 {
color: #9eca45;
padding: 16px 45px;
background-color: #fff;
border-radius: 2px;
transition: all 0.3s ease;
white-space: nowrap;
border: 2px solid #9eca45;
}
.but_large5:hover {
color: #393939;
border: 2px solid #393939;
}
.but_full {
float: left;
width: 100%;
text-align: center;
color: #272727;
padding: 30px 0px;
background-color: #f7f7f7;
border-radius: 4px;
transition: all 0.3s ease;
white-space: nowrap;
border: 1px solid #e3e3e3;
font-size: 22px;
font-weight: 600;
}
.but_full:hover {
background-color: #fff;
}
.imagede {
-webkit-animation:spin 3s linear infinite;
-moz-animation:spin 3s linear infinite;
animation:spin 3s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.but_full2 {
width: 100%;
height: 70px;
background-color: #f3f3f3;
overflow:hidden;
text-align:center;
color:#272727;
border-radius: 4px;
vertical-align: middle;
line-height: 70px;
font-size: 18px;
font-weight: 600;
}
.but_full2 .butprogress {
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
height:70px;
width:10px;
background: #9eca45;
position:absolute;
overflow:hidden; 
border-radius: 4px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.but_full2 .done {
float: left;
text-align:center;
line-height:70px;
font-size: 18px;
font-weight:bold;
color:#EEE;
height:70px;
width: 100%;
text-shadow: 0px -1px 0px rgba(0,0,0,0.2);		
cursor:pointer;
vertical-align: middle;
line-height: 70px;
font-weight: 600;
position: relative;
z-index: 98;
}
.but_full2 strong {
position: relative;
z-index: 99;
font-weight: normal;
}
.but_full2:hover .butprogress{
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
width: 100%;
border-radius: 4px;
}
.but_full2 .butprogress a {
color: #fff;
}
.but_full2.two .butprogress {
background: #e3e3e3;
} .pritable {
float: left;
width: 100%;
padding: 120px 0px;
}
.pritable.ltp {
padding-top: 80px;
}
.pritable.stwo .pacdetails {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.97);
border-right: 1px solid #999;
box-shadow: 0 -5px 0 #999;
}
.pritable.stwo .pacdetails.highlight {
box-shadow: 0 -5px 0 #3498db;
margin-top: -30px;
}
.pritable.stwo .pacdetails.highlight .title strong {
color: #3498db;
}
.pritable .pacdetails.highlight .title h6{
display: block;
background: none repeat scroll 0 0 #3498db;
border-radius: 10px;
color: #fff;
font-size: 13px;
font-weight: 400;
line-height: 18px;
margin: 0 auto;
text-transform: uppercase;
width: 140px;
margin-bottom: 12px;
}
.pritable.stwo .pacdetails.highlight .bottom a {
background: none repeat scroll 0 0 #3498db;
color: #fff;
}
.pritable .pacdetails {
float: left;
width: 25%;
text-align: center;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
box-shadow: 0px -5px 0px #393939;
}
.pritable .pacdetails .title {
float: left;
width: 100%;
padding: 30px 0px 45px 0px;
border-bottom: 1px solid #eee;
margin-bottom: 40px;
}
.pritable .pacdetails .title h6{
display: none;
}
.pritable .pacdetails .title strong {
color: #393939;
font-size: 40px;
font-weight: bold;
display: block;
}
.pritable .pacdetails .title h2 {
font-size: 22px;
color: #999;
font-weight: normal;
margin-bottom: 12px;
display: block;
}
.pritable .pacdetails ul {
padding: 0px;
margin: 0px;
}
.pritable .pacdetails li {
padding: 0px;
margin: 18px 0px;
list-style: none;
}
.pritable .pacdetails li strong {
font-weight: 600;
}
.pritable .pacdetails .bottom {
float: left;
width: 100%;
padding: 40px 0px;
margin-top: 20px;
border-top: 1px solid #eee;
}
.pritable .pacdetails .bottom a {
color: #393939;
font-size: 16px;
background: #eee;
padding: 12px 35px;
border-radius: 3px;
transition: all 0.3s ease;
}
.pritable .pacdetails .bottom a:hover {
color: #fff;
background: #999;
}
.pritable .pacdetails .title sup {
font-size: 18px;
font-weight: normal;
padding: 0px;
margin: 0px;
}
.pritable .pacdetails .title sub {
font-size: 14px;
font-weight: normal;
padding: 0px;
margin: 0px;
}
.pritable .pacdetails.two {
border-right: 0px solid #eee;
border-bottom: 1px solid #eee;
border-left: 0px solid #eee;
}
.pritable .pacdetails.four {
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 0px solid #eee;
}
.pritable .pacdetails.three {
margin-top: -30px;
box-shadow: 0px -5px 0px #9eca45;
}
.pritable .pacdetails.three .title strong {
color: #9eca45;
}
.pritable .pacdetails.three .bottom a {
color: #fff;
background: #9eca45;
}
.pritable .pacdetails.three h6 {
width: 140px;
color: #fff;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
background: #9eca45;
margin: 0 auto;
line-height: 18px;
border-radius: 10px;
}
.pritable .pacdetails.three .title {
padding-top: 30px;
}
.pritable .pacdetails.three .title h2 {
margin-top: 12px;
}
.pricingtable1 {
float: left;
width: 100%;
text-align: center;
padding: 70px 0px 0px 0px;
}
.pricingtable1 ul {
float: left;
width: 107%;
padding: 0px;
margin: 0px;
}
.pricingtable1 li {
width: 100%;
padding: 10px 0px;
margin: 0px;
text-align: center;
background-color: #f7f7f7;
border-bottom: 1px solid #eee;
}
.pricingtable1 li.title {
padding: 25px 0px;
background-color: #eee;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.pricingtable1 li.title h4 {
font-weight: 300;
margin-bottom: 10px;
}
.pricingtable1 li.title h1 {
font-weight: bold;
margin-bottom: 0px;
font-family: 'Open Sans', sans-serif;
}
.pricingtable1 li.title h1 em {
font-size: 16px;
font-weight: normal;
font-style: normal;
}
.pricingtable1 li.planbut {
padding: 35px 0px;
background-color: #eee;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.pricingtable1 li.planbut a {
color: #fff;
font-size: 16px;
padding: 12px 28px;
background-color: #b1b1b1;
border-radius: 4px;
transition: all 0.3s ease;
}
.pricingtable1 li.planbut a:hover {
color: #fff;
background-color: #9eca45;
}
.pricingtable1 ul.active li.planbut a {
color: #fff;
background-color: #9eca45;
}
.pricingtable1 ul.active li.title h4 {
color: #9eca45;
}
.pricingtable1 ul.active li.title h1 {
color: #9eca45;
}
.pricingtable1 ul.active li.title {
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
.pricingtable1 ul.active li.mostp {
color: #fff;
padding: 5px 0px;
background-color: #9eca45;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.pricingtable1 ul.active {
margin-top: -34px;
} .pricing-tables-main {
position: relative;
float: left;
margin-top: 50px;
}
.pricing-tables {
position: relative;
float: left;
width: 24%;
border: 1px solid #eee;
}
.pricing-tables .title {
float: left;
width: 100%;
height: 57px;
padding: 13px 0 10px 0;
background-color: #454545;
text-align: center;
font-size: 23px;
color: #fff;
border-top: 3px solid #272727;
border-bottom: 1px solid #818181;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
}
.pricing-tables .price {
float: left;
width: 100%;
padding: 30px 0 30px 0;
background-color: #636363;
text-align: center;
font-size: 40px;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
}
.pricing-tables .price i {
font-size: 14px;
color: #ccc;
display: block;
font-weight: normal;
font-style: normal;
margin-top: 5px;
}
.pricing-tables .cont-list {
float: left;
width: 100%;
padding: 15px 0;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
background-color: #f9f9f9;
text-align: center;
color: #727272;
}
.pricing-tables .cont-list ul {
margin: 0;
padding: 0;
}
.pricing-tables .cont-list li {
margin: 0;
padding: 0;
list-style-type: none;
line-height: 35px;
border-bottom: 1px solid #fff;
}
.pricing-tables .cont-list li.last {
border: none;
}
.pricing-tables .ordernow {
float: left;
width: 100%;
padding: 28px 0px;
background-color: #eee;
text-align: center;
}
.pricing-tables .ordernow .but_small3 span i {
margin-left: 3px;
}
.pricing-tables-helight .ordernow .but_small3 span i {
margin-left: 3px;
}
.pricing-tables-helight{
position: relative;
float: left;
width: 27%;
z-index: 9;
-webkit-box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.1);
box-shadow:  0px 0px 8px 5px rgba(0, 0, 0, 0.1);
}
.pricing-tables-helight .title {
float: left;
width: 100%;
height: 73px;
padding: 20px 0 0 0;
margin-top: -10px;
background-color: #88b330;
text-align: center;
font-size: 23px;
color: #fff;
border-top: 3px solid #739b20;
border-bottom: 1px solid #abd457;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
}
.pricing-tables-helight .price {
float: left;
width: 100%;
padding: 30px 0 30px 0;
background-color: #9eca45;
text-align: center;
font-size: 45px;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
}
.pricing-tables-helight .price i {
font-size: 14px;
color: #eee;
display: block;
font-weight: normal;
font-style: normal;
margin-top: 5px;
}
.pricing-tables-helight .cont-list {
float: left;
width: 100%;
padding: 15px 0;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
background-color: #f9f9f9;
text-align: center;
color: #727272;
}
.pricing-tables-helight .cont-list ul {
margin: 0;
padding: 0;
}
.pricing-tables-helight .cont-list li {
margin: 0;
padding: 0;
list-style-type: none;
line-height: 35px;
border-bottom: 1px solid #fff;
}
.pricing-tables-helight .cont-list li.last {
border: none;
}
.pricing-tables-helight .ordernow {
float: left;
width: 100%;
padding: 30px 0 35px 0;
background-color: #f3f3f3;
text-align: center;
color: #fff;
} .pricingtable3 {
float: left;
width: 100%;
text-align: center;
box-shadow: 0px 0px 3px rgba(0,0,0,0.12);
}
.pricingtable3 ul {
float: left;
width: 100%;
padding: 0px;
margin: 0px;
}
.pricingtable3 li {
width: 100%;
padding: 10px 0px;
margin: 0px;
text-align: center;
background-color: #fff;
}
.pricingtable3 li.title {
color: #fff;
padding: 18px 0px;
background-color: #999;
box-shadow: inset 0px 0px 20px rgba(0,0,0,0.1);
}
.pricingtable3 li.title h3 {
margin: 0px;
}
.pricingtable3 li.price {
padding: 30px 0px 20px 0px;
}
.pricingtable3 li.price h1 {
font-family: 'Open Sans', sans-serif;
margin: 0px;
font-weight: bold;
}
.pricingtable3 li.price h1 em {
font-size: 16px;
font-style: normal;
font-weight: normal;
}
.pricingtable3 li.hecont {
padding: 25px 50px 40px 50px;
background-color: #f3f3f3;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
box-shadow: inset 0px 0px 1px rgba(0,0,0,0.1);
}
.pricingtable3 li.hecont strong {
background-color: #454545;
padding: 12px 30px;
color: #fff;
border-radius: 4px;
white-space: nowrap;
}
.pricingtable3 li.title.act {
background-color: #9eca45;
}
.pricingtable3 li.hecont.act strong {
background-color: #9eca45;
}
.pricingtable3 li.price.act h1 {
color: #9eca45;
} .pricingtable9 {
float: left;
width: 100%;
text-align: center;
background: #fff;
padding: 50px 0px 0px 0px;
}
.pricingtable9 strong {
color: #9eca45;
font-family: 'Roboto', sans-serif;
font-size: 72px;
font-weight: 300;
margin: 40px 0px 40px 0px;
display: block;
}
.pricingtable9 b {
color: #9eca45;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 400;
display: block;
}
.pricingtable9 span {
float: left;
width: 100%;
padding: 25px 0px 32px 0px;
color: #fff;
background: #393939;
margin-top: 45px;
line-height: 27px;
}
.pricingtable9 span i {
font-size: 13px;
margin-right: 1px;
}
.pricingtable9.two strong {
color: #f9bf36;
}
.pricingtable9.two b {
color: #f9bf36;
} .pricingtable10 {
float: left;
width: 100%;
text-align: center;
background: #f3f3f3;
padding: 50px 0px 0px 0px;
}
.pricingtable10 strong {
color: #ee7164;
font-family: 'Roboto', sans-serif;
font-size: 90px;
font-weight: 300;
margin: 50px 0px 45px 0px;
display: block;
}
.pricingtable10 b {
color: #999;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 400;
display: block;
}
.pricingtable10 span {
float: left;
width: 100%;
padding: 25px 0px 30px 0px;
color: #fff;
background: #ee7164;
margin-top: 45px;
line-height: 30px;
font-size: 16px;
}
.pricingtable10 span i {
font-size: 14px;
margin-right: 5px;
}
body .wpb_video_widget .wpb_wrapper .wpb_video_wrapper{
padding-top: 65%;
}
#content .king-tabs-pane img.alignleft{
margin-right: 25px;
margin-bottom: 10px !important;
} ul.list_empty {
float: left;
padding: 0px;
margin: 0px;
width: 100%;
}
.list_empty li {
float: left;
padding: 0px;
margin: 0px 16px 40px 0px;
}
ul.list_empty2 {
float: left;
padding: 0px;
margin: 0px;
width: 100%;
}
.list_empty2 li {
float: left;
padding: 0px;
margin: 0px 5px 0px 0px;
}
ul.list2 {
float: left;
width: 100%;
padding: 0px;
margin: 0px;
}
.list2 li {
padding: 0px;
margin: 0px;
line-height: 32px;
}
.list2 li i {
font-size: 18px;
margin-right: 8px;
}
ul.list9 {
float: left;
width: 100%;
padding: 0px;
margin: 0px;
}
.list9 li {
padding: 7px 0px;
margin: 0px;
font-size: 16px;
}
.list9 li i {
color: #9eca45;
font-size: 14px;
margin-right: 8px;
}
.list9 li a {
color: #393939;
}
.list9 li a:hover {
color: #9eca45;
} .counters1 {
float: left;
width: 100%;
padding: 0px;
text-align: center;
}
.counters1 span {
font-family: 'Open Sans', sans-serif;
font-size: 50px;
color: #393939;
}
.counters1 h4 {
font-size: 21px;
color: #999;
font-weight: 400;
margin: 13px 0px 0px 0px;
}
.counters1.two span {
font-size: 40px;
color: #fff;
font-weight: 700;
}
.counters1.two h4 {
font-size: 16px;
color: #fff;
margin: 3px 0px 0px 0px;
}
.counters1.three span {
font-size: 40px;
color: #393939;
font-weight: 400;
}
.counters1.three h4 {
font-size: 16px;
color: #999;
margin: 3px 0px 0px 0px;
}
.counters2 {
float: left;
width: 100%;
padding: 0px;
text-align: center;
}
.counters2 i {
color: #9eca45;
font-size: 40px;
display: block;
margin-bottom: 30px;
}
.counters2 h4 {
font-size: 18px;
color: #999;
font-weight: 400;
margin: 30px 0px 0px 0px;
}
.counters2 .one_fourth {
background-color: #f3f3f3;
padding: 30px 0px;
border-radius: 4px;
font-family: 'Open Sans', sans-serif;
font-size: 50px;
color: #393939;
font-weight: bold;
}
.counters2 .one_fifth {
background: none;
padding: 0px 0px;
border-radius: 4px;
font-family: 'Open Sans', sans-serif;
font-size: 50px;
color: #393939;
font-weight: bold;
}
.counters2 .one_fifth h4 {
font-size: 16px;
color: #393939;
font-weight: 400;
text-transform: uppercase;
margin: 30px 0px 0px 0px;
}
.counters2 .one_fifth .vlines {
font-size: 16px;
color: #393939;
font-weight: 400;
margin: 10px 0px 0px 0px;
}
.counters3 {
float: left;
width: 100%;
padding: 0px;
text-align: center;
}
.counters3 .one_fourth {
padding: 0px;
border-radius: 4px;
font-family: 'Open Sans', sans-serif;
font-size: 45px;
color: #393939;
text-align: left;
}
.counters3 .one_fourth i {
float: left;
font-size: 55px;
margin-bottom: 20px;
margin-right: 25px;
}
.counters3 .one_fourth.white {
color: #e3e3e3;
}
.counters3 .one_fourth.white i {
color: #9eca45;
}
.counters3 .one_fourth.one {
color: #9eca45;
}
.counters3 .one_fourth.one i {
color: #9eca45;
}
.counters3 .one_fourth.two {
color: #9eca45;
}
.counters3 .one_fourth.two i {
color: #9eca45;
}
.counters3 .one_fourth.three {
color: #3fc35f;
}
.counters3 .one_fourth.three i {
color: #3fc35f;
}
.counters3 .one_fourth.four {
color: #febc1d;
}
.counters3 .one_fourth.four i {
color: #febc1d;
}
.counters3 h4 {
text-align: left;
font-size: 18px;
color: #999;
font-weight: 400;
margin: 10px 0px 0px 0px;
}
.counters4 {
float: left;
width: 100%;
text-align: center;
padding: 50px 0px 45px 0px;
border-radius: 4px;
font-family: 'Open Sans', sans-serif;
font-size: 50px;
border: 1px solid #e9e9e9;
color: #9eca45;
}
.counters4 span {
font-weight: bold;
}
.counters4 h4 {
font-size: 21px;
color: #454545;
font-weight: 400;
margin-top: 30px;
margin-bottom: 0px;
}
.counters4.two {
padding: 70px 0px;
border: none;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
background: #f9f9f9;
}
.counters4.three {
padding: 100px 0px 100px 0px;
border: none;
border-bottom: 1px solid #eee;
}
.counters5 {
float: left;
width: 100%;
padding: 0px;
text-align: center;
}
.counters5 span {
font-size: 67px;
font-weight: 600;
color: #fff;
}
.counters5 h4 {
color: #fff;
font-weight: 400;
margin: 0px 0px 35px 0px;
}
.counters6 {
float: left;
width: 100%;
padding: 0px;
text-align: center;
font-size: 50px;
color: #fff;
font-weight: 300;
}
.counters6 i {
color: #fff;
font-size: 20px;
display: block;
margin-bottom: 35px;
}
.counters6 h4 {
display: block;
width: 50%;
font-size: 16px;
color: #fff;
font-weight: 400;
margin: 35px auto 0 auto;
border-top: 1px solid rgba(255,255,255,0.10);
border-bottom: 1px solid rgba(255,255,255,0.10);
padding: 5px 0px 8px 0px;
}
.counters7 {
float: left;
width: 100%;
padding: 0px;
text-align: center;
font-size: 45px;
color: #fff;
font-weight: 600;
}
.counters7 i {
color: #59abe3;
font-size: 30px;
display: block;
margin-bottom: 35px;
}
.counters7 h4 {
display: block;
width: 50%;
font-size: 16px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
margin: 21px auto 0 auto;
}
.counters7.two i {
color: #46d8bd;
}
.counters8 {
float: left;
width: 100%;
padding: 0px;
text-align: center;
font-size: 45px;
color: #393939;
font-weight: 600;
}
.counters8 h4 {
display: block;
width: 50%;
font-size: 16px;
color: #727272;
margin: 27px auto 0 auto;
}
.counters9 {
float: left;
width: 100%;
padding: 0px;
text-align: center;
}
.counters9 .circle {
width: 138px;
height: 138px;
padding-top: 40px;
border: 1px solid #eee;
border-radius: 100%;
margin: 0 auto;
}
.counters9 span {
font-family: 'Open Sans', sans-serif;
font-size: 35px;
color: #393939;
font-weight: 300;
}
.counters9 h4 {
font-size: 16px;
color: #999;
font-weight: 300;
margin: 5px 0px 0px 0px;
}
.counters10 {
float: left;
width: 100%;
padding: 0px;
text-align: center;
font-size: 45px;
color: #2a2a30;
font-weight: 700;
}
.counters10 h4 {
display: block;
width: 100%;
font-size: 16px;
color: #727272;
margin: 18px auto 0 auto;
}
.counters10 .one_half {
padding: 30px 0px 30px 0px;
border: 2px solid #e9e9e9;
}
.counters10 .counter{
font-size: 45px;
color: #2a2a30;
font-weight: 700;
} 
.counters11 {
float: left;
width: 100%;
padding: 0px;
text-align: center;
font-size: 50px;
color: #272727;
font-weight: 300;
font-family: 'Roboto', sans-serif;
}
.counters11 i {
color: #d64541;
font-size: 20px;
display: block;
margin-bottom: 35px;
}
.counters11 h4 {
font-family: 'Roboto', sans-serif;
display: block;
width: 50%;
font-size: 16px;
color: #999;
font-weight: 300;
margin: 25px auto 0 auto;
padding: 5px 0px 8px 0px;
} .fati1 {
width: 100px;
height: 100px;
color: #fff;
font-size: 50px;
vertical-align: middle;
line-height: 100px;
border-radius: 100%;
text-align: center;
background-color: #393939;
margin-right: 13px;
margin-bottom: 13px;
}
.fati2 {
color: #393939;
font-size: 50px;
vertical-align: middle;
margin-right: 30px;
margin-bottom: 30px;
}
.fati3 {
color: #393939;
font-size: 45px;
width: 100px;
height: 100px;
vertical-align: middle;
line-height: 100px;
border-radius: 100%;
text-align: center;
margin-right: 12px;
border: 1px solid #999;
margin-bottom: 12px;
}
.fati4 {
color: #fff;
font-size: 45px;
width: 100px;
height: 100px;
vertical-align: middle;
line-height: 100px;
border-radius: 100%;
text-align: center;
margin-right: 12px;
background-color: #9eca45;
margin-bottom: 12px;
}
.fati4.two {
float: left;
font-size: 22px;
width: 40px;
height: 40px;
line-height: 40px;
margin-bottom: 30px;
margin-right: 14px;
}
.fati5 {
color: #9eca45;
font-size: 45px;
width: 100px;
height: 100px;
vertical-align: middle;
line-height: 100px;
border-radius: 100%;
text-align: center;
margin-right: 12px;
border: 1px solid #9eca45;
margin-bottom: 12px;
}
.fati6 {
color: #760001;
font-size: 45px;
width: 100px;
height: 100px;
vertical-align: middle;
line-height: 100px;
border-radius: 100%;
text-align: center;
margin-right: 12px;
background-color: #ed2b2b;
margin-bottom: 12px;
}
.fati7 {
color: #999;
font-size: 45px;
width: 100px;
height: 100px;
vertical-align: middle;
line-height: 100px;
border-radius: 100%;
text-align: center;
margin-right: 12px;
background-color: #f3f3f3;
border: 1px solid #e3e3e3;
margin-bottom: 12px;
}
.fati8 {
color: #393939;
font-size: 45px;
width: 100px;
height: 100px;
vertical-align: middle;
line-height: 100px;
border-radius: 100%;
text-align: center;
margin-right: 12px;
border: 1px solid #393939;
margin-bottom: 12px;
}
.fati9 {
color: #9eca45;
font-size: 45px;
width: 100px;
height: 100px;
vertical-align: middle;
line-height: 95px;
border-radius: 100%;
text-align: center;
margin-right: 12px;
border: 5px solid #9eca45;
margin-bottom: 12px;
}
.fati10 {
color: #fff;
font-size: 45px;
width: 100px;
height: 100px;
vertical-align: middle;
line-height: 100px;
border-radius: 100%;
text-align: center;
margin-right: 12px;
background-color: #febc1d;
margin-bottom: 12px;
}
.fati11 {
color: #fff;
font-size: 45px;
width: 100px;
height: 100px;
vertical-align: middle;
line-height: 100px;
border-radius: 100%;
text-align: center;
margin-right: 12px;
background-color: #35d3b7;
margin-bottom: 12px;
}
.fati12 {
color: #527c00;
font-size: 45px;
width: 100px;
height: 100px;
vertical-align: middle;
line-height: 100px;
border-radius: 100%;
text-align: center;
margin-right: 12px;
background-color: #a5d549;
margin-bottom: 12px;
}
.fati13 {
color: #727272;
font-size: 45px;
width: 100px;
height: 100px;
vertical-align: middle;
line-height: 95px;
border-radius: 100%;
text-align: center;
margin-right: 12px;
background-color: #f9f9f9;
border: 5px solid #e3e3e3;
margin-bottom: 12px;
}
.fati14 {
color: #393939;
font-size: 45px;
width: 100px;
height: 100px;
vertical-align: middle;
line-height: 100px;
border-radius: 4px;
text-align: center;
margin-right: 12px;
border: 1px solid #999;
margin-bottom: 12px;
}
.fati15 {
color: #fff;
font-size: 45px;
width: 100px;
height: 100px;
vertical-align: middle;
line-height: 100px;
border-radius: 4px;
text-align: center;
margin-right: 12px;
background-color: #393939;
margin-bottom: 12px;
}
.fati16 {
width: 75px;
height: 75px;
color: #fff;
font-size: 35px;
vertical-align: middle;
line-height: 75px;
border-radius: 100%;
text-align: center;
background-color: #393939;
margin-right: 14px;
margin-bottom: 14px;
}
.fati17 {
width: 50px;
height: 50px;
color: #fff;
font-size: 27px;
vertical-align: middle;
line-height: 50px;
border-radius: 100%;
text-align: center;
background-color: #393939;
margin-right: 13px;
margin-bottom: 13px;
}
.fati18 {
width: 30px;
height: 30px;
color: #fff;
font-size: 16px;
vertical-align: middle;
line-height: 30px;
border-radius: 100%;
text-align: center;
background-color: #393939;
margin-right: 7px;
margin-bottom: 7px;
}
.fati19 {
color: #fff;
font-size: 21px;
width: 50px;
height: 50px;
vertical-align: middle;
line-height: 50px;
border-radius: 100%;
text-align: center;
margin-right: 12px;
border: 1px solid #fff;
transition: all 0.3s ease;
}
.fati19:hover {
color: #9eca45;
border: 1px solid #fff;
background: #fff;
} .flips1 {
width:100%;
height: 320px;
margin:0;
position: relative;
}
.flipscont1 {
width: 100%;
height: 100%;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
text-align:center;
}
.flips1_front {
padding:0px;
width:100%;
z-index: 2;
}
.flips1_front img {
width:100%;
height: 259px;
}
.flips1_front img.full {
width:100%;
height: auto;
}
.flips1_back {
width:100%;
padding:50px 35px;
color: #fff;
background-color:#393939;
z-index: 1;
height:320px;
margin: 0px;
text-align: center;
-webkit-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);  
transform: rotateY(-180deg);
-sand-transform: rotateY(180deg);  
}
.flips1:hover .flips1_front {
z-index: 1;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
-sand-transform: rotateY(180deg);
}
.flips1:hover .flips1_back {
z-index: 2;   
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
-sand-transform: rotate(0deg);
}
.flips1_back .fsoci {
float: left;
width: 100%;
margin: 18px 0px 32px 0px;
}
.flips1_back .fsoci i {
border-radius: 100%;
width: 25px;
height: 25px;
border: 1px solid #fff;
text-align: center;
vertical-align: middle;
line-height: 25px;
color: #fff;
transition: all 0.3s ease;
}
.flips1_back .fsoci i:hover {
background: #fff;
color: #272727;
}
.flips2 {
width:100%;
height: 320px;
margin:0;
position: relative;
}
.flipscont2 {
width: 100%;
height: 100%;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
text-align:center;
background-color:#eee;
}
.flips2_front {
padding:0px;
width:100%;
z-index: 2;
}
.flips2_front img {
width:100%;
}
.flips2_back {
width:100%;
padding:50px 35px;
color: #fff;
background-color:#9eca45;
z-index: 1;
height:320px;
margin: 0px;
text-align: center;
-webkit-transform: rotateX(-180deg);
-ms-transform: rotateX(-180deg);
-moz-transform: rotateX(-180deg);  
transform: rotateX(-180deg);
-sand-transform: rotateX(180deg);  
}
.flips2:hover .flips2_front {
z-index: 1;
-webkit-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
transform: rotateX(180deg);
-sand-transform: rotateX(180deg);
}
.flips2:hover .flips2_back {
z-index: 2;   
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
transform: rotateX(0deg);
-sand-transform: rotate(0deg);
}
.flips3 {
width:100%;
height: 230px;
margin:0;
position: relative;
}
.flipscont3 {
width: 100%;
height: 100%;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
text-align:center;
background-color:#fff;
}
.flips3_front.flipscont3 i {
font-size: 50px;
color: #9eca45;
margin-top: 50px;
margin-bottom: 20px;
}
.flips3_front {
padding:0px;
width:100%;
z-index: 2;
}
.flips3_back {
width:100%;
padding:27px 35px;
color: #fff;
background-color:#9eca45;
z-index: 1;
height:230px;
margin: 0px;
text-align: center;
-webkit-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);  
transform: rotateY(-180deg);
-sand-transform: rotateY(180deg);  
}
.flips3:hover .flips3_front {
z-index: 1;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
-sand-transform: rotateY(180deg);
}
.flips3:hover .flips3_back {
z-index: 2;   
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
-sand-transform: rotate(0deg);
}
.flips3.active .flips3_front {
z-index: 1;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
-sand-transform: rotateY(180deg);
}
.flips3.active .flips3_back {
z-index: 2;   
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
-sand-transform: rotate(0deg);
}
.flips4 {
width:100%;
height: 100px;
margin:0;
position: relative;
}
.flipscont4 {
width: 100%;
height: 100%;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
text-align:center;
border: 1px solid #eee;
}
.flips4_front {
padding:0px;
width:100%;
z-index: 2;
}
.flips4_front img {
width:100%;
}
.flips4_back {
width:100%;
padding:12px 25px 0px 25px;
background-color:#eee;
z-index: 1;
height:100px;
margin: 0px;
text-align: center;
-webkit-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);  
transform: rotateY(-180deg);
-sand-transform: rotateY(180deg);  
}
.flips4:hover .flips4_front {
z-index: 1;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
-sand-transform: rotateY(180deg);
}
.flips4:hover .flips4_back {
z-index: 2;   
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
-sand-transform: rotate(0deg);
}
.flips4_back h5 {
margin-bottom: 5px;
}
.flips4_back h5 a:hover {
color: #9eca45;
}
.flips4.active .flips4_front {
z-index: 1;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
-sand-transform: rotateY(180deg);
}
.flips4.active .flips4_back {
z-index: 2;   
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
-sand-transform: rotate(0deg);
} .imgframe1 {
float: left;
width: 100%;
border: 8px solid #d3d3d3;
}
.imgframe2 {
float: left;
width: 100%;
border: 8px solid #fff;
-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.20);
-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.20);
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.20);
}
.imgframe3 {
float: left;
width: 100%;
text-align: center;
background-color: #393939;
border: 8px solid #393939;
}
.imgframe3 img {
float: left;
width: 100%;
}
.imgframe3 strong {
float: left;
color: #fff;
font-size: 18px;
font-weight: normal;
width: 100%;
padding: 14px 0px 12px 0px;
text-align: center;
}
.imgframe4 {
float: left;
width: 100%;
-webkit-box-shadow: 0 10px 6px -6px #454545;
-moz-box-shadow: 0 10px 6px -6px #454545;
box-shadow: 0 10px 6px -6px #454545;
}
.imgframe5 {
float: left;
width: 100%;
position: relative;
}
.imgframe5 img {
float: left;
width: 100%;
}
.imgframe5:before, .imgframe5:after {
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 12px 10px #454545;
-moz-box-shadow: 0 12px 10px #454545;
box-shadow: 0 12px 10px #454545;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.imgframe5:after {
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
}
.imgframe6 {
float: left;
width: 100%;
position: relative;
}
.imgframe6 img {
float: left;
width: 100%;
border: 10px solid #f3f3f3;
}
.imgframe6:before, .imgframe6:after {
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 16px 10px #454545;
-moz-box-shadow: 0 16px 10px #454545;
box-shadow: 0 16px 10px #454545;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.imgframe6:after {
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
} .pop-wrapper{
width: 90%;
padding: 0;
margin: 0px auto 30px auto;
}
.pop-wrapper li{
float: left;
margin: 0px 25px 70px 25px;
list-style: none;
}
.pop-wrapper li a{
display: block;
width: 120px;
height: 120px;
margin: 0 2px;
outline: none;
position: relative;
background-color: #f3f3f3;
border-radius: 100%;
text-align: center;
}
.pop-wrapper li a span{
width: 300px;
height: auto;
line-height: 21px;
padding: 10px;
left: 50%;
margin-left: -150px;
font-family: 'Alegreya SC', Georgia, serif;
font-weight: 400;	
font-style: italic;
font-size: 14px;
color: #719DAB;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
text-align: center;
border: 4px solid #fff;
background: #f9f9f9;
text-indent: 0px;
border-radius: 5px;
position: absolute;
pointer-events: none;
bottom: 100px;
opacity: 0;
box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pop-wrapper li a span:before,
.pop-wrapper li a span:after{
content: '';
position: absolute;
bottom: -15px;
left: 50%;
margin-left: -9px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid rgba(0,0,0,0.1);
}
.pop-wrapper li a span:after{
bottom: -14px;
margin-left: -10px;
border-top: 10px solid #fff;
}
.pop-wrapper li a:hover span{
opacity: 0.9;
bottom: 116px;
}
.pop-wrapper h6 {
margin-top: 10px;
}
.pop-wrapper2 {
width: 90%;
padding: 0;	margin: 0px auto 30px auto;
}
.pop-wrapper2 li{
float: left;
list-style: none;
}
.pop-wrapper2 li a span{
width: 200px;
height: auto;
line-height: 21px;
padding: 10px;
left: 50%;
margin-left: -134px;
font-weight: 400;	
font-style: italic;
font-size: 14px;
color: #719DAB;
text-align: center;
border: 4px solid #fff;
background: #fff;
text-indent: 0px;
border-radius: 5px;
position: absolute;
pointer-events: none;
bottom: 80px;
opacity: 0;
box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
white-space: normal;
}
.pop-wrapper2 li a span:before,
.pop-wrapper2 li a span:after{
content: '';
position: absolute;
bottom: -15px;
left: 50%;
margin-left: -9px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid rgba(0,0,0,0.1);
}
.pop-wrapper2 li a span:after{
bottom: -14px;
margin-left: -10px;
border-top: 10px solid #fff;
}
.pop-wrapper2 li a:hover span{
opacity: 1;
bottom: 59px;
}
.pop-wrapper2.colored li a span{
color: #fff;
border: 4px solid #9eca45;
background: #9eca45;
box-shadow: none;
}
.pop-wrapper2.colored  li a span:after{
border-top: 10px solid #9eca45;
}
.pop-wrapper2 li a span.grayd{
color: #fff;
background: #454545;
border: 4px solid #454545;
box-shadow: none;
}
.pop-wrapper2 li a span.grayd:after{
border-top: 10px solid #454545;
}
.pop-wrapper2 li a span.bord{
background: #eee;
border: 4px solid #e3e3e3;
box-shadow: none;
}
.pop-wrapper2 li a span.bord:after{
border-top: 10px solid #e3e3e3;
}
.pop-wrapper4{
padding: 0;
margin: 0px auto 30px auto;
}
.pop-wrapper4 li{
float: left;
margin: 0px 0px;
padding: 0;
list-style: none;
}
.pop-wrapper4 li a{
position: relative;
}
.pop-wrapper4 li a span{
width: 100px;
height: auto;
line-height: 21px;
padding: 10px;
left: 50%;
margin-left: -56px;
font-weight: 400;	
font-style: italic;
font-size: 14px;
color: #fff;
text-align: center;
border: 4px solid #454545;
background: #454545;
text-indent: 0px;
border-radius: 5px;
position: absolute;
pointer-events: none;
bottom: 40px;
opacity: 0;
box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pop-wrapper4 li a span:before,
.pop-wrapper4 li a span:after{
content: '';
position: absolute;
bottom: -15px;
left: 50%;
margin-left: -9px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid rgba(0,0,0,0.1);
}
.pop-wrapper4 li a span:after{
bottom: -14px;
margin-left: -10px;
border-top: 10px solid #454545;
}
.pop-wrapper4 li a:hover span{
opacity: 0.9;
bottom: 50px;
}
.smlined {
width: 21%;
height: 1px;
background: #999;
margin: 0 auto;
} .lirts {
float: left;
width: 100%;
}
.lirts h5 {
margin-bottom: 10px;
}
.lirts i {
float: left;
font-size: 40px;
color: #999;
margin-right: 30px;
margin-top: 7px;
}
.lirts p {
margin-left: 70px;
}
.lirts span {
float: left;
font-size: 40px;
color: #999;
margin-right: 30px;
margin-top: 3px;
}
.big_text1 {
font-family: 'Raleway', sans-serif;
font-weight: 300;
font-size: 21px;
line-height: 32px;
color: #454545;
}
.big_text1 i {
color: #9eca45;
font-style: normal;
}
.josstext {
color: #393939;
font-size: 27px;
font-weight: normal;
line-height: 36px;
font-family: 'Josefin Sans', sans-serif;
}
.josstext span {
width: 100px;
height: 1px;
background: #393939;
display: block;
margin-top: 20px;
}
.josstext2 {
width: 85%;
margin: 0 auto 67px auto;
color: #393939;
font-size: 27px;
font-weight: normal;
line-height: 36px;
font-family: 'Josefin Sans', sans-serif;
}
.josstext2 span {
width: 100px;
height: 1px;
background: #393939;
display: block;
margin: 20px auto 0 auto;
}
@media only screen and (min-width: 1000px) and (max-width: 1169px){
.flips1 {
height: 264px;
}
.flips1_back {
padding:20px 10px;
height: 264px;
}
.flips2 {
height: 264px;
}
.flips2_back {
padding:20px 10px;
height: 264px;
}
.flips4_back {
padding:12px 10px 0px 10px;
}
.pop-wrapper2 li a span{
margin-left: -112px;
}
}
@media only screen and (min-width: 768px) and (max-width: 999px){
.piechart1 {
width: 30%;
}
.piechart3 {
width: 50%;
}
.flips1 {
height: 203px;
}
.flips1_back {
padding:20px 10px;
height: 203px;
}
.flips1_back h4 {
font-size: 16px;
margin-bottom: 5px;
}
.flips1_back p {
font-size: 12px;
line-height: 18px;
margin-bottom: -25px;
}
.flips2 {
height: 203px;
}
.flips2_back {
padding:20px 10px;
height: 203px;
}
.flips2_back h4 {
font-size: 16px;
margin-bottom: 5px;
}
.flips2_back p {
font-size: 12px;
line-height: 18px;
margin-bottom: -25px;
}
.flips4_back {
padding:12px 0px 0px 0px;
}
.flips4_back p {
font-size: 13px;
line-height: 18px;
}
.pricingtable3 li.hecont {
padding: 20px 5px 35px 5px;
}
.pricingtable3 .but_small1 {
padding: 10px 10px;
}
.pop-wrapper{
width: 63%;
}
.pop-wrapper li{
float: left;
margin: 0px 40px 120px 40px;
}
.pop-wrapper2 li a span{
margin-left: -91px;
}
.counters5 span {
font-size: 55px;
}
.counters5 h4 {
font-size: 16px;
}
.button.nine {
padding: 12px 18px;
}
.counters9 .circle {
width: 120px;
height: 120px;
padding-top: 34px;
}
}
@media only screen and (min-width: 640px) and (max-width: 767px){
.piechart1 {
width: 50%;
}
.piechart3 {
width: 50%;
}
.pritable .pacdetails {
width: 100%;
margin-bottom: 100px;
}
.pritable .pacdetails.two {
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
}
.pritable .pacdetails.four {
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
}
.counters4 {
font-size: 35px;
line-height: 35px;
}
.flips1_front img {
width:100%;
height: 100%;
}
.flips1_front img.full {
width:100%;
height: 320px;
}
.flips2_front img {
width:100%;
height: 100%;
}
.flips4_front img {
width: auto;
}
.flips4_back {
padding:22px 25px 0px 25px;
}
.pricing-tables {
width: 100%;
margin-bottom: 80px;
}
.pricing-tables-helight{
width: 100%;
margin-bottom: 80px;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #eee;
}
.pop-wrapper{
width: 75%;
}
.pop-wrapper li{
float: left;
margin: 0px 40px 120px 40px;
}
.pop-wrapper2 li a span{
margin-left: -281px;
}
.counters5 span {
font-size: 45px;
}
.counters5 h4 {
font-size: 16px;
}
.button.five {
padding: 13px 20px;
}
.pricingtable9 strong {
font-size: 55px;
margin: 30px 0px 30px 0px;
}
.button.sixteen {
padding: 14px 25px;
}
.button.twentyfour {
padding: 14px 25px;
}
.counters9 .circle {
width: 100px;
height: 100px;
padding-top: 27px;
}
.counters9 span {
font-size: 27px;
}
.counters9 h4 {
font-size: 14px;
margin: 0px 0px 0px 0px;
}
}
@media only screen and (min-width: 480px) and (max-width: 639px){
.piechart1 {
width: 50%;
}	
.piechart3 {
width: 100%;
}
.pritable .pacdetails {
width: 100%;
margin-bottom: 100px;
}
.pritable .pacdetails.two {
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
}
.pritable .pacdetails.four {
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
}
.counters4 {
font-size: 35px;
line-height: 35px;
}
.flips1_front img {
width:100%;
height: 100%;
}
.flips1_front img.full {
width:100%;
height: 320px;
}
.flips2_front img {
width:100%;
height: 100%;
}
.flips4_front img {
width: auto;
}
.flips4_back {
padding:22px 25px 0px 25px;
}
.pricing-tables {
width: 100%;
margin-bottom: 80px;
}
.pricing-tables-helight{
width: 100%;
margin-bottom: 80px;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #eee;
}
.pop-wrapper{
width: 50%;
}
.pop-wrapper li{
float: left;
margin: 0px 40px 120px 40px;
}
.pop-wrapper2 li a span{
margin-left: -217px;
}
.counters5 span {
font-size: 35px;
}
.counters5 h4 {
font-size: 13px;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 479px){
.piechart1 {
width: 100%;
}
.piechart3 {
width: 100%;
}
.pritable .pacdetails {
width: 100%;
margin-bottom: 100px;
}
.pritable .pacdetails.two {
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
}
.pritable .pacdetails.four {
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
}
.counters4 {
font-size: 35px;
line-height: 35px;
}
.flips4_front img {
width: auto;
}
.flips4_back {
padding:12px 10px 0px 10px;
}
.pricing-tables {
width: 100%;
margin-bottom: 80px;
}
.pricing-tables-helight{
width: 100%;
margin-bottom: 80px;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #eee;
}
.pop-wrapper{
width: 68%;
}
.pop-wrapper li{
float: left;
margin: 0px 40px 120px 40px;
}
.pop-wrapper2 li a span{
margin-left: -150px;
}
.but_medium1,
.but_medium1.white {
padding: 14px 20px;
}
body .stcode_title13{
width: 100%;
font-size: 25px;
}
.counters5 span {
font-size: 27px;
}
.counters5 h4 {
font-size: 12px;
margin-bottom: 7px;
}
.button.twentysix {
padding: 12px 10px;
}
.button.twentyseven {
padding-left: 20px;
padding-right: 20px;
}
.button.twentyeight {
padding-left: 20px;
padding-right: 20px;
}
}