/*
Template Name: Career Path html5 templete
Author:  CrazyCafe
Author URI:
Version: 1.0

====/========        ===== ==/====/
             CSS Index
====/========        =======/====/

01. reset CSS         ====================>>>line :- 57

02. preloader CSS     ====================>>>line :- 128

03.Header area css    ====================>>>line :- 290

04.Welcome area css   ====================>>>line :- 386

05.About area css     ====================>>>line :- 1086

06.Blog area css      ====================>>>line :- 622

06.Single Blog area css ====================>>>line :- 821

07.Service area css    ====================>>>line :- 521

08.single service css ====================>>>line :- 1058

09.Course area css    ====================>>>line :- 1090

10.404.             css ====================>>>line :- 1559

19.contact area css     ====================>>>line :- 1508

20. Careerbox Landing page ===============>>>line :- 2017

*/


/* Google font poppins  */

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700|Roboto:300,400,500,700,700i,900,900i');
/* Reset CSS */

.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

a:focus {
    outline: 0 solid;
    text-decoration: none
}

img {
    max-width: 100%;
    height: auto;
}

.fix {
    overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 400;
    font-family: 'Roboto', serif;
  line-height: 1.2;
    color:#222222;
}


html,
body {
    height: 100%
}

body{font-family:"Roboto";font-size:19px;font-weight:300;color:#555;}

a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #333;
}

a:hover {
    text-decoration: none
}

.standardtext {font-family:"Roboto";font-size:19px;font-weight:300;color:#555;}
.standardheading{color:#555;font-size:48px;}
.standardsubheading{color:#555;font-size:30px;font-weight:300;margin-bottom:35px;}

/* ------------------------------------- */
/* Preloader styles start .................... */
/* ------------------------------------- */

.service-inner-header {
	font-style:italic;
	text-align:center;
	margin-bottom:20px;
}
.service-pricing {
	text-align:center;
	font-size:18px;
	padding:20px;
	line-height:1.2;
	border:1px solid #F5F5F5;
	border-radius:0 0 10px 10px;
}
.service-dollar {
	font-size:40px;
	color:#5d5959;
	font-weight:600;
}
.features-box{ 
	margin-top:20px;
}
.service-compare {
	padding:0 100px;
}
.col-service-compare {
	width:50%;padding:20px 40px;float:left;
}
.service-heading-1 {
	background:#ffaf00;
	border-radius:20px 20px 0 0;
	padding:20px 20px 10px 20px;
}
.service-heading-1 h4 {
	color:white;
	font-size:17pt;
	text-align:center;
}
.service-heading-2 {
	background:#73b800;
	border-radius:20px 20px 0 0;
	padding:20px 20px 10px 20px;
}
.service-heading-2 h4 {
	color:white;
	font-size:17pt;
	text-align:center;
}
.service-inner{
	background:#F5F5F5;
	padding:20px;
}
#loading {
  width: 100vw;
  height: 100vh;
  background: #20232D;
  position: fixed;
  z-index: 999;
}
#loading #preloader {
  position: relative;
  width: 100%;
  height: 80px;
  top: calc(50% - 50px);
  text-align: center;
  margin: 0 auto;
}
#loading #preloader:after {
  content: "LOADING...";
  /* Text under the circles */
  position: absolute;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  color: #4d515f;
  letter-spacing: 1px;
  font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
  top: 90px;
  width: 100%;
  left: 0;
  right: 0;
  height: 1px;
  text-align: center;
}
#loading #preloader span {
  position: absolute;
  border: 4px solid #00539b;
  border-radius: 100%;
}
#loading #preloader span:nth-child(1) {
  width: 80px;
  height: 80px;
  left: calc(50% - 40px);
  -webkit-animation: spin-1 1s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: spin-1 1s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
}
#loading #preloader span:nth-child(2) {
  top: 20px;
  left: calc(50% - 20px);
  width: 40px;
  height: 40px;
  -webkit-animation: spin-2 1s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: spin-2 1s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
}

@-webkit-keyframes spin-1 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  50% {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}
@keyframes spin-1 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  50% {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}
@-webkit-keyframes spin-2 {
  0% {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  }
  50% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  100% {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  }
}
@keyframes spin-2 {
  0% {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  }
  50% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  100% {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  }
}

/* ------------------------------------- */
/* top area styles start .................... */
/* ------------------------------------- */
.top-area {
    background: #f2f2f2 none repeat scroll 0 0;
    padding: 12px 0;
}
.top-area .top-left {
    color: #00539b;
    font-family: "Roboto",serif;
    font-weight: 300;
    margin-right: 17px;
}
.top-area .top-left i {
    margin-right: 10px;
}
.top-right-social-icon a {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 100px;
    display: inline-block;
    font-size: 16px;
    height: 30px;
    line-height: 33px;
    margin-left: 6px;
    text-align: center;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 30px;
}
.top-right-social-icon a:hover i {
    color: #00539b;
}
.top-right-social-icon a i {
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}


/* ------------------------------------- */
/* header area styles start .................... */
/* ------------------------------------- */
.mainmenu-area {
    padding-top: 15px;
}
.mainmenu-area ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    display: block;;
}
.mainmenu-area ul li {
    display: inline-block;
    position: relative;
}
.mainmenu-area ul li a {
    color: #000000;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding-left: 28px;
    text-decoration: none;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    font-family: 'Roboto', sans-serif;
}

.mainmenu-area ul li ul.submenu {
  background: #fff none repeat scroll 0 0;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  padding-bottom: 15px;
  padding-top: 12px;
  position: absolute;
  top: 60px;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  visibility: hidden;
  width: 180px;
  z-index: 999;
}
.mainmenu-area ul li ul.submenu li {
  display: block;
  line-height: 30px;
  padding: 15px;
  text-align: left;
  border-bottom:1px dashed #EEE;
}
.mainmenu-area ul li ul.submenu li:after {
  display: none;
}
.mainmenu-area ul li ul.submenu li a {
  display: block;
  padding-left: 10px;
  text-transform: uppercase;
  line-height:1.4;
}
.mainmenu-area ul li:hover ul.submenu {
  top: 21px;
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.slicknav_menu{
    display: none;
}
.header-area {
    border-bottom: 2px solid #f2f2f2;
    padding: 10px 0;
}
.logo h4 {
    border: 1px solid #e8e8e8;
    color: #00539b;
    display: inline-block;
    font-size: 17px;
    line-height: 50px;
    margin: 0;
    padding: 0 27px;
}
.logo h4 span {
    color: #090909;
}
.mainmenu-area ul li a:hover {
    color: #00539b;
}
.mainmenu-area ul li:after {
    background: #00539b none repeat scroll 0 0;
    bottom: -34px;
    content: "";
    height: 2px;
    left: 27px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    width: 0;
}
.mainmenu-area ul li:hover:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    width: 77%;
}


/* ------------------------------------- */
/* hero area styles start .................... */
/* ------------------------------------- */
.hero-single-slide{
  position: relative;
  left: 0px;
  width: 100%;
  height: 530px;
  z-index: 1;
  min-height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hero-bg {
  bottom: 0;
  margin-right: -550px;
  position: absolute;
  right: 50%;
  width: 640px;
}

.hero-single-slide h4 {
    color: #555;
    font-family: "Roboto";
    font-size: 19px;
    font-weight: 300;
    line-height: 28px;
    display: block;
    margin-bottom: 0px;
}
.slide-btn {
  background: #00539b none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  margin-top: 30px;
  overflow: hidden;
  padding: 13px 33px;
  text-align: center;
  text-transform: uppercase;
  z-index: 4;
}
.global-hover{
    position: relative;
}
.global-hover:after, .global-hover:before {
    background: #e14e0b;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 0%;
    z-index: -1;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: .7s;
    transition: .7s;
}
.global-hover:before{
    left: 0;
}
.global-hover:hover:before, .global-hover:hover:after {
    visibility: visible;;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: 100%;
}

.hero-area .owl-dots .owl-dot {
    border: 1px solid #dfe4ef;
    border-radius: 100px;
    height: 15px;
    left: 20px;
    margin: 15px 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 15px;
}
.hero-area .owl-dots {
    left: 50%;
    margin-left: -620px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
}
.hero-area .owl-dots .owl-dot.active {
    background: #00539b none repeat scroll 0 0;
    border: 1px solid transparent;
}


/*section padding and section title css*/
.section-padding{
    padding:40px 0px;
}

.section-title h2 {
    font-size: 30px;
    margin-bottom: 15px;
}
.section-title {
    color: #7b7b7b;
    line-height: 24px;
}

.section-link a {
    color: #121212;
    font-size: 16px;
}
.section-link {
    margin-top: 49px;
}
.section-link i {
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.section-link:hover i {
    color: #00539b;
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
}
.section-link a:hover {
    color: #00539b;
}
.center{text-align:center;}

/* ------------------------------------- */
/* service area styles start .................... */
/* ------------------------------------- */
.single-service h4 {
    margin-bottom: 16px;
    margin-top: 20px;
}
.single-service {
    color: #7b7b7b;
    line-height: 24px;
    margin-top: 35px;
}
.single-service picture {
	text-align:center;
}
.see-more {
    display: block;
    font-weight: 500;
    margin-top: 20px;
    text-decoration: underline;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.see-more:hover {
    color: #00539b;
    text-decoration: underline;
}
.services_text{font-size:20px;}
.top-quote{font-size:20px;margin-bottom:40px;text-align:center;color:#00539b;margin-top:0;font-weight:700;}
@-webkit-keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0);
  }
}
@keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0);
  }
}


/* ------------------------------------- */
/* story area styles start .................... */
/* ------------------------------------- */
.story-area {
    background: #f8f8f8 none repeat scroll 0 0;
    position: relative;
}
.story-area:after {
    background: url(assets/img/mountain-climbing.webp)no-repeat;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 48%;
    background-size: cover;
}
.story-left h2 {
    margin-bottom: 24px;
}
.story-left p {
    color: #7b7b7b;
    margin-bottom: 22px;
}
.readmore-btn {
    color: #00539b;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-top: 9px;
    text-decoration: underline;
}

.story-left h2 {
    margin-bottom: 24px;
}
.story-left p {
    color: #7b7b7b;
    margin-bottom: 22px;
}
.readmore-btn {
    color: #00539b;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-top: 9px;
    text-decoration: underline;
}


/* ------------------------------------- */
/* blog area styles start .................... */
/* ------------------------------------- */
.upcoming-single {
    margin-top: 80px;
}

.upcoming-img {
    overflow: hidden;
    position: relative;
}
.upcoming-link {
    border-radius: 100%;
    color: #fff;
    font-size: 25px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    right: 45%;
    text-align: center;
    top: 50%;
    -webkit-transform: translateX(45%) translateY(0%);
            transform: translateX(45%) translateY(0%);
    -webkit-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    visibility: hidden;
    z-index: 1;
}
.upcoming-link:hover {
    color: #00539b;
}
.upcoming-single:hover .upcoming-link {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    right: 50%;
    visibility: visible;
}
.upcoming-img img {
    width: 100%;
}
.upcoming-single span.batch {
    background: #333333 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 10px 15px 10px 11px;
    width: 49.4%;
}
.upcoming-single span.batch.more-batch {
    background: #222222 none repeat scroll 0 0;
}
.upcoming-event-text {
    border: 1px solid #e8e7e6;
    color: #7b7b7b;
    padding: 30px 20px;
}
.upcoming-event-text span {
    color: #00539b;
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
}
.upcoming-event-text h4 {
    margin-bottom: 6px;
}
.upcoming-img:after {
    background: #222222 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 200%;
    overflow: hidden;
    position: absolute;
    right: 100%;
    top: 100%;
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    visibility: hidden;
    width: 200%;
}
.upcoming-single:hover .upcoming-img:after {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    right: 50%;
    top: 50%;
    -webkit-transform: translateX(50%) translateY(-50%);
            transform: translateX(50%) translateY(-50%);
    visibility: visible;
}
.upcoming-img:before {
    background: #00539b none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 0;
    z-index: 1;
}
.upcoming-single:hover .upcoming-img:before {
    width: 100%;
}

.blog-img-hover {
    position: relative;
}
.blog-img-hover:after, .blog-img-hover:before {
    background: #00539b none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 2px;
    z-index: 1;
}
.upcoming-single:hover .blog-img-hover:after {
    height: 100%;
}
.blog-img-hover:before {
    height: 2px;
    top: 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 0;
}
.upcoming-single:hover .blog-img-hover:before {
    width: 100%;
}
.blog-img-ifc {
    position: relative;
}
.blog-img-ifc:after {
    background: #00539b none repeat scroll 0 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    width: 2px;
    z-index: 1;
}
.upcoming-single:hover .blog-img-ifc:after {
    height: 100%;
}

.pagination {
    margin-bottom: 0;
    margin-top: 70px;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  background-color: inherit;
  border-color: inherit;
  color: inherit;
}
.pagination a {
    border: medium none!important;
    border-radius: 100px;
    line-height: 23px;
    margin: 0 11px;
    color: #222!important;
}
.pagination li a.icon {
    background: #222 none repeat scroll 0 0;
    border-radius: 100px;
    color: #fff!important;
    line-height: 23px;
}
.pagination a:hover {
    color: #00539b!important;
}
.pagination li a.icon:hover {
    background: #00539b none repeat scroll 0 0;
    color: #fff!important;
}

.pagination li a.active {
    box-shadow: 0 3px 14px 6px #f3f3f3;
    color: #00539b;
}


/* ------------------------------------- */
/* counter area styles start .................... */
/* ------------------------------------- */
.counter-area {
    background: #333333 none repeat scroll 0 0;
    padding: 53px 0;
}
.single-count img {
    float: left;
}
.counter-text h2 {
    font-size: 25px;
    margin-bottom: 1px;
    color: #fff;
}
.counter-text {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-left: 60px;
}

/* ------------------------------------- */
/* single blog area styles start .................... */
/* ------------------------------------- */
.single-blog {
  margin-top: 75px;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.single-blog:hover {
  box-shadow: 0 3px 7px 5px #f6f6f6;
}
.blog-img img {
    width: 100%;
}
.blog-img span {
    background: #f0f0f0 none repeat scroll 0 0;
    border-radius: 4px;
    bottom: -27px;
    color: #000000;
    font-family: "Roboto";
    height: 60px;
    left: 8px;
    line-height: 29px;
    position: absolute;
    text-align: center;
    -webkit-transform: translateZ(27px) translateX(8px);
            transform: translateZ(27px) translateX(8px);
    width: 90px;
}
.blog-img {
    position: relative;
}
.blog-text {
  color: #7b7b7b;
  margin-top: 58px;
  padding: 0 35px 30px 10px;
}
.blog-text h4 {
  font-size: 19px;
  margin-bottom: 20px;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.blog-social {
    display: block;
    margin-top: 18px;
}
.blog-text a.blog-readmore {
    color: #000000;
    font-size: 16px;
    text-decoration: underline;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.blog-social span.blog-comment i {
    margin-right: 10px;
}
.blog-social span.blog-like {
    color: #7b7b7b;
    font-weight: 300;
    margin-left: 22px;
}
.blog-social span.blog-like i, .blog-social span.blog-comment i {
    color: #444444;
    margin-right: 10px;
}
.blog-social span.blog-comment {
  color: #7b7b7b;
  font-weight: 300;
  margin-left: 60px;
}
.single-blog:hover .blog-text h4 {
    color: #00539b;
}
.blog-text a.blog-readmore:hover {
    color: #00539b;
}

/* ------------------------------------- */
/* another story area styles start .................... */
/* ------------------------------------- */
.story-img {
    float: left;
}
.another-story-area {
    padding-bottom: 70px;
	margin-top:30px;
}
.story-single-item {
    margin-top: 75px;
}
.story-text {
  color: #7b7b7b;
  margin-left: 320px;
  padding-top: 2px;
}
.story-text h4 {
  margin-bottom: 12px;
}
.story-text span {
  color: #2c2c2c;
  display: block;
  font-weight: 300;
  margin-bottom: 18px;
}

.story-social-icon {
    padding: 10px;
    text-align: center;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.story-social-icon a {
    font-size: 16px;
    margin: 0 8px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.story-social-icon a:hover {
    color: #00539b;
}
.story-single-item:hover .story-social-icon {
    box-shadow: 0 3px 7px 5px #f6f6f6;
}



.another-story-area .owl-dots div {
    border: 1px solid #00539b;
    display: inline-block;
    height: 12px;
    width: 12px;
}
.another-story-area .owl-dots .owl-dot {
    border-radius: 100px;
    margin: 0 5px;
}
.another-story-area .owl-dots .owl-dot.active {
    background: #00539b none repeat scroll 0 0;
    border: 1px solid transparent;
}
.another-story-area .owl-dots {
    margin-top: 31px;
    text-align: center;
}

/* ------------------------------------- */
/* footer area styles start .................... */
/* ------------------------------------- */
.footer-widget-area {
    background: #f2f2f2 none repeat scroll 0 0;
    padding: 40px 0;
}
.footer-logo h4 {
    border: 1px solid #dcdcdc;
    color: #00539b;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 25px;
    padding: 0 15px;
}
.footer-logo h4 span {
    color: #111;
}

.single-widget span.footer-text {
    color: #7b7b7b;
    display: block;
    margin-bottom: 20px;
	margin-top:20px;
}

.single-widget a.footer-cta {
    color: #4b4b4b;
    display: block;
    font-weight: 300;
}
.footer-cta.mailto {
    margin-bottom: 8px;
}
.single-widget a.footer-cta i {
    margin-right: 10px;
}


.single-widget h4 {
    font-size: 20px;
    margin-bottom: 45px;
}
.single-widget.footer-logo h4 {
    margin-bottom: 25px;
}
.single-widget ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.single-widget li a {
    color: #7b7b7b;
    display: block;
    font-weight: 300;
    line-height: 32px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.single-widget li a i {
    margin-right: 5px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.single-widget li a:hover {
    color: #00539b;
}
.single-widget li a:hover i {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
}

.single-widget input[type="text"], .single-widget input[type="email"] {
    border: medium none;
    color: #7b7b7b;
    line-height: 45px;
    padding-left: 10px;
    width: 100%;
}
.single-widget textarea {
    border: medium none;
    color: #7b7b7b;
    height: 85px;
    margin-top: 30px;
    padding-left: 10px;
    padding-top: 8px;
    width: 100%;
}
.single-widget textarea::-webkit-input-placeholder, .single-widget form input::-webkit-input-placeholder {
    color: #7b7b7b;
}
.single-widget textarea::-moz-placeholder, .single-widget form input::-moz-placeholder {
    color: #7b7b7b;
}
.single-widget textarea:-ms-input-placeholder, .single-widget form input:-ms-input-placeholder {
    color: #7b7b7b;
}
.single-widget textarea::placeholder, .single-widget form input::placeholder {
    color: #7b7b7b;
}
.single-widget button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #00539b;
    font-family: "Roboto";
    margin-top: 8px;
}
.single-widget button:hover i {
    -webkit-transform: translateX(7px);
            transform: translateX(7px);
}
.single-widget button i {
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.footer-bottom {
    color: #222222;
    padding: 20px 0;
}
.footer-bottom a {
  color: #00539b;
}
/* ------------------------------------- */
/* inner tile area styles start .................... */
/* ------------------------------------- */
.inner-title-area{
    position: relative;
    z-index: 1;
    padding: 10px 0px;
}

/*inner title css*/
.inner-title-area:after {
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.05;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=56)";
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.inner-title-left h2 {
    color: white;
    margin: 0;
	display:none;
}
.inner-ttile-right h4 {
    font-weight: 300;
}
.custom-padding {
  padding-bottom: 100px;
  padding-top: 35px;
}

/* ------------------------------------- */
/* about area styles start .................... */
/* ------------------------------------- */
.about-left p {
    color: #7b7b7b;
    margin-bottom: 15px;
}
.about-left {
    margin-top: 30px;
}
.about-right img {
  width: 100%;
}
.about-carousel-left h2 {
    margin-bottom: 75px;
}
.about-carousel-text {
    margin-top: 17px;
}
.about-carousel-text h4 {
    margin-bottom: 8px;
}
.about-carousel-text span.about-meta {
    color: #00539b;
    font-size: 14px;
}

.about-carousel-left-slide .owl-nav div, .about-carousel-right-slide .owl-nav div {
    background: #222222 none repeat scroll 0 0;
    bottom: -60px;
    color: #fff;
    height: 25px;
    position: absolute;
    text-align: center;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 40px;
}
.about-carousel-right-slide .owl-nav div{
    bottom: -70px;
}
.about-carousel-left-slide .owl-nav .owl-next, .about-carousel-right-slide .owl-nav .owl-next {
    left: 50px;
}
.about-carousel-left-slide .owl-nav div:hover, .about-carousel-right-slide .owl-nav div:hover {
    background: #fc6d39 none repeat scroll 0 0;
}
.about-carousel {
    padding-bottom: 140px;
}

.about-slide-right {
  border: 1px solid #00539b;
  color: #7b7b7b;
  padding: 26px 20px;
}
.about-slide-right img {
    display: block;
    margin-bottom: 20px;
    height: 20px;
    width: 25px!important;
}
.about-slide-right h4 {
    margin-bottom: 8px;
    margin-top: 20px;
}
.about-slide-right span.about-meta {
    color: #00539b;
}
.about-carousel-right-slide {
  margin-top: 75px;
}

/* ------------------------------------- */
/* single service area styles start .................... */
/* ------------------------------------- */
.single-service-left h4 {
    font-size: 25px;
    margin-bottom: 35px;
}
.single-service-left p {
    color: #7b7b7b;
	font-size:13pt;
    margin-bottom: 20px;
}

.single-service-tab-menu ul li a {
    border: 1px solid #e5e5e5;
    color: #7b7b7b;
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.single-service-tab-menu {
    box-shadow: 2px 2px 7px 2px #f0f3f9;
}
.single-service-tab-menu ul li.active a {
    color: #222;
    position: relative;
}
.single-service-tab-menu ul li.active a:after {
    background: #00539b none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 5px;
}
.single-service-tab-menu ul li a:hover {
    color: #222;
}
.single-service-tab-menu ul li a:focus {
  outline: inherit;
  outline-offset: 0px;
}

.single-service-tab-items .tab-content .single-tab {
  background: #f5f5f5 none repeat scroll 0 0;
  padding: 20px 10px 20px 25px;
  margin-bottom: 5px;
}

.single-service-tab-items .tab-content .single-tab.cta {
  background: #f9f9f9;
}

.single-service-tab-items .tab-content h4 {
    color: #706f6f;
    font-size: 16px;
    margin: 0;
}

.single-service-tab-items .tab-content .cta2 h4 {
    padding-right: 35px;
}
.single-service-tab {
  padding-bottom: 100px;
}
.single-service-right img {
    width: 100%;
}


/* ------------------------------------- */
/* single blog area styles start .................... */
/* ------------------------------------- */
.single-blog-left-top h3 {
    font-size: 26px;
    margin-top: 23px;
}
.single-blog-left-top span i {
    color: #00539b;
    font-size: 16px;
    margin-right: 8px;
}
.single-blog-left-top span {
    color: #7b7b7b;
    font-size: 16px;
}
.single-blog-left-top span.alarm-meta {
    margin-left: 15px;
}
.single-blog-top-text {
  border-bottom: 1px solid #dfdddd;
  color: #7b7b7b;
  margin-top: 30px;
  padding-bottom: 50px;
}
.single-blog-top-text span {
    display: inline-block;
    margin: 30px 0 30px 40px;
    position: relative;
}
.single-blog-top-text span:after {
    background: #ccc none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: -20px;
    position: absolute;
    top: 0;
    width: 2px;
}

.single-blog-left-social-icon {
    margin-bottom: 80px;
    margin-top: 15px;
}
.single-blog-left-social-icon span {
    color: #050505;
    font-size: 16px;
    margin-right: 18px;
}
.single-blog-left-social-icon a {
    color: #050505;
    font-size: 16px;
    margin-right: 10px;
}
.single-blog-left-social-icon a:hover {
    color: #00539b;
}

.single-blog-left-comment h3, .single-blog-contact h3 {
    font-size: 25px;
    margin-bottom: 40px;
    text-align: center;
}
.single-comment img {
    float: left;
    margin-top: 30px;
}
.blog-comment-text {
    background: #f8f8f8 none repeat scroll 0 0;
    color: #666666;
    margin-left: 65px;
    padding: 35px 40px 35px 100px;
}
.blog-comment-text span {
    color: #7d7d7d;
    display: block;
    margin-top: 12px;
}
.blog-comment-text span.comment-reply {
    display: inline-block;
    float: right;
    margin: 0;
    transition: .4s;
}
.blog-comment-text span.comment-reply:hover {
  color: #00539b;
}
.single-comment {
    margin-bottom: 20px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.single-comment:hover {
    box-shadow: 0 3px 1px 0 #e8e8e8;
}

.single-blog-contact {
    margin-top: 70px;
}
.single-blog-contact h3 {
    margin-bottom: 60px;
}
.single-blog-contact input[type="text"] {
    border: 1px solid #cbcaca;
    font-size: 16px;
    line-height: 48px;
    padding-left: 20px;
    width: 100%;
}
.single-blog-contact input::-webkit-input-placeholder, .single-blog-contact textarea::-webkit-input-placeholder {
    color: #888;
}
.single-blog-contact input::-moz-placeholder, .single-blog-contact textarea::-moz-placeholder {
    color: #888;
}
.single-blog-contact input:-ms-input-placeholder, .single-blog-contact textarea:-ms-input-placeholder {
    color: #888;
}
.single-blog-contact input::placeholder, .single-blog-contact textarea::placeholder {
    color: #888;
}
.single-blog-contact textarea {
    border: 1px solid #cbcaca;
    font-size: 16px;
    height: 180px;
    margin-top: 28px;
    padding-left: 20px;
    padding-top: 10px;
    width: 100%;
}
.single-blog-contact button {
  background: #00539b none repeat scroll 0 0;
  border: medium none;
  border-radius: 3px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 50px;
  margin-top: 20px;
  padding: 0 30px;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: auto;
}

.single-blog-right-serach input[type="text"] {
    border: 1px solid #e1e1e1;
    font-size: 16px;
    line-height: 45px;
    padding-left: 15px;
    position: relative;
    width: 100%;
}
.serch-icon {
    color: #737373;
    font-size: 24px;
    position: absolute;
    right: 32px;
    top: 15px;
}
.single-blog-right-category {
    border: 1px solid #e0dfdf;
    margin-top: 30px;
}
.single-blog-right-serach input::-webkit-input-placeholder {
    color: #7b7b7b;
}
.single-blog-right-serach input::-moz-placeholder {
    color: #7b7b7b;
}
.single-blog-right-serach input:-ms-input-placeholder {
    color: #7b7b7b;
}
.single-blog-right-serach input::placeholder {
    color: #7b7b7b;
}
.single-blog-right-category h3 {
    color: #141211;
    font-size: 25px;
    margin: 0;
    padding: 48px 0;
    text-align: center;
}
.single-blog-right-category ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.single-blog-right-category li a {
    border-top: 1px solid #cecece;
    color: #666666;
    display: block;
    line-height: 48px;
    margin: 0 5px;
    padding-left: 20px;
}
.single-blog-right-category li a:hover {
  color: #00539b;
}
.single-blog-right-category li a span {
    float: right;
    margin-right: 20px;
}
.single-blog-news-letter {
    border: 1px solid #e0dfdf;
    color: #7b7b7b;
    margin-top: 60px;
    padding: 40px 30px;
    text-align: center;
}
.single-blog-news-letter h3 {
    color: #141211;
    font-size: 25px;
    margin-bottom: 32px;
}
.single-blog-news-letter input[type="text"] {
    line-height: 40px;
    margin-bottom: 30px;
    margin-top: 30px;
    padding-left: 13px;
    width: 100%;
}
.single-blog-news-letter form input::-webkit-input-placeholder {
    color: #7b7b7b;
}
.single-blog-news-letter form input::-moz-placeholder {
    color: #7b7b7b;
}
.single-blog-news-letter form input:-ms-input-placeholder {
    color: #7b7b7b;
}
.single-blog-news-letter form input::placeholder {
    color: #7b7b7b;
}
.single-blog-news-letter button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #00539b;
    border-radius: 3px;
    color: #070707;
    font-size: 16px;
    line-height: 46px;
    padding: 0 37px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.single-blog-news-letter button:hover {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.single-recent-post {
  border: 1px solid #e0dfdf;
  margin-top: 50px;
  padding: 40px 0 11px 15px;
}
.single-recent-post h3 {
    color: #141211;
    margin-bottom: 40px;
    text-align: center;
}
.single-recent-items img {
}

.single-recent-items img {
    float: left;
}
.single-post-content {
    color: #666666;
    display: inline-block;
    margin-left: 14px;
    margin-top: 13px;
}
.single-post-content h5 {
    color: #141211;
    font-size: 15px;
    margin-bottom: 10px;
    -webkit-transition: .4s;
    transition: .4s;
}
.single-recent-items:hover .single-post-content h5 {
  color: #00539b;
}
.single-recent-items {
  display: inline-block;
  margin-bottom: 30px;
}

.single-blog-tags {
    margin-top: 100px;
}
.single-blog-tags h3 {
    color: #141211;
    font-size: 25px;
    margin-bottom: 45px;
    margin-left: -40px;
    text-align: center;
}
.single-blog-tags a {
    border: 1px solid #b9b9b9;
    color: #7b7b7b;
    display: inline-block;
    font-size: 16px;
    line-height: 45px;
    margin: 6px 2px;
    padding: 0 22px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.single-blog-tags a:hover {
    background: #00539b none repeat scroll 0 0;
    border: 1px solid transparent;
    color: #fff;
}


/* ------------------------------------- */
/* contact area styles start .................... */
/* ------------------------------------- */
.contact-top h2 {
    margin-bottom: 26px;
}
.contact-top {
    color: #7b7b7b;
}
.contact-top-icon {
    margin-bottom: 50px;
    margin-top: 25px;
}
.contact-top-icon a {
    color: #7b7b7b;
    display: block;
    margin-bottom: 10px;
}
.contact-area-contact-form input[type="text"], .contact-area-contact-form input[type="email"], .contact-area-contact-form select, .contact-area-contact-form textarea {
    border: 1px solid #cac9c9;
    font-weight: 300;
    line-height: 48px;
    margin-bottom: 20px;
    padding-left: 20px;
    width: 100%;
	height:52px;
}
.contact-area-contact-form textarea {
    height: 160px;
}
.contact-area-contact-form input::-webkit-input-placeholder {
    color: #acacac;
}
.contact-area-contact-form input::-moz-placeholder {
    color: #acacac;
}
.contact-area-contact-form input:-ms-input-placeholder {
    color: #acacac;
}
.contact-area-contact-form input::placeholder {
    color: #acacac;
}

.contact-area-contact-form textarea::-webkit-input-placeholder {
    color: #777;
}

.contact-area-contact-form textarea::-moz-placeholder {
    color: #777;
}

.contact-area-contact-form textarea:-ms-input-placeholder {
    color: #777;
}

.contact-area-contact-form textarea::placeholder {
    color: #777;
}
.slide-btn.global-hover.cta {
  border: none;
  margin-top: 0px;
  padding: 13px 40px;
}

.contact-top-icon a i {
    margin-right: 10px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.contact-top-icon a:hover i {
    color: #00539b;
}

.slide-btn.global-hover.cta.cta1:hover {
    background: #e14e0b none repeat scroll 0 0;
}
.slide-btn.global-hover.cta.cta1 {
    transition: all 0.4s ease 0s;
}


/* ------------------------------------- */
/* 404 area styles start .................... */
/* ------------------------------------- */
.notfound-text h1 {
    color: #090707;
    font-size: 146px;
    margin-bottom: 0;
}
.notfound-text span {
    color: #00539b;
    display: block;
    font-size: 16px;
    margin-bottom: 20px;
}
.notfound-text p {
    color: #757575;
}
.slide-btn.global-hover.cta4 {
    background: #00539b none repeat scroll 0 0;
    border-radius: 40px;
    color: #fff;
    display: inline-block;
    line-height: 50px;
    margin-top: 20px;
    padding: 0 34px;
}
.upcoming-area.cta5 {
  padding-top: 20px;
  padding-bottom: 100px;
}


/* ------------------------------------- */
/* course area styles start .................... */
/* ------------------------------------- */
.course-details-left h3 {
    font-size: 25px;
    margin-bottom: 3px;
    margin-top: 30px;
}
.course-details-left span {
    color: #7b7b7b;
    display: inline-block;
    line-height: 26px;
    margin-top: 25px;
}
.course-details-right h4 {
    background: #333333 none repeat scroll 0 0;
    color: #fff;
    font-size: 20px;
    line-height: 52px;
    padding-left: 15px;
}
.course-details-right ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.course-details-right li {
    border-bottom: 1px solid #e2e2e2;
    color: #333333;
    font-size: 18px;
    font-weight: 500;
    line-height: 55px;
    padding-left: 15px;
}
.course-details-right li span {
    float: right;
    font-weight: 400;
}


/* ------------------------------------- */
/* register area styles start .................... */
/* ------------------------------------- */
form .single-regiter input[type="text"], form .single-regiter .nice-select.select.select-option {
    background: #f4f4f4 none repeat scroll 0 0;
    border: medium none;
    font-weight: 300;
    line-height: 52px;
    margin-bottom: 30px;
    padding-left: 10px;
    width: 100%;
}
.single-regiter input::-webkit-input-placeholder {
    color: #666;
}
.single-regiter input::-moz-placeholder {
    color: #666;
}
.single-regiter input:-ms-input-placeholder {
    color: #666;
}
.single-regiter input::placeholder {
    color: #666;
}
.nice-select.select-option.select {
}
.single-regiter .nice-select {
    border-radius: 0;
    height: 52px;
}
.single-regiter .nice-select ul {
    width: 100%;
}
.single-regiter .nice-select span {
    color: #a8a8b1;
}
.register-textarea textarea {
    background: #f4f4f4 none repeat scroll 0 0;
    border: medium none;
    font-weight: 300;
    height: 180px;
    padding-left: 10px;
    padding-top: 15px;
    width: 100%;
}
.register-textarea textarea::-webkit-input-placeholder {
    color: #666;
}
.register-textarea textarea::-moz-placeholder {
    color: #666;
}
.register-textarea textarea:-ms-input-placeholder {
    color: #666;
}
.register-textarea textarea::placeholder {
    color: #666;
}
.alert-error {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
	padding:10px;
}
.alert-success {
    padding: 10px;
}
/* ------------------------------------- */
/* Welcome To Buy Carrer Path  */
/* ------------------------------------- */

/*
    tabSlideOUt v2.4
    By  Michael Fielding
    License: GPL v3.0
*/

.ui-slideouttab-panel, .ui-slideouttab-handle {
    background-color: white;
    padding: 0.4em;
    box-sizing: border-box;
}
.ui-slideouttab-panel {
	display: block;
	position: fixed;
    border: 2px solid grey;
}
/* This class is added after the tabs are initialised, otherwise the user sees the 
   tabs slide out of the way when the page is initialised. */
.ui-slideouttab-ready {
	transition: transform 0.5s ease 0s;
}

/* Hide tabs and panels when printed. */
@media print {
    .ui-slideouttab-panel {
        display: none;
    }
}

/* Tab handles */
.ui-slideouttab-handle {
    display: block;
    position: absolute;
    cursor: pointer;
    color: white;
    background-color: #b5d8f6;
}
.ui-slideouttab-handle-image {
    transform: rotate(0);
}

/* Right */
.ui-slideouttab-right {
	right: 0px;
	transform: translateX(100%);
	border-right: none;
}
.ui-slideouttab-right.ui-slideouttab-open {
	transform: translateX(0%);
}
.ui-slideouttab-right .ui-slideouttab-handle {
    transform-origin: 0% 0%;
    transform: rotate(-90deg) translate(-100%,-100%);   
}
.ui-slideouttab-right .ui-slideouttab-handle-reverse {
    transform-origin: 0% 100%;
    transform: rotate(-90deg);
}
/* Left */
.ui-slideouttab-left {
	left: 0px;
	transform: translateX(-100%);
	border-left: none;
}
.ui-slideouttab-left.ui-slideouttab-open {
	transform: translateX(0%);
}
.ui-slideouttab-left .ui-slideouttab-handle {
    transform-origin: 100% 0%;
    transform: rotate(-90deg);   
}
.ui-slideouttab-left .ui-slideouttab-handle-reverse {
    transform-origin: 100% 100%;
    transform: rotate(-90deg) translate(100%,100%);   
}
/* Top */
.ui-slideouttab-top {
	top: 0px;
	transform: translateY(-100%);
	border-top: none;
}
.ui-slideouttab-top.ui-slideouttab-open {
	transform: translateY(0%);
}
/* Bottom */
.ui-slideouttab-bottom {
	bottom: 0px;
	transform: translateY(100%);
	border-bottom: none;
}
.ui-slideouttab-bottom.ui-slideouttab-open {
		transform: translateY(0%);
}

/* turn font awesome icon in a tab upright */
.ui-slideouttab-left .ui-slideouttab-handle>.fa-icon, 
.ui-slideouttab-right .ui-slideouttab-handle>.fa-icon { 
    transform: rotate(90deg);
}
.ui-slideouttab-handle>.fa-icon {
    margin-left: 0.5em;
}

/* apply rounded corners if handle has the -rounded class */
.ui-slideouttab-top .ui-slideouttab-handle-rounded,
.ui-slideouttab-left .ui-slideouttab-handle-rounded {
    border-radius: 0 0 4px 4px;
}
.ui-slideouttab-right .ui-slideouttab-handle-rounded, 
.ui-slideouttab-bottom .ui-slideouttab-handle-rounded {
    border-radius: 4px 4px 0 0;
	top:278px!important;
}


/* CAREERBOX LANDING PAGE START */
.bgimage{background-image: url("https://ad.org.nz/assets/img/careerbox-bg.jpg");height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;opacity:0.4;}
.cb_h2{position:absolute;top:150px;left:50px;font-family:'Open Sans';font-size:24pt;font-weight:600;width:455px;color:black;}
.cb_h3{position:absolute;top:250px;left:50px;font-family:'Open Sans';font-size:14pt;width:500px;color:#777;}
.cb_topbutton{position:absolute;top:200px;right:150px;}
.cb_title_red{color:red;}
.cb_whitesection{padding:40px 80px;text-align:center;color:#777;}
.cb_white_h2{font-size:24pt;}
.cb_lefttext{float:left;width:45%;margin-top:40px;}
.cb_righttext{float:left;width:45%;margin-top:40px;margin-left:10%;}
.clear{clear:both;}
.cb_testimonial{padding:40px 80px;text-align;center;background:#f2f2f2;}
.test_pic{margin:auto;text-align:center;}
.test_pic img {border-radius:50%;box-shadow:1px 4px 9px #777;}
.test_text{width:650px;color:#999;font-weight:300;margin:auto;padding:10px 0;font-size:10pt;}
.test_name{text-align:center;}
.cb_origprice{text-decoration:line-through;color:red;font-size:24pt;}
.cb_includes{list-style-position: inside;padding:0;font-size:14pt;line-height:1.6;}
.cb_nowprice{font-size:14pt;margin:20px 10px 10px 10px;line-height:1.2;}
.btn-getstarted{font-size:18pt;}
.cb_onlyprice{font-size:27pt;color:green;}

.pe_how_title{color:#444;}
.pe_how_works{text-align:center;font-size:16pt;}
.pe_step_inner{float:left;width:33%;padding:20px;text-align:center;font-size:16pt;line-height:1.3;}
.pe_step_number{font-size:24pt;}

.click-graph{width:50%!important;float:left;font-size:18pt;text-align:center;line-height:6;}
.left{float:left;width:50%;}
.clearspace{clear:both;margin-top:20px;}
.coronaupdatetop{width:100%;padding:15px;background-color:red;color:#fff;text-align:center;font-size:14pt;margin-top:25px;}