@charset "utf-8";
/* CSS Document */

@font-face
{
    font-family: font_cn;
    src: url('../fonts/tt1159m_.ttf'); /* IE */
    src: local("font_cn"), url('../fonts/tt1159m_.ttf') format("truetype"); /* non-IE */
}

body {
	padding:0;
	margin:0;
}

a { color:#000 !important; text-decoration:underline !important;}
a:hover { color:#0a52b9 !important; text-decoration:none !important;}


.main_container {
	padding:50px 0 !important;
	margin:0 !important;
	font-family: Raleway, sans-serif;
	line-height:22px;
	color:#000;
	background-color: #e3e5f5;
}

.navbar, .navbar-fixed-top {
	background: #ffffff;
	border-bottom:1px solid #CCC;
	margin:0;	
}

.navbar-default .navbar-toggle {
  border-color: #3664b9 !important;
  border-bottom:1px solid #CCC;
}
.navbar-default {
    background-color: #fff !important;
}
.navbar-text {margin-top:0 !important; }
.banner-bg { background-color:#292740;}
@media screen and (max-width: 991px) { .banner-bg { margin-top:74px; padding-top:25px; padding-bottom:25px;}}
@media (min-width: 992px) { .banner-bg { margin-top:87px; padding-top:30px; padding-bottom:25px;}}

section { margin:30px 0; padding:0;}
.whyus-heading { margin-top:30px;}
.whyus-icon { text-align:center; font-weight:600;}
@media (min-width: 992px) { .whyus-icon { font-size:15px; line-height:18px; padding:10px;}}
@media (min-width: 768px) and (max-width:991px) { .whyus-icon { font-size:14px; padding:30px 11px;}}
@media screen and (max-width: 767px) { .whyus-icon { font-size:16px; padding:20px 30px;}}

@media (min-width: 768px) { .whyus-icon img { padding-bottom:10px;}}
@media screen and (max-width: 767px) { .whyus-icon img { padding-bottom:10px;}}
.whyus-icon img { text-align:center; display:inline;}
.whyus { line-height:22px;}
.whyus ul { margin-left:-24px;}
.whyus ul li { padding:3px 0;}

@media screen and (max-width: 991px) {
.wbr { display:none;}
	.navbar-toggle {
  margin-top: 11px !important;
  margin-left:20px !important;
}
.navbar-fixed-top { padding:10px 0 !important;
border-bottom:#cccccc solid 1px;
margin:0;
}
}

.carousel-indicators li {
    background-color: #909090 !important;
	border: none !important;
}
.carousel-indicators2 li {
    background-color: #909090 !important;
	border: none !important;
}
.carousel-indicators .active {
    background-color: #5ba8ea !important;
}
.carousel-indicators2 .active {
    background-color: #5ba8ea !important;
}


@media screen and (min-width: 992px) {
.carousel-indicators {
    bottom: -34px !important;
}
.carousel-indicators2 {
    bottom: -45px !important;
}
}
@media screen and (max-width: 991px) {
.carousel-indicators {
    bottom: -35px !important;
}
.carousel-indicators2 {
    bottom: -35px !important;
}
}

@media (min-width: 992px) {
.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 0px !important;
	text-decoration:none !important;
}
}

.navbar-nav>li>a {
	text-decoration:none !important;
}

@media (min-width: 1200px) {
.nav>li>a { padding:15px 15px 15px 15px !important;}
.nav>li>a:nth-of-type(5) { padding:15px 0px 15px 15px;}
.navbar-brand>img {
    padding: 4px 2px !important; width:100% !important;
}
}

@media (min-width: 992px) and (max-width:1199px) {
.nav>li>a { padding:15px 10px !important;}
.navbar-brand>img {
    padding: 4px 2px !important; width:100% !important;
}
}

@media (min-width: 768px) and (max-width:991px) {
.nav>li>a { padding:15px 6px !important;}
.navbar-brand>img {
    padding: 4px 2px !important; width:100% !important;
}
}

@media (min-width: 450px) and (max-width: 767px) { .navbar-brand>img {
    padding: 4px 2px !important; width:100% !important;
}
}
@media (max-width: 449px) { .navbar-brand>img {
    padding: 4px 0px !important; width:95% !important;
}
}
.why-icon1 { /*border-right:1px solid #4b5c71;*/ /*border-bottom:1px solid #4b5c71;*/}
.why-icon2 { /*border-bottom:1px solid #4b5c71;*/}
.why-icon3 { border-right:1px solid #4b5c71;}
.no-padding { padding-left:0 !important; padding-right:0 !important;}

@media screen and (max-width: 767px) {
.why-icon1 { border-right:none; border-bottom:0px solid #4b5c71 !important;}
.why-icon2 { border-bottom:none; border-bottom:0px solid #4b5c71 !important;}
.why-icon3 { border-right:none; border-bottom:0px solid #4b5c71 !important;}
}

@media (min-width: 1200px) {.icon-area { margin-top:12px; margin-right:18px;}}
@media (min-width: 992px) and (max-width:1199px) { .icon-area { margin-top:18px;  margin-right:15px;}}
@media (min-width: 768px) and (max-width:991px) { .icon-area { margin-top:24px;  margin-right:15px;}}
@media screen and (max-width: 767px) { .icon-area { margin-top:0px;  margin-right:0px;}}

.sky-button { font-size:14px; line-height:20px; padding:6px 20px; background-color:#3664b9; border-radius:4px; border:1px solid #3664b9; color:#FFF; text-align:center; font-weight:400; cursor:pointer; margin:15px 0; }
.sky-button:hover { background-color:#1a1a1a; border:1px solid #1a1a1a;}
.product-button { line-height:20px; padding:6px 20px; background-color:#3664b9; border-radius:4px; border:1px solid #3664b9; color:#FFF; text-align:center; font-weight:400; cursor:pointer; }
@media (min-width: 992px) { .product-button { font-size:14px; margin:10px 0;}}
@media (min-width: 768px) and (max-width:991px) { .product-button { font-size:14px; margin:0px 0;}}
@media screen and (max-width: 767px) { .product-button { font-size:14px; margin:0;}}

.product-button:hover { background-color:#1a1a1a; border:1px solid #999;}
.product-bg { background-color:#fff; text-align:center; padding:20px 0 30px 0;}
.product { background-color:#FFF; border:1px solid #e1e1e1; width:100%; margin:20px 0; text-align:center; line-height:22px; color:#606060;
 border-radius:6px; box-shadow: 2px 3px 8px #a7a7a7;}
.product:hover { border:1px solid #373567 !important;}
@media (min-width: 992px) { .product { padding:20px 18px;}}
@media (min-width: 768px) and (max-width:991px) { .product { padding:20px 10px;}}
@media screen and (max-width: 767px) { .product { padding:20px 20px;}}
.product img { text-align:center; padding-bottom:0px;}
.product h4 { font-size:18px !important; font-weight:700 !important;}
.how-work-bg { background:url(../images/number-bg.jpg) center center no-repeat #393663; text-align:center; padding:34px 0; color:#FFF;}
.inline-block { display:inline-block !important;}
.top0 { margin-top:0 !important;}
.top5 { margin-top:5px;}
.top10 { margin-top:10px;}
.top15 { margin-top:15px;}
.top20 { margin-top:20px;}
.top25 { margin-top:25px;}
.top30 { margin-top:30px;}
.top40 { margin-top:40px;}
.top50 { margin-top:50px;}
.top60 { margin-top:60px;}
.bottom0 { margin-bottom:0 !important;}
.bottom5 { margin-bottom:5px;}
.bottom10 { margin-bottom:10px;}
.bottom20 { margin-bottom:20px;}
.bottom30 { margin-bottom:30px;}
.bottom40 { margin-bottom:40px;}
.bottom50 { margin-bottom:50px;}
.bottom60 { margin-bottom:60px;}
.color3 { color:#333;}
.colorc2 { color:#c2c2c2;}
.colorf { color:#ffffff;}

.hik-box {
    margin-bottom: 40px;
    position: relative;
}
.hik-box span {
    font-family:cursive;
    font-size: 48px;
    color: #fff;
}
.hik-box h3 {
    font-size: 16px;
    font-weight: 600;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 15px;
}
.hik-box p {
    color: #fff;
    font-size: 14px;
}
@media (min-width: 992px) {
.hik-box.top-left:after {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    right: -90px;
}
}
@media (min-width: 992px) {
.hik-box.bottom-left:after {
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    right: -90px;
}
}
@media (min-width: 992px) {
.hik-box.top-right:after {
    left: -92px;
    -webkit-transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    transform: rotate(160deg);
}
}
@media (min-width: 992px) {
.hik-box.bottom-right:after {
    left: -92px;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
}
}
@media (min-width: 992px) {
.hik-box:after {
    background: url(../images/arrow.png) no-repeat;
    position: absolute;
    content: "";
    width: 52px;
    height: 15px;
    top: 30px;
    z-index: 10;
}
}
@media screen and (max-width: 767px) {
	.sm-left-xs-center { text-align:center;}
}
@media (min-width: 768px) {
	.sm-left-xs-center { text-align:left; margin-left:0px; margin-top:10px;}
}
@media screen and (max-width: 767px) {
	.float-sm-right-xs-left { float:left;}
}
@media (min-width: 768px) {
	.float-sm-right-xs-left { float:right;}
}
@media screen and (max-width: 991px) {
	.sm-right-xs-left { text-align:left;}
}
@media (min-width: 992px) {
	.sm-right-xs-left { text-align:right;}
}

.partnership-box { text-align:left; padding-top:5px; width:94%; }
.partnership-box h3 { font-size:15px; font-weight:500; color:#606060; margin-top: 4px !important;}
.partnership-box img { display:inline-block; padding-right:15px; float:left;}
.partnership-box a { font-weight:700; color:#0a52b9 !important;}
.partnership-box a:hover { font-weight:700; color:#1b3150 !important;}
.float-left { float:left;}
.float-right { float:right;}
.client-bg { background:url(../images/testimonial-bg.jpg) center center no-repeat #FFFFFF; padding:40px 0;}
.footer-bg { background-color:#231d2f; padding:30px 0; color:#cacaca;}
.footer-menu { padding:10px 0 20px 0; font-size:13px; line-height:26px;}
.footer-menu a { color:#cacaca !important; text-decoration:none !important;}
.footer-menu a:hover { color:#fff !important; text-decoration:none !important;}
.copyright-bg { background-color:#1d1924; padding:30px 0;}
.copyright { color:#8a8d91;}
.copyright a { color:#8a8d91 !important; text-decoration:none !important;}
.copyright a:hover { color:#8a8d91 !important; text-decoration:underline !important;}
.line20 { line-height:20px;}
@media screen and (min-width: 768px) {
	.copyright { font-size:12px; line-height:12px;}
	.sm-l-xs-m { text-align:left !important;}
}
@media (max-width: 767px) {
	.copyright { font-size:10px; line-height:22px;}
	.sm-l-xs-m { text-align:center !important;}
}
.copyright a { color:#b1b2b4;}
.copyright a:hover { color:#fff; text-decoration:none;}
.brw { display:none;}
@media (max-width: 767px) {
	.brw { display:block;}
}



@media (min-width: 1200px) { .particle-banner-height { height:352px;}}
@media (min-width: 992px) and (max-width:1199px) { .particle-banner-height { height:316px;}}
@media (min-width: 768px) and (max-width:991px) { .particle-banner-height { height:262px;}}
@media (min-width: 510px) and (max-width: 767px) { .particle-banner-height { height:222px;}}
@media screen and (max-width: 509px) { .particle-banner-height { height:138px;}}

/*------------------inner-page-css-----------------*/
.page-heading-bg {
    background-color: #1e2833;
	background:url(../images/inner-heading-bg.jpg) center center repeat-x;
    max-width: 100%;
    padding: 16px 0 !important;
}
@media (min-width: 992px) {.page-heading-bg { margin-top:87px;} .page-heading-txt h1 { font-size:42px !important; line-height:45px;}}
@media (min-width: 768px) and (max-width:991px) { .page-heading-bg { margin-top:74px;} .page-heading-txt h1 { font-size:42px !important; line-height:45px;}}
@media screen and (max-width: 767px) { .page-heading-bg { margin-top:74px;} .page-heading-txt h1 { font-size:32px !important; line-height:35px;}}
.page-heading-txt { color:#FFF;}
.page-heading-txt h1 { font-weight:300 !important; /*text-align: right; text-transform:lowercase;*/}




@mixin rotate($angle) {
  -moz-transform: rotate($angle);
  -ms-transform: rotate($angle);
  -webkit-transform: rotate($angle);
  transform: rotate($angle);
}

@mixin arrow($arrowSize: 20px, $arrowBorderSize: 3px, $arrowBarWidth: 2px, $arrowBarHeight: 25px) {
  display: inline-block;
  height: $arrowSize;
  position: relative;
  width: $arrowSize;

  &::after {
    border-bottom-style: solid;
    border-bottom-width: $arrowBorderSize;
    border-right-style: solid;
    border-right-width: $arrowBorderSize;
    content: '';
    display: inline-block;
    height: $arrowSize;
    left: 0;
    position: absolute;
    top: 0;
    width: $arrowSize;
  }

  // Triangle shape state
  &.is-triangle::after {
    border-style: solid;
    border-width: 0 0 $arrowSize $arrowSize;
    height: 0;
    width: 0;
  }
  
  // Check shape state
  &.is-check::after {
    width: $arrowSize / 2;
  }

  // Arrow Bar
  &.arrow-bar::before {
    bottom: 1px;
    content: '';
    height: $arrowBarHeight;
    position: absolute;
    right: 0;
    transform-origin: bottom;
    width: $arrowBarWidth;
    @include rotate(-45deg);
  }

  // States
  &.is-top {
    @include rotate(225deg);
  }

  &.is-right {
    @include rotate(315deg);
  }

  &.is-bottom {
    @include rotate(45deg);
  }

  &.is-left {
    @include rotate(135deg);
  }
}

@mixin arrowColor($color) {
  &,
  .arrow {
    &::after {
      border-color: $color;
    }

    &.is-triangle::after {
      border-color: transparent;
      border-bottom-color: $color;
    }

    &::before {
      background-color: $color;
    }
  }
}

.arrow {
  margin: 25px;
  @include arrow(12px, 2px, 2px, 20px);
  @include arrowColor(red);
}
.inner-list { line-height:23px; color:#000;}
.inner-list ul { margin-left:-5px; margin-top:10px;}
.inner-list ul li { padding:3px 0;}
.inner-list img {
    float: left;
    padding: 0;
    box-shadow: 3px 5px 6px 1px #777777;
    margin: 30px 45px 30px 0;
}
h1 { margin-top: 10px !important;}

.banner-button {	
	position: absolute;
    z-index: 10;    
    color: #fff;
    text-align: center;
    background-color: #3664b9;	
	/*font-family:'font_cn';*/
	font-weight:400;	
	animation-name: example;
    animation-duration: 2s;
}
@media (min-width: 1200px) {
@keyframes example {
  0%   {left:5px; bottom:0px; opacity:0;}
  25%   {left:5px; bottom:0px; opacity:0;}
  100% {left:5px; bottom:80px; opacity:1;}
} }
@media (min-width: 992px) and (max-width:1199px) {
@keyframes example {
  0%   {left:5px; bottom:0px; opacity:0;}
  25%   {left:5px; bottom:0px; opacity:0;}
  100% {left:5px; bottom:60px; opacity:1;}
} }
@media (min-width: 768px) and (max-width:991px) {
@keyframes example {
  0%   {left:4px; bottom:0px; opacity:0;}
  25%   {left:4px; bottom:0px; opacity:0;}
  100% {left:4px; bottom:35px; opacity:1;}
} }
@media (min-width: 510px) and (max-width: 767px) {
@keyframes example {
  0%   {left:3px; bottom:0px; opacity:0;}
  25%   {left:3px; bottom:0px; opacity:0;}
  100% {left:3px; bottom:28px; opacity:1;}
} }
@media (max-width: 509px) {
@keyframes example {
  0%   {left:1px; bottom:0px; opacity:0;}
  25%   {left:1px; bottom:0px; opacity:0;}
  100% {left:1px; bottom:25px; opacity:1;}
} }

@media (min-width: 1200px) { .banner-button { width:220px; font-size:20px; line-height:22px; padding: 14px 0px; bottom: 80px; left:5px; border-radius:6px;}}
@media (min-width: 992px) and (max-width:1199px) { .banner-button { width:216px; font-size:19px; line-height:22px; padding: 15px 0px; bottom: 60px; left:5px; border-radius:6px;}}
@media (min-width: 768px) and (max-width:991px) { .banner-button { width:190px; font-size:17px; line-height:18px;padding: 12px 0px; bottom: 35px; left:4px; border-radius:4px;}}
@media (min-width: 510px) and (max-width: 767px) { .banner-button { width:170px; font-size:14px; line-height:14px; padding: 9px 0px; bottom: 28px; left:3px; border-radius:4px;}}
@media screen and (max-width: 509px) { .banner-button { width:115px; font-size:10px; line-height:10px; padding: 5px 0px; bottom: 25px; left:1px; border-radius:3px;}}
.font600 { font-weight:600;}
.why-area { /*background-color: #fff;*/ color:#666; padding:30px 0;}
.inner-logo { line-height: 23px;
    color: #1a1a1a;}
.inner-logo img { float: none;
    padding: 10px 0px 10px 0;
	box-shadow: none;
    margin: 0;
	display:inline-block;}
	
@media screen and (max-width: 767px) {
.trial_form {width:100% !important; padding:15px 15px;}
.trial_form_condition { text-align:center;}
.trial_form_btn { font-size:14px; padding:5px 10px;} }

@media (min-width:768px) and (max-width:991px) {
	.trial_form { width:75% !important; padding:30px 40px;}
	.trial_form_btn { font-size:14px; padding:5px 10px;} }
	
@media (min-width:992px) {
	.trial_form { width:65% !important; padding:30px 40px;}
	.trial_form_btn { font-size:16px; padding:4px 0px;} }
	
.trial_form { border:1px solid #909090; background-color:#FFF; border-radius:6px; margin:30px  auto; font-size:14px !important; color:#1a1a1a !important; text-align:left;}
.trial_form h2 { font-family:'font_bt', Arial; margin: 0 0 25px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #ccc;
    font-size: 24px;
    line-height: 24px;
    color: #1763dc;}
.trial_form h3 { font-size:20px !important; font-weight:700 !important; text-align:center !important; color:#1a1a1a !important; margin-top:0px !important;}
.trial_form_txt { border:1px solid #999; border-radius:4px; padding:5px 16px; margin:8px 0; background-color:transparent; width:100%; color:#1a1a1a; font-size:14px;}
.trial_form_btn { background-color:#3664b9; border-radius:4px; border:1px solid #3664b9; color:#FFF; text-align:center; font-weight:600; margin:10px 0 0px 0; cursor:pointer; width: 90px;}
.trial_form_btn:hover { background-color:#1a1a1a; border:1px solid #1a1a1a;}
.trial_form_condition { font-size:16px; line-height:24px;}
.trial_check { margin-top:8px !important;}
.color_holder { color:#a9a9a9;}
.form-control { font-size:14px !important; border:1px solid #9f9f9f !important; width:100% !important; background-color:transparent !important;
 color:#666 !important;}
label { font-weight:500 !important;}
.required {
    color: red; font-size:18px;
}
.tred { color:#c00;}
.tred a { color:#c00 !important;}
.cblue { color: #039;}
.cblue a { color: #039 !important;}
.tsky { color:#09F;}
.tsky a { color:#09F !important;}
.tgreen { color:#090;}
.tblack { color:#000;}
.twhite { color:#fff !important;}
.tgreen { color:#5ba701;}
.pro-web { font-size:24px; font-weight:bold;}
.pro-web span { font-size:16px; font-weight:500;}
.img-in-bl { display:inline-block !important;}
.pr-sc-img { display:inline-block !important; padding:0 1px;}
.product-button-pr { line-height:20px; background-color:#3664b9; border-radius:4px; border:1px solid #3664b9; color:#FFF; text-align:center; font-weight:400; cursor:pointer; }
@media (min-width: 992px) { .product-button-pr { font-size:14px; margin:10px 0; width:140px; padding:6px 20px; } .text-bg { padding:24px; font-size:36px;} .font30-22 { font-size:30px;}
.market-box1 { padding:24px 0;} .market-box2 { border-left:1px solid #646f84; padding:24px 0;} .market-box3 { border-left: 1px solid #646f84; padding:24px 0;} .compliance-bg { background: url(../images/tme-bg.png) no-repeat center center;} .compliance-bg ul {  margin-top:5px;} .compliance-bg ul li { padding:13px 0;} .left-sm-xs { margin-left:18px;} .value-hd { margin-bottom:10px;}}
@media (min-width: 768px) and (max-width:991px) { .product-button-pr { font-size:14px; margin:0px 0; width:140px; padding:6px 20px;} .text-bg { padding:30px; font-size:36px;} .font30-22 { font-size:30px;} .market-box1 { padding:24px 0;} .market-box2 { border-left:1px solid #646f84; padding:14px 0 12px 0;} .market-box3 { border-left: 1px solid #646f84; padding:24px 0;} .compliance-bg { background: url(../images/tme-bg.png) no-repeat center center;} .compliance-bg ul {  margin-top:5px;} .compliance-bg ul li { padding:13px 0;} .left-sm-xs { margin-left:15px;} .value-hd { margin-bottom:25px;}}
@media screen and (max-width: 767px) { .product-button-pr { font-size:14px; margin:0; width:118px; padding:6px 6px; } .text-bg { padding:15px; font-size:17px;} .font30-22 { font-size:22px;} .market-box1 { border-bottom:1px dashed #646f84; padding:16px 0;} .market-box2 { border-left:0px solid #646f84; padding:16px 0; border-bottom:1px dashed #646f84;} .market-box3 { border-left: 0px solid #646f84; padding:16px 0;} .compliance-bg { background: url(../images/no) no-repeat center center;} .compliance-bg ul {  margin-top:15px;} .compliance-bg ul li { padding:5px 0;} .left-sm-xs { margin-left:0px;} .value-hd { margin-bottom:0px;}}

.left-sm-xs { text-align:justify;}
.product-button-pr:hover { background-color:#1a1a1a; border:1px solid #999;}
.text-bg { background-color:#231d2f; text-align:center; color:#FFF; font-weight:200;}
.compliance-bg { border:1px solid #d6e0ed; background-color:#e3ebf5; width:100%; margin-top:10px; padding:20px 0;}
.float-left { float:left;}
.compliance-bg ul { margin-left:-10px; margin-bottom:0 !important; font-weight:500;}

.tme-padding { padding:20px 35px 30px 35px !important;}
.tme-txt { color:#000; font-weight:500;}
.market-box1 { font-size:20px; line-height:40px;}
.market-box1 span { font-size:60px;}
.market-box2 { font-size:20px; line-height:40px;}
.market-box2 span { font-size:60px;}
.market-box3 { font-size:20px; line-height:40px;}
.market-box3 span { font-size:60px;}
.partner-divider { border-top:1px dashed #1e3658; padding-top:22px; margin-top:20px;}
.form-control { padding: 5px 12px !important; height: 30px !important;}
.form-group {
    margin-bottom: 10px !important;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
    padding-top: 2px !important;
} }
.line16 { line-height:16px;}
.font20 { font-size:19px; font-weight:bold;}
.font22 { font-size:22px !important;} 
.sitemap ul { margin-left:10px;}
.sitemap ul li { padding:6px 0;}

@media (min-width: 768px) {
.border-right-k {
    border-right: 1px solid #666;
} }

@media screen and (max-width: 767px) {
.border-right-k {
    border-right: 0px solid #666;
} }

.nopadding { padding-left:0 !important; padding-right:0 !important;}

.blog { margin:20px 30px 20px 0;}
.blog img { float:left; padding-right:20px;}

.blog-txt {
    margin: 20px 0 0 0;
}
.blog-pic {
    width: 126px !important;
    padding:0;
    float: left;
	margin-top:10px;
	margin-bottom:10px;
}
.blog-row { margin: 10px 30px 10px 0;}
.blog-hr { border-bottom:1px dashed #CCCCCC; margin-right:30px; margin-left:-15px;}
.venue { margin-left:50px;}
.left30 { margin-left:30px;}
.md-name { font-size:21px; font-weight:bold; margin-bottom:2px;}
.md-dg { font-size:15px; font-weight: 400; margin-bottom:12px;}
.home_testimonial { font-size:18px; line-height:24px;}
.home_testimonial div { color:#0a52b9; font-size:21px; font-weight:700;}
.home_testimonial span { color:#000; font-size:18px; font-weight:600;}

.text-black { color:#000 !important;}

.count-font { font-size:60px;}
.counter {
            background-color: #f5f5f5;
            padding: 20px 0;
            border-radius: 5px;
        }

        .count-title {
            font-size: 60px;
            font-weight: normal;
            margin-top: 0px;
            margin-bottom: 10px;
            text-align: center;
        }

        .count-text {
            font-size: 13px;
            font-weight: normal;
            margin-top: 10px;
            margin-bottom: 0;
            text-align: center;
        }

        .fa-2x {
            margin: 0 auto;
            float: none;
            display: table;
            color: #4ad1e5;
        }
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}

.dropdown-menu { opacity:0.8 !important;}	

@media (min-width: 768px) {
.navbar-right .dropdown-menu {
    right: auto !important;
    left: 14px !important;
} }	
.expert { text-align:center; color:#333333; background:url(../images/kick-bg.jpg) center center no-repeat;}
.expert-button { background-color:#37469f; border-radius:6px; border:1px solid #37469f; color:#FFF; text-align:center; font-weight:400; cursor:pointer;}
.expert-button:hover { background-color:#1a1a1a; border:1px solid #1a1a1a;}

@media (min-width: 1200px) {.expert { font-size:24px; line-height:30px; padding:60px 0;} .expert-button { font-size:20px; line-height:20px; padding:14px 42px; margin:25px 0 0px 0;}}
@media (min-width: 992px) and (max-width:1199px) { .expert { font-size:24px; line-height:30px; padding:60px 0;} .expert-button { font-size:20px; line-height:20px; padding:14px 28px; margin:25px 0 0px 0;}}
@media (min-width: 768px) and (max-width:991px) { .expert { font-size:24px; line-height:30px; padding:60px 0;} .expert-button { font-size:20px; line-height:20px; padding:14px 28px; margin:25px 0 0px 0;}}
@media screen and (max-width: 767px) { .expert { font-size:18px; line-height:24px; padding:40px 0;} .expert-button { font-size:16px; line-height:15px; padding:10px 22px; margin:15px 0 0px 0;}}

.md-area { border:1px solid #bdbdbd; background:url(../images/md-bg.jpg) top right no-repeat #FFFFFF; padding:5px 25px 10px 25px; box-shadow: 2px 3px 8px #a7a7a7; border-radius: 6px; margin:25px 0;}
.dropdown-menu>li>a {    
    padding: 7px 20px !important;    
    font-weight: 600 !important;    
    color: #fff !important;
	border-bottom:1px solid #231d2f !important;
	text-decoration:none !important;}
.dropdown-menu>li>a:hover { color:#6ea5f4 !important; text-decoration:none !important;}
	
#examples-1 { overflow: hidden; }
#fly-it { position: relative; }
#scale-it { width: 500%; margin: 0px; padding: 0; }

#examples-pin { position: relative; width: 100%; height: 600px; overflow: hidden; margin-bottom: -200px; }
.pin-frame { position: absolute; width: 100%; height: 100%; overflow: hidden; }
.pin-frame h2 { margin-top: 120px; }
#pin-frame-slide { background: #D92B00; margin-left:-100%; }
#pin-frame-wipe  { background: #FFB000; top:100%; }
#pin-frame-wipe h2  { color: #D92B00; }
#pin-frame-bounce  { background: #222438; }
#pin-frame-color  { background: #222438; }
#pin-frame-unpin  { top:100%; }

#examples-2 { z-index: 9999; width: 100%; height: 100%; overflow: hidden; }
#fling-it, #move-it { position: relative; }
#examples-parallax {
	padding-top: 200px;
	height: 800px;
	margin-bottom: -600px;
	overflow: hidden;
}
#parallax-it {
	padding: 0;
	font-size: 80px;
	position: relative;
}

#parallax-it-left {
	position: relative;
	font-size: 120px;
	left: -160px;
	color: #C5C3DE;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=5);
	overflow: hidden;
}

#parallax-it-right {
	position: relative;
	font-size: 160px;
	left: 80px;
	color: #C5C3DE;
	opacity: 0.25;
	-moz-opacity: 0.25;
	filter:alpha(opacity=2.5);
	overflow: hidden;
	width: 900px;
}
@media (min-width:992px) {	
	#div5 {
    /*width: 100%;
    height: auto;*/  
    position: relative;
    /*-webkit-animation: somename2 3.0s;
    -moz-animation: somename2 3.0s;
    animation: somename2 3.0s;
	-webkit-animation-delay: 2s; 
    animation-delay: 2s;*/
	opacity: 0;
    animation: fadeIn 1s ease-in-out 1.5s forwards;
} }
@media screen and (max-width: 767px) {
	#div5 {
    /*width: 100%;
    height: auto;*/  
    position: relative;
    /*-webkit-animation: somename2 3.0s;
    -moz-animation: somename2 3.0s;
    animation: somename2 3.0s;
	-webkit-animation-delay: 2s; 
    animation-delay: 2s;*/
	opacity: 0;
    animation: fadeIn 1s ease-in-out forwards;
} }

.team-area{width:100%;padding:2% 4% 2%;border:1px solid #bdbdbd; text-align:justify; background-color:#FFFFFF; color:#333333; border-radius:10px; box-shadow: 2px 3px 8px #a7a7a7;}
.team-area p{min-height:120px;vertical-align:middle;padding:20px 0 0;}
.team-area img{position:relative;padding:0px;background-color:#FFF; border-radius:100%; max-width: 180px; border: 1px solid #b5b5b5;}
.team-area>div{position:relative;width:60%; font-weight:700; color:#164fb7;}
.team-area>div span{color:#1a1a1a; font-weight:500;}

@media screen and (max-width:767px){
.team-area {margin:60px 0;}
.team-area img{margin:-86px auto 20px;}
.team-area>div{margin:0 auto -10px!important; padding-top:0px;font-size:25px; line-height:26px; text-align:center;}
.team-area>div span{font-size:18px; line-height:24px;} }

@media (min-width:768px) and (max-width:991px){
.team-area{margin:30px 0;}
.team-area img{margin:-68px auto 20px;}
.team-area>div{margin:0 auto -55px!important; padding-top:20px;font-size:30px; line-height:32px; text-align:left;}
.team-area>div span{font-size:20px; line-height:24px;} }

@media (min-width: 992px) and (max-width:1199px) {
.team-area{margin:30px 0;}
.team-area img{margin:-40px -115px 20px;}
.team-area>div{margin:-170px 97px 0px!important; padding-top:20px;font-size:30px; line-height:32px; text-align:left;}
.team-area>div span{font-size:20px; line-height:24px;}
.team-area p{margin: 0px 0px 10px 100px !important;} }

@media (min-width: 1200px) {
.team-area{margin:30px 0;}
.team-area img{margin:-40px -115px 20px;}
.team-area>div{margin:-170px 97px 0px!important; padding-top:20px;font-size:30px; line-height:32px; text-align:left;}
.team-area>div span{font-size:20px; line-height:24px;}
.team-area p{margin: 0px 0px 10px 100px !important;} }

.team-area2{width:100%;padding:2% 4% 2%;border:1px solid #bdbdbd; text-align:justify; background-color:#FFFFFF; color:#333333; border-radius:10px; box-shadow: 2px 3px 8px #a7a7a7;}
.team-area2 p{min-height:120px;vertical-align:middle;padding:20px 0 0;}
.team-area2 img{position:relative;padding:0px;background-color:#FFF; border-radius:100%; max-width: 180px; border: 1px solid #b5b5b5;}
.team-area2>div{position:relative;width:60%; font-weight:700; color:#164fb7;}
.team-area2>div span{color:#1a1a1a; font-weight:500;}

@media screen and (max-width:767px){
.team-area2 {margin:60px 0;}
.team-area2 img{margin:-86px auto 20px;}
.team-area2>div{margin:0 auto -10px!important; padding-top:0px;font-size:25px; line-height:26px; text-align:center;}
.team-area2>div span{font-size:18px; line-height:24px;} }

@media (min-width:768px) and (max-width:991px){
.team-area2{margin:30px 0;}
.team-area2 img{margin:-68px auto 20px;}
.team-area2>div{margin:0 auto -55px!important; padding-top:20px;font-size:30px; line-height:32px; text-align:right;}
.team-area2>div span{font-size:20px; line-height:24px;} }

@media (min-width: 992px) and (max-width:1199px) {
.team-area2{margin:30px 0;}
.team-area2 img{margin:-40px 795px 20px;}
.team-area2>div{margin:-170px 245px 0px!important; padding-top:20px;font-size:30px; line-height:32px; text-align:right;}
.team-area2>div span{font-size:20px; line-height:24px;}
.team-area2 p{margin: 0px 100px 10px 0px !important;} }

@media (min-width: 1200px) {
.team-area2{margin:30px 0;}
.team-area2 img{margin:-40px 985px 20px;}
.team-area2>div{margin:-170px 325px 0px!important; padding-top:20px;font-size:30px; line-height:32px; text-align:right;}
.team-area2>div span{font-size:20px; line-height:24px;}
.team-area2 p{margin: 0px 100px 10px 0px !important;} }

.inner-heading1 { font-weight:700; line-height:30px; color:#164fb7; margin-bottom:10px;}
.member-area { width: 100%; padding: 2% 2% 2%; border: 2px solid #c5c5c5; background-color:#f6f6f6; border-radius: 6px; /*box-shadow: 2px 3px 8px #a7a7a7;*/ float:left; margin:10px 0 10px 0;}
.journey { min-width:400px !important;}
.philosophy { border:1px solid #bdbdbd; padding:10px 20px 35px 20px; border-radius:10px; text-align:center; margin:60px auto 30px auto; float:right; background-color:#FFFFFF; box-shadow: 2px 3px 8px #a7a7a7;}
.reach { text-align:center; margin:30px auto 70px auto;}
.pillar { background-color:#f6f6f6; border:2px solid #c5c5c5; width:100%; margin:10px 0 20px 0; text-align:center; line-height:22px; color:#000;
 border-radius:6px; /*box-shadow: 2px 3px 8px #a7a7a7;*/ }
@media (min-width: 1200px) { .pillar { padding:15px 18px; min-height:307px;} .inner-heading1 { font-size:26px; margin-top:35px;} .philosophy { width:90%;}}
@media (min-width: 992px) and (max-width:1199px) { .pillar { padding:15px 18px; min-height:307px;} .inner-heading1 { font-size:26px; margin-top:35px;} .philosophy { width:70%;}}
@media (min-width: 768px) and (max-width:991px) { .pillar { padding:20px 10px; min-height:336px;} .inner-heading1 { font-size:26px; margin-top:35px;} .philosophy { width:80%;}}
@media screen and (max-width: 767px) { .pillar { padding:20px 20px; min-height:200px;} .inner-heading1 { font-size:22px; margin-top:30px;} .philosophy { width:100%;}}
.pillar img { text-align:center; padding-bottom:0px;}
.pillar h4 { font-size:21px !important; font-weight:700 !important;}
.vm-bg { background:url(../images/vm-bg.jpg) center center no-repeat #393663; text-align:center; padding:15px 20px 35px 20px; color:#FFF; margin-top: 50px; width: 90%; float: right; border-radius: 10px; box-shadow: 2px 3px 8px #a7a7a7;}
.body-tp { text-align:justify;}
.body-tp img { float:right; margin-left:25px; }
.body-tp2 { text-align:justify;}
.body-tp2 img { float:left; margin-right:25px; }