.button.one { color: #86c724; font-size: 14px; text-transform: uppercase; background: #fff; padding: 13px 30px; border-radius: 3px; white-space: nowrap; transition: all 0.3s ease; font-family: 'Roboto', sans-serif; } .button.one:hover { color: #fff; background: #86c724; }  .button.two { color: #86c724; font-size: 14px; text-transform: uppercase; border: 2px solid #86c724; padding: 9px 20px; border-radius: 3px; white-space: nowrap; transition: all 0.3s ease; font-family: 'Roboto', sans-serif; } .button.two:hover { color: #fff; background: #86c724; }  .button.three { color: #86c724; font-size: 14px; font-weight: bold; text-transform: uppercase; background: #fff; padding: 10px 25px; border-radius: 20px; white-space: nowrap; transition: all 0.3s ease; font-family: 'Roboto', sans-serif; } .button.three:hover { color: #fff; background: #86c724; } .button.three.dark { color: #fff; background: #86c724; } .button.three.dark:hover { color: #fff; background: #86c724; }   .button.three { color: #86c724; font-size: 14px; font-weight: bold; text-transform: uppercase; background: #fff; padding: 10px 25px; border-radius: 20px; white-space: nowrap; transition: all 0.3s ease; font-family: 'Roboto', sans-serif; } .button.three:hover { color: #fff; background: #86c724; } .button.three.dark { color: #fff; background: #86c724; } .button.three.dark:hover { color: #fff; background: #86c724; }  .button.four { color: #86c724; font-size: 18px; font-weight: 700; text-transform: uppercase; padding: 12px 45px; border-radius: 3px; white-space: nowrap; transition: all 0.3s ease; font-family: 'Roboto', sans-serif; border: 1px solid #86c724; } .button.four:hover { color: #fff; background: #86c724; border: 1px solid #86c724; }  .button.five { color: #86c724; font-size: 16px; font-weight: 700; text-transform: uppercase; padding: 16px 45px; border-radius: 3px; white-space: nowrap; transition: all 0.3s ease; font-family: 'Roboto', sans-serif; background: #fff; } .button.five:hover { color: #fff; background: #86c724; }   .button.six { color: #86c724; font-size: 14px; font-weight: 400; text-transform: uppercase; padding: 10px 25px; border-radius: 3px; white-space: nowrap; transition: all 0.3s ease; font-family: 'Roboto', sans-serif; border: 2px solid #86c724; } .button.six:hover { color: #fff; background: #86c724; border: 2px solid #86c724; }            .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(../images/h-arrow-line2.png) no-repeat center top; } .harrow_line2 { float: left; width: 100%; height: 20px; background: #eee url(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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: 1px 12px; 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; }   .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, body .wpb_column > .wpb_wrapper .divider_line1{ float: left; width: 100%; padding-top: 100px; margin-bottom: 100px; 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, body .wpb_column > .wpb_wrapper .divider_line2 { float: left; width: 100%; padding-top: 100px; margin-bottom: 100px; background: url(../images/divider-line1.png) no-repeat center bottom; } .divider_line2.nop { padding-top: 0px; height: 10px; }  .divider_line3, body .wpb_column > .wpb_wrapper  .divider_line3 { float: left; width: 100%; padding-top: 100px; margin-bottom: 100px; text-align: center; background: url(../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, body .wpb_column > .wpb_wrapper .divider_line4 { float: left; width: 100%; padding-top: 100px; margin-bottom: 100px; text-align: center; background: url(../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, body .wpb_column > .wpb_wrapper .divider_line4.lessm{ padding-top: 65px; margin-bottom: 75px; background: url(../images/h-line.jpg) repeat-x left 88px; }  .divider_line5, body .wpb_column > .wpb_wrapper  .divider_line5{ float: left; width: 100%; padding-top: 100px; margin-bottom: 100px; background: url(../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, body .wpb_column > .wpb_wrapper  .divider_line6{ float: left; width: 100%; padding-top: 100px; margin-bottom: 100px; background: url(../images/shadow3.png) repeat-x left bottom; text-align: center; }  .divider_line7, body .wpb_column > .wpb_wrapper  .divider_line7{ float: left; width: 100%; padding-top: 100px; margin-bottom: 100px; border-bottom: 1px dashed #e3e3e3; }  .divider_line8, body .wpb_column > .wpb_wrapper  .divider_line8{ float: left; width: 100%; padding-top: 100px; margin-bottom: 100px; border-bottom: 1px dotted #d9d9d9; }  .divider_line9, body .wpb_column > .wpb_wrapper  .divider_line9{ float: left; width: 100%; padding-top: 100px; margin-bottom: 100px; background: url(../images/shadow2.png) no-repeat center bottom; text-align: center; } .divider_line9.lessm, body .wpb_column > .wpb_wrapper  .divider_line9.lessm{ padding-top: 59px; margin-bottom: 50px; } .divider_line9.lessm2, body .wpb_column > .wpb_wrapper  .divider_line9.lessm2{ padding-top: 10px; margin-bottom: 106px; }  .divider_line10, body .wpb_column > .wpb_wrapper  .divider_line10{ float: left; width: 100%; padding-top: 100px; margin-bottom: 100px; background: url(../images/hcross-lines.jpg) repeat-x left bottom; text-align: center; }  .divider_line11, body .wpb_column > .wpb_wrapper  .divider_line11{ float: left; width: 100%; padding-top: 100px; margin-bottom: 100px; background: url(../images/h-line5.png) no-repeat center bottom; text-align: center; }  .divider_line12, body .wpb_column > .wpb_wrapper .divider_line12 { float: left; width: 100%; padding-top: 100px; margin-bottom: 100px; background: url(../images/h-line6.png) no-repeat center bottom; text-align: center; }  .divider_line13, body .wpb_column > .wpb_wrapper  .divider_line13{ float: left; width: 100%; padding-top: 100px; margin-bottom: 100px; background: url(../images/h-line7.png) no-repeat center bottom; text-align: center; }  .divider_line13.lessm, body .wpb_column > .wpb_wrapper  .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, body .wpb_column > .wpb_wrapper .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, body .wpb_column > .wpb_wrapper  .divider_line22 { float: left; width: 100%; margin-top: 18px; margin-bottom: 25px; border-bottom: 1px solid #e1e1e1; }  .divider_line23, body .wpb_column > .wpb_wrapper  .divider_line23{ float: left; width: 100%; padding-top: 50px; margin-bottom: 50px; border-bottom: 1px solid #d0d0d0; }    body .infomes, body .errormes, body .noticemes, body .successmes { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: 1px solid #bbb; font-size: 14px; padding:20px 20px 20px 4em; } .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;  } body .message-box-wrap { border: 0px solid #fff; padding:20px 20px; } body .infomes, body .infomes.vc_message_box{ color: #3378b9; border-color: #9ecaf3; background-color: #dbedfd; } bpdy .errormes, body .errormes.vc_message_box { color: #bd6767; border-color: #f1bdbd; background-color: #ffdddd; } bpdy .noticemes, body .noticemes.vc_message_box { color: #a79a30; border-color: #d7d099; background-color: #f6f2d2; } bpdy .successmes, body .successmes.vc_message_box { color: #1ea133; border-color: #a9ecb4; background-color: #dffbe4; } .close-but { width: 10px; height: 10px; float: right; border: none; margin: 8px; cursor: pointer; font-size: 0px; background: url(../images/elements/icon-remove.png) no-repeat center top; }  body .alertymes1, body .alertymes1.vc_message_box { float: left; width: 100%; padding: 22px 22px 22px 4em; border-radius: 5px; border-color: #eee; color: #393939!important; 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);  } body .alertymes1.vc_message_box .vc_message_box-icon{ color: #393939; } .alertymes1 i { margin-right: 10px; }  body .alertymes2, body .alertymes2.vc_message_box { float: left; width: 100%; padding: 22px 22px 22px 4em; color: #fff; background-color: #9eca45; } body .alertymes2.vc_message_box .vc_message_box-icon{ color: #fff; } .alertymes2 i { margin-right: 10px; }  body .alertymes3, body .alertymes3.vc_message_box  { float: left; width: 100%; padding: 22px 22px 22px 4em; color: #dda614; border: 5px solid #e3b028; background-color: #fff; } body .alertymes3.vc_message_box .vc_message_box-icon{ color: #dda614; } .alertymes3 i { margin-right: 10px; }  body .alertymes4, body .alertymes4.vc_message_box  { float: left; width: 100%; padding: 22px 22px 22px 4em; color: #eb3535; border: 1px solid #eb3535; background-color: #fff; text-align: center; } .alertymes4 i { margin-right: 10px; } body .alertymes4.vc_message_box .vc_message_box-icon{ color: #eb3535; }  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, .but_small3 b { position: absolute; left: 0; width: 41px; background-color: rgba(0, 0, 0, 0.1); -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; text-align: center; } .but_small3:hover { color: #fff; } .but_small3 span i ,.but_small3 b i { color: #fff; font-size: 18px; margin-left: 12px; } .but_small3:hover span, .but_small3.active span ,.but_small3:hover b, .but_small3.active b { color: #fff; background-color: #393939; border-right: 1px solid #181818; }  .but_small3.gray { background-color: #636363; } .but_small3.gray span,.but_small3.gray b{ background-color: rgba(0, 0, 0, 0.1); } .but_small3.gray:hover { color: #fff; } .but_small3.gray span i ,.but_small3.gray b i { color: #fff; font-size: 18px; margin-left: 12px; } .but_small3.gray:hover span, .but_small3.gray.active span,.but_small3.gray:hover b, .but_small3.gray.active b { 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,.but_medium3 b { position: absolute; left: 0; width: 48px; background-color: rgba(0, 0, 0, 0.1); -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 ,.but_medium3 b i { color: #fff; font-size: 18px; margin-left: 16px; } .but_medium3:hover span, .but_medium3.active span , .but_medium3:hover b, .but_medium3.active b { 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, .but_large3 b { position: absolute; left: 0; width: 58px; background-color: rgba(0, 0, 0, 0.1); -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 ,.but_large3 b i { color: #fff; font-size: 18px; margin-left: 20px; } .but_large3:hover span, .but_large3.active span, .but_large3:hover b, .but_large3.active b { 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; }      .pricing-layout-1, .pricing-layout-3, .pricing-layout-2{ transition: all .3s ease-out 0s!important; z-index: 90;  } .pricing-layout-1:hover, .pricing-layout-3:hover, .pricing-layout-2:hover{ box-shadow: 0 20px 30.4px 2.6px rgba(0,0,0,.24); transition: box-shadow .2s ease-in-out 0s; transform: scale(1.1,1.1); z-index: 999!important; } .pricing-layout-2{ background: #fff; } .pritable { float: left; width: 100%; padding: 120px 0px; } .pritable.ltp { padding-top: 80px; } .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; clear: both; display: block; } .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; clear: both; } .pritable .pacdetails li { padding: 0px; margin: 18px 0px; list-style:none; clear: both; } .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.highlight { margin-top: -30px; box-shadow: 0px -5px 0px #9eca45; } .pritable .pacdetails.highlight .title strong { color: #9eca45; } .pritable .pacdetails.highlight .bottom a { color: #fff; background: #9eca45; } .pritable .pacdetails.highlight 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.highlight .title { padding-top: 30px; } .pritable .pacdetails.highlight .title h2 { margin-top: 12px; }   .pritable.stwo { float: left; width: 100%; text-align: center; padding: 160px 0px 120px 0px; background: #393939 url("../images/site-img227.jpg"); background-attachment: fixed; background-origin: initial; background-clip: initial; background-size: cover; background-repeat:no-repeat; background-position:100% 0; background-position: center; } .pritable.stwo .pacdetails { background: rgba(255,255,255,0.97); border-right: 1px solid #999; box-shadow: 0px -5px 0px #999; } .pritable.stwo .pacdetails .title { border-bottom: 1px solid #e3e3e3; } .pritable.stwo .pacdetails.highlight .title strong { color: #3498db; } .pritable.stwo .pacdetails.highlight .bottom a { color: #fff; background: #3498db; } .pritable.stwo .pacdetails.highlight h6 { width: 140px; color: #fff; font-size: 13px; font-weight: 400; text-transform: uppercase; background: #3498db; margin: 0 auto; line-height: 18px; border-radius: 10px; } .pritable.stwo .pacdetails.highlight { box-shadow: 0px -5px 0px #3498db; }   .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; }  .pritable .one_fifth_less.pacdetails { width: 16.800%; } .pritable .one_third_less.pacdetails { width: 32%; }  .pricing-tables-main { position: relative; float: left; margin-top: 50px; } .pricing-tables { position: relative; float: left; width: 24%; border: 1px solid #eee; } .one_third_less, .pricing-tables-main.one_half_less, .pricing-tables-main.one_fifth_less { position: relative; float: left; border: 1px solid #eee; } .pricing-tables .title, .pricing-tables-main.one_fifth_less .title, .pricing-tables-main.one_half_less .title, .pricing-tables-main.one_third_less .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-main.one_third_less .price, .pricing-tables-main.one_fifth_less .price, .pricing-tables-main.one_half_less .price, .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, .pricing-tables-main.one_half_less .price i, .pricing-tables-main.one_fifth_less .price i, .pricing-tables-main.one_third_less .price i { font-size: 14px; color: #ccc; display: block; font-weight: normal; font-style: normal; margin-top: 5px; } .pricing-tables .cont-list, .pricing-tables-main.one_half_less .cont-list, .pricing-tables-main.one_fifth_less .cont-list, .pricing-tables-main.one_third_less .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, .pricing-tables-main.one_fifth_less .cont-list ul, .pricing-tables-main.one_half_less .cont-list ul, .pricing-tables-main.one_third_less .cont-list ul { margin: 0; padding: 0; } .pricing-tables .cont-list li, .pricing-tables-main.one_fifth_less .cont-list li, .pricing-tables-main.one_half_less .cont-list li, .pricing-tables-main.one_third_less .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, .pricing-tables-main.one_fifth_less .cont-list li.last, .pricing-tables-main.one_half_less .cont-list li.last, .pricing-tables-main.one_third_less .cont-list li.last { border: none; } .pricing-tables .ordernow, .pricing-tables-main.one_half_less .ordernow, .pricing-tables-main.one_fifth_less .ordernow, .pricing-tables-main.one_third_less .ordernow { float: left; width: 100%; padding: 28px 0px; background-color: #eee; text-align: center; } .pricing-tables .ordernow .but_small3 span i, .pricing-tables-main.one_half_less .ordernow .but_small3 span i, .pricing-tables-main.one_fifth_less .ordernow .but_small3 span i, .pricing-tables-main.one_third_less .ordernow .but_small3 span i { margin-left: 3px; } .pricing-tables-main.pricing-tables-helight .ordernow .but_small3 span i{ margin-left: 3px; } .pricing-tables-main.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-main.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-main.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-main.pricing-tables-helight .price i { font-size: 14px; color: #eee; display: block; font-weight: normal; font-style: normal; margin-top: 5px; } .pricing-tables-main.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-main.pricing-tables-helight .cont-list ul { margin: 0; padding: 0; } .pricing-tables-main.pricing-tables-helight .cont-list li { margin: 0; padding: 0; list-style-type: none; line-height: 35px; border-bottom: 1px solid #fff; } .pricing-tables-main.pricing-tables-helight .cont-list li.last { border: none; } .pricing-tables-main.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; border-radius: 4px; clear: both; color: #fff; display: inline-block; margin-top: 15px; padding: 12px 30px; 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; }     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.list1 { float: left; width: 100%; padding: 0px; margin: 0px; } .list1 li { padding: 8px 0px; margin: 0px; } .list1 li i { font-size: 18px; margin-right: 8px; } .list1.small li i { font-size: 12px; margin-right: 5px; }  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; }  body .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; } body .counters4 span { font-weight: bold; } body .counters4 h4 { font-size: 21px; color: #454545; font-weight: 400; margin-top: 30px; margin-bottom: 0px; }  body .counters4.two { padding: 70px 0px; border: none; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #f9f9f9; }  body .counters4.three { padding: 100px 0px 100px 0px; border: none; border-bottom: 1px solid #eee; }  body .counters5 { float: left; width: 100%; padding: 0px; text-align: center; } body .counters5 span { font-size: 67px; font-weight: 600; color: #fff; } body .counters5 h4 { color: #fff; font-weight: 400; margin: 0px 0px 35px 0px; }  body .counters6 { float: left; width: 100%; padding: 0px; text-align: center; font-size: 50px; color: #fff; font-weight: 300; } body .counters6 i { color: #fff; font-size: 20px; display: block; margin-bottom: 35px; } body .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; }   body .counters7 { float: left; width: 100%; padding: 0px; text-align: center; font-size: 45px; color: #fff; font-weight: 600; } body .counters7 i { color: #59abe3; font-size: 30px; display: block; margin-bottom: 35px; } body .counters7 h4 { display: block; width: 50%; font-size: 16px; color: #fff; font-weight: 600; text-transform: uppercase; margin: 21px auto 0 auto; }  body .counters7.two i { color: #46d8bd; }   body .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; }  body .counters9 { float: left; width: 100%; padding: 0px; text-align: center; } body .counters9 .circle { width: 138px; height: 138px; padding-top: 40px; border: 1px solid #eee; border-radius: 100%; margin: 0 auto; } body .counters9 span { font-family: 'Open Sans', sans-serif; font-size: 35px; color: #393939; font-weight: 300; } body .counters9 h4 { font-size: 16px; color: #999; font-weight: 300; margin: 5px 0px 0px 0px; }   body .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; }   body .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; }  .counters12 { float: left; width: 100%; } .counters12 h1 { font-weight: 800; margin-bottom: 0px; } .counters12 h5 { margin-bottom: 5px; }  body .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!important; }  body .fati2 { color: #393939; font-size: 50px; vertical-align: middle; margin-right: 30px; margin-bottom: 30px!important; }  body .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!important; }  body .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!important; } body .fati4.two { float: left; font-size: 22px; width: 40px; height: 40px; line-height: 40px; margin-bottom: 30px!important; margin-right: 14px; }  body .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!important; }  body .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!important; }  body .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!important; }  body .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!important; }  body .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!important; }  body .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!important; }  body .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!important; }  body .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!important; }  body .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!important; }  body .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!important; }  body .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!important; }  body .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!important; }  body .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: 14px; margin-bottom: 14px!important; }  body .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!important; }  body .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; margin-bottom: 10px; } .flips1.vc img { height: auto; } .flips1_front h5 { margin-bottom: 3px; } .flips1_front img.full { width:100%; height: auto; } .flips1_back { width:100%; padding:50px 35px; color: #fff; background-color:#86c724; 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; z-index:2; } .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; position: relative; z-index: 2; } .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, .pop-wrapper .king-elements{ float: left; margin: 0px 25px 70px 25px!important; } .pop-wrapper li a, .pop-wrapper .king-elements-inner{ 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, .pop-wrapper .king-elements 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, .pop-wrapper .king-elements span:before, .pop-wrapper .king-elements 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, .pop-wrapper .king-elements span:after{ bottom: -14px; margin-left: -10px; border-top: 10px solid #fff; } .pop-wrapper li a:hover span , .pop-wrapper .king-elements-inner: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; } .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; } .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; }   .counters10 { font-size: 30px; } .counters10 h4 { font-size: 12px; margin: 10px auto 0 auto; } .counters10 .one_half { padding: 20px 0px 20px 0px; }    }   @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: 100%; } .pop-wrapper li{ float: left; margin: 0px 40px 120px 40px; }  .pop-wrapper li a, .pop-wrapper .king-elements-inner{ width:100px; height: 100px; }  .pop-wrapper2 li a span{ margin-left: -91px; }   .counters5 span { font-size: 55px; } .counters5 h4 { font-size: 16px; }  .counters9 .circle { width: 120px; height: 120px; padding-top: 34px; }    .one_half_less.pricing-layout-3.pricing-tables-helight, .one_half_less.pricing-layout-2 { width: 49%; }      }   @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-main.one_third_less, .pricing-tables { width: 100%; margin-bottom: 80px; } .pricing-tables-main.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: -100px; }   .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; }  .counters9 .circle { width: 100px; height: 100px; padding-top: 27px; } .counters9 span { font-size: 27px; } .counters9 h4 { font-size: 14px; margin: 0px 0px 0px 0px; }  body .pop-wrapper li, body .pop-wrapper .king-elements{ width:50%; text-align: center; margin: 0px 0 70px 0!important; } body .pop-wrapper li a, body .pop-wrapper .king-elements-inner{ margin: 0 auto; }  .but_large1{ padding: 18px 28px; } }   @media only screen and (min-width: 480px) and (max-width: 639px){  .one_fifth_less.pacdetails.pricing-layout-2, .one_fifth_less.pricing-layout-3.pricing-tables-helight{ width: 100%; }  .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, .pop-wrapper .king-elements{ text-align: center; float: none; margin-bottom:100px!important; } .pop-wrapper li{ float: left; margin: 0px 40px 120px 40px; }  body .pop-wrapper li a, body .pop-wrapper .king-elements-inner{ margin: 0 auto; }  .pop-wrapper2 li a span{ margin-left: -217px; }       .counters5 span { font-size: 35px; } .counters5 h4 { font-size: 13px; margin-bottom: 10px; }   .stcode_title13 { font-size: 30px; }  .one_third_less.pricing-layout-3{ width: 100%; }    }  @media only screen and (max-width: 479px){ .one_fifth_less.pacdetails.pricing-layout-2, .one_fifth_less.pricing-layout-3.pricing-tables-helight{ width: 100%; } .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 , .one_third_less.pricing-tables-helight { width: 100%; margin-bottom: 80px; } .pricing-tables-helight, .pricing-tables-main.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; }       .counters5 span { font-size: 27px; } .counters5 h4 { font-size: 12px; margin-bottom: 7px; }  .stcode_title13 { padding: 1px 10px; font-size: 25px; }   body .pop-wrapper li, body .pop-wrapper .king-elements{ float: none; margin-bottom:100px!important; }  body .pop-wrapper li a, body .pop-wrapper .king-elements-inner{ margin: 0 auto; }  }