/*
Template Name:
Author Name: 
Version: 1.0.0.0
 ----- X -----
      Table Of Content
---------------------------
1.Pre-Loader
2.Header_Part\
3.banner_part
4.Feature_Part
5.About_Part
6.Team_Part
7.Video_Part
8.pricing_part
9.faq_part
10.Scrensort_Part
11.Contact_Part
12.top_to part
*/


/*common css start*/

* {
   margin: 0;
   padding: 0;
}

ol,
ul,
li {
   list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
li {
   margin: 0;
}

a,
a:hover,
a:focus {
   text-decoration: none;
}

img {
   vertical-align: middle;
}

.clr {
   clear: both;
}

button:focus {
   outline: 0;
}

.main_heading h3 {
   font-family: 'Open Sans', sans-serif;
   font-size: 30px;
   text-transform: uppercase;
   color: #ffffff;
   font-weight: 700;
   position: relative;
   display: inline-block;
   padding-bottom: 50px;
}

.main_heading h3:after {
   width: 120px;
   height: 2px;
   position: absolute;
   content: '';
   background: #fcac45;
   left: 50%;
   transform: translateX(-50%);
   bottom: 40px;
}

.main_heading h3:before {
   width: 80px;
   height: 2px;
   position: absolute;
   content: '';
   background: #fcac45;
   left: 50%;
   transform: translateX(-50%);
   bottom: 30px;
}


/*header part css start*/

#navigation {
   position: absolute;
   z-index: 333;
   width: 100%;
}

header #navigation nav .navbar-nav .nav-item i {
   padding: 15px;
   color: #ffffff;
   font-size: 18px;
   transition: all linear 0.4s;
}

header #navigation nav .navbar-nav .nav-item .nav-link {
   padding: 0px 15px;
   line-height: 90px;
   color: #ffffff;
   font-size: 16px;
   font-family: 'Lato', sans-serif;
   font-weight: 700;
   text-transform: uppercase;
   transition: all linear 0.3s;
   position: relative;
}

header #navigation nav .navbar-nav .nav-item .nav-link i {
   color: #ffffff;
   font-size: 24px;
}

header #navigation nav .navbar-nav .nav-item .nav-link:hover i {
   color: #fcac45;
}

header #navigation.navfixed nav .navbar-nav .nav-item .nav-link {
   line-height: 80px;
}

header #navigation nav .navbar-nav .nav-item .nav-link:hover,
header #navigation nav .navbar-nav .nav-item .nav-link.active {
   color: #fcac45;
}

.navfixed {
   position: fixed !important;
   top: 0;
   left: 0;
   width: 100%;
   background: linear-gradient(to right, #a00ca8 0%, #03dab7 100%);
   box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.40);
}

header #navigation nav .navbar-nav .nav-item .nav-link:after {
   position: absolute;
   bottom: 25px;
   left: 0;
   right: 0;
   margin: auto;
   width: 20%;
   content: '';
   background: #fcac45;
   transition: all linear 0.3s;
   height: 1px;
   opacity: 0;
}

header #navigation nav .navbar-nav .nav-item .nav-link:hover:after,
header #navigation nav .navbar-nav .nav-item .nav-link.active:after {
   z-index: -10;
   width: 90%;
   opacity: 1;
   transition: all linear 0.3s;
   opacity: 1;
}

header #navigation nav .navbar-nav .dropdown_menu ul {
   position: absolute;
   padding: 10px 20px;
   display: none;
   background: #03dab7;
}

header #navigation nav .navbar-nav li:hover > ul {
   display: block;
}

header #navigation nav .navbar-nav .dropdown_menu ul li a {
   color: #fff;
   font-size: 15px;
   text-transform: uppercase;
   font-family: sans-serif;
   display: block;
   padding: 10px 15px;
   transition: all linear 0.3s;
}

header #navigation nav .navbar-nav .dropdown_menu ul li:hover > a {
   color: #fcac45;
}

header #navigation nav .navbar-nav .dropdown_menu ul li {
   position: relative;
}

header #navigation nav .navbar-nav .dropdown_menu ul li a:hover {
   color: #fcac45;
}


/*header part css end*/


/* banner_part css start*/

#banner .banner_item_one {
   background: url(../images/Odel.jpg) no-repeat center ;
   background-size: cover;
}

#banner .banner_item_two {
   background: url(../images/sweing.jpg%203.jpg) no-repeat center;
   background-size: cover;
}


#banner .banner_item_three {
   background: url(../images/confarance.jpg) no-repeat center;
   background-size: cover;
}

#banner .banner_item_four {
   background: url(../images/lab.jpg) no-repeat center;
   background-size: cover;
}

#banner .banner_overlay {
     background: rgba(0, 0, 0, 0.8);
    opacity: 0.6;

}

#banner .banner_overlay h2 {
   color: #fcac45;
   font-size: 40px;
   text-transform: uppercase;
   font-family: 'Lato', sans-serif;
   font-weight: 700;
   padding-top: 220px;
   padding-bottom: 20px;
}

#banner .banner_overlay h2 span {
   color: #00aaf5;
}

#banner .banner_overlay p {
   color: #e9e8fa;
    opacity: 1;
   font-size: 18px;
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   padding: 0 145px;
   line-height: 28px;
}

#banner .banner_overlay .button {
   padding-bottom: 160px;
   padding-top: 100px;
}

#banner .banner_overlay .button a {
   background: #fcac45;
   color: #ffffff;
   padding: 10px 25px;
   text-transform: uppercase;
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
   font-size: 15px;
   border-radius: 21px;
   transition: all linear 0.4s;
   -webkit- transition: all linear 0.4s;
   -moz-transition: all linear 0.4s;
   -ms-transition: all linear 0.4s;
   -o-transition: all linear 0.4s;
}

#banner .banner_overlay .button a:hover {
   border: 1px solid#fcac45;
   color: #fcac45;
   background: none;
   transition: all linear 0.4s;
}

#banner .slick-dots {
   position: absolute;
   left: 50%;
   bottom: 40px;
   transform: translateX(-50%);
}

#banner .slick-dots li {
   display: inline-block;
   width: 14px;
   height: 14px;
   border: 1px solid#fcac45;
   border-radius: 50%;
   margin-right: 5px;
   cursor: pointer;
}

#banner ul li button {
   font-size: 0;
   float: left;
   border: 0;
}

#banner ul li.slick-active {
   background: #fcac45;
   border: 0;
}


/*about_part css start*/

#about {
   padding: 70px 0;
   background: #147e90;
}

#about p {
   color: #ffffff;
   font-size: 15px;
   padding-top: 20px;
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   line-height: 25px;
}

#about h3 {
   margin-bottom: 20px;
}

#about .about_img {
   position: relative;
}

#about .about_img .about_overlay {
   position: absolute;
   width: 100%;
   height: 100%;
   bottom: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.7);
}

#about .about_img .about_overlay i.play {
   position: absolute;
   top: 50%;
   left: 50%;
   text-align: center;
   transform: translateY(-50%) translateX(-50%);
   color: #ffffff;
   font-size: 30px;
   height: 45px;
   width: 60px;
   line-height: 45px;
   background: #fcac45;
   transition: all linear 0.3s;
   -webkit- transition: all linear 0.3s;
   -moz-transition: all linear 0.3s;
   -ms-transition: all linear 0.3s;
   -o-transition: all linear 0.3s;
   padding-left: 5px;
   border-radius: 8px;
}

#about .about_img .about_overlay i.play:hover {
   background: #e88c16;
   color: #ffffff;
}

#about .about_button {
   padding-top: 20px;
}

#about .about_button a {
   border: 1px solid#fcac45;
   color: #fcac45;
   padding: 8px 22px;
   text-transform: uppercase;
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
   font-size: 15px;
   border-radius: 28px;
   display: inline-block;
   overflow: hidden;
   transition: all linear 0.3s;
   -webkit- transition: all linear 0.3s;
   -moz-transition: all linear 0.3s;
   -ms-transition: all linear 0.3s;
   -o-transition: all linear 0.3s;
}

#about .about_button a:hover {
   background: #fcac45;
   color: #ffffff;
}

.about_right {
   padding-top: 20px;
}

.about_right li {
   color: #ffffff;
   font-size: 17px;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
}

.about_right i {
   color: #fcac45;
   margin-right: 10px;
}


/*about css end*/

#service {
   padding: 70px 0;
   background: #ffffff;
}

#service h3 {
   color: #444444;
}

#service .service_item {
   padding: 40px 20px;
   background: #f1f1f1;
   margin-top: 30px;
   border-radius: 5px;
   transition: all linear 0.3s;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
}

#service .service_item:hover {
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 10px 10px rgba(0, 0, 0, 0.12);
}

#service .service_item .service_icon i {
   width: 70px;
   height: 70px;
   line-height: 70px;
   border: 1px solid#fcac45;
   font-size: 40px;
   color: #fcac45;
   border-radius: 5px;
   transition: all linear 0.3s;
}

#service .service_item:hover .service_icon i {
   background: #fcac45;
   color: #ffffff;
}

#service .service_item .service_text h5 {
   padding: 30px 0;
   font-size: 22px;
   text-transform: uppercase;
   color: #147e90;
   font-family: 'Open Sans', sans-serif;
   font-weight: 700;
   display: inline-block;
   position: relative;
}

#service .service_item .service_text h5:after {
   position: absolute;
   content: '';
   height: 2px;
   background: #147e90;
   width: 80px;
   left: 50%;
   bottom: 10px;
   transform: translateX(-50%);
}

#service .service_item .service_text p {
   font-size: 16px;
   line-height: 26px;
   color: #444444;
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
}

#blog {
   padding: 70px 0;
   background: #147e90;
}

#blog p {
   padding-top: 30px;
   color: #ffffff;
   padding-bottom: 40px;
}

#blog .blog_image {
   padding-top: 30px;
}

#blog .blog_image .blog_item {
   position: relative;
}

#blog .blog_image .blog_item .blog_overlay {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.7);
   transform: scale(0);
   transition: all linear 0.4s;
}

#blog .blog_image .blog_item:hover .blog_overlay {
   transform: scale(1);
}

#blog .blog_image .blog_item .blog_overlay i.link {
   font-size: 25px;
   color: #fcac45;
   height: 45px;
   width: 45px;
   line-height: 45px;
   top: 50%;
   cursor: pointer;
   border-radius: 3px;
   text-align: center;
   left: 50%;
   position: absolute;
   transform: translateY(-50%) translateX(-50%);
   border: 1px solid#fcac45;
   transition: all linear 0.3s;
}

#blog .blog_image .blog_item .blog_overlay i.link:hover {
   background: #fcac45;
   color: #ffffff;
}

#blog figure figcaption {
   background: #f1f1f1;
   padding: 20px;
}

#blog figure figcaption h5 {
   color: #fcac45;
   font-size: 25px;
   padding-bottom: 10px;
}

#blog figure figcaption .icon_text i {
   color: #147e90;
}

#blog figure figcaption .icon_text span {
   color: #147e90;
   font-size: 18px;
   padding-left: 10px;
}

#blog figure figcaption p {
   font-size: 15px;
   color: #444444;
   padding: 20px 0;
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   line-height: 25px;
}

#blog figure figcaption .link {
   padding: 20px 0;
}

#blog figure figcaption .link a {
   border: 1px solid #fcac45;
   color: #fcac45;
   padding: 12px 25px;
   text-transform: uppercase;
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
   font-size: 15px;
   border-radius: 21px;
   transition: all linear 0.4s;
   -webkit- transition: all linear 0.4s;
   -moz-transition: all linear 0.4s;
   -ms-transition: all linear 0.4s;
   -o-transition: all linear 0.4s;
}

#blog figure figcaption .link a:hover {
   background: #fcac45;
   color: #ffffff;
}

#blog figure figcaption .link a:focus {
   outline: 0;
}

#blog figure figcaption .link a i.right {
   font-size: 16px;
   padding-left: 5px;
}


/*team_part css start*/

#team {
   background: url(../images/team-bg.html) no-repeat center;
   background-size: cover;
   background-attachment: fixed;
}

#team .team_overlay {
   background: rgba(0, 0, 0, 0.7);
   padding: 70px 0;
}

#team .team_overlay p {
   color: #ffffff;
}

#team .team_overlay figure {
   margin-bottom: 0;
   overflow: hidden;
   position: relative;
   margin-top: 20px;
}

#team .team_overlay figure img {
   width: 100%;
   height: 100%;
   transform: scale(1);
   transition: all linear 0.3s;
}

#team .team_overlay figure:hover img {
   transform: scale(1.1);
   cursor: pointer;
}

#team .team_overlay figure .image_overlay {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   z-index: 20;
   width: 100%;
   text-align: center;
   background: linear-gradient(to left, rgba(160, 12, 168, 0.6) 0%, rgba(3, 218, 183, 0.6) 100%);
   transition: all linear 0.4s;
   -webkit- transition: all linear 0.4s;
   -moz-transition: all linear 0.4s;
   -ms-transition: all linear 0.4s;
   -o-transition: all linear 0.4s;
   transform: scale(0);
}

#team .team_overlay figure:hover .image_overlay {
   transform: scale(1);
}

#team .team_overlay .icon_image {
   top: 50%;
   text-align: center;
   transform: translateY(-50%);
   right: 20px;
   position: absolute;
}

#team .team_overlay .icon_image i {
   color: #fcac45;
   font-size: 20px;
   border: 1px solid#fcac45;
   width: 40px;
   height: 40px;
   line-height: 40px;
   margin-bottom: 5px;
   display: block;
   border-radius: 50%;
   transition: all linear 0.3s;
}

#team .team_overlay .icon_image i:hover {
   background: #fcac45;
   color: #ffffff;
}

#team .team_overlay figcaption {
   background: rgba(20, 126, 144, 0.65);
   padding: 30px 20px;
   ;
}

#team .team_overlay figcaption h5 {
   font-size: 22px;
   font-family: 'Open Sans', sans-serif;
   font-weight: 700;
   color: #fcac45;
   text-transform: uppercase;
   position: relative;
}

#team .team_overlay figcaption h5:after {
   position: absolute;
   content: '';
   width: 60px;
   height: 2px;
   background: #ffffff;
   bottom: -6px;
   left: 50%;
   transform: translateX(-50%);
}

#team .team_overlay figcaption h6 {
   padding-top: 15px;
   color: #ffffff;
   font-size: 18px;
   text-transform: capitalize;
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
}

#team .team_overlay .slick-dots {
   position: absolute;
   left: 50%;
   bottom: -45px;
   transform: translateX(-50%);
}

#team .team_overlay .slick-dots li {
   display: inline-block;
   width: 14px;
   height: 14px;
   border: 1px solid#fcac45;
   border-radius: 50%;
   margin-right: 5px;
   cursor: pointer;
}

#team .team_overlay ul li button {
   font-size: 0;
   float: left;
   border: 0;
}

#team .team_overlay ul li.slick-active {
   background: #fcac45;
   border: 0;
}


/*team_part css end*/

#portfolio {
   padding: 70px 0;
   background: #147e90;
}

#portfolio .portfolio-controllers {
   display: inline-block;
}

#portfolio .portfolio-controllers .filter-btn {
   color: #fcac45;
   border: 1px solid #fcac45;
   padding: 5px 21px;
   text-transform: capitalize;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
   transition: all linear 0.4s;
   margin-top: 30px;
   border-radius: 2px;
   font-size: 16px;
   text-align: center;
}

#portfolio .portfolio-controllers .filter-btn:hover,
#portfolio .portfolio-controllers .filter-btn.active-work {
   background: #fcac45;
   color: #ffffff;
}

#portfolio .portfolio-image {
   overflow: hidden;
   position: relative;
}

#portfolio .portfolio-image img {
   width: 100%;
   height: 100%;
   transform: scale(1);
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
   position: absolute;
}

#portfolio .portfolio-image:hover img {
   transform: scale(1.1);
   cursor: pointer;
}

#portfolio .portfolio-image .portfolio_overlay {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background: rgba(0, 0, 0, 0.7);
   transform: scale(0);
   transition: all linear 0.3s;
}

#portfolio .portfolio-image:hover .portfolio_overlay {
   transform: scale(1);
}

#portfolio .portfolio-image .portfolio_overlay i {
   text-align: center;
   top: 50%;
   color: #fcac45;
   font-size: 25px;
   width: 45px;
   height: 45px;
   line-height: 45px;
   left: 50%;
   border-radius: 3px;
   position: absolute;
   transform: translateY(-50%) translateX(-50%);
   border: 1px solid#fcac45;
   transition: all linear 0.3s;
}

#portfolio .portfolio-image .portfolio_overlay i:hover {
   background: #fcac45;
   color: #ffffff;
}


/*portfolio_end*/

#pricing {
   background: linear-gradient(to left, #a00ca8 0%, #03dab7 100%);
   padding: 70px 0;
}

#pricing .pricing_list {
   background: #ffffff;
   padding: 30px 0;
   border-radius: 4px;
   margin-top: 30px;
}

#pricing .pricing_list h5 {
   font-family: 'Open Sans', sans-serif;
   font-size: 20px;
   color: #ffffff;
   text-transform: uppercase;
   font-weight: 700;
   background: #fcac45;
   display: block;
   padding: 15px 0;
}

#pricing .pricing_list .pricing_item h6 {
   font-family: 'Open Sans', sans-serif;
   font-size: 36px;
   color: #fcac45;
   font-weight: 700;
   margin: 15px 0;
   height: 100px;
   width: 100px;
   text-align: center;
   display: inline-block;
   line-height: 100px;
   border: 2px solid #fcac45;
   border-radius: 50%;
   transition: all linear 0.3s;
}

#pricing .pricing_list:hover .pricing_item h6,
#pricing .pricing_list .pricing_item h6.active {
   background: #fcac45;
   color: #ffffff;
}

.price_text ul li p {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #147e90;
   font-weight: 400;
   padding-top: 10px;
   position: relative;
   display: inline-block;
}

.price_text ul li p:after {
   border-bottom: 1px solid#147e90;
   position: absolute;
   width: 100%;
   content: '';
   left: 0;
   bottom: 0;
}

.price_text ul li:last-child p {
   border-bottom: 0;
}

.price_text a {
   font-family: 'Open Sans', sans-serif;
   font-size: 16px;
   color: #fcac45;
   font-weight: 400;
   padding: 8px 20px;
   margin-top: 20px;
   border: 1px solid#fcac45;
   display: inline-block;
   transition: all linear 0.3s;
   text-transform: capitalize;
   border-radius: 20px;
}

.price_text a:hover,
.price_text a.active {
   background: #fcac45;
   color: #ffffff;
}

#counter {
   background: url(../images/counter-bg.jpg) no-repeat center;
   background-attachment: fixed;
   background-size: cover;
}

#counter .counter_overlay {
   padding: 70px 0;
   background: rgba(0, 0, 0, 0.75);
}

#counter .counter_overlay .counter_item h3 {
   font-size: 35px;
   color: #ffffff;
   /*   position: relative;*/
   display: inline-block;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
}

#counter .counter_overlay .counter_item p {
   color: #ffffff;
   font-size: 24px;
   padding-top: 15px;
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   text-transform: capitalize;
}


/*testimonial css start*/

#testimonial {
   background: url(../images/slide-1.html) no-repeat center;
   background-size: cover;
   background-attachment: fixed;
}

#testimonial .testimonial_overlay {
   background: rgba(0, 0, 0, 0.7);
   padding: 70px 0;
}


/*
#testimonial .testimonial_overlay h3 {
   margin-bottom: 40px;
}
*/

#testimonial .testimonial_overlay img {
   margin-top: 63px;
   border-radius: 70%;
}

#testimonial .testimonial_overlay h5 {
   padding-top: 60px;
   font-family: 'Open Sans', sans-serif;
   font-size: 20px;
   color: #ffffff;
   font-weight: 700;
}

#testimonial .testimonial_overlay h6 {
   padding-top: 10px;
   font-family: 'Open Sans', sans-serif;
   font-size: 16px;
   color: #ffffff;
   font-weight: 400;
}

#testimonial .testimonial_overlay .icon_part i {
   color: #fcac45;
   padding-top: 5px;
}

#testimonial .testimonial_overlay p {
   padding-top: 10px;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #ffffff;
   font-weight: 400;
   line-height: 24px;
   padding-bottom: 35px;
}

#testimonial .testimonial_overlay .slick-dots {
   position: absolute;
   left: 50%;
   bottom: -30px;
   transform: translateX(-50%);
}

#testimonial .testimonial_overlay .slick-dots li {
   display: inline-block;
   width: 14px;
   height: 14px;
   border: 1px solid#fcac45;
   border-radius: 50%;
   margin-right: 5px;
   cursor: pointer;
}

#testimonial .testimonial_overlay ul li button {
   font-size: 0;
   float: left;
   border: 0;
}

#testimonial .testimonial_overlay ul li.slick-active {
   background: #fcac45;
   border: 0;
}


/*testimonial part css end*/
#portfolio {
   padding: 70px 0;
   background: #147e90;
}

#portfolio .portfolio-controllers {
   display: inline-block;
}

#portfolio .portfolio-controllers .filter-btn {
   color: #fcac45;
   border: 1px solid #fcac45;
   padding: 5px 21px;
   text-transform: capitalize;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
   transition: all linear 0.4s;
   margin-top: 30px;
   border-radius: 2px;
   font-size: 16px;
   text-align: center;
}

#portfolio .portfolio-controllers .filter-btn:hover,
#portfolio .portfolio-controllers .filter-btn.active-work {
   background: #fcac45;
   color: #ffffff;
}

#portfolio .portfolio-image {
   overflow: hidden;
   position: relative;
}

#portfolio .portfolio-image img {
   width: 100%;
   height: 100%;
   transform: scale(1);
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
   position: absolute;
}

#portfolio .portfolio-image:hover img {
   transform: scale(1.1);
   cursor: pointer;
}

#portfolio .portfolio-image .portfolio_overlay {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background: rgba(0, 0, 0, 0.7);
   transform: scale(0);
   transition: all linear 0.3s;
}

#portfolio .portfolio-image:hover .portfolio_overlay {
   transform: scale(1);
}

#portfolio .portfolio-image .portfolio_overlay i {
   text-align: center;
   top: 50%;
   color: #fcac45;
   font-size: 25px;
   width: 45px;
   height: 45px;
   line-height: 45px;
   left: 50%;
   border-radius: 3px;
   position: absolute;
   transform: translateY(-50%) translateX(-50%);
   border: 1px solid#fcac45;
   transition: all linear 0.3s;
}

#portfolio .portfolio-image .portfolio_overlay i:hover {
   background: #fcac45;
   color: #ffffff;
}


/*portfolio_end*/

#pricing {
   background: linear-gradient(to left, #a00ca8 0%, #03dab7 100%);
   padding: 70px 0;
}

#pricing .pricing_list {
   background: #ffffff;
   padding: 30px 0;
   border-radius: 4px;
   margin-top: 30px;
}

#pricing .pricing_list h5 {
   font-family: 'Open Sans', sans-serif;
   font-size: 20px;
   color: #ffffff;
   text-transform: uppercase;
   font-weight: 700;
   background: #fcac45;
   display: block;
   padding: 15px 0;
}

#pricing .pricing_list .pricing_item h6 {
   font-family: 'Open Sans', sans-serif;
   font-size: 36px;
   color: #fcac45;
   font-weight: 700;
   margin: 15px 0;
   height: 100px;
   width: 100px;
   text-align: center;
   display: inline-block;
   line-height: 100px;
   border: 2px solid #fcac45;
   border-radius: 50%;
   transition: all linear 0.3s;
}

#pricing .pricing_list:hover .pricing_item h6,
#pricing .pricing_list .pricing_item h6.active {
   background: #fcac45;
   color: #ffffff;
}

.price_text ul li p {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #147e90;
   font-weight: 400;
   padding-top: 10px;
   position: relative;
   display: inline-block;
}

.price_text ul li p:after {
   border-bottom: 1px solid#147e90;
   position: absolute;
   width: 100%;
   content: '';
   left: 0;
   bottom: 0;
}

.price_text ul li:last-child p {
   border-bottom: 0;
}

.price_text a {
   font-family: 'Open Sans', sans-serif;
   font-size: 16px;
   color: #fcac45;
   font-weight: 400;
   padding: 8px 20px;
   margin-top: 20px;
   border: 1px solid#fcac45;
   display: inline-block;
   transition: all linear 0.3s;
   text-transform: capitalize;
   border-radius: 20px;
}

.price_text a:hover,
.price_text a.active {
   background: #fcac45;
   color: #ffffff;
}

#counter {
   background: url(../images/counter-bg.jpg) no-repeat center;
   background-attachment: fixed;
   background-size: cover;
}

#counter .counter_overlay {
   padding: 70px 0;
   background: rgba(0, 0, 0, 0.75);
}

#counter .counter_overlay .counter_item h3 {
   font-size: 35px;
   color: #ffffff;
   /*   position: relative;*/
   display: inline-block;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
}

#counter .counter_overlay .counter_item p {
   color: #ffffff;
   font-size: 24px;
   padding-top: 15px;
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   text-transform: capitalize;
}


#contact {
   padding: 70px 0;
   background: #147e90;
}

#contact form .from_field {
   width: 100%;
   padding: 10px;
   border: 1px solid#ffffff;
   color: #ffffff;
   margin-bottom: 20px;
   background: none;
   border-radius: 4px;
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   transition: all linear 0.3s;
}

#contact form textarea {
   width: 100%;
   padding: 10px;
   border: 1px solid#ffffff;
   color: #ffffff;
   margin-bottom: 20px;
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   background: none;
   border-radius: 4px;
   resize: none;
   transition: all linear o.3s;
}

#contact form .from_field:focus,
#contact form textarea:focus {
   border-color: #fcac45;
}

#contact form .submit {
   border: 1px solid#fcac45;
   display: inline-block;
   background: none;
   color: #fcac45;
   padding: 8px 20px;
   border-radius: 4px;
   text-transform: uppercase;
   font-size: 16px;
   cursor: pointer;
   transition: all linear 0.3s;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
}

#contact form .submit:hover {
   background: #fcac45;
   color: #ffffff;
}

#contact form {
   padding-top: 30px;
}

#contact h5 {
   padding-top: 30px;
   color: #ffffff;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
   text-transform: uppercase;
   font-size: 20px;
}


/*contact part css end*/

#footer {
   background: url(../images/footer.jpg) no-repeat center;
   background-attachment: fixed;
   background-size: cover;
}

#footer .footer_overlay {
   background: rgba(0, 0, 0, 0.7);
   padding: 60px 0;
}

#footer .footer_overlay p {
   color: #ffffff;
}

.widg_1 a img {
   margin-bottom: 30px;
}

#footer .footer_overlay .widgets h3 {
   font-size: 22px;
   font-weight: 600;
   color: #ffffff;
   text-transform: capitalize;
   font-family: 'Open Sans', sans-serif;
   margin-bottom: 25px;
   position: relative;
   display: inline-block;
}
#footer .footer_overlay .widgets h3:after{
   position: absolute;
   content: '';
   height: 2px;
   width: 80px;
   background: #fcac45;
   bottom: -8px;
   text-align: center;
   left: 50%;
   transform: translateX(-50%);
}

#footer .footer_overlay .link ul li {
   margin-bottom: 8px
}

#footer .footer_overlay .link ul li a {
   color: #ffffff;
   font-size: 15px;
   text-transform: capitalize;
   transition: all linear 0.3s;
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
}

#footer .footer_overlay .link ul li a:hover {
   color: #fcac45;
}

#footer .footer_overlay .link ul li a i {
   margin-right: 8px;
   color: #fcac45;
}
#footer .footer_overlay .blog_post p{
  color: #ffffff;
   font-size: 16px;
   line-height: 24px;
   font-family: 'Roboto', sans-serif;;
   font-weight: 400;
   
}
#footer .footer_overlay .blog_post h6{
   font-size: 14px;
    font-family: 'Roboto', sans-serif;;
   font-weight: 600;
   color: #fcac45;
   font-style: italic;
   padding-top: 8px;
   padding-bottom: 20px;
}
.office_des ul {
    margin-bottom: 0;
    margin-top: 10px;
}

.office_des ul li {
    position: relative;
    margin-bottom: 10px;
    font-size: 14px;
    color: #ffffff;
    padding-left: 30px;
    line-height: 24px;
}

.office_des ul li:last-child {
    margin-bottom: 0;
}

.office_des ul li i {
    position: absolute;
    top: 0;
   color: #fcac45;
    left: 0;
    height: 20px;
    width: 20px;
    line-height: 24px;
}

.widg_4 form {
   padding: 5px 0;
   margin-bottom: 20px
}

#footer .footer_overlay form .from_input {
   font-size: 17px;
   padding: 7px 10px;
   border-radius: 3px;
   background: none;
   width: 100%;
   color: #ffffff;
   font-weight: 400;
   border: 1px solid #ffffff;
   margin-top: 25px;
   transition: all linear 0.3s;
}

#footer .footer_overlay .from_input:focus {
   border-color: #fcac45;
}

#footer .footer_overlay form button {
   margin-top: 10px;
   font-size: 16px;
    font-family: 'Open Sans', sans-serif;
   font-weight: 600;
   border: 1px solid#fcac45;
   background: none;
   text-transform: uppercase;
   padding: 5px 17px;
   width: 100%;
   color: #fcac45;
   border-radius: 2px;
   cursor: pointer;
   transition: all linear 0.3s;
}
#footer .footer_overlay form button:hover{
   background: #fcac45;
   color: #ffffff;
}
#footer .footer_overlay .bottom_social ul li {
   display: inline-block;
   padding-top: 30px;
}

#footer .footer_overlay .bottom_social ul li a i {
   font-size: 19px;
   height: 35px;
   width: 35px;
   color: #fcac45;
   text-align: center;
   line-height: 35px;
   transition: all linear 0.3s;
   border: 1px solid #fcac45;
   display: inline-block;
   border-radius: 50%;
}
#footer .footer_overlay .bottom_social ul li a i:hover{
   background: #fcac45;
   color: #ffffff;
}

/*footer part css end*/

#copyright {
   background: linear-gradient(to left, #a00ca8 0%, #03dab7 100%);
   padding: 30px 0;
}

#copyright p {
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   font-size: 16px;
   color: #ffffff;
   text-align: center;
   text-transform: capitalize;
   margin-bottom: 0;
}


/*top_to css start*/

.top_to {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   background: #fcac45;
   color: #fff;
   font-size: 30px;
   text-align: center;
   line-height: 40px;
   position: fixed;
   right: 30px;
   bottom: 20px;
   cursor: pointer;
   display: none;
}


/*blog_grid css start*/

#blog_grid {
   background: url(../images/blog-grid.html) no-repeat center;
   background-size: cover;
}

#blog_grid .blog_grid_overlay {
   padding: 70px 0;
   background: rgba(0, 0, 0, 0.7);
}

#blog_grid .blog_grid_overlay h2 {
   padding-top: 150px;
   color: #ffffff;
   font-family: 'Open Sans', sans-serif;
   font-size: 30px;
   font-weight: 600;
   text-transform: uppercase;
}

#blog_grid .blog_grid_overlay .blog_menu ul li {
   float: left;
   text-align: center;
   display: block;
   padding-top: 15px;
   margin-right: 10px;
}

#blog_grid .blog_grid_overlay .blog_menu ul li a {
   color: #ffffff;
   font-size: 18px;
   text-transform: uppercase;
   transition: all linear 0.3s;
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
}

#blog_grid .blog_grid_overlay .blog_menu ul li a i {
   font-size: 16px;
}

#blog_grid .blog_grid_overlay .blog_menu ul li a:hover {
   color: #fcac45;
}

#blog_grid .blog_grid_overlay .blog_menu ul li span {
   color: #ffffff;
   font-size: 18px;
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   text-transform: uppercase;
}


/*blog_detail css start*/

#blog_details {
   background: #147e90;
   padding: 60px 0px;
}

#blog_details .text_part h5 {
   color: #fcac45;
   padding-top: 25px;
   font-family: 'Open Sans', sans-serif;
   font-size: 24px;
   font-weight: 600;
}

#blog_details .text_part p {
   color: #ffffff;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   line-height: 25px;
   font-weight: 400;
   padding-top: 20px;
}

#blog_details .comments_part ul li {
   float: left;
}

#blog_details .comments_part h3 {
   font-size: 18px;
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   color: #fcac45;
   padding-bottom: 5px;
   padding-top: 35px;
   text-transform: uppercase;
   border-bottom: 1px solid#ffffff;
}

#blog_details .comments_part ul li {
   float: left;
}

#blog_details .comments_part ul li h6 {
   color: #ffffff;
   font-family: 'Open Sans', sans-serif;
   font-size: 16px;
   font-weight: 600;
   text-transform: capitalize;
}

#blog_details .comments_part ul li h5 {
   color: #ffffff;
   font-family: 'Open Sans', sans-serif;
   font-size: 14px;
   font-weight: 400;
}

#blog_details .comments_part p {
   font-size: 14px;
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   color: #dddddd;
   padding-top: 30px;
   line-height: 24px;
}

#blog_details .comments_part .comment_imageone {
   padding-bottom: 30px;
   padding-top: 23px;
}

#blog_details .comments_part .comment_imagetwo {
   padding-bottom: 60px;
   position: relative;
}

#blog_details .comments_part .comment_imagetwo::after {
   position: absolute;
   content: '';
   bottom: 30px;
   left: 0;
   width: 100%;
   border-bottom: 1px solid #ffffff;
}

#blog_details .comments_part .comment_icon {
   color: #ffffff;
   font-size: 14px;
   cursor: pointer;
   transition: all linear 0.3s;
   -webkit- transition: all linear 0.3s;
   -moz-transition: all linear 0.3s;
   -ms-transition: all linear 0.3s;
   -o-transition: all linear 0.3s;
}

#blog_details .comments_part .comment_icon:hover,
#blog_details .comments_part .comment_icon.active {
   color: #fcac45;
}

#blog_details .comments_part .comment_icon span {
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   padding-left: 5px;
}

#blog_details .reply {
   padding-top: 45px;
}

#blog_details .reply h3 {
   font-size: 20px;
   color: #fcac45;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
   border-bottom: 1px solid#ffffff;
   padding-bottom: 5px;
}

#blog_details .blog_form {
   padding-top: 30px;
}

#blog_details .blog_form .text_field {
   width: 100%;
   padding: 10px;
   background: none;
   border: 1px solid#ffffff;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #ffffff;
   margin-bottom: 10px;
   transition: all linear 0.3s;
}

#blog_details .blog_form textarea {
   width: 100%;
   padding: 10px;
   background: none;
   border: 1px solid#ffffff;
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   margin-bottom: 10px;
   font-size: 14px;
   color: #ffffff;
   transition: all linear 0.3s;
   resize: none;
}

#blog_details .blog_form textarea:focus,
#blog_details .blog_form .text_field:focus {
   border-color: #fcac45;
}

#blog_details .blog_form .submit {
   width: 100%;
   padding: 10px 0px;
   background: none;
   border: 1px solid#fcac45;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
   font-size: 16px;
   color: #fcac45;
   text-align: center;
   cursor: pointer;
   text-transform: uppercase;
   transition: all linear 0.6s;
   -webkit- transition: all linear 0.6s;
   -moz-transition: all linear 0.6s;
   -ms-transition: all linear 0.6s;
   -o-transition: all linear 0.6s;
}

#blog_details .blog_form .submit:hover {
   background: #fcac45;
   color: #ffffff;
}

#blog_details .tag {
   padding-top: 60px;
}

#blog_details .tag h3 {
   font-size: 20px;
   font-family: 'Open Sans', sans-serif;
   color: #fcac45;
   text-transform: uppercase;
   font-weight: 600;
   padding-bottom: 5px;
   border-bottom: 1px solid#ffffff;
}

#blog_details .tag .tag_menu {
   padding-top: 30px;
}

#blog_details .tag .tag_menu a {
   font-size: 14px;
   font-family: 'Open Sans', sans-serif;
   color: #fcac45;
   font-weight: 600;
   padding: 5px 15px;
   border: 1px solid#fcac45;
   display: inline-block;
   margin-right: 4px;
   margin-bottom: 10px;
   border-radius: 5px;
   transition: all linear 0.3s;
   -webkit- transition: all linear 0.3s;
   -moz-transition: all linear 0.3s;
   -ms-transition: all linear 0.3s;
   -o-transition: all linear 0.3;
}

#blog_details .tag .tag_menu a:hover,
#blog_details .tag .tag_menu a.active {
   background: #fcac45;
   color: #ffffff;
}

#blog_details form .search {
   width: 100%;
   font-size: 15px;
   font-family: 'Open Sans', sans-serif;
   color: #ffffff;
   font-weight: 400;
   background: none;
   border: 1px solid#ffffff;
   padding: 10px;
   transition: all linear 0.3s;
   -webkit- transition: all linear 0.3s;
   -moz-transition: all linear 0.3s;
   -ms-transition: all linear 0.3s;
   -o-transition: all linear 0.3s;
}

#blog_details form .search:focus {
   border-color: #fcac45;
}

#blog_details .categories h6,
#blog_details .latest_post h6 {
   font-size: 20px;
   font-family: 'Open Sans', sans-serif;
   color: #fcac45;
   font-weight: 700;
   text-transform: uppercase;
   padding-top: 60px;
   border-bottom: 1px solid#ffffff;
   padding-bottom: 5px;
}

#blog_details .categories .menubar {
   padding-top: 30px;
}

#blog_details .categories .menubar ul li {
   padding-bottom: 15px;
}

.comments_part img,
.latest_image img {
   border-radius: 50%;
}

#blog_details .categories .menubar ul li a {
   font-size: 14px;
   font-family: 'Open Sans', sans-serif;
   color: #ffffff;
   font-weight: 400;
   transition: all linear 0.3s;
   -webkit- transition: all linear 0.3;
   -moz-transition: all linear 0.3;
   -ms-transition: all linear 0.3;
   -o-transition: all linear 0.3s;
   border-bottom: 1px solid#ffffff;
   padding-bottom: 10px;
}

#blog_details .categories .menubar ul li a i {
   margin-right: 5px;
}

#blog_details .categories .menubar ul li a:hover,
#blog_details .categories .menubar ul li a.active {
   color: #fcac45;
   border-color: #fcac45;
}

#blog_details .categories .menubar ul li a span.brochure {
   padding-left: 193px;
}

#blog_details .categories .menubar ul li a span.web {
   padding-left: 194px;
}

#blog_details .categories .menubar ul li a span.flyer {
   padding-left: 196px;
}

#blog_details .categories .menubar ul li a span.business {
   padding-left: 225px;
}

#blog_details .categories .menubar ul li a span.banner {
   padding-left: 207px;
}

#blog_details .latest_post .latest_image {
   padding-top: 20px;
}

#blog_details .latest_post .latest_image span {
   font-size: 16px;
   font-family: 'Open Sans', sans-serif;
   color: #ffffff;
   font-weight: 600;
   text-transform: capitalize;
}

#blog_details .latest_post .latest_image p {
   font-size: 14px;
   font-family: 'Roboto', sans-serif;
   color: #dddddd;
   font-weight: 400;
   padding-top: 10px;
}


/*top_to css end*/