/**
 * Stylesheet:  style.css
 * Theme:       kidsInstitute -  Kindergarten & School HTML5 Responsive Template
 * Version:     1.0
 * Author:     	The Theme Pond
 * URL:         https://themeforest.net/user/themevila
 * 
 */
/* Table of contents
=========================
1.Preloader
2.Scrollup
3.Header Section
4.Menu  Section
5.Slider Section
6.Title Section
7.About Section
8.Service Section
9.Count Up Section 
10.Why Choose Us Section
11.Call To Action Section
12.FAQ Section
13.Blog Section
14.Sidebar Section
15.Testimonial Section
16.Page Heading Section
17.Team section
18.About Page
19.Contact Page
20.Footer Section
===========================*/

/*------------------*/
/*Theme default CSS
/*------------------*/
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none; }

html,
body {
  height: 100%;
  font-size: 16px;
  color: #424242;
font-family: 'Source Sans Pro', sans-serif;
  vertical-align: baseline;
  line-height: 26px;
}
a:focus {
  outline: 0px solid;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  margin: 0 0 22px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 20px;
  font-weight: 600;
font-family: 'Source Sans Pro', sans-serif;
  color: #464646;
}

h1 {
font-size: 32px;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 18px;
}

a {
  transition: all 0.5s ease-out;
  text-decoration: none;color:#464646
}
a:active,
a:hover {
  outline: 0 none;
  color: #000;text-decoration:none
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

::-moz-selection {
  background: #1baad6;
  text-shadow: none;color:#fff
}
::selection {
  background: #1baad6;
  text-shadow: none;color:#fff
}
textarea:focus, input:focus{
    outline: none;
}
.slider-overlay {
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;  width: 100%;
  position: absolute;
  top: 0;z-index:1

}
.images-overlay {
background-color: rgba(27, 170, 214, 0.9);
height: 100%;
position: absolute;
top: 0;
width: 100%;
}
.pt-50{padding-top:50px}
.pb-20{padding-bottom:20px}
.pb-50{padding-bottom:50px}
.bg-gray{background:#ecf4fc}
/*
1.Preloader
============================*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 9999999;
	right: 0;
    bottom: 0;
}
#preloader-status {
    height: 210px;
	width: 210px;
    background: url(../img/preloader.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    position: absolute;
    left: 50%;
    top: 50%;	
}

/*
2.Scrollup
==============*/
#scrollUp {
background: #1baad6 none repeat scroll 0 0;
border-radius: 100%;
bottom: 5px;
color: #fff;
font-size: 25px;
height: 40px;
right: 20px;
text-align: center;
text-decoration: none;
width: 40px;
}
#scrollUp:hover {
  opacity: 1;
  color: #fff!important;background:#1baad6;
}
#scrollUp i {
display: block;
font-weight: bold;
padding-top: 6px;
}

/*
3.Header Section
==================*/
.hd-sec {
background:#242424
}

.hd-logo {
  padding: 16px 0;z-index:99
}
.info-intro {
display: inline-block;
float: right;
margin-left: 20px;
padding: 10px 0;
}
.info-text h5 {
  color: #fff;
  font-size: 16px;
  margin-bottom: 0;
}
.info-text a,
.info-text span {
color: #fff;
font-size: 14px;
}
.info-intro i {
color: #1baad6;
font-size: 36px;
margin-right: 10px;
position: relative;
top: -2px;
}
.info-text {
  display: inline-block;
}
/*
4.Menu  Section
=================*/
.mnmenu-sec{background: #fff none repeat scroll 0 0;
}
.logo {
  padding: 28px 0px;
}
.main-menu ul {
list-style : none outside none;
margin : 0;
padding : 0;
position : relative;
}
.main-menu ul>li {
display:inline-block;
padding : 0;
position : relative;
}
.main-menu ul li a {
color: #464646;
display: block;
font-size: 16px;
font-weight: bold;
padding: 28px 20px;
text-decoration: none;
text-transform: uppercase;
transition: all 0.4s ease 0s;position:relative
}
.main-menu ul li.active a{color:#1baad6;position:relative}

.main-menu ul li ul:hover .main-menu ul li a{
  background: #ddd;
}
.main-menu ul li a:hover {
transition : all 0.4s 0s ease;
color:#1baad6
}

.main-menu ul ul {
background: #1baad6 none repeat scroll 0 0;
left: 0;
opacity: 0;
padding: 10px;
position: absolute;
text-align: left;
transition: all 0.4s ease 0s;
visibility: hidden;
z-index: 99999;opacity:0;transform:scaleX(0);top:82px
}
.main-menu ul ul li {
float : none;
width : 200px;
}
.main-menu ul ul li a {
padding : 10px;color:#fff;
}
.main-menu ul ul li a:hover {
color:#fff
}
.main-menu ul ul ul {
top : 0;
left : 100%;
}
.main-menu ul li:hover ul {	
    visibility: visible;transition: all 0.4s ease 0s; opacity: 1;transform: scaleX(1);opacity:1;
}
.main-menu ul li a i {
font-size: 13px;
margin-left: 6px;
color: #1baad6;
}
.get-code {
text-align:right;
}
.get-code > a {
background: #1baad6 none repeat scroll 0 0;
border-radius: 50px 0;
color: #fff;
display: inline-block;
margin: 18px 0;
padding: 10px 27px;
position: relative;
text-transform: uppercase;
}

/*
5.Slider Section
======================*/
.all-slide .owl-item {
  height: 550px;
}
.all-slide .single-slide {
background-position: center center;
background-size: cover;
height: 100%;
background-repeat: no-repeat;
}
.slider-text {
  left: 0;
  margin: 0 auto;
  position:relative;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
 z-index:2;padding:0px  100px;color:#fff
}
.slider-text h2{color:#fff;}
.slider-text h1 {
color: #fff;
font-size: 46px;
text-transform: uppercase;
font-weight: bold;
}
.slider-text p {
  color: #fff;
}
.slider-text li {
  display: inline-block;
}
.slider-text li a {
background: #e47000 none repeat scroll 0 0;
color: #fff;
display: inline-block;
margin-top: 8px;
padding: 10px 30px;
text-transform: uppercase;
border-radius: 50px 0px 50px 0;
}
.slider-text li:last-child a{background: #1baad6 none repeat scroll 0 0;}
.slider-text li:last-child a:hover{background: #424242 none repeat scroll 0 0;transition: all 0.4s ease 0s;}
.all-slide .owl-controls {
position: absolute;
top: 45%;
width: 100%;
z-index: 99;
transform: translateY(-50%);
}
.all-slide .owl-controls .owl-buttons div {
background: none;
opacity: 1.00;
}

.all-slide .owl-controls .owl-prev {
  left: 0px;
  position: absolute;
}
.all-slide .owl-controls .owl-next {
  right: 0px;
  position: absolute;
}
.all-slide .owl-controls .owl-prev i,
.all-slide .owl-controls .owl-next i {
background-color: rgba(0, 0, 0, 0.4);
color: #fff;
font-size: 30px;
height: 70px;
line-height: 70px;
text-align: center;
transition: all 0.5s ease-out 0s;
width: 40px;
}

.all-slide .owl-controls .owl-next i:hover {
transition: all 0.5s ease-out 0s;background:#1baad6;color:#fff
}
.all-slide .owl-controls .owl-prev i:hover {
transition: all 0.5s ease-out 0s;background:#1baad6;color:#fff
}
/*progress bar css*/


.progress-bar4 {
margin: 0 0 20px;
overflow: hidden;
}
.progress-title-holder {
  padding-bottom: 7px;
  position: relative;
  margin: 5px 0;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  line-height: 15px;
  font-weight: 400;
  color: #2e2e2e;  
}
.progress-title {z-index: 100;
color: #0f0f0f;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;}
.progress-number-wrapper {
  width: 100%;
  z-index: 10;
}
.progress-number-mark {
  margin-bottom: 4px;
  border-radius: 3px;
  background-color:#EF4438;
  padding: 0 8px;
  position: absolute;
  bottom: 0;   
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%); 
} 
.progress-number-wrapper,
.progress-number-mark {
  font-family: Open Sans, sans-serif;
  font-size: 11px;
  line-height: 24px;
  height: 24px;
  letter-spacing: 0px;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  color: #ffffff;display:none
}
.down-arrow {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #EF4438;
  position: absolute;
  left: 50%;
  top: 100%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);  
}
.progress-content-outter {
background-color: #5D5D5D;
height: 20px;
border-radius: 10px;
}
.progress-content {
background-color: #fff;
border-radius: 10px 0px 0 10px;
height: 20px;
width: 0;
}

/*
6.Title Section
=================*/
.sec-title {
margin: 0 250px 60px;
text-align: center;
}
.sec-title  h1 {
color: #1baad6;
font-size: 36px;
}
.sec-title h1 span {
  font-weight: normal;
}
.border-shape {
border-bottom: 3px solid #1baad6;
display: block;
left: 0;
margin: -5px auto;
position: relative;
right: 0;
text-align: center;
top: 0;
width: 100px;
}
.sec-title  p {
  margin-bottom: 0;
  margin-top: 20px;
}
/*
7.Newsletter Section
=======================*/
.newsletter-sec {
  background: #1baad6 none repeat scroll 0 0;
  padding: 36px 0;
  margin-top: -1px;
}

.newsletter-left  h1 {
color: #fff;
font-size: 22px;
font-weight: bold;
margin-bottom: 10px;
text-transform: uppercase;
}
.newsletter-left  p {
  color: #ffffff;margin-bottom:0px
}
.newsletter-right input[type="email"] {
  background: #fafafa none repeat scroll 0 0;
  border: 1px solid #fafafa;
  border-radius:50px 0;
  padding: 10px 20px;
  color: #a5a5a5;
  text-transform: capitalize;margin-right:10px;
}
.newsletter-right input[type="submit"] {
  background:#e47000;
  border: 1px solid #e47000;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  padding: 10px 30px;
  border-radius:50px 0;
}
.newsletter-right input[type="submit"]:hover{background:#fff;border-color:#fff;color:#464646}
.newsletter-right {
float: right;
margin-top: 8px;
}
/*
7.About Section
===================*/
.about {
padding-bottom: 30px;
padding-top: 50px;
}
.about h3 {
  text-transform: uppercase;
}
.about-img > img {
  border-bottom: 4px solid #1baad6;
  border-radius: 50px 0;
  border-top: 4px solid #e47000;
  width: 100%;
  margin-bottom: 20px;
}
.about-text a{
  background: #e47000 none repeat scroll 0 0;
  border-radius: 50px 0;
  color: #fff;
  display: inline-block;
  padding: 10px 30px;
  text-transform: uppercase;
}
.about-text a.mission_btn{background:#1baad6}
/*
8.Service Section
============================*/
.service-thumb img {
width: 100%;
border-bottom: 4px solid #1baad6;border-radius:50px 0;
}
.service i,
.why-choose i,
.service i  {
background: #1baad6 none repeat scroll 0 0;
border-radius: 100%;
color: #fff;
font-size: 24px;
height: 60px;
line-height: 60px;
text-align: center;
width: 60px;
}
.service-item .inner {
  margin-bottom: 30px;
}
.readmore {
color: #e47000;
display: inline-block;
font-size: 15px;
font-weight: bold;
position: relative;
text-transform: uppercase;
top: -8px;
}
.readmore:before{content: '\f101'; /* fa-angle-right */
font-family: 'FontAwesome';
color: #e47000;
right:-20px;position:absolute}
.service-item .inner h2 {
font-size: 18px;
margin-bottom: 10px;
}
.service-item .inner:hover h2 a{color:#1baad6}
.service-item .inner:nth-child(3n+1) {
  clear: both;
}

.btn.rdmorebtn {
  background: #1baad6 none repeat scroll 0 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}

.btn.rdmorebtn:hover{background: #000;transition: all 0.4s ease-in-out 0s;}
.list-item {
  margin: 20px 0;
}
.list-item li {
  display: inline-block;
  text-align: left;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
  color: #1baad6;
}
.btn.order-btn {
  background: #1baad6;
  color: #fff;
  border-radius: 50px 0;
  padding: 10px 40px;
}
.service .inner span {
color: #e47000;
display: inline-block;
font-size: 14px;
width: 100%;
}

/*
9.Count Up Section 
============================*/
.count-up-sec {
background-attachment: fixed;
background-image: url("../img/bannar.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
padding: 50px 0;
position: relative;
}


.count-up-sec .sec-title h1 {
  color: #fff;
}
.count-up-sec .sec-title p {
  color: #fff;
}
.counting_sl::before {
border: 1px dashed #fff;
border-radius: 0 50px;
content: "";
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: -1;
}
.counting_sl {
padding: 40px 0;
position: relative;
text-align: center;
z-index: 99;
}

.counting_sl h2 {
color: #fff;
font-size: 58px;
text-transform: uppercase;
}
.counting_sl h4 {
color: #fff;
font-size: 14px;
margin-bottom: 0;
text-transform: uppercase;
}

/*
10.Why Choose Us Section
============================*/
.project-sec .item {
margin-bottom: 30px;
overflow: hidden;
position: relative;
transition: all 0.4s ease-in-out 0s;
border-radius: 50px 0;
}
.project-sec .item:hover .project-hoverlay{visibility:visible;opacity:1;transform:scale(1);top:0}
.project-hoverlay {
  position: absolute;
  top:100%;
  width: 100%;
  height: 100%;background:#1baad6; transition: all 0.4s ease-in-out 0s;visibility:hidden;opacity:0;transform:scale(0);
}

.project-text {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.project-text  a {
  width: 50px;
  height: 50px;
  display: inline-block;
  background: #fff;
  line-height: 50px;
  border-radius: 100%;
  margin-bottom: 15px;color:#1baad6
}
.project-text  h3 {
  color: #fff;
  text-transform: uppercase;
}
.project-sec .item img {
width: 100%;
border-bottom: 4px solid #1baad6;
}
.project-gallery {
background-attachment: fixed;
background-color: #fff;
background-image: url("../img/bannar.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 50px 0;
position: relative;margin-bottom:50px
}
.simplefilter {
text-align: center;
position: relative;
}
.shorttitle {
  display: none;
}
.simplefilter li {
background: #fff none repeat scroll 0 0;
border-radius: 50px 0;
color: #464646;
cursor: pointer;
display: inline-block;
margin: 0 6px;
padding: 10px 30px;
text-transform: uppercase;
}
.simplefilter li:hover {
transition: all 0.5s ease-out 0s;background:#424242;color:#fff;
}
.simplefilter li.active {
    background: #e47000;color:#fff
}
.why-choose-text {
  margin-top: 15px;
}
.why-choose .inner {
  margin-bottom: 30px;
}
.why-choose-item h2 {
font-size: 18px;
margin-top: 0;
margin-bottom: 10px;
}
.why-choose-item {
border-top: 2px dashed #1baad6;
 border-bottom:2px dashed #e47000;
display: inline-block;
margin-bottom: 30px;
padding: 20px;
text-align: center;
width: 100%;
border-radius: 50px 0px 50px 0;
}

/*
11.Call To Action Section
============================*/
.call-to-action-sec{
background: #1baad6 none repeat scroll 0 0;
padding: 50px 0;
}
.call-to-action-overlay {
  background-color:rgba(255, 255, 255, 0.9);
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.call-to-action-text p {
  margin-bottom: 0;
}
.call-to-action-text {
  color: #fff;
}
.call-to-action-text  h2 {
  color: #fff;
  text-transform: uppercase;
}
.call-to-action-text a.btn {
background: #e47000 none repeat scroll 0 0;
border-radius:50px 0;
color: #fff;
font-weight: bold;
padding: 12px 36px;
text-transform: uppercase;
float: right;
margin-top: 12px;
}
.call-to-action-text a.btn:hover{background: #424242;transition: all 0.4s ease-in-out 0s;}

/*
13.Blog Section
==================*/
.blog-sec .blog-post {
  padding: 0;
}
.single-post {
  display: inline-block;
  margin-bottom: 30px;
}
.blog-title  h2 {
color: #0f0f0f;
font-size: 24px;
font-weight: 900;
line-height: 30px;
}
.single-post-text h2 a {
color: #464646;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
}
.post-thumb{border-radius: 50px 0;
overflow: hidden;
position: relative;
margin-bottom: 15px;}
.single-post-text.overlay-info {
bottom:-100px;
position: absolute;
width: 100%;
visibility: hidden;transition: all 0.4s ease 0s;
}
.single-post:hover .single-post-text.overlay-info{visibility:visible;bottom: -7px;transition: all 0.4s ease 0s;}
.pst_info {
  float: left;
  display: inline-block;
}
.post-date h2 {
  background: #1baad6;
  text-align: center;
  padding: 10px 5px;
  font-size: 18px;
  color: #fff;
}
.blog-title {
  padding-bottom: 20px;
}
.single-post  img {
width: 100%;transform:scale(1);transition: all 0.4s ease-in-out 0s;
}
.single-post:hover img{transform:scale(1.2);transition: all 0.4s ease-in-out 0s;}
.comment-list {
border: 1px solid #ddd;
font-size: 18px;
padding: 14px;
text-align: center;
}
.comment-list h5 {
  margin-bottom: 0;
}
.single-post-text h2 {
margin-bottom: 10px;
}
.single-post-text  ul {
display: inline-block;
width: 100%;
background: #1baad6;
padding: 10px;
}
.single-post-text li a {
float: left;
font-size: 16px;
font-weight: normal;
margin-left: 1px;
padding-right: 15px;
text-transform: capitalize;color:#fff
}
.single-post-text li a i{color:#fff;margin-right: 5px;}

.post-date h1 {
  background: #f3af1e none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  margin-top: 13px;
  padding: 15px;
  text-align: center;
  text-transform: none;
}
.comment-list {
border: 1px solid #ddd;
font-size: 18px;
padding: 14px;
text-align: center;
}
.comment-list h5 {
  margin-bottom: 0;
}

.commentar-sec img {
float: left;
margin-right: 20px;
width: 80px;
border-bottom: 3px solid #1baad6;
}
.comment-title {
  margin-bottom: 10px;
}
.commentar-sec .media.mt-3 {
  margin-top: 30px;
}
.single-post .contact-field h2 {
  margin-bottom: 0;
  font-size: 18px;
  margin-top: 40px;
}
.commentar-sec h2 {
  margin-top: 50px;
  text-transform: uppercase;
}

/*
14.Sidebar Section
=====================*/
.sidebar h1 {
background: #1baad6 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size:18px;
margin-bottom: 10px;
margin-top: 20px;
text-transform: uppercase;
width: 100%;
padding: 10px;
}
.search-field form {
display: inline-block;
width: 100%;
position: relative;
}

.search-field input[type=text] {
background: #ececec none repeat scroll 0 0;
color: #222;
padding:10px 35px 10px 10px;
width: 100%;
}

.search-field button {
background: #1baad6 none repeat scroll 0 0;
color: #fff;
position: absolute;
padding:10px;
right: 0;
}

.blog-sec .inner:nth-child(2n+1) {
  clear: both;
}
.abt_dec > p {
  margin-top: 20px;
}

.sidebar ul li a{color: #717171;
font-size: 14px;
font-weight: normal;
text-transform: capitalize;transition: all 0.4s ease-in-out 0s;}
.sidebar ul li a:hover{transition: all 0.4s ease-in-out 0s;color:#1baad6}
.widget-archive li{position:relative}
.widget-archive li:last-child {
  border-bottom: none;
}
.widget-cat li:last-child {
  border-bottom: none;
}
.widget-cat li{position:relative}
.widget-archive li:before{content: '\f105'; /* fa-angle-right */
  font-family: 'FontAwesome';
color: #717171;
padding-right:10px}
.widget-cat li:before{content: '\f105'; /* fa-angle-right */
  font-family: 'FontAwesome';
color: #717171;
padding-right:10px}
.widget-cat li {
  padding: 10px 0;
  border-bottom: 1px solid #ececec;
}
.widget-tag li a:hover{transition: all 0.4s ease-in-out 0s;background:#1baad6;color:#fff!important;border-color:#1baad6}
.relative-post h3 {
font-size: 15px;
text-transform: capitalize;
margin-bottom: 10px;
}
.relative-post {
border-bottom: 1px solid #ececec;
display: inline-block;
padding: 12px 0;
width: 100%;
}
.relative-post-thumb {
  float: left;
  margin-right: 15px;
}
.relative-post-thumb img{border-bottom:3px solid #1baad6};
.single_r_dec  a {
color: #717171;
line-height: 20px;
}
.single_r_dec  a:hover{ transition: all 0.4s ease-in-out 0s;color:#1baad6 }
.all_r_pst .media {
  margin-top: 0;
}
.single_r_dec p {
  margin-bottom: 0;
}


.widget-archive li {
border-bottom: 1px solid #ebebeb;
display: inline-block;
padding: 10px 0;
position: relative;
width: 100%;
}
.widget-archive span {
  float: right;
}
.widget-tag a {
  float: left;
  padding: 10px;
  border: 1px solid #ececec;
  margin-right: 5px;
  margin-bottom: 5px;
}

.author_dec h3 {
margin : 0;
color : #333333;
font-size : 14px;
margin-bottom : 11px;
}
.author_info {
border-bottom : 1px solid #e3e3e3;
display : inline-block;
padding : 22px 0;
margin-bottom : 30px;
}
.author_info > img {
  float: left;
  margin-right: 35px;
  height: 80px;
}
.social_link {
margin : 0;
padding : 0;
float : right;
display : inline-flex;
}
.social_link li {
list-style : none;
}
.social_link li a i {
color : #363636;
float : left;
padding : 6px;
}
/*
15.Testimonial Section
=========================*/
.testimonial-sec {
background-image: url("../img/testimonial_bg.jpg");
background-repeat: no-repeat;
padding: 50px 0;
position: relative;
background-attachment: fixed;
background-position: center center;
background-size: cover;
}

.all-testimonial .owl-controls {
  position: absolute;
  top: 40%;
  width: 100%;
}
.all-testimonial .owl-controls .owl-buttons div {
  background: none;
opacity:1
}

.all-testimonial .owl-controls .owl-prev {
  left: -80px;
  position: absolute;
}
.all-testimonial .owl-controls .owl-next {
  right: -80px;
  position: absolute;
}
.all-testimonial .owl-controls .owl-prev i,
.all-testimonial .owl-controls .owl-next i {
border: 1px solid #1baad6 ;
border-radius: 100%;
color: #fff ;
font-size: 30px;
height: 40px;
line-height: 37px;
text-align: center;
transition: all 0.5s ease-out 0s;
width: 40px;background:#1baad6
}

.all-testimonial .owl-controls .owl-next i:hover {
transition: all 0.5s ease-out 0s;background:#424242;color:#fff;border-color:#424242
}
.all-testimonial .owl-controls .owl-prev i:hover {
transition: all 0.5s ease-out 0s;background:#424242;color:#fff;border-color:#424242
}

.sngl-client {
border: 1px solid #ddd;
margin-bottom: 30px;
text-align: center;
margin: 5px;
}
.single-testimonial {
margin: 0 10px;
}
.client-comment img {
border: 1px solid #1baad6;
border-radius: 100%;
height: 80px;
width: 150px;
}
.client-comment > p {
  background: #1baad6 none repeat scroll 0 0;
  padding: 40px;color:#fff;border-radius:50px 0px
}
.client-comment  h2 {
color: #1baad6;
font-size: 14px;
font-weight: bold;
margin-top: 15px;
text-transform: uppercase;
margin-bottom: 10px;
}
.client-comment  h3 {
font-size: 14px;
text-transform: capitalize;
margin-bottom: 13px;
}
.client-comment p::before {
content: "\f10d ";
font-family: fontawesome;
left:-8px;top:-8px;
position: relative;color:#fff
}
.client-comment p::after {
  bottom: 4px;
content: "\f10e";
  font-family: fontawesome;color:#fff;right:-8px;top:8px;
    position:relative
}
.client-comment > ul {
  padding-bottom: 15px;
}
.client-comment li {
  display: inline-block;
}
.client-comment li a{
border: 2px solid #1baad6;
border-radius: 100%;
color: #fff;
display: inline-block;
height: 30px;
line-height: 26px;
width: 30px;
margin: 0px 5px;background:#1baad6
}
.client-comment li a:hover{background:#424242;transition: all 0.4s ease-in-out 0s;color:#fff;border-color:#424242}
.client-sec .owl-controls {
  display: none;
}

.client-designations {
  display: inline-block;
}
.media-left.client-img {
  float: left;
}

/*
16.Page Heading Section
==========================*/
.pagehding-sec {
background-image: url("../img/pg_hd.jpg");
background-position: center center;
background-repeat: no-repeat;
padding: 50px 0;
position: relative;
background-size: cover;
}
.pagehding-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.page-heading  h1 {
color: #fff;
font-size: 32px;
margin-bottom: 0;
}
.page-heading ul {
  text-align: right;
}
.page-heading li {display: inline-block;
position: relative;
padding: 0px 14px;}
.page-heading li a {
  color: #fff;
}
.page-heading li:last-child a {
  color: #1baad6;
}
.page-heading li::before {
  border-right: 1px solid #fff;
  content: "";
  height: 60%;
  position: absolute;
  right: -2px;
  top: 5px;
}
.page-heading li:last-child::before{display:none}

/*
17.Team section
=================*/
.team-member {
background: #1baad6 none repeat scroll 0 0;
color: #fff;
margin-bottom: 30px;
overflow: hidden;
position: relative;
text-align: center;
border-radius: 50px 0;
}
.team-member ul {
  margin-bottom: 10px;
  margin-top: 10px;
}
.team-member:hover .team-overlay{visibility:visible;transition: all 0.4s ease-in-out 0s;opacity:1;transform:scaleX(1)}
.team-member img {
  width: 100%;
}
.team-member  h2 {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
  text-transform: uppercase;
}
.team-member  h3 {
  font-size: 14px;
  color: #fff;
  text-transform: capitalize;
}
.team-member li {
  display: inline-block;
  padding: 0px 10px;
}
.team-member li i{color:#fff}
/*
18.About Page
================*/
.abtdsc-sec p {
  color: #fff;
}
.abt-lft h2 {
color: #464646;
text-transform: uppercase;
}
.abt-img img {
  width: 100%;
}

/*
19.Contact Page
============================*/
.contact-field  h2,
.map-heading h2 {
color: #464646;
font-size: 24px;
font-weight: bold;
margin: 0 10px 30px;
padding-bottom: 16px;
position: relative;
text-transform: uppercase;
}

.contact-info h3 {
  color: #464646;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 30px 0;
}
.contact-info i {
  margin-right: 10px;
}
.contact-field input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #E5E5E5;
  margin-bottom: 30px;
  padding: 10px;
  width: 100%;
}
.contact-field .message-input {
  display: inline-block;
  width: 100%;
}
.single-input-field textarea {
  border: 1px solid #E5E5E5;
  width: 100%;
  height: 200px;
  padding: 10px;
}
.single-input-fieldsbtn input[type="submit"] {
background: #1baad6 none repeat scroll 0 0;
color: #fff;
margin-top: 20px;
text-transform: uppercase;
border-color: #1baad6;
}
.single-input-fieldsbtn input[type="submit"]:hover{background:#000;transition: all 0.4s ease-in-out 0s;border-color:#000}
.contact-field {
  display: inline-block;
}
.single-input-field  h4 {
  color: #464646;
  text-transform: capitalize;
  font-size: 14px;
}
.contact-person h1 {
color: #464646;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;margin-bottom:20px;position:relative;
}

.person-info span {
  display: inline-block;
  width: 100%;
}
.person-info .name {
  color: #1baad6;
  font-weight: bold;
}
.person-thumb {
  display: inline-block;
  float: left;
  margin-right: 15px;
  margin-top:5px;
}
.person-thumb img {
  border-bottom: 3px solid #1baad6;
}

.single-info h2 {
  color: #464646;
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
  margin-bottom: 10px;
  margin-top: 30px;
}

.map-sec iframe{width:100%;height:450px}
/*
20.Footer Section 
======================*/
.footer-sec {
  background: #242424 none repeat scroll 0 0;
  padding: 50px 0;
}
.footer-sec h2 {
color: #fff;
font-size: 20px;
margin-bottom: 10px;
position: relative;
text-transform: uppercase;
padding-bottom: 10px;
margin-bottom: 20px;
}
.footer-sec p {
  color: #ccc;
}

.footer-wedget-one i {
border: 1px solid #1baad6;
color: #fff;
float: left;
font-size: 18px;
height: 40px;
line-height: 40px;
margin-right: 10px;
text-align: center;
width: 40px; transition: all 0.4s ease-in-out 0s;border-radius:100%;
}
.footer-wedget-one i:hover{background:#1baad6;color:#fff;transition: all 0.4s ease-in-out 0s;}
.footer-wedget-one ul {
  margin-top: 15px;
}

.footer-wedget-three li i {
  display: inline-block;
  margin-right: 10px;
}
.ft-menu ul {
  padding: 0px 20px;
}
.ft-menu h2 {
  display: inline-block;
  text-align: left;
}

.footer-wedget-two li a {
color: #ccc;
text-transform: capitalize;
padding: 5px 0;
display: inline-block;
 transition: all 0.4s ease-in-out 0s;
}
.footer-wedget-two li a i {
  margin-right: 10px;
}
.footer-wedget-two li a:before{content: '\f105'; /* fa-angle-right */
  font-family: 'FontAwesome';
color: #1baad6;
padding-right:10px}
.footer-wedget-tags li {
  display: inline-block;
}
.footer-wedget-tags li a{padding:10px}
.recent-thumb {
  display: inline-block;
  float: left;
  margin-right: 15px;
}
.recent-thumb img {
  border-bottom: 3px solid #1baad6;
}
.recent-news .media-body h2 {
  margin-bottom: 5px;
  padding-bottom: 0;
}
.footer-wedget-tags li a {
  display: inline-block;
  padding: 10px 30px;
  background: #1baad6;
  color: #fff;
  border-radius: 50px 0;
  margin-bottom: 10px;transition: all 0.4s ease 0s;
}
.footer-wedget-tags li a:hover{background:#e47000;transition: all 0.4s ease 0s;}
.recent-news h2 a {
color: #ccc;
font-size: 16px;
text-transform: capitalize;
}
.footer-bottom-sec {
  background: #282828 none repeat scroll 0 0;
  padding: 15px 0;
}
.footer-bottom-sec p {
color: #ccc;
font-weight: bold;
margin: 0;
text-align: center;
}

/* The End */