.right-border{
	border:none;
	border-right:5px solid #20a3f0;
color: #20a3f0;
    font-size: 14px;
    font-weight: bold;	
}
.right-border:before {
padding-left: 10px;
    margin-left: 10px;	
}
.left-border{
	border:none;
	border-left:5px solid #20a3f0;
color: #20a3f0;
    font-size: 14px;
    font-weight: bold;	
}
.promo-content {
    float: right;
    width: 70%;
    margin-right: 4%;
}
.promo-button {
    right: auto;
    left: 20px;
}
.aboutus01-title1 h3, .aboutus01-title2 h3 { font-size: 20px; color: #20a3f0; margin: 0 0 8px 0; font-weight: normal; line-height: 1.2 }
.aboutus01-title1 h1, .aboutus01-title2 h1 { font-size: 30px; color: #333; margin: 0 0 28px 0; font-weight: normal; line-height: 1.2 }
.aboutus01-title2 { text-align: center }
.aboutus01-title1 ul { margin: 0 0 15px; padding: 0; list-style-type: none }
    .aboutus01-title1 ul li { line-height: normal; padding: 23px 0 0 0 }
        .aboutus01-title1 ul li span.fa { font-size: 16px; color: #20a3f0; margin: 0 0 0 15px }
.aboutus01-testimonials-box { position: relative; width: 100% }
    .aboutus01-testimonials-box img { width: 100% }
.aboutus01-testimonials blockquote p { font-size: 15px; line-height: 1.2; text-indent: 0; margin: 0; font-weight: bold; font-style: normal; color: #fff; text-transform: uppercase }
.aboutus01-testimonials blockquote span { font-size: 13px; font-style: normal; color: #fff }
.aboutus01-testimonials blockquote { padding: 15px 20px; margin: 0; font-style: normal; color: #fff; position: absolute; bottom: 0; background: #000; opacity: 0.8; width: 100% }
.aboutus01-testimonials .last_page:before, .aboutus01-testimonials .next_page:before { border-right: 2px solid #fff; border-bottom: 2px solid #fff; position: absolute; z-index: 999; width: 15px; height: 15px; content: ""; transform: rotate(-135deg); -webkit-transform: rotate(135deg); top: 50%; right: 50%; margin: -6px 0 0 -8px }
.aboutus01-testimonials .last_page, .aboutus01-testimonials .next_page { border: none; text-indent: -100px; overflow: hidden; width: 75px; min-height: 74px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; bottom: 0; left: 0; position: absolute; display: inline-block }
    .aboutus01-testimonials .last_page:hover, .aboutus01-testimonials .next_page:hover { background: #20a3f0 }
    .aboutus01-testimonials .next_page:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg) }
.aboutus01-testimonials .next_page { left: 75px }
.aboutus01-title2 .img .the2, .aboutus01-title2 .img .the3 { position: absolute; text-align: center; bottom: -24px; right: 55% }
.aboutus01-title2 .img .the2 { margin: 0 100px 0 0 }
.aboutus01-title2 .img .the3 { right: auto; left: 50%; margin: 0 0 0 155px; bottom: -40px }
.aboutus01-title2 .img .the1 { text-align: center }
.aboutus01-title2 .img { position: relative; text-align: center; margin: 40px 0 0 0 }
    .aboutus01-title2 .img .the4 { position: absolute; top: 27px; left: 30px; width: 173px; height: 173px; border: 10px solid #F1F1F1; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #20a3f0; color: #fff; padding: 32px 17px }
        .aboutus01-title2 .img .the4 span.fa { font-size: 33px }
        .aboutus01-title2 .img .the4 p { font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 1.4; margin: 8px 0 0 0 }
.aboutus01-bg01 { background: #eff0f1 }
.aboutus01-ibox { text-align: center; margin: 30px 0 0 0 }
    .aboutus01-ibox .ico { width: 140px; height: 140px; line-height: 140px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #20a3f0; font-size: 40px; color: #fff; margin: 0 auto 30px; position: relative }
        .aboutus01-ibox .ico > span { position: absolute; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #333333; font-size: 20px; color: #fff; top: 0; left: 0; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both }
    .aboutus01-ibox h5 { font-size: 18px; color: #333; line-height: 1.2; margin: 0 0 20px 0 }
    .aboutus01-ibox:hover .ico > span { -webkit-animation-name: flipInY; -moz-animation-name: flipInY; -o-animation-name: flipInY; animation-name: flipInY }
.aboutus01-bg02 { background-image: url(../images/pages/aboutus01-bg02.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: cover; background-attachment: fixed; text-align: center; padding: 220px 0 200px 0 }
.aboutus01-title3 h1 { font-size: 60px; color: #fff; font-weight: normal; line-height: normal; margin: 0 0 30px 0; line-height: 1.2 }
.aboutus01-title3 p { padding: 0 160px; color: #fff; margin: 0 0 60px 0; font-size: 17px; line-height: 30px }
.aboutus01-title3 a.Button_white { padding: 16px 54px; margin: 0 15px 15px }

@media only screen and (max-width:991px) {
    .aboutus01-bg02 { background-attachment: scroll; padding: 60px 0 60px 0 }
    .aboutus01-title3 h1 { font-size: 20px }
}

a.aboutus01-bnt, a:link.aboutus01-bnt, a:active.aboutus01-bnt, a:visited.aboutus01-bnt { padding: 16px 40px; font-size: 14px; display: inline-block; white-space: nowrap; color: #FFF; border: 2px solid #ffffff; margin: 0 0 10px 12px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; -o-transition: all ease-in 200ms; -ms-transition: all ease-in 200ms }
    a.aboutus01-bnt:hover { background-color: #3cceda; border-color: #3cceda; text-decoration: none }
.aboutus01-fullmain { margin: 0; display: table-row; clear: both; padding: 0 }
    .aboutus01-fullmain .aboutus01-fullbox { padding: 80px 60px }
    .aboutus01-fullmain .the1, .aboutus01-fullmain .the2, .aboutus01-fullmain .the3 { display: table-cell; padding: 0; float: none; overflow: hidden }
    .aboutus01-fullmain .the1 { background-color: #20a3f0 }
    .aboutus01-fullmain .the2 { background-color: #E9E9E9 }
    .aboutus01-fullmain .the3 { background-color: #262626 }
    .aboutus01-fullmain .aboutus01-fullbox h3 { font-size: 20px; font-weight: bold; text-transform: uppercase; color: #fff; margin: 0 0 30px 0; line-height: 1.2 }
    .aboutus01-fullmain .the2 .aboutus01-fullbox h3 { color: #333 }
    .aboutus01-fullmain .aboutus01-fullbox p { color: #fff; margin: 0 }
    .aboutus01-fullmain .the2 .aboutus01-fullbox p { color: #333 }
    .aboutus01-fullmain .the2 .aboutus01-fullbox .icon em.fa { position: absolute; color: rgba(0,0,0,0.1); top: -89px; left: -89px; font-size: 266px }
    .aboutus01-fullmain .the1 .aboutus01-fullbox .icon em.fa { position: absolute; color: rgba(255,255,255,0.3); top: -89px; left: -89px; font-size: 266px }
    .aboutus01-fullmain .the3 .aboutus01-fullbox .icon em.fa { position: absolute; color: rgba(255,255,255,0.1); top: -89px; left: -89px; font-size: 266px }
    .aboutus01-fullmain .aboutus01-fullbox .links a { color: #fff; font-size: 15px; padding: 19px 55px; line-height: 1.2; border: 2px solid #fff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; display: inline-block; margin: 30px 0 0 0; text-decoration: none; transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; -o-transition: all ease-in 200ms; -ms-transition: all ease-in 200ms }
        .aboutus01-fullmain .aboutus01-fullbox .links a:hover { background-color: #333 !important; border-color: #333 !important; color: #FFF !important }
    .aboutus01-fullmain .the2 .aboutus01-fullbox .links a { color: #333; border: 2px solid #333 }
.aboutus01-ibox02 { margin: 30px 0 0 0 }
    .aboutus01-ibox02 img { transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; -o-transition: all ease-in 200ms; -ms-transition: all ease-in 200ms }
    .aboutus01-ibox02 .text_sytle_1 { padding: 25px 30px; border: 1px solid #DDDDDD; border-top: none; position: relative }
        .aboutus01-ibox02 .text_sytle_1 h3 { font-size: 16px; color: #333; font-weight: bold; text-transform: uppercase; line-height: 1.2; margin: 0 0 8px 0 }
        .aboutus01-ibox02 .text_sytle_1 p { margin: 0 }
        .aboutus01-ibox02 .text_sytle_1:before { position: absolute; content: ""; border-width: 10px; border-style: solid; border-color: transparent transparent #fff transparent; bottom: 100%; right: 30px }
    .aboutus01-ibox02.photo_box:hover .shade { filter: alpha(opacity=100); opacity: 1; background: #20a3f0 }
    .aboutus01-ibox02.photo_box .ico span { background: #fff; color: #20a3f0 }
/*about us2*/
/*aboutus02-tab01*/
.aboutus02-tab01 ul.resp-tabs-list { width: 100%; border: 0 }
    .aboutus02-tab01 ul.resp-tabs-list li span { padding: 14px 5px; display: inline-block; line-height: 1.2 }
    .aboutus02-tab01 ul.resp-tabs-list li { margin-top: 4px; padding: 0; text-align: center; background: #f3f3f3; margin-bottom: 0; font-size: 13px; color: #444; width: 33.33333333% }
        .aboutus02-tab01 ul.resp-tabs-list li:first-child { border-right: 1px solid #e8e8e8 }
        .aboutus02-tab01 ul.resp-tabs-list li:last-child { padding-left: 1px }
        .aboutus02-tab01 ul.resp-tabs-list li.resp-tab-active { border-top: 5px solid #20a3f0; margin-top: 0; background: #fff }
        .aboutus02-tab01 ul.resp-tabs-list li.resp-tab-active { color: #383838 }
.aboutus02-tab01 .resp_margin { padding: 30px }
.aboutus02-tab01 .resp-tabs-container { margin: 0 0 30px 0 }

@media only screen and (max-width:767px) {
    .aboutus02-tab01 .left { float: none; margin: 0 0 20px }
}
/*aboutus02-tab01 end*/
.aboutus02-title01 { text-align: center }
    .aboutus02-title01 h2 { font-size: 24px; color: #333333; font-weight: normal; line-height: 1.3; display: inline-block; position: relative; padding: 0 0 20px 0; position: relative; margin: 0 0 25px 0 }
        .aboutus02-title01 h2:before { content: ''; display: block; position: absolute; right: 50%; bottom: 0; margin-right: -33px; width: 66px; height: 2px; background-color: #20a3f0 }
.aboutus02-bnt { display: inline-block; padding: 10px 43px; color: #fff !important; position: relative; transition: all 300ms ease-in-out 0s; background: #20a3f0; margin: 0 0 20px 0 }
    .aboutus02-bnt:hover { text-decoration: none; background-color: #444444 }
.aboutus02-tit2 { font-size: 24px; color: #fff; font-weight: normal; line-height: 1.3; text-align: center; position: relative; margin-bottom: 45px; padding: 0 0 20px 0 }
    .aboutus02-tit2:before { content: ''; display: block; position: absolute; right: 50%; bottom: 0; margin-right: -33px; width: 66px; height: 2px; background-color: #20a3f0 }
.aboutus02-meetteam { margin-bottom: 20px }
    .aboutus02-teambox, .aboutus02-meetteam .team_member { transition: all 300ms ease-in-out 0s }
.aboutus02-teambox { width: 214px; height: 214px; padding: 7px; margin: 0 auto; border-radius: 50% }
.aboutus02-meetteam .team_member { border-radius: 50%; position: relative; border: 3px solid #b2b5ad; margin: 0 auto }
    .aboutus02-meetteam .team_member > img { border-radius: 50% }
    .aboutus02-meetteam .team_member > span { position: absolute; left: 0; top: 141px; font-size: 20px; width: 48px; height: 48px; line-height: 48px; background: #20a3f0; color: #fff; text-align: center; border-radius: 50% }
.aboutus02-meetteam > p { color: #fff; padding: 25px 0 0 0; text-align: center }
    .aboutus02-meetteam > p > a { display: block; padding-bottom: 15px; font-size: 14px; color: #FFF; text-decoration: none; transition: color ease-in 200ms; -moz-transition: color ease-in 200ms; -webkit-transition: color ease-in 200ms; -o-transition: color ease-in 200ms; -ms-transition: color ease-in 200ms }
.aboutus02-bg01 { background-image: url("../images/pages/aboutus02-bg01.jpg"); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover }

@media only screen and (max-width:991px) {
    .aboutus02-bg01 { background-attachment: scroll }
}

.aboutus02-meetteam .aboutus02-teambox:hover { background: rgba(255,255,255,0.2) }
.aboutus02-meetteam .team_member:hover { border: 3px solid #20a3f0 }
.aboutus02-meetteam .team_member > span.fa-volume-down { background-color: #f36e6e }
.aboutus02-meetteam .team_member > span.fa-video-camera { background-color: #efb402 }
.aboutus02-meetteam .team_member > span.fa-pencil { background-color: #5aaff0 }
.aboutus02-bg02 { border-top: 1px solid #fff; background-color: #20a3f0 }
.aboutus02-mumber01 .column:first-child { border: none }
.aboutus02-mumber01 .column { float: right; width: 20%; text-align: center; border-right: 1px solid rgba(255,255,255,0.5); padding: 40px 0 40px 0 }
.number_Animation.aboutus02-mumber01 .number { color: #fff; display: block; font-weight: normal; font-size: 48px }
.number_Animation.aboutus02-mumber01 .number_name { font-weight: normal; font-size: 13px; color: #fff; opacity: 0.9 }
/*aboutus02-testimonials01*/
.aboutus02-testimonials01 { margin-bottom: 13px }
    .aboutus02-testimonials01 .last_page, .aboutus02-testimonials01 .next_page { width: 40px; height: 40px; border: 1px solid #fff; background-color: transparent; top: 30px; bottom: 0; right: 50%; left: auto; font-size: 0; overflow: hidden; text-indent: -999 }
    .aboutus02-testimonials01 .last_page { margin: 0 0 0 -110px }
    .aboutus02-testimonials01 .next_page { margin: 0 70px 0 0 }
        .aboutus02-testimonials01 .last_page:hover, .aboutus02-testimonials01 .next_page:hover { background-color: #fff !important; border: 1px solid #transparent }
    .aboutus02-testimonials01 .last_page:before { content: ""; border-top: 2px solid #fff; border-right: 2px solid #fff; width: 8px; height: 8px; right: 50%; top: 50%; position: absolute; margin: -4px 0 0 -4px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg) }
    .aboutus02-testimonials01 .last_page:hover:before { border-top: 2px solid #22bb9c; border-right: 2px solid #22bb9c }
    .aboutus02-testimonials01 .next_page:before { content: ""; border-left: 2px solid #fff; border-bottom: 2px solid #fff; width: 8px; height: 8px; right: 50%; top: 50%; position: absolute; margin: -4px 0 0 -4px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg) }
    .aboutus02-testimonials01 .next_page:hover:before { border-left: 2px solid #22bb9c; border-bottom: 2px solid #22bb9c }
    .aboutus02-testimonials01 .dot { left: 0; bottom: 26px; width: 100%; text-align: center }
        .aboutus02-testimonials01 .dot a { border: 0 solid #aaa; width: 13px; height: 13px; background: #d6d6d6 }
            .aboutus02-testimonials01 .dot a.actived { width: 13px; height: 13px; border: 0 solid #919191; background: #20a3f0 }
.aboutus02-testimonials01 { padding: 49px 0 63px 0 }
    .aboutus02-testimonials01 li { margin: 49px 0 0 0; padding: 0 15px 60px 15px; border: 1px solid #dbdbdb; border-radius: 5px }
    .aboutus02-testimonials01 blockquote { background: none; padding: 0; margin: -51px 0 0 0; text-indent: 0; border-right: none }
        .aboutus02-testimonials01 blockquote p { padding: 0; text-align: center; font-size: 13px; font-style: normal; text-indent: inherit; line-height: 20px }
    .aboutus02-testimonials01 .Pic { width: 100px; height: 100px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; vertical-align: middle; display: block; margin: 0 auto; overflow: hidden; text-align: center; text-indent: 0 }
    .aboutus02-testimonials01 small { position: relative; top: 0; right: 0; font-size: 14px; font-style: normal; padding: 10px 0 7px; width: 100%; font-weight: normal; text-align: center; color: #20a3f0 }
        .aboutus02-testimonials01 small:before { content: " " }
        .aboutus02-testimonials01 small span { display: block; font-weight: normal; text-transform: none; color: #444444; font-size: 13px; margin: 4px 0 2px 0 }
/*aboutus02-testimonials01 end*/
.aboutus02-demo { padding: 4px 0 0 0 }
    .aboutus02-demo a, .aboutus02-demo a:link { display: block; border: 1px solid #e8e8e8; text-align: center; transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; /* Firefox 4 */ -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ -o-transition: all ease-in 200ms; /* Opera */ -ms-transition: all ease-in 200ms; /* IE9? */ }
        .aboutus02-demo a:hover { background-color: rgba(0,0,0,0.1) }
    .aboutus02-demo .row:first-child { padding: 0 0 30px 0 }
.aboutus02-carouse .owl-buttons .owl-prev, .aboutus02-carouse .owl-buttons .owl-next { filter: alpha(opacity=0); opacity: 0; transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; /* Firefox 4 */ -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ -o-transition: all ease-in 200ms; /* Opera */ -ms-transition: all ease-in 200ms; /* IE9? */ background: #000; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; width: 30px }
.aboutus02-carouse:hover .owl-buttons .owl-prev, .aboutus02-carouse:hover .owl-buttons .owl-next { filter: alpha(opacity=100); opacity: 1 }
.aboutus02-carouse .item { text-align: center; margin: auto; position: relative; overflow: hidden; cursor: pointer; transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; /* Firefox 4 */ -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ -o-transition: all ease-in 200ms; /* Opera */ -ms-transition: all ease-in 200ms; /* IE9? */ }
    .aboutus02-carouse .item .photo_box { margin: 0 }
.aboutus02-carouse .owl-buttons .owl-prev { right: 0 }
.aboutus02-carouse .owl-buttons .owl-next { left: 0 }
.aboutus02-carouse .photo_box .content p { margin: 0; line-height: 1.2 }
.aboutus02-carouse .photo_box .content h3 { margin-bottom: 0 }
.aboutus02-carouse .photo_box .ico span { background: #20a3f0 }
.aboutus02-title3 h2 { font-size: 20px; color: #333333; font-weight: normal; line-height: 1.3; display: inline-block; position: relative; padding: 0 0 20px 0; margin: 0 0 20px 0 }
    .aboutus02-title3 h2:before { content: ''; display: block; position: absolute; right: 0; bottom: 0; width: 66px; height: 2px; background-color: #20a3f0 }
/*Our Team2*/
.team-Detail-bg { background-color: #f2f2f2 }
.ourteam02-ibox { text-align: center; margin: 0 0 80px 0 }
    .ourteam02-ibox .photo_box { position: relative; margin: 0 0 30px 0 }
        .ourteam02-ibox .photo_box:hover em.glyphicons { display: none }
        .ourteam02-ibox .photo_box .shade { background-color: #20a3f0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% }
        .ourteam02-ibox .photo_box:hover .shade { filter: alpha(opacity=100); opacity: 1 }
        .ourteam02-ibox .photo_box .ico span { background-color: transparent; font-size: 40px }
    .ourteam02-ibox h3 { font-size: 17px; color: #333; font-weight: bold; margin: 0 0 5px 0; line-height: 1.2 }
    .ourteam02-ibox h6 { font-size: 13px; color: #20a3f0; font-weight: normal; margin: 0 0 20px 0 }
    .ourteam02-ibox p { font-size: 13px; color: #666; margin: 0 0 20px 0 }
    .ourteam02-ibox .icon a.fa { font-size: 15px; margin: 0 5px; width: 33px; height: 33px; text-align: center; line-height: 33px; color: #fff; border-radius: 50% }
    .ourteam02-ibox .icon a:hover.fa { text-decoration: none }
    .ourteam02-ibox .icon a.the1.fa { background: #00BDED }
    .ourteam02-ibox .icon a.the2.fa { background: #2F4C9F }
    .ourteam02-ibox .icon a.the3.fa { background: #E62B97 }
    .ourteam02-ibox .photo_box em.fa { width: 70px; height: 70px; line-height: 70px; text-align: center; background-color: #20a3f0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: absolute; top: 5px; left: 5px; color: #fff; font-size: 24px }
.ourteam02-bg { background: #EFF0F1 }
.ourteam02-full { position: relative }
    .ourteam02-full .ourteam02-full-left.the1 { float: right; width: 50%; text-align: center }
        .ourteam02-full .ourteam02-full-left.the1 .ourteam02-full-lmain { position: relative; padding: 115px 125px; background-color: #00CFD9 }
            .ourteam02-full .ourteam02-full-left.the1 .ourteam02-full-lmain:before { content: ""; position: absolute; top: 50%; right: 100%; border-width: 18px 18px 18px 0; border-color: transparent transparent transparent #00CFD9; border-style: solid; z-index: 1; margin: -9px 0 0 0 }
            .ourteam02-full .ourteam02-full-left.the1 .ourteam02-full-lmain img { display: inline-block; margin: 0 0 30px 0 }
            .ourteam02-full .ourteam02-full-left.the1 .ourteam02-full-lmain p { font-size: 15px; color: #f4f5f6; margin: 0 0 30px 0 }
            .ourteam02-full .ourteam02-full-left.the1 .ourteam02-full-lmain h3 { font-size: 17px; color: #f4f5f6; margin: 0 0 5px 0; line-height: 1.2 }
            .ourteam02-full .ourteam02-full-left.the1 .ourteam02-full-lmain h6 { font-size: 13px; color: #f4f5f6; font-weight: normal; margin: 0; line-height: 1.2 }
    .ourteam02-full .ourteam02-full-right.the1 { width: 50%; height: 100%; position: absolute; left: 0; top: 0; background-image: url("../images/pages/ourteam02-r.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center }
    .ourteam02-full .ourteam02-full-left.the2 { width: 50%; height: 100%; position: absolute; right: 0; top: 0; background-image: url("../images/pages/ourteam02-l.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center }
    .ourteam02-full .ourteam02-full-right.the2 { float: left; width: 50%; text-align: center }
        .ourteam02-full .ourteam02-full-right.the2 .ourteam02-full-rmain { padding: 100px 125px; background-color: #2C82D4; position: relative }
            .ourteam02-full .ourteam02-full-right.the2 .ourteam02-full-rmain:before { content: ""; position: absolute; top: 50%; left: 100%; border-width: 18px 0 18px 18px; border-color: transparent #2C82D4 transparent transparent; border-style: solid; z-index: 1; margin: -9px 0 0 0 }
            .ourteam02-full .ourteam02-full-right.the2 .ourteam02-full-rmain img { display: inline-block; margin: 0 0 30px 0 }
            .ourteam02-full .ourteam02-full-right.the2 .ourteam02-full-rmain p { font-size: 15px; color: #f4f5f6; margin: 0 0 30px 0 }
            .ourteam02-full .ourteam02-full-right.the2 .ourteam02-full-rmain h3 { font-size: 17px; color: #f4f5f6; margin: 0 0 5px 0; line-height: 1.2 }
            .ourteam02-full .ourteam02-full-right.the2 .ourteam02-full-rmain h6 { font-size: 13px; color: #f4f5f6; font-weight: normal; margin: 0; line-height: 1.2 }

@media only screen and (max-width:767px) {
    .ourteam02-full .ourteam02-full-left.the1 .ourteam02-full-lmain:before { display: none }
}
/*Our Team2*/
.ourteam01-title1 { text-align: center; padding: 0 0 20px 0 }
    .ourteam01-title1 h4 { font-size: 30px; line-height: 1.2; color: #333333; white-space: normal; vertical-align: middle; font-weight: bold; margin: 0; display: inline-block; position: relative; padding: 0 27px }
        .ourteam01-title1 h4:before { content: ""; border-right: 3px solid #20a3f0; height: 22px; margin: 0; position: absolute; right: 0; top: 50%; margin-top: -11px }
        .ourteam01-title1 h4:after { content: ""; border-left: 3px solid #20a3f0; height: 22px; margin: 0; position: absolute; left: 0; top: 50%; margin-top: -11px }
.ourteam01-title2 { font-size: 24px; color: #333333; margin-bottom: 30px; line-height: 1.2 }
    .ourteam01-title2 span { display: block; color: #999999; font-size: 13px; letter-spacing: 1px; margin: 8px 0 0 0 }
.ourteam01-dropcaps { width: 80px; height: 80px; line-height: 80px; text-align: center; float: right; font-size: 40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin: 5px 0 15px 25px; border-color: #20a3f0; color: #20a3f0; border: 1px solid #21a3f0 }
.ourteam01-list { margin: 0; padding: 0; clear: both; list-style: none; overflow: hidden }
    .ourteam01-list li { width: 50%; float: right; padding: 5px 0 }
        .ourteam01-list li .fa { color: #999999; font-size: 18px; vertical-align: middle; margin-left: 10px }

@media only screen and (max-width:767px) {
    .ourteam01-list li { width: auto }
}

a.ourteam-bnt, a:link.ourteam-bnt, a:active.ourteam-bnt, a:visited.ourteam-bnt { font-size: 14px; padding: 15px 45px; color: #FFF !important; background-color: #20a3f0; text-decoration: none; display: inline-block; font-weight: bold; margin: 0 0 0 0; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px }
    a.ourteam-bnt:hover { background-color: #444 !important; text-decoration: none }
.ourteam01-ibox { background-color: #ffffff; border: 1px solid #cccccc; border-bottom: 3px solid #21a3f0; padding: 55px 10px; margin-bottom: 20px; color: #333333 }
    .ourteam01-ibox .fa { width: 70px; height: 70px; line-height: 70px; font-size: 28px; background-color: #21a3f0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #FFF; margin: 0 0 30px }
    .ourteam01-ibox h3 { font-size: 16px; color: #333333; margin-bottom: 20px; line-height: 1.2; margin-top: 0 }
    .ourteam01-ibox p { margin-bottom: 20px }
.ourteam01-bg01 { background: #f4f4f4 }
.ourteam01-bg02 { background: url("../images/pages/ourteam01-bg02.jpg") no-repeat center center; background-size: cover }
.ourteam01-title3 { font-size: 30px; line-height: 1.2; color: #333333; white-space: normal; vertical-align: middle; font-weight: bold; margin: 0 0 20px; position: relative; text-align: center }
    .ourteam01-title3 span { color: #FFF }
    .ourteam01-title3 span { display: inline-block; position: relative; padding: 0 26px }
        .ourteam01-title3 span:before { content: ""; border-right: 3px solid #20a3f0; height: 22px; position: absolute; right: 0; top: 50%; margin-top: -11px }
        .ourteam01-title3 span:after { content: ""; border-left: 3px solid #20a3f0; height: 22px; position: absolute; left: 0; top: 50%; margin-top: -11px }
        .ourteam01-title3 span:before, .ourteam01-title3 span:after { border-color: #FFF }
.ourteam-ibox02 { margin: 0; padding: 0; background-color: #FFF; overflow: hidden; box-shadow: 0 0 35px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 35px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 35px rgba(0,0,0,0.4); position: relative; z-index: 1 }
    .ourteam-ibox02 li { list-style: none; width: 33.333%; float: right; border-left: 1px solid #dddddd; padding: 80px 85px; text-align: right; color: #333 }
        .ourteam-ibox02 li:last-child { border: none }
        .ourteam-ibox02 li img { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin-bottom: 55px; max-width: 100% }
        .ourteam-ibox02 li h3 { color: #333333; font-size: 18px; margin: 0 0 30px 0; font-weight: normal; line-height: 1.2 }
            .ourteam-ibox02 li h3 span { display: block; font-size: 13px; color: #999999; padding-top: 8px }
        .ourteam-ibox02 li a { font-size: 14px }
.ourteam-ibox02 { margin-bottom: -280px }
.ourteam01-chart { text-align: center }
    .ourteam01-chart .percentage3 { position: relative; margin: auto; width: 196px; height: 196px; border-width: 3px; border-style: solid; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% }
        .ourteam01-chart .percentage3 canvas { margin: -1px 0 0 -1px }
    .ourteam01-chart .percentage_inner { position: absolute; top: 12px; right: 12px; text-align: center; font-size: 40px; font-weight: bold; width: 166px; height: 166px; line-height: 166px; border-width: 2px; border-style: solid; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #333333 }
    .ourteam01-chart p { color: #FFF; font-size: 16px; font-weight: normal }
    .ourteam01-chart .percentage3 + p { color: #333333; font-size: 15px; padding: 30px 0 0; font-weight: bold }
.ourteam01-logo { margin: 0; padding: 0; list-style: none; text-align: center }
    .ourteam01-logo li { padding: 8px 10px; width: 16.6%; border-left: 1px solid #d3d3d3; margin-bottom: 8px; float: right }
        .ourteam01-logo li:last-child { border: none }
.ourteam01-bg03 { background-color: #20a3f0; color: #fff }
.ourteam01-text { position: relative }
    .ourteam01-text a.ourteam-bnt02, .ourteam01-text a:link.ourteam-bnt02, .ourteam01-text a:active.ourteam-bnt02, .ourteam01-text a:visited.ourteam-bnt02 { line-height: 1.2; margin: 10px 108px 0 108px; padding: 19px 58px; font-weight: normal; min-width: 195px; display: inline-block; letter-spacing: normal }
    .ourteam01-text .text_left { text-align: center; font-size: 25px; padding: 10px 0; font-weight: bold; letter-spacing: 2px }
    .ourteam01-text .text_right { position: absolute; top: 50%; left: 3%; transform: translateY(-50%); -webkit-transform: translateY(-50%) }
        .ourteam01-text .text_right .ourteam-bnt02 { margin: 0 }
.ourteam-bnt02, a.ourteam-bnt02, a:link.ourteam-bnt02, a:active.ourteam-bnt02, a:visited.ourteam-bnt02 { padding: 18px 58px; font-size: 15px; display: inline-block; white-space: nowrap; color: #fff; border: 2px solid #fff; margin: 0 0 10px 12px; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-transition: all ease-in 200ms; transition: all ease-in 200ms }
    .ourteam-bnt02:hover, a.ourteam-bnt02:hover { background-color: #2e2e2e; border-color: #2e2e2e; color: #FFF; text-decoration: none }
.ourteam01-number { padding-bottom: 10px }
    .ourteam01-number .number-left { text-align: left; width: 40%; float: right; padding: 55px 0 }
    .ourteam01-number .number-center { float: right; width: 20% }
        .ourteam01-number .number-center em { width: 70%; height: 160px; background: #d33999; text-align: center; color: #fff; font-size: 30px; line-height: 160px; border-bottom: 15px solid rgba(0,0,0,0.2); margin: 0 auto; display: block; position: relative }
            .ourteam01-number .number-center em:after { border: 15px solid transparent; border-left: 20px solid #d33999; content: ""; display: block; position: absolute; right: -35px; top: 50%; width: 0; margin-top: -8px }
    .ourteam01-number .number { font-size: 30px; color: #d33999; font-weight: bold }
    .ourteam01-number .text_title { font-size: 20px; color: #333333; font-weight: bold }
    .ourteam01-number .number-right { float: right; width: 40% }
    .ourteam01-number .text_title { display: inline-block; padding: 0 40px 0 0 }
    .ourteam01-number .number-right h2 { font-size: 15px; color: #333; font-weight: bold; position: relative; margin: 0 0 15px 0; padding: 0 0 20px 0; text-transform: uppercase; line-height: 1.2 }
        .ourteam01-number .number-right h2:before { content: ""; position: absolute; right: 0; bottom: 0; border-bottom: 2px solid #666; width: 35px }
    .ourteam01-number .number-right span { color: #d33999 }
    .ourteam01-number.number-color2 .number-right, .ourteam01-number.number-color4 .number-right { text-align: left }
    .ourteam01-number.number-color2 .number-left, .ourteam01-number.number-color4 .number-left { text-align: right }
    .ourteam01-number.number-color2 .number-right h2:before, .ourteam01-number.number-color4 .number-right h2:before { left: 0; right: auto }
    .ourteam01-number.number-color2 .number-center em:after { border-right: 20px solid #20a3f0; left: -20px; border-left: 0; right: auto }
    .ourteam01-number.number-color3 .number-center em:after { border-left: 20px solid #f3aa2c }
    .ourteam01-number.number-color4 .number-center em:after { border-right: 20px solid #3cceda; left: -20px; border-left: 0; right: auto }
    .ourteam01-number.number-color2 .number-right span, .ourteam01-number.number-color2 .number { color: #20a3f0 }
    .ourteam01-number.number-color3 .number-right span, .ourteam01-number.number-color3 .number { color: #f3aa2c }
    .ourteam01-number.number-color4 .number-right span, .ourteam01-number.number-color4 .number { color: #3cceda }
    .ourteam01-number.number-color2 .number-center em { background: #20a3f0 }
    .ourteam01-number.number-color3 .number-center em { background: #f3aa2c }
    .ourteam01-number.number-color4 .number-center em { background: #3cceda }
.outteam01-bg02 { background-image: url(../images/pages/outteam01-bg02.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: cover; background-attachment: fixed }

@media only screen and (max-width:991px) {
    .outteam01-bg02 { background-attachment: scroll }
}
/*history 1*/
.history-box { position: relative }
    .history-box:before { content: ""; position: absolute; top: 0; bottom: 0; right: 95px; border-left: 8px solid #e0e0e0 }
    .history-box .history-boxmain { padding-right: 172px; position: relative; margin-bottom: 80px }
        .history-box .history-boxmain .history-boxdate { width: 20px; height: 20px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #fff; color: #FFF; font-size: 18px; text-align: center; position: absolute; top: 60px; right: 89px; border: 3px solid #20a3f0; overflow: hidden }
            .history-box .history-boxmain .history-boxdate span { display: block; font-size: 14px; padding: 20px 0 0 }
        .history-box .history-boxmain .history-boxcontent { border: 1px solid #dddddd; border-right: 3px solid #21a3f0; padding: 60px; position: relative; background-color: #FFF; color: #555 }
            .history-box .history-boxmain .history-boxcontent:after { content: ""; overflow: hidden; display: block; height: 0; clear: both }
            .history-box .history-boxmain .history-boxcontent:before { content: ""; width: 20px; height: 20px; position: absolute; right: -10px; top: 45px; border: 10px solid transparent; border-left: 10px solid #20a3f0; content: ""; display: block; position: absolute; right: -23px; top: 60px; width: 0 }
        .history-box .history-boxmain .history-boxpic { float: right; margin-left: 30px; width: 46%; position: relative; overflow: hidden }
            .history-box .history-boxmain .history-boxpic img { width: 100% }
            .history-box .history-boxmain .history-boxpic .history-boxinfo { position: absolute; bottom: 0; right: 0; left: 0; padding: 12px 10px 10px 20px; background-color: #000; background-color: rgba(0,0,0,0.55); color: #FFF; font-size: 13px }
                .history-box .history-boxmain .history-boxpic .history-boxinfo span { font-size: 18px; color: #bbbbbb; vertical-align: middle; margin: 0 10px 4px 4px; transition: color ease-in 200ms; -moz-transition: color ease-in 200ms; -webkit-transition: color ease-in 200ms; -o-transition: color ease-in 200ms; -ms-transition: color ease-in 200ms }
                    .history-box .history-boxmain .history-boxpic .history-boxinfo span:hover { color: #20a3f0 }
        .history-box .history-boxmain .history-boxright { overflow: hidden; width: 47%; float: left }
        .history-box .history-boxmain h3 { color: #333333; font-size: 20px; padding: 0 0 25px 0; margin: 0; line-height: 1.2 }
        .history-box .history-boxmain h4 { text-transform: uppercase; font-size: 13px; color: #666; margin: 0 0 20px 0 }
        .history-box .history-boxmain h3 span { display: block; font-weight: normal; font-size: 13px; padding: 12px 0 0 0; color: #666666 }
        .history-box .history-boxmain ul { padding: 0 0 10px 0; margin: 0 }
            .history-box .history-boxmain ul li { list-style: none; position: relative; padding: 5px 25px 5px 0; line-height: 1.2 }
            .history-box .history-boxmain ul.history01-list li { width: 50%; float: right }
        .history-box .history-boxmain p { margin: 0 0 15px 0 }
        .history-box .history-boxmain ul li span { position: absolute; right: 0; top: 7px }
        .history-box .history-boxmain .photo_box .ico span { color: #3e3e3e; background: #fff }
    .history-box .history-boxmore, .history-box .history-boxgotop { width: 80px; height: 80px; line-height: 80px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #888888; color: #FFF; font-size: 18px; text-align: center; position: relative; z-index: 10; transition: background-color ease-in 200ms; -moz-transition: background-color ease-in 200ms; -webkit-transition: background-color ease-in 200ms; -o-transition: background-color ease-in 200ms; -ms-transition: background-color ease-in 200ms }
        .history-box .history-boxmore a, .history-box .history-boxmore a:hover { display: block; color: #FFF; text-decoration: none }
        .history-box .history-boxmore:hover, .history-box .history-boxgotop:hover { background-color: #20a3f0 }
    .history-box .history-boxgotop { margin: 75px 55px 0 0; cursor: pointer; position: relative }
        .history-box .history-boxgotop:before { content: ""; border-top: 6px solid #FFF; border-right: 6px solid #FFF; width: 25px; height: 25px; display: inline-block; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); margin-top: 35px }
.history01-carousel .owl-buttons .owl-prev, .history01-carousel .owl-buttons .owl-next { position: absolute; right: 0; top: 50%; width: 30px; height: 30px; line-height: 30px; font-size: 0; text-align: center; cursor: pointer; margin: -15px 0 0 0; border: none; border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; background-color: #fff }
.history01-carousel .owl-buttons .owl-next { right: auto; left: 0; border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0 }
    .history01-carousel .owl-buttons .owl-prev:before, .history01-carousel .owl-buttons .owl-next:before { border-right: 2px solid #ccc; border-bottom: 2px solid #ccc }
    .history01-carousel .owl-buttons .owl-next:before { border-right: none; border-left: 2px solid #ccc }
    .history01-carousel .owl-buttons .owl-prev:hover, .history01-carousel .owl-buttons .owl-next:hover { background: #fff }
        .history01-carousel .owl-buttons .owl-prev:hover:before, .history01-carousel .owl-buttons .owl-next:hover:before { border-right: 2px solid #fff; border-bottom: 2px solid #fff }
        .history01-carousel .owl-buttons .owl-next:hover:before { border-right: none; border-left: 2px solid #fff }
a.history01-bnt, a:link.history01-bnt, a:active.history01-bnt, a:visited.history01-bnt { font-size: 14px; padding: 15px 45px; color: #FFF !important; background-color: #20a3f0; text-decoration: none; display: inline-block; font-weight: bold; margin: 15px 0 0 0; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px }
a:hover.history01-bnt { background: #333 !important }
.history-top { position: relative; padding: 0 0 40px 0 }
    .history-top img { padding: 2px; background: #fff; border: 2px solid #20a3f0; border-radius: 50% }
.history01-carouse02 { position: relative }
    .history01-carouse02 .owl-pagination { text-align: left; margin: -35px 0 0 0; z-index: 9999; position: relative; padding: 0 0 0 20px }
    .history01-carouse02 .owl-page { margin: 0 6px 0 0; vertical-align: top; width: 15px; height: 15px; background: #8e8d8d; border: none }
    .history01-carouse02.carousel img { width: 100% }
/*history 02*/
.history02 { position: relative; z-index: 2 }
    .history02 img { width: 100% }
    .history02:before { position: absolute; content: ""; top: 0; height: 100%; right: 50%; border-right: 1px solid #e9e8e8; z-index: -1 }
    .history02 .time_year { border: 1px solid #bcbcbc; width: 122px; height: 72px; margin: 0 auto 64px; clear: both }
        .history02 .time_year span { background-color: #bcbcbc; text-align: center; font-size: 26px; color: #ffffff; border: 4px solid #ffffff; display: block; height: 70px; line-height: 64px }
    .history02 .time_box_left, .history02 .time_box_right { position: relative; clear: both }
        .history02 .time_box_left:after, .history02 .time_box_right:after { clear: both; content: "."; height: 0; font-size: 0; visibility: hidden; display: block }
    .history02 .time_box_top { padding: 8px 8px 50px 8px; border: 1px solid #d4d4d4; background: #fafafa; position: relative; margin: 30px 0 60px 0 }
        .history02 .time_box_top:before { content: ""; width: 20px; height: 20px; position: absolute; bottom: -11px; border-bottom: 1px solid #d4d4d4; border-left: 1px solid #d4d4d4; background-color: #FFF; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); margin: 0 0 0 -10px; right: 50% }
    .history02 .time_content, .history02 .time_photo { width: 44%; margin: 0 6% 0 0; float: right; border: 1px solid #d4d4d4; padding: 8px 8px 30px 8px; position: relative; margin-bottom: 60px; background: #fafafa }
    .history02 .time_content { margin: 0 0 0 6% }
    .history02 .time_photo { margin-top: 100px }
    .history02 .time_photo { float: left }
    .history02 .time_month { width: 70px; height: 70px; line-height: 70px; text-align: center; background-color: #fff; color: #666; font-size: 14px; position: absolute; right: 50%; margin: 0 0 0 -35px; margin-top: 86px; border-radius: 50%; border: 1px solid #e9e8e8; z-index: 1 }
        .history02 .time_month.time_month_top { margin-top: -35px; top: 0 }
        .history02 .time_month.time_month_two { z-index: 1; margin: 0 0 0 -34px; left: auto; top: 0 }
        .history02 .time_month.time_month_one { z-index: 1; top: 102px; margin: 0 0 0 -34px }
    .history02 .time_box_left .time_content:before, .history02 .time_box_left .time_photo:before, .history02 .time_box_right .time_photo:before, .history02 .time_box_right .time_content:before { content: ""; width: 20px; height: 20px; position: absolute; top: 27px; border-bottom: 1px solid #d4d4d4; border-left: 1px solid #d4d4d4; background-color: #fafafa }
    .history02 .time_box_left .time_content:before, .history02 .time_box_right .time_photo:before { left: -11px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg) }
    .history02 .time_box_left .time_photo:before, .history02 .time_box_right .time_content:before { right: -11px; transform: rotate(135deg); -ms-transform: rotate(135deg); -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg) }
    .history02 .time_box_right .time_photo { float: right }
    .history02 .time_box_right .time_content { float: left; margin-top: 56px }
    .history02 .time_box_right .time_photo:before { top: 150px }
    .history02 .time_box_right .time_month { margin-top: 142px }
    .history02 .time_more { background-color: #3cceda; color: #FFF; padding: 13px 30px; display: inline-block; text-decoration: none }
.history02-title01 { text-align: center; font-size: 29px; color: #3b9cf7; margin: 0; text-transform: uppercase; line-height: 1 }
.history02-carouse02 .owl-buttons .owl-prev, .history02-carouse02 .owl-buttons .owl-next { position: absolute; right: 0; top: 30%; width: 30px; height: 30px; line-height: 30px; font-size: 0; text-align: center; cursor: pointer; margin: -15px 0 0 0; border: none; border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; background-color: transparent; border: 1px solid #fff; border-right: 0 }
.history02-carouse02 .owl-buttons .owl-next { right: auto; left: 0; border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-left: 0; border-right: 1px solid #fff }
    .history02-carouse02 .owl-buttons .owl-prev:before, .history02-carouse02 .owl-buttons .owl-next:before { border-right: 2px solid #ccc; border-bottom: 2px solid #ccc }
    .history02-carouse02 .owl-buttons .owl-next:before { border-right: none; border-left: 2px solid #ccc }
    .history02-carouse02 .owl-buttons .owl-prev:hover, .history02-carouse02 .owl-buttons .owl-next:hover { background: #fff }
        .history02-carouse02 .owl-buttons .owl-prev:hover:before, .history02-carouse02 .owl-buttons .owl-next:hover:before { border-right: 2px solid #21a3f0; border-bottom: 2px solid #21a3f0 }
        .history02-carouse02 .owl-buttons .owl-next:hover:before { border-right: none; border-left: 2px solid #21a3f0 }
.history02 .time_box_top { text-align: center }
.history02 .time_title { text-transform: uppercase; color: #363839; font-size: 20px; line-height: 1; padding: 0 0 20px 0 }
.history02 .time_content_top { padding: 48px 0 0 0 }
a.history02-bnt, a:link.history02-bnt, a:active.history02-bnt, a:visited.history02-bnt { font-size: 16px; padding: 15px 20px; color: #FFF !important; background-color: #20a3f0; text-decoration: none; display: inline-block; font-weight: bold; margin: 15px 0 0 0; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-transform: uppercase; line-height: 1; font-weight: normal }
div a.history02-bnt:hover { background-color: #444 }
.time_box_top a.history02-bnt, .time_box_top a:link.history02-bnt, .time_box_top a:active.history02-bnt, .time_box_top a:visited.history02-bnt { padding: 15px 40px }
.time_box_top a:hover.history02-bnt { background-color: #444 }
.history02 .time_box_left h2 { font-size: 20px; color: #333; font-weight: normal; text-transform: uppercase; line-height: 1; padding: 20px 0 20px 0; margin: 0 }
.history02 .time_box_left h3 { font-size: 20px; color: #333; font-weight: normal; text-transform: uppercase; line-height: 1; padding: 20px 0 20px 0; margin: 0 0 20px 0; position: relative }
    .history02 .time_box_left h3:before { content: ""; border-bottom: 2px solid #3b9cf7; width: 57px; position: absolute; right: 0; bottom: 0 }
    .history02 .time_box_left h3.back-title:before { border-bottom: 2px solid #666666 }
.history02 .time_phone_con, .history02 .history02-carouse02-con { padding: 0 10px }
.history02 ul { margin: 0; padding: 0 0 20px 0 }
    .history02 ul li { list-style: none; padding: 10px 0; line-height: 1.2 }
    .history02 ul.history02-list01 li { width: 50%; float: right }
    .history02 ul li em { color: #3b9cf7 }
.history02 .photo_box .ico span { background-color: transparent; border: 1px solid #fff; border-radius: 0 }
.history02-bottom { width: 70px; height: 70px; border-radius: 50%; border: 1px solid #e9e8e8; position: absolute; bottom: 0; right: 50%; text-align: center; line-height: 70px; margin: 0 0 0 -35px; background: #fff; color: #999 }
/*history03*/
.history03-content { padding: 35px 0 0 }
.history03-tree_middle { background: url("../images/pages/history03-bg.jpg") center top repeat-y }
    .history03-tree_middle > .row { padding: 20px 0 60px }
    .history03-tree_middle h3 { font-size: 20px; color: #010101; font-weight: normal; margin: 0 0 20px; line-height: 1.2 }
.history03-content .tree_left img, .history03-content .tree_left > div { float: left }
.history03-content .tree_right img, .history03-content .tree_right > div { float: right }
.history03-content .tree_left > div, .history03-content .tree_right > div { padding-top: 38px }
.history03-content .accent_text { color: #3b9cf7 }
.history03-content .left_branch { margin-left: -7px; padding-top: 10px }
.history03-content .right_branch { margin-right: -7px; padding-top: 15px }
.history03-img { margin: 0 30px }
.history03-content .pr50 { padding-left: 42px }
.history03-content .pl50 { padding-right: 42px }
.history03-line { border-bottom: 2px solid #666666; width: 46px; text-align: left; float: left; vertical-align: top }
.history03-tree_middle h4 { color: #666666; font-weight: normal; text-transform: uppercase; clear: both; padding: 15px 0 0 0; font-size: 13px; line-height: 1; margin: 0 0 20px 0 }
.history03-tree_middle em.fa { color: #20a3f0 }
.history03-title h2 { font-size: 24px; line-height: 1.2; color: #333333; white-space: normal; vertical-align: middle; margin: 0; line-height: 1; text-align: center; font-weight: normal }
.history03-title .line { width: 70px; height: 1px; background-color: #3b9cf7; margin: 30px auto }
.pr10 { padding-left: 10% }
.pl10 { padding-right: 10% }
/*Contact us*/
.contactus01-title1 { font-size: 30px; line-height: 1.2; color: #fff; white-space: normal; vertical-align: middle; font-weight: bold; margin: 0 0 20px; position: relative; text-align: center }
    .contactus01-title1 span { color: #FFF }
    .contactus01-title1 span { display: inline-block; position: relative; padding: 0 46px }
        .contactus01-title1 span:before, .contactus01-title1 span:after { border-color: #FFF }
        .contactus01-title1 span:before { content: ""; border-right: 3px solid #fff; height: 22px; position: absolute; right: 0; top: 50%; margin-top: -11px }
        .contactus01-title1 span:after { content: ""; border-left: 3px solid #fff; height: 22px; position: absolute; left: 0; top: 50%; margin-top: -11px }
.contactus01-ibox { padding: 25px 105px 30px 0; position: relative }
    .contactus01-ibox .fa { position: absolute; right: 10px; top: 40px; width: 60px; height: 60px; line-height: 60px; text-align: center; background-color: #37acf1; color: #FFF; font-size: 26px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% }
    .contactus01-ibox h3 { font-size: 17px; color: #333333; margin: 10px 0 20px 0; line-height: 1.2 }

@media only screen and (max-width:767px) {
    .contactus01-ibox { padding: 10px 80px 15px 0; text-align: right }
        .contactus01-ibox .fa { right: 0 }
}

.conatctus01-imgbottom > [class^="col-md"] { display: table-cell; float: none; vertical-align: bottom }
.contactus01-bg01 { background: url("../images/pages/contactus01-bg01.jpg") no-repeat center center; background-size: cover }
.contactus01-ibox02 { margin: -30px 0 -305px 0; padding: 0; background-color: #FFF; overflow: hidden; box-shadow: 0 0 35px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 35px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 35px rgba(0,0,0,0.4); position: relative; z-index: 1 }
    .contactus01-ibox02 li { list-style: none; width: 33.333%; float: right; padding: 100px 60px 85px 60px }
        .contactus01-ibox02 li .fa { width: 102px; height: 102px; line-height: 102px; text-align: center; font-size: 40px; color: #20a3f0; border: 2px solid #20a3f0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin-bottom: 35px }
        .contactus01-ibox02 li h3 { color: #333333; font-size: 18px; font-weight: normal; margin: 0 0 25px 0; line-height: 1.2 }
    .contactus01-ibox02 p { line-height: 2; color: #666666 }

@media only screen and (max-width:767px) {
    .contactus01-ibox02 li .fa { width: 80px; height: 80px; line-height: 80px; font-size: 30px; margin-bottom: 5px }
    .contactus01-ibox02 li h3 { margin-bottom: 15px }
}

.color_white { color: #fff }
.Contactus01-bg02 { padding: 395px 0 92px 0; border-bottom: 1px solid #ccc }
.Contactus01-Container01 { width: 714px; margin: 0 auto }
.contactus01-number { border: 1px solid #ffffff; padding: 40px 20px 30px 20px; text-align: center; font-size: 16px; margin-bottom: 15px; color: #666 }
    .contactus01-number .fa { font-size: 50px; color: #333 }
    .contactus01-number .number { display: block; font-size: 40px; padding: 2px 0; font-weight: lighter; color: #333 }
.contactus02-info { border: 1px solid #e3e3e3; min-height: 150px; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 20px; overflow: hidden; padding: 0 170px 0 20px; white-space: nowrap }
    .contactus02-info > span.fa { position: absolute; top: 0; right: 0; bottom: 0; width: 130px; background-color: #20a3f0; text-align: center; font-size: 50px; color: #FFF; line-height: 150px; transition: background-color ease-in 200ms; -moz-transition: background-color ease-in 200ms; -webkit-transition: background-color ease-in 200ms; -o-transition: background-color ease-in 200ms; -ms-transition: background-color ease-in 200ms }
    .contactus02-info:hover > span.fa { background-color: #b5b5b5 }
    .contactus02-info:after { content: ""; display: inline-block; width: 0; height: 150px; vertical-align: middle; margin-left: -4px }
    .contactus02-info .inforight { display: inline-block; vertical-align: middle; padding: 20px 0; white-space: normal }
        .contactus02-info .inforight h4 { font-size: 18px; color: #555555; font-weight: normal; line-height: 1.2; margin: 0 0 10px 0 }
        .contactus02-info .inforight p { margin: 0 }
.contactus02-bg01 { position: relative; z-index: 2 }
    .contactus02-bg01 .bg_left, .contactus02-bg01 .bg_right, .contactus02-bg01 .content_mid { position: static }
    .contactus02-bg01 .bg_right { padding: 70px 40px 70px 0 }
    .contactus02-bg01 .bg_left:before { content: ""; position: absolute; width: 50%; height: 100%; right: 0; top: 0; z-index: -1; background: url("../images/pages/contactus02-bg01.jpg") no-repeat center center; background-size: cover }
    .contactus02-bg01 .bg_right:before { content: ""; position: absolute; width: 50%; height: 100%; left: 0; top: 0; background: url("../images/pages/contactus02-bg02.png") no-repeat center center; background-color: #20a3f0; background-size: cover; z-index: -1 }

@media only screen and (max-width:767px) {
    .contactus02-bg01 .bg_left:before { display: none }
    .contactus02-bg01 .bg_right:before { width: 100% }
}

.contactus02-ibox { position: relative; overflow: hidden }
    .contactus02-ibox.border:before { content: ""; border-right: 1px solid #e2e2e2; left: 0; top: 0; height: 100%; position: absolute }
    .contactus02-ibox .pic { float: left; padding: 0 30px; width: 210px }
        .contactus02-ibox .pic img { max-width: 100%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% }
    .contactus02-ibox .left { overflow: auto; float: none }
    .contactus02-ibox h3 { font-size: 16px; color: #333333; line-height: 1.2; margin: 0 }
        .contactus02-ibox h3 span { display: block; font-size: 13px; color: #666666; padding: 8px 0 25px }
    .contactus02-ibox .social_list_10 span { width: 33px; height: 33px; line-height: 33px; font-size: 15px; display: inline-block; margin: 0 3px 5px; text-align: center; background-color: #20a3f0; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #FFF; background-color: #20a3f0 }
        .contactus02-ibox .social_list_10 span:hover { background: #444 }
.contactus02-bg02 .contactus02-text:after { content: ""; position: absolute; border-style: solid; border-width: 15px; border-color: #20a3f0 transparent transparent transparent; top: 100%; right: 50%; margin: 0 0 0 -15px }
.contactus02-bg02 .contactus02-text { font-size: 28px; color: #fff; padding: 38px 0; margin: 0; display: block; position: relative; text-align: center; line-height: 1.2 }
.contactus02-bg02 { background: #20a3f0 }
.contactus02-ibox02 { text-align: center; margin: 60px 0 0 0 }
.contactus02-out .contactus02-icon { display: inline-block; width: 92px; height: 92px; line-height: 80px; border-width: 1px; border-style: solid; color: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; font-size: 40px }
.contactus02-out.the1 .contactus02-icon { border-color: #1B58A1; background-color: #1B58A1 }
.contactus02-out.the2 .contactus02-icon { border-color: #FFAA07; background-color: #FFAA07 }
.contactus02-out.the3 .contactus02-icon { border-color: #20a3f0; background-color: #20a3f0 }
.contactus02-out.the4 .contactus02-icon { border-color: #F10403; background-color: #F10403 }
.contactus02-out .contactus02-icon .contactus02-iconborder { border: 5px solid transparent; display: inline-block; border-radius: 50%; width: 100%; height: 100%; transition: border ease-in 200ms; -moz-transition: border ease-in 200ms; -webkit-transition: border ease-in 200ms; -o-transition: border ease-in 200ms; -ms-transition: border ease-in 200ms }
.contactus02-out:hover .contactus02-icon .contactus02-iconborder { border: 5px solid #fff }
.contactus02-out h3 { font-size: 18px; color: #20a3f0; margin: 30px 0 5px 0; font-weight: normal; line-height: 1.2 }
.contactus02-title01 { text-align: center }
    .contactus02-title01 h2 { color: #333333; display: inline-block; font-size: 30px; font-weight: normal; line-height: 1.2; margin: 0 0 35px; padding: 0 0 23px; position: relative }
        .contactus02-title01 h2::before { background-color: #20a3f0; bottom: 0; content: ""; display: block; height: 2px; right: 50%; margin-right: -33px; position: absolute; width: 66px }
/*Our Services*/
.service01-ibox { margin: 30px 0 0 0 }
    .service01-ibox .service01-ibox_main { position: relative; padding: 0 90px 0 0 }
        .service01-ibox .service01-ibox_main:before { position: absolute; content: ""; width: 1px; height: 100px; background-color: #CCCCCC; right: 19px; top: 70px }
        .service01-ibox .service01-ibox_main.the3:before { display: none }
        .service01-ibox .service01-ibox_main em.fa { font-size: 40px; color: #20a3f0; position: absolute; right: 0; top: 15px }
        .service01-ibox .service01-ibox_main h3 { margin: 0 0 20px 0; font-size: 17px; color: #333; font-weight: bold; text-transform: uppercase; line-height: 1.2 }
        .service01-ibox .service01-ibox_main p { color: #666 }
.service01-full { position: relative; margin: 0 0 40px 0 }
    .service01-full .service01-full_left { background-color: #00CFD9 }
        .service01-full .service01-full_left .service01-full_left_main { text-align: center; padding: 301px 80px 301px 503px }
            .service01-full .service01-full_left .service01-full_left_main em { display: inline-block; margin: 0 0 20px 0; color: #fff; font-size: 25px }
            .service01-full .service01-full_left .service01-full_left_main p { margin: 0; color: #fff; font-size: 13px; line-height: 24px }
    .service01-full .service01-full_right { background-color: #2C82D4 }
        .service01-full .service01-full_right .service01-full_right_main { text-align: center; padding: 301px 503px 301px 80px }
            .service01-full .service01-full_right .service01-full_right_main em { display: inline-block; margin: 0 0 20px 0; color: #fff; font-size: 25px }
            .service01-full .service01-full_right .service01-full_right_main p { margin: 0; color: #fff; font-size: 13px; line-height: 24px }
    .service01-full .service01-full_img { text-align: center; position: absolute; width: 100%; top: 140px }
.service01-full_img img { display: inline-block }
.service01-ibox02 { width: 244px; height: 244px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 1px dashed #aaa; margin: 68px auto 0; position: relative }
.service01-ibox02_right { margin: 30px 0 0 0 }
.service01-ibox02 em.fa { width: 120px; height: 120px; line-height: 120px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #20a3f0; color: #fff; position: absolute; font-size: 40px }
.service01-ibox02 em.the1.fa { top: 0; right: 50%; margin: -38px 0 0 -60px }
.service01-ibox02 em.the2.fa { bottom: 12px; right: 0; top: auto; margin: 0 0 0 -38px }
.service01-ibox02 em.the3.fa { bottom: 12px; top: auto; left: 0; margin: 0 -38px 0 0 }
.service01-ibox02_r { margin: 30px 0 0 0 }
.service01-tab ul.resp-tabs-list li { background: #eee; padding: 21px 47px; line-height: 1.2; font-size: 15px; border: 0; border-left: 2px solid #fff }
    .service01-tab ul.resp-tabs-list li.resp-tab-active { background: #20a3f0; color: #fff; position: relative }
.service01-tab .resp_margin { padding: 40px 0 0 0 }
.service01-tab .resp-tabs-container { border: 0; margin: 0 }
.service01-tab ul.resp-tabs-list li.resp-tab-active:before { border: 4px solid transparent; border-top: 4px solid #20a3f0; content: ""; display: block; position: absolute; right: 50%; bottom: -8px; width: 0; margin: 0 0 0 -2px }
.service-bg01 { background: #333333; color: #fff }
.ourservices_d { background-color: #333 }
    .ourservices_d .aboutus_b h1 { color: #fff }
    .ourservices_d .aboutus_b p { color: #999 }
.service01-imgbox .service01-imgcon { width: 25%; float: right }
    .service01-imgbox .service01-imgcon .photo_box { margin: 0 }
        .service01-imgbox .service01-imgcon .photo_box .shade { background-color: #20a3f0; padding: 20px }
        .service01-imgbox .service01-imgcon .photo_box:hover .shade { filter: alpha(opacity=90); opacity: 0.9 }
        .service01-imgbox .service01-imgcon .photo_box .shade2 { width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=0); opacity: 0; z-index: 0 }
        .service01-imgbox .service01-imgcon .photo_box:hover .shade2 { filter: alpha(opacity=20); opacity: 0.2 }
.service01-imgbox .photo_box .ico span { background-color: transparent; border: 1px solid #fff; width: 65px !important; height: 65px !important; line-height: 65px !important }
.service01-chart { text-align: center; color: #fff }
    .service01-chart .bgcolor1 { background-color: #00CFD9; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 40px 0; margin: 30px 0 0 0 }
    .service01-chart .bgcolor2 { background-color: #83D580; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 40px 0; margin: 30px 0 0 0 }
    .service01-chart .bgcolor3 { background-color: #FFBD3E; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 40px 0; margin: 30px 0 0 0 }
    .service01-chart .bgcolor4 { background-color: #51CAB8; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 40px 0; margin: 30px 0 0 0 }
    .service01-chart .service01-percentage2 { position: relative; margin: 0 auto; width: 170px; height: 170px; line-height: 170px; color: #fff }
        .service01-chart .service01-percentage2 .percentage_inner { font-size: 30px; color: #fff; font-weight: normal; position: absolute; width: 100% }
    .service01-chart p { font-size: 15px; color: #fff; text-transform: uppercase; margin: 30px 0 0 0 }
.service02-ibox { text-align: center; margin: 0 0 40px; position: relative; z-index: 1 }
    .service02-ibox:before { content: ""; top: 101px; border-bottom: 1px dashed #d3d3d3; position: absolute; width: 100%; right: 50%; z-index: -1 }
.row > .col-sm-6:last-child .service02-ibox:before { display: none }
.service02-ibox span.fa { font-size: 50px; color: #333333 }
.service02-ibox h3 { margin: 55px 0 30px 0; font-size: 16px; color: #333333; line-height: 1.2 }
.service02-ibox .ico { width: 203px; height: 203px; border: 2px solid #7770cc; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin: 0 auto 40px; background-color: #FFF }
    .service02-ibox .ico span { width: 90px; height: 90px; line-height: 90px; background-color: #7770cc; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; font-size: 30px; color: #FFF; margin-top: 56px; position: relative; z-index: 1 }
        .service02-ibox .ico span:after { content: ""; position: absolute; top: -20px; right: -20px; left: -20px; bottom: -20px; background-color: #7770cc; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; opacity: 0.5; z-index: -1 }
    .service02-ibox .ico.color_1 span, .service02-ibox .ico.color_1 span:after { background-color: #20a3f0 }
    .service02-ibox .ico.color_1 { border-color: #20a3f0 }
    .service02-ibox .ico.color_3 span, .service02-ibox .ico.color_3 span:after { background-color: #b75ccd }
    .service02-ibox .ico.color_3 { border-color: #b75ccd }
    .service02-ibox .ico.color_4 span, .service02-ibox .ico.color_4 span:after { background-color: #4680dd }
    .service02-ibox .ico.color_4 { border-color: #4680dd }

@media only screen and (max-width:767px) {
    .service02-ibox:before { display: none }
}

.service02-bg01 { background: #f4f4f4; text-align: center }
.service02-chart { text-align: center }
    .service02-chart .percentage2 { position: relative; margin: 16px auto 37px; width: 275px; height: 275px; color: #FFF; border: 2px solid #FFF; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; padding: 12px }
    .service02-chart .percentage_inner { position: absolute; top: 0; right: 0; width: 100%; text-align: center; font-size: 60px; font-weight: bold; margin-top: 60px }
    .service02-chart p { color: #FFF; font-size: 16px }
.service02-bg02 { background: #20a3f0 }
.service02-carousel .item { margin: 0 15px; padding: 0 }
.service02-carousel .owl-page { border: none; background-color: #cecece; width: 20px; height: 20px; margin: 0 4px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% }
    .service02-carousel .owl-page:hover, .service02-carousel .owl-page.active { background-color: #20a3f0 }
.service02-carousel .blockquote_6 { border: 1px solid #dddddd; background-color: #f8f8f8; text-align: center; padding: 0 50px; margin-bottom: 154px; color: #333 }
    .service02-carousel .blockquote_6 .ico { font-size: 28px; position: relative; display: inline-block; color: #21a3f0; padding: 0 15px; margin: 40px 0 20px }
        .service02-carousel .blockquote_6 .ico:before, .blockquote_6 .ico:after { content: ""; width: 50px; left: 100%; top: 50%; border-bottom: 1px solid #21a3f0; position: absolute }
        .service02-carousel .blockquote_6 .ico:after { right: 100%; left: auto }
    .service02-carousel .blockquote_6 p { text-indent: 0; margin-bottom: 30px; font-style: normal }
    .service02-carousel .blockquote_6 small { position: static; padding: 0; margin-bottom: -124px }
        .service02-carousel .blockquote_6 small:before { content: "" }
    .service02-carousel .blockquote_6 .pic { width: 112px; height: 112px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 1px solid #dddddd; padding: 5px; margin: auto auto 30px; background-color: #FFF }
    .service02-carousel .blockquote_6 small img { max-width: 100%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% }
    .service02-carousel .blockquote_6 small span { font-weight: bold; font-size: 14px; color: #333333; font-style: normal }
        .service02-carousel .blockquote_6 small span em { font-weight: normal; font-size: 13px; color: #888888; display: block; padding-top: 5px; font-style: normal }
.service02-title1 { font-size: 40px; color: #e6e6e6; margin-bottom: 60px; line-height: 1.2 }
.service02-full-left { margin: 0; padding: 0; list-style: none }
    .service02-full-left li { padding: 0 85px 60px 0; position: relative; overflow: hidden }
        .service02-full-left li .fa { position: absolute; top: 20px; right: 0; font-size: 38px; opacity: 0.4 }
        .service02-full-left li h3 { margin: 0 0 20px 0; font-size: 17px; color: #ffffff; line-height: 1.2 }
        .service02-full-left li:before { content: ""; position: absolute; top: 70px; right: 22px; border-left: 1px solid #FFF; height: 100%; opacity: 0.4 }
        .service02-full-left li:last-child:before { display: none }
.service02-bg03 .right_img { position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: url("../images/pages/service02-full-left.jpg") no-repeat center center; background-size: cover }
.service02-bg03 { background-color: #7770cc; position: relative; color: #fff }
    .service02-bg03 .row { margin-right: 0; margin-left: 0 }
    .service02-bg03 a.ourteam-bnt02 { line-height: 1.2; padding: 19px 50px; min-width: 196px }
/*faq*/
.faq01-chart { text-align: center }
    .faq01-chart .percentage5 { position: relative; margin: auto auto 10px; width: 180px; height: 180px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 22px solid #f0f0f0 }
        .faq01-chart .percentage5 .percentage_inner { position: absolute; width: 100%; line-height: 120px; text-align: center; font-size: 30px; color: #333; margin: 0 }
        .faq01-chart .percentage5 canvas { margin: -12px }
    .faq01-chart h3 { color: #333333; font-size: 18px; text-align: center; padding: 32px 0 25px; margin: 0; line-height: 1.2 }
    .faq01-chart p { padding: 0 10px }
.faq01-Testimonials .faq_list { margin: 0; padding: 0 0 60px }
    .faq01-Testimonials .faq_list dt { font-size: 15px; color: #333333; padding: 20px 60px 20px 0; position: relative; text-transform: uppercase; margin: 0 }
        .faq01-Testimonials .faq_list dt:before { content: "\f128"; font-family: "FontAwesome"; width: 40px; height: 40px; line-height: 40px; position: absolute; top: 9px; right: 0; background-color: #20a3f0; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #FFF; font-size: 20px }
    .faq01-Testimonials .faq_list dd { font-size: 13px; color: #666666; line-height: 2; padding: 0 60px 40px 0; border-bottom: 1px solid #cccccc; margin-bottom: 25px }
.faq01-Testimonials .dot a:hover, .faq01-Testimonials .dot a.actived { background-color: #20a3f0 }
.faq01-Testimonials .dot a { width: 17px; height: 17px; background-color: #d0d0d0; border: none; margin-left: 5px }
.faq01-bg01 { background: #f4f4f4; position: relative }
.faq-text a.ourteam-bnt02 { line-height: 1.2; padding: 19px 45px; min-width: 234px; margin: 0 }
.faq-text .icon { width: 150px; height: 150px; line-height: 150px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #219ae1; margin: auto auto 70px }
.faq-text h3 { font-size: 40px; color: #ffffff; margin-bottom: 40px; line-height: 1.2 }
.fag01-bg02 { background: url("../images/pages/fag01-bg02.jpg") no-repeat center bottom; background-size: cover; text-align: center; color: #fff }
.faq-imgbox img { max-width: 100% }
.faq-imgbox h3 { color: #333333; font-size: 20px; padding: 40px 0 25px; margin: 0; line-height: 1.2 }
.faq-imgbox p { margin-bottom: 40px }
.faq-imgbox a.ourteam-bnt, .faq-imgbox a:link.ourteam-bnt, .faq-imgbox a:active.ourteam-bnt, .faq-imgbox a:visited.ourteam-bnt { font-weight: normal; font-size: 15px }
.faq01-bg01 .col-md-6.faq01-imgbottom { position: absolute; left: 0; bottom: 0 }
.faq02-ibox { position: relative }
    .faq02-ibox .img { text-align: center; position: relative; padding: 260px 0; z-index: 1 }
        .faq02-ibox .img:before { content: ""; z-index: -1; position: absolute; width: 266px; height: 266px; background-color: #D6D6D6; right: 50%; top: 50%; margin: -133px 0 0 -133px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg) }
        .faq02-ibox .img:after { content: ""; position: absolute; width: 100%; height: 1px; background-color: #DCDCDC; top: 50%; margin: -1px 0 0 0; right: 0; z-index: -2 }
        .faq02-ibox .img img { display: inline-block }
    .faq02-ibox .faq02-ibox_left_top { position: absolute; right: 0; top: 30px; text-align: right; width: 30%; z-index: 2 }
        .faq02-ibox .faq02-ibox_left_top .main h3, .faq02-ibox .faq02-ibox_left_bottom .main h3, .faq02-ibox .faq02-ibox_right_top .main h3, .faq02-ibox .faq02-ibox_right_bottom .main h3 { font-size: 17px; font-weight: bold; text-transform: uppercase; color: #333; margin: 0; line-height: 1.2 }
            .faq02-ibox .faq02-ibox_left_top .main h3 em.fa, .faq02-ibox .faq02-ibox_left_bottom .main h3 em.fa, .faq02-ibox .faq02-ibox_right_top .main h3 em.fa, .faq02-ibox .faq02-ibox_right_bottom .main h3 em.fa { width: 70px; height: 70px; line-height: 70px; text-align: center; color: #fff; background-color: #20a3f0; font-size: 28px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; vertical-align: middle; margin: 0 0 0 15px }
            .faq02-ibox .faq02-ibox_right_top .main h3 em.fa, .faq02-ibox .faq02-ibox_right_bottom .main h3 em.fa { margin: 0 15px 0 0 }
        .faq02-ibox .faq02-ibox_left_top .main p, .faq02-ibox .faq02-ibox_left_bottom .main p, .faq02-ibox .faq02-ibox_right_top .main p, .faq02-ibox .faq02-ibox_right_bottom .main p { font-size: 13px; color: #666; margin: 25px 0 0 0 }
    .faq02-ibox .faq02-ibox_left_bottom { position: absolute; right: 0; bottom: 0; text-align: right; width: 30%; z-index: 2 }
    .faq02-ibox .faq02-ibox_right_top { position: absolute; left: 0; top: 30px; text-align: left; width: 30%; z-index: 2 }
    .faq02-ibox .faq02-ibox_right_bottom { position: absolute; left: 0; bottom: 0; text-align: left; width: 30%; z-index: 2 }
.faq02-Testimonials blockquote { color: #fff; font-size: 13px; font-style: normal; padding: 0; margin: 0; line-height: 22px }
    .faq02-Testimonials blockquote .main { width: 50%; background-color: rgba(0,38,40,0.8); padding: 168px 130px 248px 130px }
        .faq02-Testimonials blockquote .main h2 { color: #20a3f0; font-size: 20px; font-weight: normal; margin: 0 0 10px 0; line-height: 1.2 }
        .faq02-Testimonials blockquote .main h1 { color: #fff; font-size: 30px; font-weight: normal; margin: 0 0 30px 0; line-height: 1.2 }
        .faq02-Testimonials blockquote .main p { color: #aaa; font-size: 13px; margin: 0 0 40px 0; font-style: normal; text-indent: 0 }
        .faq02-Testimonials blockquote .main a { text-decoration: none; font-size: 15px; color: #fff; background-color: #20a3f0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 19px 42px; display: inline-block; transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; /* Firefox 4 */ -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ -o-transition: all ease-in 200ms; /* Opera */ -ms-transition: all ease-in 200ms; /* IE9? */ }
            .faq02-Testimonials blockquote .main a:hover { background-color: #333 }
    .faq02-Testimonials blockquote small { width: 100%; height: 100%; bottom: auto; right: 0; top: 0; padding: 0; z-index: -1 }
        .faq02-Testimonials blockquote small span { width: 100%; height: 100%; display: block; background-position: center; background-repeat: no-repeat; background-size: cover }
        .faq02-Testimonials blockquote small:before { display: none }
.faq02-Testimonials .dot { right: 130px; bottom: 150px; z-index: 12 }
    .faq02-Testimonials .dot a { width: 18px; height: 18px; border: 1px solid transparent !important; background-color: rgba(255,255,255,0.3) }
        .faq02-Testimonials .dot a.actived { background-color: transparent !important; border: 1px solid #fff !important }
.faq02-Testimonials .last_page { display: none }
.faq02-Testimonials .next_page { position: absolute; top: 0; left: 0; height: 60px; line-height: 60px; width: 60px; border: 1px solid #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; color: #fff; font-family: Helvetica; top: 118px; bottom: auto; right: 50%; left: auto; margin: 0 0 0 -190px; font-size: 0; z-index: 12 }
    .faq02-Testimonials .next_page:before { font-family: 'FontAwesome'; content: "\f105"; position: absolute; font-size: 30px; right: 50%; margin: 0 0 0 -5px }
.faq02-Testimonials img { height: 100%; width: 100% }
.faq02-accordion { margin: 30px 0 0 0 }
    .faq02-accordion .panel-default { background-color: transparent; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none }
        .faq02-accordion .panel-default > .panel-heading { background-color: #F6F6F5; border: none; padding: 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px }
    .faq02-accordion .panel-heading + .panel-collapse .panel-body { border: none; padding: 0 50px 0 0; margin: 50px 50px 50px 0; border-right: 2px solid #20a3f0 }
        .faq02-accordion .panel-heading + .panel-collapse .panel-body img { float: left; margin: 0 30px 0 0 }
    .faq02-accordion .panel-default > .panel-heading a { font-size: 15px; font-weight: bold; padding: 14px 30px 14px 0; color: #333; display: block; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px }
    .faq02-accordion .panel + .panel { margin-top: 15px }
    .faq02-accordion .panel-default > .panel-heading a.collapsed { color: #333; background-color: #F6F6F5 }
    .faq02-accordion .panel-default > .panel-heading a:hover { text-decoration: none }
    .faq02-accordion .panel-default .panel-title { position: relative; padding-right: 46px }
    .faq02-accordion .panel-default .accordion_icon { position: absolute; right: 0; top: 0; background-color: #20a3f0; width: 50px; height: 100%; margin: 0; float: right; font-family: 'FontAwesome'; -webkit-font-smoothing: antialiased; border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px }
        .faq02-accordion .panel-default .accordion_icon:before { position: absolute; top: 50%; right: 50%; margin: -11px 0 0 -7px; content: "\2212"; color: #FFF; font-size: 20px }
    .faq02-accordion .panel-default .collapsed .accordion_icon:before { content: "\002B"; color: #FFF }

@media only screen and (max-width:767px) {
    .faq02-accordion .panel-heading + .panel-collapse .panel-body { margin: 20px 0 20px 0; padding-right: 15px }
}

.faq02-chart { text-align: center }
    .faq02-chart .faq02-percentage { margin: 30px auto; color: #20a3f0 }
        .faq02-chart .faq02-percentage .percentage_inner { width: 120px; height: 120px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; line-height: 120px !important; text-align: center; font-size: 24px; color: #333; background-color: #fff; padding: 0; margin: 40px 0 0 -60px; position: absolute; right: 50% }
    .faq02-chart h3 { font-size: 18px; color: #fff; font-weight: bold; line-height: 1.2; margin: 0 0 20px 0 }
    .faq02-chart p { font-size: 13px; color: #fff }
.faq02-bg01 { background-image: url("../images/pages/faq02-bg01.jpg"); background-repeat: no-repeat; background-position: center bottom; background-size: cover; background-attachment: fixed; text-align: center; color: #fff }

@media only screen and (max-width:991px) {
    .faq02-bg01 { background-attachment: scroll }
}

a.faq02-bnt, a.faq02-bnt:link, a.faq02-bnt:active, a.faq02-bnt:visited { border: 2px solid #fff; color: #fff; display: inline-block; font-size: 15px; margin-top: 2px; padding: 10px 30px; font-weight: normal; text-decoration: none; transition: all 200ms ease-in 0s; display: inline-block; vertical-align: bottom; margin: 10px 40px 0 40px; border-radius: 2px }
a:hover.faq02-bnt { background: #fff; color: #20a3f0 }
.faq02-text { position: relative }
    .faq02-text .text_left { text-align: center; font-size: 30px; padding: 10px 0 }
    .faq02-text .text_right { position: absolute; top: 50%; left: 3%; transform: translateY(-50%); -webkit-transform: translateY(-50%) }
        .faq02-text .text_right .ourteam-bnt02 { margin: 0 }
/*Pricing*/
.dg-title25.Pricing-title h3 { color: #000; text-transform: uppercase }
.dg-title25 .line:before, .dg-title25 .line:after { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% }
.pricing01-bg01 { background: #f4f4f4 }
.pricing01-ibox { border: 1px solid #20a3f0; padding: 60px 60px 40px; text-align: center; margin-bottom: 40px }
    .pricing01-ibox .ico { width: 80px; height: 72px; line-height: 72px; display: block; background-color: #21a3f0; text-align: center; font-size: 30px; color: #FFF; margin: auto auto 55px; position: relative }
        .pricing01-ibox .ico:before { content: ""; border: 8px solid transparent; border-top-color: #21a3f0; border-right-color: #21a3f0; position: absolute; top: 100%; right: 0 }
    .pricing01-ibox h3 { font-size: 16px; color: #333333; padding-bottom: 18px; margin: 0; line-height: 1.2 }
.pricing01-price { padding: 0; min-width: 100%; display: table; margin: auto }
    .pricing01-price > div { display: table-cell; vertical-align: bottom; float: none }
    .pricing01-price .price_title { padding: 40px 0 40px; margin: 0; text-align: center; background-color: #20a3f0; border-bottom: none }
        .pricing01-price .price_title h2 { color: #FFF; font-size: 18px; text-transform: uppercase; line-height: 1.2 }
    .pricing01-price .price_holder { border-color: #bbbbbb; border-top: none; text-align: center; margin: 0 0 40px 0; background-color: #FFF }
        .pricing01-price .price_holder ul { border: none }
            .pricing01-price .price_holder ul li { border: none; text-align: center; color: #666666; border-bottom: 1px solid #d4d4d4; padding: 20px 0 }
                .pricing01-price .price_holder ul li:nth-child(even) { background-color: #f6f6f6 }
        .pricing01-price .price_holder .price_box { background-color: #20a3f0; padding: 0 0 40px }
            .pricing01-price .price_holder .price_box .box { width: 204px; height: 204px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 2px solid #ffffff; margin: auto; text-align: center; color: #FFF; padding-top: 65px; margin-bottom: 20px }
            .pricing01-price .price_holder .price_box .sup { vertical-align: inherit; font-size: 40px; line-height: 1.2; font-weight: bold }
            .pricing01-price .price_holder .price_box .price { font-size: 40px; line-height: 1.2; font-weight: bold }
            .pricing01-price .price_holder .price_box .unit { display: inline-block; font-size: 20px; padding-top: 5px }
            .pricing01-price .price_holder .price_box em { display: block; font-style: normal; font-size: 14px; padding-top: 5px }
        .pricing01-price .price_holder .btn { border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; padding: 20px 50px; font-size: 15px; display: inline-block; margin: 30px 0; background-color: #4680dd }
            .pricing01-price .price_holder .btn:hover { background-color: #333 !important }
    .pricing01-price .color_2 .price_title, .pricing01-price .color_2 .price_holder .price_box, .pricing01-price .color_2 .price_holder .btn { background-color: #7770cc }
    .pricing01-price .color_3 .price_title, .pricing01-price .color_3 .price_holder .price_box, .pricing01-price .color_3 .price_holder .btn { background-color: #b75ccd }
    .pricing01-price .color_4 .price_title, .pricing01-price .color_4 .price_holder .price_box, .pricing01-price .color_4 .price_holder .btn { background-color: #4680dd }
.pricing01-title { color: #ffffff; font-size: 30px; margin: 50px 0 45px 0; line-height: 1.2 }
.pricing01-list { margin: 0; padding: 0; clear: both; list-style: none; overflow: hidden }
    .pricing01-list li { margin: 0; padding: 10px 0 }
        .pricing01-list li .fa { color: #fff; font-size: 15px; vertical-align: middle; margin-left: 20px }
        .pricing01-list li a { color: #fff }
        .pricing01-list li:hover a, .pricing01-list li:hover .fa { color: #20a3f0; text-decoration: none }
.pricing01-bg02 { background: url("../images/pages/pricing01-bg02.jpg") no-repeat center center; background-size: cover; color: #fff; position: relative }
    .pricing01-bg02 .prcing01-img img.shaowd { -moz-box-shadow: 0 15px 15px -8px #dcdcdc; -webkit-box-shadow: 0 15px 15px -8px #dcdcdc; box-shadow: 0 15px 15px -8px #dcdcdc; border-radius: 50px 50px 0 0 }
    .pricing01-bg02 .prcing01-img { position: absolute; bottom: 0; left: 0 }
        .pricing01-bg02 .prcing01-img .prcing01-left { right: -44px; position: absolute; top: 115px }
.pricing01-bnt, a.pricing01-bnt, a:link.pricing01-bnt, a:active.pricing01-bnt, a:visited.pricing01-bnt { padding: 18px 58px; font-size: 15px; display: inline-block; white-space: nowrap; color: #fff; border: 2px solid #fff; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-transition: all ease-in 200ms; transition: all ease-in 200ms; line-height: 1.2; min-width: 236px }
.pricing01-img-list { margin: 0 -3px; padding: 0; list-style: none; text-align: center; overflow: hidden }
    .pricing01-img-list li { float: right; width: 16.6666% }
        .pricing01-img-list li .box { background-color: #eeeeee; margin: 3px; padding: 60px 5px 46px; font-size: 16px }
    .pricing01-img-list img { margin-bottom: 21px; display: inline-block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px }
.pricing01-bnt02, a.pricing01-bnt02, a:link.pricing01-bnt02, a:active.pricing01-bnt02, a:visited.pricing01-bnt02 { padding: 12px 40px; font-size: 15px; display: inline-block; white-space: nowrap; color: #20a3f0; border: 2px solid #20a3f0; margin: 0 0 10px 12px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-transition: all ease-in 200ms; transition: all ease-in 200ms }
    a.pricing01-bnt02:hover, a.pricing01-bnt:hover { border-color: #20a3f0; background-color: #20a3f0; color: #fff !important; text-decoration: none }
.pricing02-price { padding: 0; margin: 30px 0 0 0 }
    .pricing02-price .price_main { position: relative; margin: 0 0 15px 0 }
        .pricing02-price .price_main:before { content: ""; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background-color: #d4d4d4; margin: 0 0 0 -15px }
        .pricing02-price .price_main.the1:before { display: none }
    .pricing02-price .price_title { padding: 0; margin: 0; border: none; text-align: center }
        .pricing02-price .price_title .img { position: relative; display: inline-block }
            .pricing02-price .price_title .img img { display: inline-block }
        .pricing02-price .price_title em.fa { height: 60px; width: 60px; line-height: 60px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #20a3f0; color: #fff; text-align: center; position: absolute; left: 0; top: 0 }
        .pricing02-price .price_title .line { width: 50px; height: 1px; background-color: #20a3f0; display: block; margin: 30px auto }
    .pricing02-price .price_holder { border: none; margin: 0; padding: 0; text-align: center }
    .pricing02-price .price_box { color: #666; padding: 0 }
    .pricing02-price .sup { font-size: 40px; color: #333 }
    .pricing02-price .price { font-size: 24px; color: #333 }
    .pricing02-price .unit { display: block; text-align: center; color: #20a3f0; font-size: 17px; font-weight: bold; text-transform: uppercase }
    .pricing02-price .price_holder ul { border: none; margin: 15px 0; max-width: 75%; display: inline-block }
        .pricing02-price .price_holder ul li { text-align: right; font-size: 13px; color: #666; border: none; padding: 10px 0 10px 0 }
            .pricing02-price .price_holder ul li span.fa { font-size: 14px; color: #20a3f0; margin: 0 0 0 10px }
    .pricing02-price a.btn { background-color: #20a3f0; font-size: 14px; color: #ffffff; margin: 0 auto; padding: 12px 26px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px }
        .pricing02-price a.btn:hover { background-color: #333 !important }

@media only screen and (max-width:767px) {
    .pricing02-price .price_main:before { display: none }
    .pricing02-price .price_main { margin-bottom: 30px }
}

.pricing-full { position: relative }
    .pricing-full .pricing-full_left { width: 50%; height: 100%; position: absolute; right: 0; top: 0; background-image: url("../images/pages/pricing-full-bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center }
    .pricing-full .pricing-full_right { float: left; width: 50% }
        .pricing-full .pricing-full_right .pricing-full_right_main { background-color: #ECECEC; padding: 76px 40px 100px 40px }
            .pricing-full .pricing-full_right .pricing-full_right_main h3 { font-size: 20px; color: #20a3f0; font-weight: normal; margin: 0 0 10px 0 }
            .pricing-full .pricing-full_right .pricing-full_right_main h1 { font-size: 30px; color: #333; margin: 0 0 20px 0 }
            .pricing-full .pricing-full_right .pricing-full_right_main p { font-size: 13px; color: #666; margin: 0 0 10px 0 }
            .pricing-full .pricing-full_right .pricing-full_right_main ul { margin: 0; padding: 0; list-style-type: none }
                .pricing-full .pricing-full_right .pricing-full_right_main ul li { margin: 20px 0 0 -1px; position: relative; float: right; width: 33.333333%; list-style-type: none; cursor: pointer; border: 1px solid #cbcbcb; transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; -o-transition: all ease-in 200ms; -ms-transition: all ease-in 200ms; text-align: center }
                    .pricing-full .pricing-full_right .pricing-full_right_main ul li:hover { background-color: rgba(255,255,255,0.5) }
.pricing02-title1 h3 { font-size: 20px; color: #20a3f0; font-weight: normal; margin: 0 0 10px 0; line-height: 1.2 }
.pricing02-title1 h1 { font-size: 30px; color: #333; margin: 0 0 20px 0; line-height: 1.2 }
.pricing02-title1 p { font-size: 13px; color: #666; font-weight: normal }
.pricing02-title1 a.links { font-size: 15px; color: #20a3f0; text-decoration: none; border: 2px solid #20a3f0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: inline-block; padding: 10px 32px; margin: 30px 0 20px 0; transition: background-color ease-in 200ms,color ease-in 200ms; -moz-transition: background-color ease-in 200ms,color ease-in 200ms; -webkit-transition: background-color ease-in 200ms,color ease-in 200ms; -o-transition: background-color ease-in 200ms,color ease-in 200ms; -ms-transition: background-color ease-in 200ms,color ease-in 200ms }
    .pricing02-title1 a.links:hover { background-color: #20a3f0; color: #fff }
.pricing02-bg01 { background-image: url("../images/pages/pricing02-bg01.jpg"); background-repeat: no-repeat; background-position: center bottom; background-size: cover; background-attachment: fixed; text-align: center; color: #fff }

@media only screen and (max-width:991px) {
    .pricing02-bg01 { background-attachment: scroll }
}

.pricing02-ibox { background-color: #fff; padding: 0 45px 60px 45px; text-align: center; margin: 70px 0 22px 0 }
    .pricing02-ibox .icon { width: 80px; height: 80px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 1px solid #ddd; margin: -40px auto 40px; display: inline-block; background-color: #fff; padding: 6px }
        .pricing02-ibox .icon em.fa { width: 64px; height: 64px; line-height: 64px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin: 0 auto; background-color: #20a3f0; color: #fff; font-size: 25px }
    .pricing02-ibox h5 { font-size: 15px; color: #333; text-transform: uppercase; font-weight: bold; margin: 0 0 22px 0; line-height: 1.2 }
    .pricing02-ibox p { color: #8a8989; margin: 0 0 20px 0 }
    .pricing02-ibox a.links { text-decoration: none }
/*Team Detial*/
.detail01_box { text-align: center }
    .detail01_box .detail01_area_1, .detail01_box .detail01_area_3, .detail01_box .detail01_area_4, .detail01_box .detail01_area_6 { width: 200px; height: 200px; line-height: 200px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; vertical-align: middle; position: relative; color: #FFF }
        .detail01_box .detail01_area_1 span, .detail01_box .detail01_area_3 span, .detail01_box .detail01_area_4 span, .detail01_box .detail01_area_6 span { display: inline-block; line-height: 1.6; padding: 20px; font-size: 16px; vertical-align: middle }
        .detail01_box .detail01_area_1:before, .detail01_box .detail01_area_3:before, .detail01_box .detail01_area_4:before, .detail01_box .detail01_area_6:before { content: ""; width: 43px; border-bottom: 1px solid #c2c2c2; position: absolute }
        .detail01_box .detail01_area_1:before { top: 50%; right: 100%; margin: -1px 0 0 10px }
        .detail01_box .detail01_area_3:before { top: 50%; left: 100%; margin: -1px 10px 0 0 }
        .detail01_box .detail01_area_4:before { top: 6px; right: 100%; margin: 0 0 0 -28px; transform: rotate(-45deg) }
        .detail01_box .detail01_area_6:before { top: 6px; left: 100%; margin: 0 -28px 0 0; transform: rotate(45deg) }
    .detail01_box .detail01_area_2 { width: 330px; height: 330px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; overflow: hidden; vertical-align: middle; margin: 0 63px }
    .detail01_box .detail01_area_1 { background-color: #d33999 }
    .detail01_box .detail01_area_3 { background-color: #20a3f0 }
    .detail01_box .detail01_area_4 { background-color: #f3aa2c }
    .detail01_box .detail01_area_6 { background-color: #3cceda }
    .detail01_box .detail01_area_2 img { max-width: 100% }
    .detail01_box .detail01_area_5 { display: inline-block; overflow: hidden; vertical-align: top; margin: 35px 33px 0; font-size: 18px; color: #333 }
        .detail01_box .detail01_area_5 h3 { line-height: 1.2; margin: 0 0 8px 0 }
        .detail01_box .detail01_area_5 p { color: #999999; font-size: 14px }
.detail01-Testimonials { min-height: inherit }
    .detail01-Testimonials .mark { width: 38px; height: 38px; font-size: 36px; color: #20a3f0; background-color: transparent; margin: auto auto 35px }
    .detail01-Testimonials blockquote { font-size: 13px; text-align: center; font-style: normal; color: #666666; margin: 0 5%; padding-bottom: 98px }
    .detail01-Testimonials .last_page, .detail01-Testimonials .next_page { width: 16px; height: 16px; border: none; border-left: 3px solid #767676; border-bottom: 3px solid #767676; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; overflow: hidden; text-indent: -100px; top: 50% }
    .detail01-Testimonials .last_page { right: 15px; left: auto; transform: rotate(135deg); -ms-transform: rotate(135deg); /* IE 9 */ -moz-transform: rotate(135deg); /* Firefox */ -webkit-transform: rotate(135deg); /* Safari and Chrome */ -o-transform: rotate(135deg); /* Opera */ }
    .detail01-Testimonials .next_page { left: 15px; right: auto; transform: rotate(-45deg); -ms-transform: rotate(-45deg); /* IE 9 */ -moz-transform: rotate(-45deg); /* Firefox */ -webkit-transform: rotate(-45deg); /* Safari and Chrome */ -o-transform: rotate(-45deg); /* Opera */ }
    .detail01-Testimonials .dot { text-align: center }
    .detail01-Testimonials .dot { text-align: center; width: 100% }
        .detail01-Testimonials .dot a img { width: 60px; height: 60px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% }
        .detail01-Testimonials .dot a { text-indent: inherit; width: auto; height: auto; padding: 5px; border: 1px solid #c9c9c9 }
            .detail01-Testimonials .dot a.actived { border: 1px solid #20a3f0 }
.detail01-isotope .photo { position: relative; overflow: hidden }
.detail01-isotope a.pricing01-bnt02 { min-width: 195px; margin: 10px 18px }
.detail01-isotope { margin-bottom: 12px }
    .detail01-isotope .photo:before { content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: absolute; opacity: 0; transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; /* Firefox 4 */ -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ -o-transition: all ease-in 200ms; /* Opera */ -ms-transition: all ease-in 200ms; /* IE9? */ }
    .detail01-isotope .photo:after { content: ""; right: 0; top: 0; bottom: 0; left: 0; position: absolute; border: 1px solid #FFF; opacity: 0; transition: all ease-in 300ms; -moz-transition: all ease-in 300ms; /* Firefox 4 */ -webkit-transition: all ease-in 300ms; /* Safari and Chrome */ -o-transition: all ease-in 300ms; /* Opera */ -ms-transition: all ease-in 300ms; /* IE9? */ }
    .detail01-isotope .ico { position: absolute; top: 50%; width: 100%; right: 0; text-align: center; margin-top: -35px; z-index: 10; opacity: 0; transform: scale(1.2); -webkit-transform: scale(1.2); transition: all ease-in 400ms; -moz-transition: all ease-in 400ms; /* Firefox 4 */ -webkit-transition: all ease-in 400ms; /* Safari and Chrome */ -o-transition: all ease-in 400ms; /* Opera */ -ms-transition: all ease-in 400ms; /* IE9? */ }
    .detail01-isotope .photo:hover:before { opacity: 1 }
    .detail01-isotope .photo:hover:after { right: 20px; top: 20px; bottom: 20px; left: 20px; opacity: 1 }
    .detail01-isotope .photo:hover .ico { opacity: 1; transform: scale(1); -webkit-transform: scale(1) }
    .detail01-isotope .ico span { width: 70px; height: 70px; line-height: 70px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #20a3f0; color: #FFF; font-size: 26px; margin: 0 5px; transition: background-color ease-in 200ms; -moz-transition: background-color ease-in 200ms; /* Firefox 4 */ -webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */ -o-transition: background-color ease-in 200ms; /* Opera */ -ms-transition: background-color ease-in 200ms; /* IE9? */ }
    .detail01-isotope .ico a:hover { text-decoration: none }
        .detail01-isotope .ico a:hover span { background-color: #333; text-decoration: none }
    .detail01-isotope.isotope-spacing .isotope_item .photo { margin: 1px }
.detail01-bg01 { background: #f4f4f4 }
.detail01-chart { text-align: center }
    .detail01-chart p { margin: 0 0 40px 0 }
    .detail01-chart .percentage4 { position: relative; margin: auto auto 10px; width: 94px; height: 94px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #20a3f0 }
    .detail01-chart .percentage3 canvas { margin: -1px 0 0 -1px }
    .detail01-chart .percentage_inner { position: absolute; top: 0; right: 0; text-align: center; font-size: 20px; font-weight: bold; width: 94px; height: 94px; line-height: 94px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #FFF }
    .detail01-chart .percentage4 + h3 { color: #FFF; font-size: 18px; padding: 20px 0 10px; font-weight: bold; line-height: 1.2; margin: 0 }
        .detail01-chart .percentage4 + h3:after { content: ""; padding-top: 15px; font-weight: bold; width: 30px; display: block; margin: auto; border-bottom: 1px solid #FFF }
.detail01-bg02 { background: url("../images/pages/detial01-bg02.jpg") no-repeat center center; background-size: cover; color: #fff; background-attachment: fixed }

@media only screen and (max-width:991px) {
    .detail01-bg02 { background-attachment: scroll }
}

.detail01-title2 { color: #333333; font-size: 30px; margin-bottom: 30px; line-height: 1.2 }
.detail01-ibox { margin: 0 0 10px; padding: 0 }
    .detail01-ibox li { margin: 0 0 50px; padding: 0; list-style: none; overflow: hidden }
        .detail01-ibox li span { width: 120px; height: 120px; line-height: 120px; text-align: center; border: 1px solid #20a3f0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; font-size: 40px; color: #20a3f0; float: right; margin-left: 30px }
        .detail01-ibox li h3 { font-size: 15px; color: #333333; overflow: hidden; line-height: 1.2; margin: 0 }
            .detail01-ibox li h3:after { content: ""; width: 36px; border-bottom: 2px solid #20a3f0; margin: 26px 0 22px; display: block }
        .detail01-ibox li p { overflow: hidden }
.detail02_box h4 { font-size: 18px; color: #20a3f0; font-weight: normal }
.detail02_box h4 { font-size: 18px; color: #20a3f0; font-weight: normal }
    .detail02_box h4 span { display: block; color: #555555; font-size: 13px; padding-top: 12px }
.detail02_box ul { margin: 0; padding: 11px 0 15px 0 }
    .detail02_box ul li { list-style: none; display: inline-block; font-size: 0 }
        .detail02_box ul li a { display: inline-block; overflow: hidden; border-radius: 50%; margin: 0 0 0 4px; width: 36px; height: 36px; text-align: center; line-height: 36px; background: #c6c6c6; color: #fff; transition: all 300ms ease-in-out 0s; font-size: 16px }
            .detail02_box ul li a:hover { background: #20a3f0; color: #fff }
.detail02_box .line { border-bottom: 1px solid #e5e5e5; clear: both; overflow: hidden; margin: 5px 0 25px }
.detail02-loade { width: 100%; margin-bottom: 30px }
    .detail02-loade th { font-weight: normal; width: 10%; white-space: nowrap; margin: 0; padding: 14px 0 14px 20px; vertical-align: middle }
    .detail02-loade td { vertical-align: middle; text-align: right; padding: 14px 0 }
    .detail02-loade .progress { overflow: visible; height: 14px; line-height: 14px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background-color: #e2e1e1; box-shadow: none; margin: 0 0 0 50px; position: relative }
        .detail02-loade .progress .bar { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; height: 14px; line-height: 14px; width: 0; transition: width ease-in 1000ms; -moz-transition: width ease-in 1000ms; -webkit-transition: width ease-in 1000ms; -o-transition: width ease-in 1000ms; -ms-transition: width ease-in 1000ms; background-color: #21c69e }
        .detail02-loade .progress.color1 .bar { background-color: #8d6cc3 }
        .detail02-loade .progress.color2 .bar { background-color: #b65ccd }
        .detail02-loade .progress.color4 .bar { background-color: #ef8494 }
        .detail02-loade .progress.color5 .bar { background-color: #1bbc9b }
    .detail02-loade .bar span { position: absolute; right: 100%; top: 50%; margin: -8px 0 0 10px; color: #444444; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-indent: 0; display: none }
.detail02-bg01 { background-image: url("../images/pages/detail02-bg01.jpg"); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; color: #fff; position: relative }

@media only screen and (max-width:991px) {
    .detail02-bg01 { background-attachment: scroll }
}

.detail-bottom-icon { position: relative }
    .detail02-bg01 > .top-icon, .detail02-bg01 > .bottom-icon, .detail-bottom-icon > .bottom-icon, .detail-bottom-icon .top-icon { width: 64px; height: 64px; line-height: 54px; display: block; margin: auto; background-color: #20a3f0; border: 5px solid #ffffff; text-align: center; font-size: 26px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: relative; top: -32px; color: #FFF; right: 50%; margin: 0 0 0 -32px; position: absolute }
.detail02-bg01 > .bottom-icon { top: auto; bottom: -32px }
.detail-bottom-icon > .bottom-icon { top: auto; bottom: -82px }

@media only screen and (max-width:767px) {
    .detail02-bg01 > .top-icon, .detail02-bg01 > .bottom-icon, .detail-bottom-icon > .bottom-icon, .detail-bottom-icon .top-icon { width: 54px; height: 54px; line-height: 44px }
    .detail02-bg01 > .bottom-icon { bottom: -27px }
    .detail-bottom-icon > .bottom-icon { bottom: -77px }
}

.detail02-title1 { font-size: 20px; color: #ffffff; text-align: center; font-weight: normal; margin-bottom: 20px }
.detail02-list { position: relative }
    .detail02-list:before { content: ""; position: absolute; top: 53px; right: 15px; left: 15px; display: block; border-bottom: 4px solid rgba(255,255,255,0.5) }
    .detail02-list .date { font-size: 16px; color: #FFF; margin-bottom: 83px; position: relative; padding-right: 50px }
        .detail02-list .date:before { content: ""; position: absolute; width: 18px; height: 18px; border: 3px solid #FFF; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #20a3f0; top: 46px; right: 70px }
    .detail02-list .info { content: ""; background-color: rgba(255,255,255,0.1); padding: 26px; position: relative; margin: 0 0 12px 0 }
        .detail02-list .info a { color: #FFF }
            .detail02-list .info a:hover { color: #20a3f0; text-decoration: none }
        .detail02-list .info:before { content: ""; position: absolute; border: 10px solid transparent; border-bottom-color: rgba(255,255,255,0.1); bottom: 100%; right: 69px }

@media only screen and (max-width:767px) {
    .detail02-list:before { border: none; border-right: 4px solid rgba(255,255,255,0.5); width: 0; height: 100%; top: 0 }
    .detail02-list .info { margin-right: 20px }
    .detail02-list .date { padding: 0; margin: 0 20px 10px 0 }
        .detail02-list .date:before { right: -27px; top: 5px }
    .detail02-list .info:before { right: 10px }
}

.detail02-carousel { margin-bottom: 50px }
    .detail02-carousel .owl-pagination { margin-top: 35px }
    .detail02-carousel .owl-item { text-align: center }
    .detail02-carousel .item { display: inline-block; margin-left: 36px }
        .detail02-carousel .item:hover h3 { background-color: #20a3f0 }
        .detail02-carousel .item h3 { font-size: 13px; color: #FFF; padding: 14px 0; background-color: #757575; font-weight: normal; transition: background-color ease-in 200ms; -moz-transition: background-color ease-in 200ms; /* Firefox 4 */ -webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */ -o-transition: background-color ease-in 200ms; /* Opera */ -ms-transition: background-color ease-in 200ms; /* IE9? */ margin: 0 }
        .detail02-carousel .item:hover h3 { }
    .detail02-carousel .carousel .owl-pagination { padding-top: 10px }
    .detail02-carousel .owl-page { border: none; height: 12px; width: 12px; background-color: #aaaaaa; margin: 0 3px 3px }
        .detail02-carousel .owl-page.active { border: none !important; background-color: #20a3f0 }
.detail02-list02 { margin: -15px 0 0; padding: 0; list-style: none }
    .detail02-list02 li { padding: 11px 0; border-bottom: 1px solid #dbdbdb }
        .detail02-list02 li span { font-size: 20px; margin-left: 15px; vertical-align: middle }
.detail02-title2 h2 { font-weight: normal; font-size: 20px; color: #444444; line-height: 1.2; text-align: center; margin: 0; padding: 0 0 20px 0 }
.footer_box { }
.detail01-bnt a.ourteam-bnt, .detail01-bnt a:link.ourteam-bnt, .detail01-bnt a:active.ourteam-bnt, .detail01-bnt a:visited.ourteam-bnt { font-weight: normal; padding: 22px 50px; line-height: 1.2 }
/*404*/
.title-404 { font-weight: normal; font-size: 30px; padding-bottom: 25px; letter-spacing: 7px; text-align: center; line-height: 1.2; margin: 0 }
.social_404 span { font-size: 20px; display: inline-block; margin: 0 10px 5px; text-align: center; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; color: #FFF; opacity: 0.7 }
.social_404 a:hover span { color: #fff; opacity: 1 }
.two404-title { font-size: 30px; color: #333; text-align: center; font-weight: normal; line-height: normal; margin: 0 0 20px 0; text-align: center; line-height: 1.2 }
    .two404-title p { font-size: 15px; padding: 15px 0 0 0 }
.two404-bg01 { background: #f8f8f8; text-align: center }
    .two404-bg01 a.two404-bnt { font-size: 13px; color: #fff; text-transform: uppercase; font-weight: bold; display: inline-block; background-color: #20a3f0; padding: 18px 54px; margin: 22px 18px; border: 2px solid #20a3f0; text-decoration: none; transition: background-color ease-in 200ms,color ease-in 200ms,border-color ease-in 200ms; -moz-transition: background-color ease-in 200ms,color ease-in 200ms,border-color ease-in 200ms; -webkit-transition: background-color ease-in 200ms,color ease-in 200ms,border-color ease-in 200ms; -o-transition: background-color ease-in 200ms,color ease-in 200ms,border-color ease-in 200ms; -ms-transition: background-color ease-in 200ms,color ease-in 200ms,border-color ease-in 200ms }
        .two404-bg01 a.two404-bnt:hover { background-color: #333; border-color: #333; color: #FFF }
a.three404-bnt, a:link.three404-bnt, a:active.three404-bnt, a:visited.three404-bnt { padding: 22px 30px; font-size: 14px; display: inline-block; white-space: nowrap; color: #FFF; line-height: 1.2; background-color: #20a3f0; margin: 0 0 10px 30px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transition: background-color ease-in 200ms; -moz-transition: background-color ease-in 200ms; -webkit-transition: background-color ease-in 200ms; -o-transition: background-color ease-in 200ms; -ms-transition: background-color ease-in 200ms }
    a.three404-bnt:hover { background-color: #2e2e2e !important; color: #FFF; text-decoration: none }
.three404-input .textbox { height: 60px; width: 100%; background: none; border: none; text-indent: -5px; outline: none }
.three404-input .btn { width: 60px; height: 60px; line-height: 50px; position: absolute; top: -1px; left: -1px; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; background-color: #20a3f0; color: #FFF; font-size: 24px; transition: background-color ease-in 200ms; -moz-transition: background-color ease-in 200ms; -webkit-transition: background-color ease-in 200ms; -o-transition: background-color ease-in 200ms; -ms-transition: background-color ease-in 200ms }
.three404-input { border: 1px solid #cccccc; height: 60px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: relative; padding-left: 67px }
.three404-list { margin: 0; padding: 0 }
    .three404-list li { margin: 0; padding: 4px 0; list-style: none }
        .three404-list li .fa { font-size: 15px; margin-left: 10px; color: #20a3f0; min-width: 18px; text-align: center }
.four404-title h1 { font-size: 150px; color: #ddd; line-height: normal }
.four404-title p { font-size: 14px; color: #777 }
.four404-title { text-align: center }

@media only screen and (max-width:767px) {
    .four404-title h1 { font-size: 60px }
}

.four404-title2 h2 { font-size: 14px; line-height: 1.2; text-transform: uppercase; margin: 0; color: #333333; padding: 0 0 10px 0 }
.four404-list { margin: 0; padding: 0; list-style-type: none }
    .four404-list li { border-bottom: 1px solid #CCCCCC; color: #555; position: relative; padding: 12px 20px 12px 0 }
        .four404-list li:before { position: absolute; content: ""; width: 15px; height: 15px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #1E7AD8; right: 0; top: 50%; margin: -8px 0 0 0; background: #20a3f0 }
        .four404-list li:after { content: ""; border-left: 2px solid #fff; border-bottom: 2px solid #fff; width: 5px; height: 5px; right: 4px; top: 50%; position: absolute; margin: -3px 0 0 0; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg) }
.four404-list02 { margin: 10px 0; padding: 0 }
    .four404-list02 ul { margin: 18px 0 0 0 }
    .four404-list02 li { color: #555; line-height: 32px; list-style: none }
        .four404-list02 li span.fa { font-size: 12px; color: #20a3f0; margin: 0 0 0 10px }
.four404-box .four404-input { position: relative; margin: 20px 0 }
.four404-box a.four404-bnt { color: #fff; display: inline-block; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; padding: 6px 19px; font-size: 13px; text-transform: uppercase; text-decoration: none; margin: 0 0 10px 5px; border: 1px solid #20a3f0; background: #20a3f0; transition: background-color ease 300ms; -moz-transition: background-color ease 300ms; -webkit-transition: background-color ease 300ms; -o-transition: background-color ease 300ms; -ms-transition: background-color ease 300ms }
.four404-box a:hover.four404-bnt { background: transparent; color: #20a3f0 }
.four404-box .four404-input input { background-color: #E5E5E5; display: block; border: none; outline: none; padding: 10px 15px 10px 36px; width: 100% }
.four404-box .four404-input > a { position: absolute; left: 15px; top: 50%; display: inline-block; font-size: 16px; margin: -14px 0 0 0 }
.four404-box { padding: 10px 0 0 }

@media only screen and (max-width:991px) and (min-width:768px) {
    /*About us*/
    .aboutus01-fullmain .the1, .aboutus01-fullmain .the2, .aboutus01-fullmain .the3 { display: block }
    /*Our Team*/
    .ourteam-ibox02 li { padding: 35px }
    .ourteam01-logo li { padding: 0; width: 33.3%; border-left: 0; margin: 8px 0; float: right }
    /*Our Service*/
    .service02-bg03 .right_img { position: static; min-height: 300px; width: 100%; clear: both }
    .service02-bg03.pb-60, .service02-bg03.pt-60 { padding-bottom: 0 }
    .service02-ibox:before { display: none }
    /*Team Detail*/
    .detail01_box .detail01_area_3:before { display: none }
    /*pricing*/
    .pricing01-price { display: block }
        .pricing01-price > div { display: block; float: right }
    .pricing01-ibox { padding: 60px 15px 40px 15px }
    .pricing01-img-list li { float: right; width: 33.333333% }
    .pricing01-bg02 .prcing01-img .prcing01-left { display: none }
    .pricing01-bg02 .prcing01-img { position: relative; text-align: center }
    .pricing-full .pricing-full_right .pricing-full_right_main { padding: 20px }
    .pricing02-ibox { padding: 0 15px 40px 15px }
    /*faq*/
    .faq01-bg01 .col-md-6.faq01-imgbottom { position: relative; left: 0; bottom: 0 }
    .faq02-Testimonials blockquote .main { padding: 15px 15px 60px 15px }
    .faq02-Testimonials .next_page { top: 10px; bottom: auto; right: 50%; left: auto; margin: 5px 0 0 -70px }
    .faq02-Testimonials .dot { right: 15px; bottom: 15px }
}

@media only screen and (max-width:991px) {
    .service02-bg03 { padding: 0 15px }
    .ourteam01-text .text_right { position: static; transform: none; -webkit-transform: none; text-align: center }
    .ourteam01-text .text_left { text-align: center; margin-left: 0 }
    .ourteam02-full .ourteam02-full-left.the1 .ourteam02-full-lmain, .ourteam02-full .ourteam02-full-right.the2 .ourteam02-full-rmain { padding: 20px }
    /*History*/
    .history-box .history-boxmain .history-boxpic { float: none; margin: 0 0 30px 0; width: 100% }
    .history-box .history-boxmain .history-boxcontent { padding: 20px }
    .history-box .history-boxmain .history-boxright { width: 100%; float: none }
    .history-box .history-boxmain { padding-right: 140px }
    .history02 .time_content { margin: 0 0 0 8% }
    .history02 .time_content, .history02 .time_photo { width: 42% }
    /*faq*/
    .faq02-ibox .faq02-ibox_left_top { position: relative; right: 0; top: 0; width: 100%; margin: 0 0 30px 0 }
    .faq02-ibox .faq02-ibox_left_bottom { position: relative; right: 0; bottom: 0; width: 100% }
    .faq02-ibox .faq02-ibox_right_top { position: relative; left: 0; top: 0; width: 100%; margin: 30px 0 }
    .faq02-ibox .faq02-ibox_right_bottom { position: relative; left: 0; bottom: 0; width: 100% }
    .faq02-ibox .img { display: none }
    .faq02-ibox .faq02-ibox_left_top .main p, .faq02-ibox .faq02-ibox_left_bottom .main p, .faq02-ibox .faq02-ibox_right_top .main p, .faq02-ibox .faq02-ibox_right_bottom .main p { margin-top: 15px }
    .ourteam01-text a.ourteam-bnt02, .ourteam01-text a:link.ourteam-bnt02, .ourteam01-text a:active.ourteam-bnt02, .ourteam01-text a:visited.ourteam-bnt02 { margin: 10px 10px 0 10px }
    /*Contact Us*/
    .conatctus01-imgbottom > [class^="col-md"] { display: inherit; float: none; text-align: center }
}

@media only screen and (max-width:767px) {
    /*About Us*/
    .aboutus01-title2 .img .the4 { position: relative; top: 0; left: 0; margin: -19px auto 0 auto }
    .aboutus01-title2 .img .the3 { right: auto; left: 0; margin: 0; bottom: 0 }
    .aboutus01-title2 .img .the2 { margin: 30px 0 0 }
    .aboutus01-title2 .img .the2, .aboutus01-title2 .img .the3 { position: relative; text-align: center; bottom: 0; right: 0 }
    .aboutus01-title3 p { padding: 0 }
    .aboutus01-fullmain .aboutus01-fullbox { padding: 30px 0 }
    .aboutus01-fullmain .the1, .aboutus01-fullmain .the2, .aboutus01-fullmain .the3 { display: block; padding: 0 15px }
    .aboutus02-mumber01 .column, .aboutus02-mumber01 .column:first-child { float: none; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.5); border-right: 0 }
    .aboutus02-bnt { margin-bottom: 20px }
    .aboutus02-demo a { margin-bottom: 15px }
    .ourteam-ibox02 li { width: 100%; padding: 30px }
    .ourteam01-logo li { width: 50%; border-left: 0; margin: 8px 0 }
    .ourteam02-full .ourteam02-full-right.the1, .ourteam02-full .ourteam02-full-left.the2 { width: 100%; position: relative; height: 300px }
    .ourteam02-full .ourteam02-full-left.the1, .ourteam02-full .ourteam02-full-right.the2 { float: none; width: 100% }
        .ourteam02-full .ourteam02-full-left.the1 .ourteam02-full-lmain, .ourteam02-full .ourteam02-full-right.the2 .ourteam02-full-rmain { padding: 30px 20px }
    .ourteam01-number { text-align: center; margin-bottom: 20px }
        .ourteam01-number .number-left { text-align: center; width: 100%; float: none; padding: 0 0; clear: both }
        .ourteam01-number .number-right { float: none; width: 100%; clear: both; text-align: center }
        .ourteam01-number.number-color2 .number-right, .ourteam01-number.number-color4 .number-right { text-align: center }
            .ourteam01-number .number-right h2:before, .ourteam01-number.number-color2 .number-right h2:before, .ourteam01-number.number-color4 .number-right h2:before { right: 50%; left: auto; margin-right: -18px }
        .ourteam01-number .number-center { float: none; width: 100%; padding: 20px 0 }
            .ourteam01-number .number-center em { margin: auto; width: 50%; height: 120px; line-height: 120px }
        .ourteam01-number.number-color2 .number-left, .ourteam01-number.number-color4 .number-left { text-align: center }
        .ourteam01-number .number-center em:after { display: none }
        .ourteam01-number .text_title { padding-right: 10px }
    /*History*/
    .history-box .history-boxmain .history-boxpic { float: none; margin-left: 30px; width: 100% }
    .history-box .history-boxmain .history-boxcontent { padding: 20px }
    .history-box .history-boxmain .history-boxright { width: 100%; float: none }
    .history-box .history-boxmain { padding-right: 0 }
        .history-box .history-boxmain .history-boxcontent:before { display: none }
        .history-box .history-boxmain .history-boxdate { position: relative; top: 11px; z-index: 1 }
    .history02 .time_content, .history02 .time_photo { width: 100% }
    .history02 .time_content, .history02 .time_photo { margin: 50px 0 }
    .history02 .time_month.time_month_one, .history02 .time_month.time_month_two { right: 50%; left: auto; top: 0; margin: -35px 0 0 -35px; display: none }
    .history02 .time_box_top { margin: 30px 0 50px 0 }
    .history02 .time_box_left .time_content:before, .history02 .time_box_left .time_photo:before, .history02 .time_box_right .time_photo:before, .history02 .time_box_right .time_content:before { display: none }
    .history03-content .pr50 { padding-left: 0 }
    .history03-content .pl50 { padding-right: 0 }
    .history03-img { margin: 20px 0 }
    .history03-content .right_branch { margin-right: -7px; padding-top: 25px }
    /*Our Service*/
    .service01-tab .resp_margin { padding: 15px }
    .service01-ibox02_r { border-bottom: 1px solid #e1e1e1 }
    .service01-imgbox .service01-imgcon { width: 50%; float: right }
    .service01-imgbox .photo_box .ico span { width: 40px !important; height: 40px !important; line-height: 40px !important }
    .service02-bg03 .right_img { position: static; min-height: 300px; width: 100%; clear: both }
    .service02-bg03.pb-60, .service02-bg03.pt-60 { padding-bottom: 0 }
    .service02-carousel .blockquote_6 { padding: 0 20px }
    /*faq*/
    .faq01-bg01 .col-md-6.faq01-imgbottom { position: relative; left: 0; bottom: 0 }
    .faq02-Testimonials blockquote .main { width: 100%; padding: 60px 15px 120px 15px }
    .faq02-Testimonials .next_page { top: 15px; bottom: auto; right: auto; left: 15px }
    .faq02-Testimonials .dot { right: 15px; bottom: 60px }
    /*Contact Us*/
    .Contactus01-Container01 { width: auto }
    .contactus01-ibox02 li { list-style: none; width: 100%; float: right; padding: 20px }
    .contactus01-ibox02 { padding: 20px 0 }
    .contactus02-bg01 .bg_right { padding: 70px 0 70px 0 }
    .contactus02-info > span.fa { width: 60px; font-size: 35px }
    .contactus02-info { padding: 0 75px 0 15px }
    .contactus02-ibox.border:before { display: none }
    .contactus02-ibox .pic { float: none; padding: 15px 0 }
    /*pricing*/
    .pricing01-price > div { display: block }
    .pricing01-img-list li { float: right; width: 50% }
    .pricing01-ibox { padding: 60px 15px 40px 15px }
    .pricing01-bg02 .prcing01-img .prcing01-left { display: none }
    .pricing01-bg02 .prcing01-img { position: relative; text-align: center }
    .pricing-full .pricing-full_left { width: 100%; height: 100%; position: relative; min-height: 300px }
    .pricing-full .pricing-full_right { float: none; width: 100% }
        .pricing-full .pricing-full_right .pricing-full_right_main ul li { margin: 0 0 20px 0; position: relative; float: none; width: 100%; text-align: center }
    /*Team Detail*/
    .detail01_box .detail01_area_2 { margin: 0 }
    .detail01_box .detail01_area_1:before, .detail01_box .detail01_area_3:before, .detail01_box .detail01_area_4:before, .detail01_box .detail01_area_6:before { display: none }
    .detail01_box .detail01_area_1, .detail01_box .detail01_area_3, .detail01_box .detail01_area_4, .detail01_box .detail01_area_6 { display: block; margin: 10px 0 }
    .detail01_top, .detail01_bottom { display: inline-block }
    .detail01_box .detail01_area_5 { display: block }
    .detail01_box .detail01_area_2 { width: 200px; height: 200px }
    .detail01-ibox li span { width: 60px; height: 60px; line-height: 60px; font-size: 21px }
}

@media only screen and (max-width:1200px) {
    .service01-full .service01-full_img { text-align: center; position: relative; top: 0; margin-top: 20px }
    .service01-full .service01-full_right .service01-full_right_main, .service01-full .service01-full_left .service01-full_left_main { text-align: center; padding: 60px 0 }
}

@media only screen and (min-width:1600px) {
    .faq02-ibox .img { padding: 230px 0 }
    .aboutus01-title2 .img .the4 { top: 21px; left: 135px }
    .ourteam02-ibox .photo_box em.fa { left: 30px; top: 20px }
}

