/*
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

*/


/* 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: Montserrat,sans-serif;
  line-height: 1.2;
    color:#222222;
}


html,
body {
    height: 100%
}

body {
    font-family: Montserrat,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #333333;
}

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

a:hover {
    text-decoration: none
}

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

#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: "CARRER PATH IS 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 #fc6926;
  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: #4b4b4b;
    font-family: "Roboto Slab",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: #fc6926;
}
.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: #54555e;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding-left: 28px;
    text-decoration: none;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    font-family: Montserrat,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: 0 15px;
  text-align: left;
}
.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;
}
.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: 20px 0;
}
.logo{
    width:60%;
}
.logo h4 {
    border: 1px solid #e8e8e8;
    color: #fc6926;
    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: #fc6926;
}
.mainmenu-area ul li:after {
    background: #fc6926 none repeat scroll 0 0;
    bottom: -22px;
    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{
  background-image: -webkit-linear-gradient( 156deg, rgb(157, 180, 226) 0%, rgb(255, 255, 255) 62%);
  background-image: -ms-linear-gradient( 156deg, rgb(157, 180, 226) 0%, rgb(255, 255, 255) 62%);
  position: relative;
  left: 0px;
  width: 100%;
  height: 700px;
  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 h1 {
  color: #454545;
  font-size: 48px;
  font-weight: 700;
  line-height: 50px;
  margin-bottom: 25px;
}
.hero-single-slide h4 {
    color: #737373;
    font-family: "Roboto";
    font-size: 19px;
    font-weight: 300;
    line-height: 28px;
    display: block;
    margin-bottom: 0px;
}
.slide-btn {
  background: #fc6926 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: #fc6926 none repeat scroll 0 0;
    border: 1px solid transparent;
}


/*section padding and section title css*/
.section-padding{
    padding:30px 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: #fc6926;
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
}
.section-link a:hover {
    color: #fc6926;
}


/* ------------------------------------- */
/* service area styles start .................... */
/* ------------------------------------- */
.single-service h4 {
    font-size: 20px;
    margin-bottom: 16px;
    margin-top: 20px;
}
.single-service {
    color: #7b7b7b;
    line-height: 24px;
    margin-top: 65px;
}
.see-more {
    display: block;
    font-size: 16px;
    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: #fc6926;
    text-decoration: underline;
}

.single-service:hover.single-service img {
  -webkit-animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
          animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
@-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/story-img.jpg)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: #fc6926;
    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: #fc6926;
    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: #fc6926;
}
.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: #fc6926;
    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: #fc6926 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: #fc6926 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: #fc6926 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: #fc6926!important;
}
.pagination li a.icon:hover {
    background: #fc6926 none repeat scroll 0 0;
    color: #fff!important;
}

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


/* ------------------------------------- */
/* 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 Slab";
    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: #fc6926;
}
.blog-text a.blog-readmore:hover {
    color: #fc6926;
}

/* ------------------------------------- */
/* another story area styles start .................... */
/* ------------------------------------- */
.story-img {
    float: left;
}
.another-story-area {
    padding-bottom: 100px;
}
.story-single-item {
    margin-top: 75px;
}
.story-text {
  color: #7b7b7b;
  margin-left: 220px;
  padding-top: 15px;
}
.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: #fc6926;
}
.story-single-item:hover .story-social-icon {
    box-shadow: 0 3px 7px 5px #f6f6f6;
}



.another-story-area .owl-dots div {
    border: 1px solid #fc6926;
    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: #fc6926 none repeat scroll 0 0;
    border: 1px solid transparent;
}
.another-story-area .owl-dots {
    margin-top: 31px;
    text-align: center;
}

.inner-ttile-right {
  margin-top: 7px;
}
/* ------------------------------------- */
/* 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: #fc6926;
    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;
}

.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: #fa8446;
}
.single-widget li a:hover i {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
}

.single-widget input[type="text"] {
    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: #fc6926;
    font-family: "Roboto Slab";
    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 {
    border-top: 1px solid #e7e4e4;
    background: #f2f2f2 none repeat scroll 0 0;
    color: #222222;
    padding: 10px 0;
}
.footer-bottom a {
  color: #fc6926;
}
/* ------------------------------------- */
/* inner tile area styles start .................... */
/* ------------------------------------- */
.inner-title-area{
    background-color: #0354d6;
    height: 80px;;
    width:100%;
    position: relative;
    z-index: 1;
    padding-top: 20px;
}

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

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

/* ------------------------------------- */
/* 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: #fc6926;
    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 #fc6926;
  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: #fc6926;
}
.about-carousel-right-slide {
  margin-top: 75px;
}

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

.single-service-tab-menu ul li a {
    border: 1px solid #e5e5e5;
    color: #7b7b7b;
    font-family: "Roboto Slab";
    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: #fc6926 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: #fc6926;
    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: #fc6926;
}

.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: #fc6926;
}
.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: #fc6926 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: #fc6926;
}
.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 #fc6926;
    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: #fc6926;
}
.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: #fc6926 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 textarea {
    border: 1px solid #cac9c9;
    font-weight: 300;
    line-height: 48px;
    margin-bottom: 20px;
    padding-left: 20px;
    width: 100%;
}
.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: #fc6926;
}

.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: #fc6926;
    display: block;
    font-size: 16px;
    margin-bottom: 20px;
}
.notfound-text p {
    color: #757575;
}
.slide-btn.global-hover.cta4 {
    background: #fc6926 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;
}

/* ------------------------------------- */
/* Welcome To Buy Carrer Path  */
/* ------------------------------------- */

@media only screen and (max-width: 480px) {
    .footer-logo{
        margin:auto;
        float: center;
        width:55% !important;
    }
    .contact-google-map{
    width: 10% !important;
        
    }

    .container iframe{
        width: 350px;
        height: 250px
    }

.baka{
    margin:0px 80px 0px 0px  ;
}
    .inner-title-area{
        background-color: #0354d6;
        height: 110px;;
        width:100%;
        position: relative;
        z-index: 1;
        padding-top: 20px;
    }
  }

  

  @media only screen and (max-width: 768px) {
    .footer-logo{
        margin:auto;
        float: center;
        width:35% !important;
    }
    .inner-title-area{
        background-color: #0354d6;
        height: 110px;;
        width:100%;
        position: relative;
        z-index: 1;
        padding-top: 20px;
    }
    .inner-ttile-right{
        margin-top:42px !important;
    }
  } 



.footer-logo{
    margin:auto;
    float: center;
    width:15%;
}
.footer-links{
    margin: auto;
    float: center;
}
.footer-links a{
    color:#0354d6;
    display: inline;
    line-height: 33px;
    margin-left: 36px;
    text-align: center;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 30px;
}

.contact-google-map{

    margin-bottom:10px;



}
.zoom{
    transition: transform .2s;
}
.zoom:hover {
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    
  z-index: 99999;}


  /* asmita css */
  .margin-top-50{
       margin-top:50px;
  }
  .margin-top-30{
    margin-top:30px;
}
  .bold{font-weight:bold;}
  
/* Map Section CSS */
.story-area-1 {
    background: #f8f8f8 none repeat scroll 0 0;
    position: relative;
}
.story-area-1:after {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 48%;
    background-size: cover;
}
.map-section img{width:100%;}
.background-effect{background:rgba(102, 102, 102, .5)}
.hero-single-slide{background:rgba(102, 102, 102, .5);background-size:cover;position:relative; z-index: 999;}
.owl-dots{display:none !important;}

.hero-single-slide-1 h1 {
    color: #454545;
    font-size: 48px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 25px;
  }
  .hero-single-slide-1 h4 {
      color: #737373;
      font-family: "Roboto";
      font-size: 19px;
      font-weight: 300;
      line-height: 28px;
      display: block;
      margin-bottom: 0px;
  }

  /* collage section css */
  .cstm-row{width:100%}
  .cstm-col-1{width:100%;height:300px;margin-bottom:10px;}
  .cstm-col-2{width:100%;height:200px;margin-bottom:10px;}
  .cstm-col-3{width:47.5%;float:left;margin-bottom:10px;height:240px;margin-right:10px;}
  .cstm-col-4{width:65%;float:left;margin-bottom:10px;height:280px;margin-right:10px;}
  .cstm-col-5{width:30%;float:left;margin-bottom:10px;height:280px;margin-right:10px;}
.cstm-col-1 img{width:100%;}
  .cstm-col-2 img{width:100%;}
  .cstm-col-3 img{width:100%;}
  .cstm-col-4 img{width:100%;}
  .cstm-col-5 img{width:100%;}
  .media-mention{list-style-type: none;}
  .media-mention li{display: inline;border-right:2px solid grey;padding: 15px 5px;}
  .media-mention li img{width:12.6rem;margin-top:5px !important;}
  .media-mention li:last-child{border-right:0px;}
  .article{color:#0354d6}
  .article-date{color:grey;font-size:16px;}
  .media-mention{padding-inline-start: 1px !important;}
.logo-section{width:150px;}
.border-btm{border-bottom:1px solid #ddd6d6;padding-bottom:10px;}

.mainmenu-area-1 ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    display: block;;
}
.mainmenu-area-1 ul li {
    display: inline-block;
    position: relative;
    padding-right: 10px;
    border-right: 2px solid #d8d4d4;
}
.mainmenu-area-1 ul li:last-child{border:0px;}
.mainmenu-area-1 ul li a {
    color: #54555e;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding-left:10px;
    text-decoration: none;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    font-family: Montserrat,sans-serif;
}

.mainmenu-area-1 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-1 ul li ul.submenu li {
  display: block;
  line-height: 30px;
  padding: 0 15px;
  text-align: left;
}
.mainmenu-area-1 ul li ul.submenu li:after {
  display: none;
}
.mainmenu-area-1 ul li ul.submenu li a {
  display: block;
  padding-left: 10px;
  text-transform: uppercase;
}
.mainmenu-area-1 ul li:hover ul.submenu {
  top: 21px;
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.mainmenu-area-1 ul li a:hover {
    color: #fc6926;
}
.mainmenu-area-1 ul li:hover:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    width: 77%;
}
table{width:100%}
      .update_head{font-weight:bold;text-transform:uppercase}
      tr, td{border:1px solid #cccccc}
      td{padding:5px 10px }

  @media only screen and (max-width: 768px) {
  .cstm-col-1{width:100%;height:250px;margin-bottom:10px;}
  .cstm-col-2{width:100%;height:180px;margin-bottom:10px;}
  .cstm-col-3{width:47.5%;float:left;margin-bottom:10px;height:200px;margin-right:10px;}
  .cstm-col-4{width:65%;float:left;margin-bottom:10px;height:240px;margin-right:10px;}
  .cstm-col-5{width:30%;float:left;margin-bottom:10px;height:240px;margin-right:10px;}
  .media-mention li img{width:8.5rem;margin-top:5px !important;}
  }
  @media only screen and (max-width: 480px) {
    .cstm-col-1{width:100%;height:300px;margin-bottom:10px;}
    .cstm-col-2{width:100%;height:200px;margin-bottom:10px;}
    .cstm-col-3{width:100%;float:left;margin-bottom:10px;height:240px;margin-right:0px;}
    .cstm-col-4{width:100%;float:left;margin-bottom:10px;height:280px;margin-right:0px;}
    .cstm-col-5{width:100%;float:left;margin-bottom:10px;height:280px;margin-right:0px;}
    .margin-top-30{margin-top:10px;} 
    .margin-top-50{margin-top:10px;}
    .media-mention li img{width:8.5rem;margin-top:15px !important;}
    .contact-google-map{
        margin-bottom:132px;
    }
    .mainmenu-area-1 ul li a {
        color: #000000;
        display: block;
        font-size: 14px;
        font-weight: 500;
        padding-left:10px;
        text-decoration: none;
        -webkit-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        font-family: Montserrat,sans-serif;
    }
    .hero-single-slide{
       
        left: 0px;
        width: 100%;
        height: 220px;
        z-index: 1;
        min-height: 200px;
        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;
      }
  }