.mb-30 {
     margin-bottom: 30px;
}

.mt-20 {
     margin-top: 20px;
}

.text-justify {
     text-align: justify;
}

.grid-col-7 {
     width: 660px;
}

.nobod {
     border-top: none;
}

.quicklink a {
     color: #b0b0b0;
     display: inline-block;
     margin-bottom: 5px;
}

.quicklink a:hover {
     color: #f27c66;
}

.contactpg textarea {
     border: 1px solid #e6e6e6;
    line-height: 34px;
    padding: 0 12px;
    font-size: 14px;
    color: #595959;
    width: 100%;
    transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.contactpg textarea:focus,
.contactpg textarea:hover {
    border-color: #b0b0b0;
}

.im-modal textarea {
     border: 1px solid #e6e6e6;
    line-height: 34px;
    padding: 0 12px;
    font-size: 14px;
    color: #595959;
    width: 100%;
    transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.im-modal textarea:focus,
.im-modal textarea:hover {
    border-color: #b0b0b0;
}

.text-center {
     text-align: center;
}

ol.newzeaul li {
     color: #595959 !important;
     font-weight: normal !important;
     text-align: justify;
     line-height: 25px;
     margin-bottom: 15px;
}
.countries-section{
  background: rgba(237, 237, 237, 0.41);
  /*margin-bottom: 80px;*/
}

.service-icon {
    display: inline-block;
    width: 98px;
    height: 98px;
    margin: 0 25px 25px 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    border-radius: 50% !important;
    border: 3px solid #18bb7c;
    background-color: #ffffff;
    transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    border-radius: 50%;
    /*border-top-left-radius: 0px !important;
    -ms-border-top-left-radius: 0px !important;
    -moz-border-top-left-radius: 0px !important;
    -webkit-border-top-left-radius: 0px !important;
    border-bottom-right-radius: 10px;
    -ms-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;*/
    transform: rotate(45deg);
}
.service-icon:hover{
  border-radius: 50% !important;
   /*border: 5px solid #18bb7c;*/
   transition: all 0.3s;
   -ms-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -webkit-transition: all 0.3s;
  /*border-bottom-right-radius: 10px !important;
  -ms-border-bottom-right-radius: 10px !important;
  -moz-border-bottom-right-radius: 10px !important;
  -webkit-border-bottom-right-radius: 10px !important;
  border: 2px solid #18bb7c;*/
}
.service-icon img{
    transform: rotate(0deg);
}

/*.community .info-block {
    position: relative;
    padding: 50px 30px;
}*/

.community{
    -webkit-box-shadow: 6px 6px 20px 0 rgba(96, 125, 139, 0.24);
    box-shadow: 6px 6px 20px 0 rgba(96, 125, 139, 0.24);
}
.main-nav>ul>li>a{
      font-size: 17px;
      font-weight: 500;
}

.cws-button.bt-color-10 {
    border-color: #fff;
}

.cws-button.bt-color-10:hover {
    background-color: #000;
    color: #ffffff !important;
}

.wrapper {
text-transform: uppercase;
background: #ececec;
color: #555;
cursor: pointer;
/*font-family: "Gill Sans", Impact, sans-serif;*/
font-size: 14px;
/* margin: 100px 75px 10px 75px; */
/* padding: 15px 20px; */
position: relative;
/* text-align: center; */
/* width: 200px; */
-webkit-transform: translateZ(0);
-webkit-font-smoothing: antialiased;
}

.wrapper .tooltip {
background: #25bf83;
 bottom: 104%;
color: #fff;
display: block;
left: -25px;
margin-top: -14px;
margin-bottom: 0px;
opacity: 0;
padding: 16px;
pointer-events: none;
position: absolute;
 width: 150px;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.wrapper .tooltip:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%;
}

/* CSS Triangles - see Trevor's post */
.wrapper .tooltip:after {
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid #00B7B1 10px;
bottom: -10px;
content: " ";
height: 0;
left: 50%;
margin-left: -13px;
position: absolute;
width: 0;
}

.wrapper:hover .tooltip {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}

/* IE can just show/hide with no transition */
.lte8 .wrapper .tooltip {
display: none;
}

.lte8 .wrapper:hover .tooltip {
display: block;
}

.services-sec{
     padding:0;
     background-color: #D81B60;
     color: #fff;
     margin-bottom: 30px;
     box-shadow: 0px 8px 10px 1px rgba(117, 117, 117, 0.25);
     transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
}
.services-sec:hover{
     box-shadow: 0px 8px 10px 1px rgba(117, 117, 117, 0.5);

}
.services-sec h3 {
     color: #fff;
     font-size: 35px;
    font-weight: 300;
}

.services-sec p {
     text-align: justify;
     font-size: 16px;
     font-weight: 300;
}

.services-sec .rem-padd{
     padding: 0;
}

.services-sec .studprof {
     background-image: url(../img/services/profile-large.jpg);
     background-repeat: no-repeat;
     height: 400px;
     background-size: cover;
     background-position: center;
}

.services-sec .service1 {
     background-image: url(../img/services/course.jpg);
     background-repeat: no-repeat;
     height: 400px;
     background-size: cover;
     background-position: center;
}

.services-sec .service2 {
     background-image: url(../img/services/scholarships-large.jpg);
     background-repeat: no-repeat;
     height: 400px;
     background-size: cover;
     background-position: center;
}

.services-sec .service3 {
     background-image: url(../img/services/visa-guidance.jpg);
     background-repeat: no-repeat;
     height: 400px;
     background-size: cover;
     background-position: center;
}

.services-sec .service4 {
     background-image: url(../img/services/pre-departure-large.jpg);
     background-repeat: no-repeat;
     height: 400px;
     background-size: cover;
     background-position: center;
}

.services-sec .service5 {
     background-image: url(../img/services/post-arrival-large.jpg);
     background-repeat: no-repeat;
     height: 400px;
     background-size: cover;
     background-position: center;
}


.services-sec .ser-pad {
     padding: 50px 25px;
}

.form-horizontal .control-label {
     text-align: left;
    margin-bottom: 0;
    padding-top: 7px;
}

.legdet {
     background-color: #ddd;
padding: 5px;
border-radius: 2px;
margin-bottom: 20px;
}

input[type="text"],
input[type="password"],
input[type="email"],
.form-group select {
	border: 1px solid #e6e6e6;
	line-height: 34px;
	height: 36px;
	padding: 0 12px;
	font-size: 14px;
	color: #595959;
	width: 100%;
	transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

[type="text"]:hover,
input[type="text"]:focus,
[type="email"]:hover,
input[type="email"]:focus,
.form-group select:hover,
.form-group select:focus {
	border-color: #b0b0b0;
}

.newzea {
     border: 1px solid #ddd;
     padding: 25px;
    box-shadow: 2px 2px 4px 0px #ccc;
    transition: all 0.5s ease;
        min-height: 330px;
}

.newzea:hover {
     transform: translateY(-5px);
     box-shadow: 2px 7px 4px 0px #E0E0E0;
}

.newzea h4,
.newzea .icon {
     text-align: center;
}

.newzea p {
     text-align: justify;
}

.newzea .icon i {
     padding: 15px;
     font-size: 40px;
     border: 1px solid #ddd;
     border-radius: 50%;
}

.counmar {
     margin-top: 20px;
margin-bottom: 20px;
}

.course-item .course-name h3 a:hover,
.page-header-top a {
     color: #fff;
     text-decoration: none;
}

.col-md-15, .col-lg-15 {
     width: 20%;
}

.testhover a {
     -webkit-transition:  0.5s ease;
  -moz-transition:  0.5s ease;
  transition:  0.5s ease;
  display: inline-block;
}

.testhover a:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
     transform: scale(1.1);
}

.testhover p {
     font-size: 17px;
    font-weight: 500;
}

.coun h4 {
   font-size: 28px;
   font-weight: 300;
}

.coun p {
   font-size: 17px;
   font-weight: 200;
}

.coun ul {
   color: #595959;
   font-weight: 200;
   font-size: 17px;
}

.coun ul li {
   line-height: 26px;
}

.countrieshr {
   border-top: 2px solid #f2f2f2;
   margin-bottom: 20px;
}

.footlink {
   padding: 40px 0 40px 0;
}

.im-modal {
  position: fixed;
  z-index: 9999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  padding: 30px 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  visibility: hidden;
  opacity: 0;
  transition: visibility 200ms, opacity 200ms; }

.im-active {
  visibility: visible;
  opacity: 1; }

.im-active > .im-inner-panel {
  animation: scale 200ms; }

.im-inner-panel {
  overflow-y: auto;
  background-color: #fff;
  padding: 20px;
  margin: 0 auto;
  width: 640px;
  max-width: 100%;
  max-height: 100%;
  border: 10px solid rgba(128, 128, 128, 0.45);
  border-radius: 5px;
}

@keyframes scale {
  0% {
    transform: scale(0.97); }
  100% {
    transform: scale(1);
     }
 }

 .case-item:hover {
     background-color: #2dc1ec;
     /*background-color: rgba(45, 193, 236, 0.83);*/
 }

 .im-modal .modclose {
      cursor: pointer;
   font-size: 36px;
   margin-top: -20px;
   font-weight: 800;
}
.im-modal .modclose {
     cursor: pointer;
  font-size: 36px;
  margin-top: -5px;
  font-weight: 800;
  text-decoration: none;
}

.header-social {
   margin-top: 10px;
   float: right;
}

.header-social a {
   /*margin-left: 10px;*/
   font-weight: 400;
   text-decoration: none;
   color: #595959;
}

.header-social a:hover,
.header-social a:active {
   text-decoration: none;
}

.header-social a.phone i,
.header-social a.email i
{
   background-color: #ce2028;
   color: #fff;
   padding: 3px 4px;
   border-radius: 3px;
}

.header-social a.soc i {
   background-color: #ce2028;
   color: #fff;
   padding: 5px 8px;
   border-radius: 3px;
}

@media only screen and (min-width:320px) and (max-width:768px) {
   .padding-section {
    padding: 30px 0 40px 0;
}
.padding-section1 {
padding: 30px 0 0px 0;
}
   .councen {
      text-align: center;
   }
   .newzea {
      margin-bottom: 10px;
   }
   .fa:before {
      margin: -7px;
   }
   #home h2 {
    margin-bottom: 15px;
}
.mb-30 {
    margin-bottom: 0px;
}
.mb-301 {
    margin-bottom: 30px;
}
.testhover {
   text-align: center;
}
.councen .grid-col-6 {
   margin-bottom: 0;
}
.sticky-menu .logo img {
    height: 100%;
    width: auto;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}
.sticky-menu {
    position: relative;
    z-index: 500;
    min-height: auto;
    background-color: #fff;
    width: 100%;
    transition: height .3s,transform .3s;
    -ms-transition: height .3s,transform .3s;
    -moz-transition: height .3s,transform .3s;
    -webkit-transition: height .3s,transform .3s;
    position: relative;
    background-color: #fff;
}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
   .community {
      min-height: 592px;
   }
   .main-nav>ul>li>a {
    font-size: 17px;
    font-weight: 500;
}
}

@media (min-width: 768px) {
.form-horizontal .control-label {
     text-align: left;
    margin-bottom: 0;
    padding-top: 7px;
}
.main-nav>ul>li>a {
font-size: 17px;
font-weight: 500;
}
}

.main-nav>ul>li {
    float: left;
    line-height: 75px;
}

.sticky-menu.scrolling .logo{
   height: 100%;
}

.sticky-menu.scrolling .main-nav>ul>li {
    line-height: 75px;
}