/*-----------------------------------------------------------------------------------

  Template Name: Grant foundation 
  Template URI: http://bootexperts.com
  Description: This is html5 template
  Author: BootExperts
  Author URI: http://bootexperts.com
  Version: 1.0

-----------------------------------------------------------------------------------
    
  CSS INDEX
  ===================
  
  1. Theme default CSS
  2. Header CSS
  3. Slider CSS
  4. Our couses area CSS
  5. Help us area CSS
  6. Our-gallery CSS
  7. Countdown area CSS
  8. Our volunteers area CSS
  9. People says area CSS
  10. Blog area CSS
  11. Brand logo CSS
  12. footer top CSS
  13. About us CSS
  14. Blog CSS
  15. Contact CSS
  16. Couses page CSS
  17. Up comming events CSS
  18. Error page area CSS
  19. Blog details CSS
  20. Blog details sidebar right CSS
    
-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  1. Theme default CSS
/*----------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Raleway:400,700|Roboto:400,700');
@font-face {
    font-family: 'latomedium';
    src: url('fonts/lato-medium-webfont.woff2') format('woff2'),
         url('fonts/lato-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html, body {
  height: 100%;
  font-family: roboto !important;
}
.floatleft {float:left}
.floatright {float:right}
.alignleft {float:left;margin-right:15px;margin-bottom: 15px}
.alignright {float:right;margin-left:15px;margin-bottom: 15px}
.aligncenter {display:block;margin:0 auto 15px}
a:focus {outline:0px solid}
img {max-width:100%;height:auto}
.fix {overflow:hidden}
p {margin:0 0 15px;}
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 15px;
}
a {transition: all 0.3s ease 0s;text-decoration:none;color:#777}
a:hover {
  color: #0AAAA0;
  text-decoration: none;
}
a:active, a:hover {
  outline: 0 none;
  color: #0AAAA0;
}
.np{
  padding: 0px;
}
.npl{
  padding-left: 0px;
}
.npr{
  padding-right: 0px;
}
ul{
list-style: outside none none;
margin: 0;
padding: 0
}
body {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
}
/* section padding */
.ptb-32{
  padding: 10px 0px;
}
.pt-170{padding-top: 170px;}
.pb-170{padding-bottom: 170px;}
.ptb-114{padding: 114px 0px;}
.pt-90{padding-top: 40px;}
.pb-90{padding-bottom: 20px;}
.pt-80{padding-top: 40px;}
.pb-80{padding-bottom: 50px;}
.pb-70{padding-bottom: 70px;}
.pb-60{padding-bottom: 60px;}
.pt-60{padding-top: 60px;}
.pt-54{padding-top: 54px;}
.pb-20{padding-bottom: 30px;}
.pt-50{
  padding-top: 50px;
}
.pb-50{
  padding-bottom: 50px;
}
.clear{clear:both}
/* margin */
.mb-30{
  margin-bottom: 30px;
}
.mb-90{
  margin-bottom: 90px;
}
/* border-radious */
.bo-ra-10{
  border-radius: 10px;
}
.bo-ra-9{
  border-radius: 9px;
}
.bo-ra-8{
  border-radius: 8px;
}
.bo-ra-7{
  border-radius: 7px;
}
.bo-ra-6{
  border-radius: 6px;
}
.bo-ra-5{
  border-radius: 5px;
}
.bo-ra-4{
  border-radius: 4px;
}
.bo-ra-3{
  border-radius: 3px;
}
.bo-ra-2{
  border-radius: 2px;
}
.bo-ra-1{
  border-radius: 1px;
}
/* Button style */
.btn-lg {
  border: 1px solid #fff;
  color: #fff;
  font-family: raleway;
  font-size: 13.5px;
  font-weight: bold;
  padding: 10px 12px;
}
.btn-lg:hover{
  background: #0AAAC0;
  color: #fff;
  border: 1px solid #0AAAC0;
}
.btn-md {
  border: 1px solid #555;
  color: #555;
  font-family: raleway;
  font-size: 14px;
  font-weight: bold;
  padding: 8px 25px;
  text-transform: uppercase;
}
.btn-md:hover{
  background: #2F3195;
  color: #fff;
  border: 1px solid #2F3195;
}
.btn-sm {
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  font-family: raleway;
  font-size: 12px;
  font-weight: bold;
  line-height: 35px;
  padding: 0 10px;
  text-transform: uppercase;
}
.btn-sm:hover{
  background: #2F3195;
  color: #fff;
  border: 1px solid #2F3195;
}
.btn-lg-f{
  border: 1px solid #fff;
  background: #0AAAC0;
  display: inline-block;
  font-family: raleway;
  font-size: 12px;
  font-weight: bold;
  line-height: 35px;
  padding: 0 10px;
  text-transform: uppercase;
}
.btn-lg-f a{
  color: #fff;
}
.btn-lg-f:hover{
  border: 1px solid #666;
  background: transparent;
}
.btn-lg-f:hover a{
  color: #666;
}
/*----------------------------------------*/
/*  2. Header CSS
/*----------------------------------------*/
.header-top {
  background: #2F3195 none repeat scroll 0 0;
  line-height: 35px;
}
.top-social ul li {
  float: left;
  padding: 0 7.5px;
}
.top-social ul li:first-child {
  padding-left: 0;
}
.top-social ul li a {
  font-family: "Roboto",sans-serif;
  font-size: 12px;
  color: #fff;
}
.call-to-action {
  float: right;
}
.call-to-action > ul {
  float: right;
}
.call-to-action ul li {
  float: left;
}
.call-to-action ul li:last-child {
  float: right;
}
.call-to-action ul li a {
  font-size: 12px;
  padding: 0 10px;
  color: #fff;
}
.call-to-action ul li a i {
  margin-right: 7px;
}
.call-to-action ul li:last-child a{
  padding-right: 0px;
}
.call-to-action ul li:last-child a i{
  margin-right: 0;
}
.call-to-action ul li ul li {
  border-bottom: 1px solid #fff;
  float: none;
  line-height: 25px;
}
.call-to-action ul li ul li:last-child{
  border-bottom: none;
}
.call-to-action ul li ul li a {
  color: #fff;
  padding: 0;
}
.call-to-action ul li ul {
  background: #0aaaa0 none repeat scroll 0 0;
  opacity: 0;
  padding: 0 10px;
  position: absolute;
  right: 15px;
  top: 100%;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  z-index: 999;
}
.call-to-action ul li:hover ul{
  opacity: 1;
  visibility: visible;
}
/* main menu css */
.main-menu-area {
  background: #fff none repeat scroll 0 0;
}
.main-menu ul li {
    float: left;
    padding: 8px 23px;
    position: relative;
}
.main-menu ul li.mega-menu {
  position: static;
}
.main-menu ul li a {
  color: #333;
  /*font-family: "Raleway",sans-serif;*/
  font-size: 13px;
  padding: 7px 0;
  font-weight: bold;
  transition: all 0.3s ease 0s;
}
.main-menu ul li:hover a{
  color: #2E549D;
  border-bottom: 2px solid #2E549D;
}
a:hover, a:focus
{
  text-decoration: none;
  outline: none;
}
/* megamenu css */
.mega-menu-area {
  background: #ffffff none repeat scroll 0 0;
  border-bottom: 2px solid #2F3195;
  box-shadow: 0 1px 2px rgba(86, 86, 90, 0.5);
  left: 0;
  opacity: 0;
  padding-bottom: 10px;
  position: absolute;
  text-align: left;
  top: 130%;
  transform-origin: 0 0 0;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 100%;
  z-index: 10;
}
.main-menu li:hover .mega-menu-area {
  opacity: 1;
  top: 100%;
  visibility: visible;
}
.mega-menu .mega-menu-area .single-mega-item {
  float: left;
  padding: 0 15px;
  width: 25%;
}
.main-menu li .mega-menu-area .single-mega-item li {
  border-bottom: 1px solid #e5e5e5;
  padding: 0;
  width: 100%;
}
.single-mega-item li{
  display: block;
}
.single-mega-item li a {
  display: block;
  padding: 13px 0;
}
.main-menu li:hover .single-mega-item li a{
  border-bottom: medium none;
  color: #444;
}
.main-menu li:hover .single-mega-item li:hover{
  border-bottom: 1px solid #0AAAA0;
}
.main-menu li:hover .single-mega-item li a:hover {
  color: #0AAAA0;
}
/* drop-menu menu css */
.drop-menu {
  background: #ffffff none repeat scroll 0 0;
  border-bottom: 2px solid #2F3195;
  box-shadow: 0 1px 2px rgba(86, 86, 90, 0.5);
  left: 0;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 130%;
  transform-origin: 0 0 0;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 250px;
  z-index: 10;
}
.main-menu li .drop-menu li {
  border-bottom: 1px solid #e5e5e5;
  display: block;
  float: none;
  padding: 0;
}
.main-menu li:hover .drop-menu li a{
  border-bottom: medium none;
  color: #444;
}
.main-menu li:hover .drop-menu li:hover{
  border-bottom: 1px solid #2F3195;
}
.main-menu li:hover .drop-menu li a:hover{
  color: #2F3195;
}
.main-menu li .drop-menu li a {
  display: block;
  padding-left: 15px;
}
.drop-menu li a:hover{
  border-bottom: 1px solid #0AAAA0;
  color: #0AAAA0;
}
.main-menu li:hover .drop-menu li:last-child a:hover{
  border-bottom: 0px solid #0AAAA0;
}
.main-menu li:hover .drop-menu {
  opacity: 1;
  top: 100%;
  visibility: visible;
}
.main-menu ul li ul.single-mega-item li.shortcode-title {
  font-weight: bold;
  padding-bottom: 5px;
  padding-top: 5px;
  text-transform: uppercase;
}
/* domate button css */
.donate-button {
  float: right;
  margin-top: 19px;
}
.donate-button > a {
  background: #0aaaa0 none repeat scroll 0 0;
  border: 1px solid #0aaaa0;
  color: #fff;
  font-family: "Raleway",sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 15px;
  text-transform: uppercase;
}
.donate-button > a:hover{
  border: 1px solid #555;
  background: transparent;
  color: #444;
}
.stick {
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  background: #ffffff none repeat scroll 0 0;
  border-bottom: 1px solid #eeeeee;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9990;
}
.stick .main-menu ul li {
  padding: 10px 23px;
}
.stick .main-menu ul li .drop-menu li{
  padding: 0;
}
.stick .ptb-32 {
  padding: 10px 0;
}
.stick .logo.ptb-32 img {
  width: auto;
}
.stick .donate-button {
  margin-top: 9px;
}
/* mobile menu css */
.mobile-menu-area{
  display: none;
}
.mobile-menu-area {
  /*background: #424141 none repeat scroll 0 0;*/
  background: transparent;
}
.meanmenu-reveal {
  float: right;
}
.mean-bar {
  position: relative;
}
.mean-bar::after {
  color: #fff;
  /*content: "menu";*/
  display: block;
  font-size: 16pt;
  font-weight: bold;
  left: 0;
  position: absolute;
  text-transform: uppercase;
  top: 12px;
}
.main-menu ul li.active a{
  color: #395BA2;
}
/*----------------------------------------*/
/*  3. Slider CSS
/*----------------------------------------*/
.slider-area {
  position: relative;
}
.nivo-caption {
  background: transparent none repeat scroll 0 0;
  bottom: 0;
  box-sizing: border-box;
  color: #000;
  display: none;
  left: 15%;
  opacity: 0.8;
  overflow: hidden;
  padding: 5px 10px;
  position: absolute;
  top: 37%;
  width: 50%;
  z-index: 8;
}
h1.title1 {
  color: #fff;
  font-size: 40px;
  font-weight: bold;
}
.nivo-caption p {
  color: #fff;
  font-family: roboto;
  font-size: 15px;
  margin-bottom: 40px;
  margin-top: 18px;
}
.slider-button-area a {
  margin-right: 15px;
}
.nivo-directionNav a {
  cursor: pointer;
  font-size: 30px;
  position: absolute;
  color: #fff;
  top: 52%;
  z-index: 9;
}
.nivo-prevNav .left {
  margin-left: 160px;
}
.nivo-prevNav .left:hover i{
  color: #0AAAA0;
}
.nivo-nextNav .right {
  margin-right: 160px;
}
.nivo-nextNav .right:hover i{
  color: #0AAAA0;
}
.slider-area .nivo-controlNav {
  bottom: 0;
  left: 48%;
  position: absolute;
  z-index: 9;
}
.slider-area .nivo-controlNav a.active, .slider-area .nivo-controlNav a:hover {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 0 0 3px #2F3195 inset;
}
.slider-area .nivo-controlNav a {
  background: #ebebeb none repeat scroll 0 0;
  border-radius: 100%;
  box-shadow: 0 0 0 3px #acacac inset;
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  height: 13px;
  margin: 0 3px;
  width: 13px;
}
/*----------------------------------------*/
/*  4. Our couses area CSS
/*----------------------------------------*/
/* section title */
.section-title {
  margin-bottom: 40px;
}
.section-title h2 {
  color: #1b1b1b;
  font-family: raleway;
  font-size: 36px;
  font-weight: bold;
  line-height: 25px;
  margin-bottom: 11px;
  text-transform: uppercase;
}
.section-title h2 span {
  color: #2F3195;
}
.section-title.text-center > p {
  color: #333333;
  font-size: 15px;
  margin-top: 10px;
}
/* single couses */
.single-couses {
  display: block;
  margin-bottom: -5px;
  overflow: hidden;
}
.single-couses-image-text {
  transition: all 0.3s ease 0s;
}
.single-couses:hover .single-couses-image-text {
  box-shadow: 0 0 10px 0 #999;
}
.couses-text {
  background: #f1f1f1 none repeat scroll 0 0;
  display: block;
  margin-bottom: 30px;
  overflow: hidden;
  padding: 40px 25px;
}
.couses-text h3 {
  color: #1b1b1b;
  font-size: 18px;
  font-weight: bold;
}
.couses-text.text-center > p {
  color: #333;
  font-family: roboto;
  font-size: 13px;
  margin-bottom: 0;
}
.couses-button {
  float: left;
  width: 40%;
}
.couses-price {
  float: right;
  width: 60%;
}
.couses-price h5 {
  color: #555;
  float: right;
  font-family: roboto;
  font-size: 16px;
  font-weight: bold;
}
/*----------------------------------------*/
/*  5. Help us area CSS
/*----------------------------------------*/
.help-us-area {
  background: rgba(0, 0, 0, 0) url("../images/Donator.jpg") repeat fixed 0 0;
  color: #fff;
}
.section-title-style-two.text-center {
  margin-bottom: 75px;
}
.section-title-style-two.text-center > h2 {
  font-size: 36px;
  font-weight: bold;
}
/* help-icon */
.help-icon {
  border: 1px solid #fff;
  float: left;
  margin-right: 30px;
  text-align: center;
  width: 50px;
}
.help-icon i {
  font-size: 25px;
  line-height: 50px;
}
/* help-text */
.help-text {
  float: right;
  width: 270px;
}
.help-text > h3 {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}
.help-text > p {
  margin-bottom: 25px;
}
/*----------------------------------------*/
/*  6. Our-gallery CSS
/*----------------------------------------*/
/* gallery-menu */
.gallery-menu {
  margin-bottom: 0px;
}
.gallery-menu ul li {
  color: #1b1b1b;
  cursor: pointer;
  display: inline-block;
  font-family: raleway;
  font-weight: bold;
  padding: 10px;
  transition: all 0.3s ease 0s;
}
.gallery-menu ul li:hover,
.gallery-menu ul li.active{
  color: #0AAAA0;
}
/* gallery-images */
.mix{
    display: none;
}
.gallery-image-and-text {
  position: relative;
}
.image-link {
  background: rgba(193, 44, 50, 0.68) none repeat scroll 0 0;
  bottom: 15px;
  left: 15px;
  opacity: 0;
  position: absolute;
  right: 15px;
  top: 15px;
  transition: all 0.3s ease 0s;
}
.image-link i {
  color: #ffffff;
  font-size: 32px;
  margin-top: 46%;
}
.image-link p {
  color: #ffffff;
  font-family: raleway;
  font-size: 15px;
  font-weight: bold;
  line-height: 31px;
  text-decoration: none;
  text-transform: uppercase;
}
.gallery-image-and-text:hover .image-link{
  opacity: 1;
}
/*----------------------------------------*/
/*  7. Countdown area CSS
/*----------------------------------------*/
.countdown-area {
  background: rgba(0, 0, 0, 0) url("img/count-down-bg.jpg") repeat scroll 0 0;
}
.countdown-side-area {
  margin-top: 35px;
}
.countdown-icon {
  color: #ffffff;
  float: left;
  width: 50px;
}
.countdown-icon i {
  font-size: 24px;
  margin-top: 12px;
}
.countdown-text {
  float: right;
  width: 300px;
}
.countdown-text > h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 7px;
}
.countdown-text > p {
  color: #ffffff;
  font-size: 18px;
}
.count-down .table-cell {
  float: left;
  margin: 0 42px;
  text-align: center;
}
.count-down .tab-val {
  background: #0aaac0 none repeat scroll 0 0 padding-box content-box;
  border: 2px solid #ffffff;
  color: #ffffff;
  font-family: roboto;
  font-size: 24px;
  font-weight: bold;
  height: 96px;
  line-height: 85px;
  padding: 3px;
  width: 96px;
}
.count-down .tab-metr {
  color: #ffffff;
  font-family: roboto;
  font-size: 15px;
  margin-top: 8px;
  text-transform: uppercase;
}
/*----------------------------------------*/
/*  8. Our volunteers area CSS
/*----------------------------------------*/
.volunteer-image-and-social {
  position: relative;
}
.volunteer-social {
  background: rgba(10, 170, 192, 0.65) none repeat scroll 0 0;
  height: 0%;
  left: 0;
  line-height: 339px;
  position: absolute;
  text-align: center;
  top: 0;
  transition: all 0.6s ease 0s;
  width: 100%;
  opacity: 0;
}
.volunteer-social > a i {
  border: 1px solid #ffffff;
  color: #ffffff;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  margin: 0 8px;
  transition: all 0.3s ease 0s;
  width: 35px;
}
.volunteer-social > a i:hover{
  color: #333;
  border: 1px solid #333;
}
.single-volunteer:hover .volunteer-social{
  opacity: 1;
  height: 100%;
}
.volunteer-title.text-center {
  margin-top: 15px;
}
.volunteer-title.text-center > h5 {
  color: #444444;
  font-family: roboto;
  font-size: 18px;
  margin-bottom: 0;
}
.volunteer-title.text-center > p {
  color: #444444;
  font-size: 14px;
  margin: 0;
}
/*----------------------------------------*/
/*  9. People says area CSS
/*----------------------------------------*/
.people-says-area {
  background: rgba(0, 0, 0, 0) url("../images/happy bg1.jpeg") repeat scroll 0 0 / cover ;
  background-attachment: fixed;
}

.single-people {
  margin: auto;
  width: 55%;
}
.people-asy-title > h2 {
  color: #ffffff;
  font-size: 30px;
  margin-bottom: 2px;
}
.people-say-image {
  border-bottom: 1px solid #ffffff;
  margin-bottom: 25px;
  margin-top: 70px;
  padding-bottom: 15px;
}
.people-say-image > img {
  border: 2px solid #2F3195;
  border-radius: 100%;
  height: 115px;
  width: 115px;
}
.peoplp-say-text.text-center > p {
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 27px;
    /*padding-top: 30px;*/
}
.peoplp-say-text.text-center > h5 {
  color: #ffffff;
  font-family: roboto;
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 10px;
  margin-top: 23px;
}
.peoplp-say-text h6 {
  color: #ffffff;
  font-family: roboto;
  font-size: 14px;
}
.people-say-slide .owl-controls .owl-buttons {
  margin-top: inherit;
  position: absolute;
  text-align: center;
  top: 30%;
  width: 97%;
}
.people-say-slide .owl-prev {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  left: -40px;
  position: absolute;
}
.people-say-slide .owl-next {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  position: absolute;
  right: -40px;
}
.icon-left-open {
  font-size: 30px;
}
.icon-right-open {
  font-size: 30px;
}
/* home youtube background */
.height-100vh {
  height: 100vh;
}
.buttonBar {
  display: none;
}
.youtube-bg-overlay {
  background: rgba(0, 0, 0, 0.68); 
  width: 100%;
  height: 100%;
}
.youtube-text {
  width: 50%;
  margin: auto;
  padding-top: 15%;
}
.youtube-text p {
  color: #fff;
  font-size: 16px;
  margin-bottom: 35px;
}
.center-menu .main-menu {
  margin: 0 auto;
  width: 47%;
}
.center-menu .main-menu ul li {
  display: inline;
  padding: 0 23px 0px;
}
.center-menu .main-menu ul li .drop-menu li {
  display: inline;
  padding: 0;
}
.center-menu .donate-button {
  display: none;
}
/*----------------------------------------*/
/*  10. Blog area CSS
/*----------------------------------------*/
.single-blog {
  border: 1px solid #efefef;
  overflow: hidden;
  padding-bottom: 15px;
  transition: all 0.3s ease 0s;
}
.single-blog:hover {
  box-shadow: 0 8px 16px 1px #ccc;
}
.blo-image-and-date {
  position: relative;
}
.blo-image-and-date > a {
  background: #0aaac0 none repeat scroll 0 0;
  color: #fff;
  font-family: "Lato",sans-serif;
  font-size: 14px;
  font-weight: bold;
  left: 0;
  line-height: 70px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  width: 75px;
}
.blog-info {
  padding: 11px 15px 31px;
}
.admin {
  width: 50%;
  float: left;
}
.comment {
  float: right;
  text-align: right;
  width: 50%;
}
.admin > a {
  color: #888;
  font-size: 14px;
}
.admin a i,
.comment a i {
  margin-right: 4px;
}
.comment a:hover i,
.admin > a:hover i{
  color: #0AAAC0;
}
.comment > a {
  border-right: 1px solid;
  color: #888;
  padding: 0 7.5px;
}
.comment > a:last-child{
  border-right: 0px solid;
  padding-right: 0px;
}
.blog-text {
  padding: 15px;
}
.blog-text h3 a {
  color: #1b1b1b;
  font-size: 18px;
  font-weight: bold;
}
.blog-text h3 a:hover{
  color: #0AAAA0;
}
.blog-text > p {
  color: #333;
  font-size: 14px;
}
.blog-text > a {
  border-bottom: 1px solid #333;
  color: #333;
  float: right;
  font-family: lato;
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
}
.blog-text > a:hover{
  color: #0AAAC0;
  border-bottom: 1px solid #0AAAC0;
}
/*----------------------------------------*/
/*  11. Brand logo CSS
/*----------------------------------------*/
.b-logo {
  border: 1px solid #f2f2f2;
  padding: 30px 18px;
  text-align: center;
  transition: all 0.3s ease 0s;
}
.b-logo:hover {
  box-shadow: 0 0 5px 3px #eaeaea;
}
.brand-logo .col-sm-2 {
  width: 100%;
}
/*----------------------------------------*/
/*  12. footer top CSS
/*----------------------------------------*/
.footer-top {
  background: #504e4e none repeat scroll 0 0;
}
/* widget title */
.footer-widget-title > h3 {
  color: #d9d9d9;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 45px;
  position: relative;
}
/*.footer-widget-title > h3::after {
  background: #2F3195 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  top: 140%;
  width: 30px;
}*/
/* widget one */
.widget-about-content > p {
  color: #d9d9d9;
  padding-top: 12px;
}
.widget-contact-content > h3 {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.widget-contact-content > a {
  color: #fff;
  display: block;
  line-height: 25pt;
}
.widget-contact-content > p {
  color: #d9d9d9;
  font-size: 14px;
  margin-bottom: 0;
}
/* 
.footer-widget.widget-two li::after {
  color: #fff;
  content: "\f105";
  font-family: fontawesome;
  left: 0;
  position: absolute;
  padding-left: 15px;
}*/
.footer-widget.widget-two a {
  color: #d9d9d9;
}
.footer-widget.widget-two li {
  margin-bottom: 12px;
  margin-left: 15px;
  list-style-image: url("../images/footer arrow.jpg");
}
.footer-widget.widget-two li:hover::after{
  color: #2d52a0;  
}
.footer-widget.widget-two a:hover{
  color: #2d52a0;
}
/* widget four */
.newslater {
  margin-top: 39px;
}
.newslater input {
  border: medium none;
  border-radius: 2px 0 0 2px;
  padding: 5px 10px;
}
.newslater button {
  background: #0aaaa0 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0 2px 2px 0;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  margin-left: -5px;
  padding: 5px;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 45px;
}
.newslater button:hover{
  opacity: 0.8;
}
/* footer bottom */
.footer-bottom {
  background: #191919 none repeat scroll 0 0;
  padding: 16px 0;
}
.footer-social {
  float: right;
}
.copyright > p {
  color: #eee;
  font-size: 14px;
  margin-bottom: 0;
}
.copyright > p a{
  color: #fff;
  font-weight: bold;
}
.footer-social ul li {
  display: inline;
  padding: 0 7.5px;
}
.footer-social ul li a {
  color: #eee;
  font-size: 12px;
}
/* home animated css */
.slider-animate-area {
  background: #0d0d0d none repeat scroll 0 0;
  color: #ffffff;
}
.slider-animate-area .slider-button-area {
  margin-top: 50px;
}
#scrollUp {
  background-color: #2d52a0;
  bottom: 5px;
  cursor: pointer;
  display: none;
  height: 34px;
  position: fixed;
  right: 12px;
  text-align: center;
  width: 40px;
  z-index: 9999;
  transition: all 0.3s ease 0s;
}
#scrollUp:hover{
  opacity: 0.7;
}
#scrollUp i {
  color: #ffffff;
  font-size: 30px;
  font-weight: bold;
}
/*----------------------------------------*/
/*  13. About us CSS
/*----------------------------------------*/
.page-title-area {
  background: rgba(0, 0, 0, 0) url("img/about/page-banner.jpg") repeat scroll 0 0 / cover ;
  padding: 150px 0 90px;
  position: relative;
}
.back-home {
  bottom: -80px;
  float: right;
  position: absolute;
  right: 0;
}
.back-home > a {
  color: #fff;
  font-size: 13px;
}
.back-home a i {
  color: #0aaac0;
  margin-right: 5px;
}
.page-title h1 {
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 0;
  text-transform: uppercase;
}
.breadcrumb a {
  color: #fff;
}
.breadcumb-area .breadcrumb {
  background-color: transparent;
}
.breadcrumb a:hover,
.breadcrumb li.active{
  color: #0AAAA0;
}
/* about text */
.about-button.btn-lg-f {
  margin-top: 30px;
}
/* what we do */
.single-we-do {
  position: relative;
}
.we-do-text {
  background: rgba(10, 170, 160, 0.63) none repeat scroll 0 0;
  height: 90%;
  left: 5%;
  position: absolute;
  top: 5%;
  width: 90%;
}
.we-do-text > h5 {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 260px;
  text-align: center;
}
/* fiinish project */
.finish-project {
  background: rgba(0, 0, 0, 0) url("img/about/finish-project.jpg") repeat scroll 0 0;
}
.single-project h2 {
  color: #fff;
  display: inline-block;
  font-family: roboto;
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
  padding-bottom: 15px;
  position: relative;
}
.single-project h2::after {
  background: #0aaac0 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  width: 100%;
}
.single-project h3 {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 0;
  margin-top: 15px;
  color: #fff;
}
/* video and skill area */
.about-video .image-link,
 .about-video .popup-youtube{
  left: 45%;
  position: absolute;
  top: 40%;
  opacity: inherit;
  width: inherit;
}
.about-video .popup-youtube {
  left: 45%;
  position: absolute;
  top: 40%;
  opacity: inherit;
  width: inherit;
}
.about-video .image-link i,
.about-video .popup-youtube i {
  font-size: 50px;
  color: #555555;
}
.mfp-iframe-holder .mfp-close {
  right: -30px;
  top: -15px;
}
/*------------------------------
28.2 about-skill-area
--------------------------------*/
.knob {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #2bcdc1;
  font: bold 20px Arial;
  height: 33px;
  margin-left: -48px !important;
  margin-top: 33px;
  padding: 0;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  width: 60px;
}
.progress-h4 {
  margin: 0 auto;
  position: absolute;
  top: 120px;
  width: 90%;
}
.about-member-area{padding:90px 0;background:#F7F5F6}
.newsletter-area {
  background: rgba(0, 0, 0, 0) url("img/about/bg-3.jpg") no-repeat scroll center center / cover ;
  overflow: hidden;
  padding: 145px 0;
  text-align: center;
}
.newsletter-area h4{color: #fff!important;
font-family: raleway !important;
font-size: 36px;
line-height: 36px;}
.newsletter-area .email-newslatter {
  margin: 0 auto;
  width: 30%;
}
.newsletter-area .email-newslatter input [type=text]{
  color: #fff!important;
}
.newsletter-area .email-newslatter p{
  color: #fff;
}
.progress-circular input{
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #000 !important;
  font: bold 35px Arial;
  left: 66% !important;
  position: absolute !important;
  top: 0 !important;
  width: 160px;
}
/*----------------------------------------*/
/*  14. Blog CSS
/*----------------------------------------*/
.blog-pagination {
  float: right;
}
.blog-pagination li {
  float: left;
}
.blog-pagination li a {
  border: 1px solid #efefef;
  float: left;
  margin: 5px;
  padding: 6px 12px;
}
.blog-pagination li a:hover{
  background: #0AAAA0;
  border: 1px solid #0AAAA0;
  color: #fff;
}
.blog-pagination li:last-child a{
  border: 0px solid #ccc;
  padding-right: 0;
  margin-right: 0;
}
.blog-pagination li:last-child a:hover{
  background: transparent;
  color: #0AAAA0;
}
/*----------------------------------------*/
/*  15. Contact CSS
/*----------------------------------------*/
.single-box {
  border: 1px solid #f1f1f1;
  min-height: 250px;
  padding: 50px 0 20px;
  transition: all 0.3s ease 0s;
}
.single-box:hover{
  border: 1px solid #0AAAA0;
}
.single-box:hover i{
  color: #0AAAA0;
}
.single-box i {
  font-size: 40px;
  margin-bottom: 36px;
  transition: all 0.3s ease 0s;
}
.single-box h3 {
  font-family: lato;
  font-size: 18px;
  font-weight: bold;
}
.single-box p {
  color: #333333;
  font-family: latomedium;
  font-size: 14px;
  margin-bottom: 0;
}
/* form css */
.contact-form-area {
  background: #f1f1f1 none repeat scroll 0 0;
}
.form-fields {
  float: left;
  margin-right: 2.8%;
  width: 31.45%;
}
.last{
  margin-right: 0%;  
}
.form-fields label {
  display: block;
  font-family: Raleway;
  font-size: 16px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.form-fields > input {
  border: medium none;
  height: 50px;
  padding: 0 15px;
  width: 100%;
}
.message-fields {
  clear: both;
  padding-top: 20px;
}
.message-fields > label {
  display: block;
  font-family: Raleway;
  font-size: 16px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.message-fields textarea {
  background: #fff none repeat scroll 0 0;
  border: medium none;
  padding: 20px;
  width: 100%;
}
.form-button {
  margin-top: 20px;
}
.form-button button {
  border: 1px solid #8a8a8a;
  border-radius: 3px;
  color: #333;
  font-size: 13px;
  font-weight: bold;
  margin-right: 10px;
  padding: 10px 20px;
  transition: all 0.3s ease 0s;
}
.form-button button:hover{
  background: #0AAAA0;
  border: 1px solid #0AAAA0;
  color: #fff;
}
#googleMap{
  width: 100%;
  height:500px;
}
/*----------------------------------------*/
/*  16. Couses page CSS
/*----------------------------------------*/
.couses-page-content .couses-button {
  float: none;
  margin: 30px 0;
  width: 100%;
}
.couses-page-content .couses-text {
  background: transparent none repeat scroll 0 0;
}
.couses-page-content .btn-md {
  border: 1px solid transparent;
}
.couses-page-content .couses-price h5 {
  float: none;
}
.couses-page-content .couses-price {
  float: none;
  width: 100%;
}
.couses-page-content .single-couses-image-text {
  border: 1px solid #efefef;
  transition: all 0.3s ease 0s;
}
.couses-page-content .couses-text {
  padding: 40px 25px 0;
}
.couses-page-content .blog-pagination {
  float: none;
}
/* causes sidebar */
.search-box .navbar-form {
  margin-top: 0;
  padding: 0;
}
.search-box .input-group.add-on {
  width: 100%;
}
.search-box .form-control {
  border: 1px solid #e6e6e6;
  border-radius: 0;
  height: 40px;
}
.search-box button {
  border: 1px solid #e6e6e6 !important;
  border-radius: 0 !important;
  color: #666;
  height: 40px;
}
/* twitter widget */
.twitter-widget-area {
  margin-top: 34px;
}
.twitter-widget {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 11px;
  margin-top: 26px;
}
.sidebar-widget-title > h3 {
  border-bottom: 1px solid #e6e6e6;
  color: #555;
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
  margin-bottom: 0;
}
.twitter-widget i {
  float: left;
  font-size: 40px;
  margin-right: 15px;
  color: #0AAAA0;
}
.twitter-widget > h5 {
  color: #555;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 28px;
  position: relative;
  top: 10px;
}
/* popular tags */
.popular-tags-widget {
  overflow: hidden;
  padding-top: 35px;
}
.popular-tags {
  margin-top: 30px;
}
.popular-tags ul {
  margin-left: -5px;
}
.popular-tags li {
  float: left;
  margin: 5px;
}
.popular-tags nav ul li a {
  background: #f1f1f1 none repeat scroll 0 0;
  color: #595959;
  display: inline-block;
  padding: 10px 24px;
}
.popular-tags nav ul li a:hover{
  background: #0AAAA0;
  color: #fff;
}
/* flicker widget */
.flicker-widget-area {
  padding-top: 50px;
}
.flicker-widget {
  margin-top: 30px;
}
.flicker-widget li {
  float: left;
  margin-bottom: 15px;
  margin-right: 15px;
  width: 30.5%;
}
.flicker-widget li:nth-child(3),
.flicker-widget li:nth-child(6){
  margin-right: 0px;
}
.flicker-widget ul li .image-link {
  position: static;
  opacity: inherit;
}
/*----------------------------------------*/
/*  17. Up comming events CSS
/*----------------------------------------*/
.event-image {
  position: relative;
}
.event-image > img {
  width: 100%;
}
.event-image > h3 {
  background: #0aaaa0 none repeat scroll 0 0;
  color: #fff;
  font-family: roboto;
  font-size: 18px;
  font-weight: bold;
  height: 60px;
  padding-top: 9px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  width: 50px;
}
.event-text h3 a:hover{
  color: #0aaaa0;
}
.event-text > h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
}
.event-text > h3 a{
  color: #1B1B1B;
}
.event-time-and-place {
  margin-bottom: 20px;
}
.ev-time {
  color: #333;
  font-size: 14px;
  margin-right: 30px;
}
.event-time-and-place span i {
  color: #0aaaa0;
  margin-right: 11px;
}
.event-text > p {
  margin-bottom: 40px;
}
/* eent sidebar */
.event-sidt-title > h3 {
  color: #1b1b1b;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 15px;
  position: relative;
}
.event-sidt-title > h3:after{
  content: "";
  background: #0AAAA0;
  position: absolute;
  width: 70px;
  height: 3px;
  left: 0;
  top: 100%;
}
/* popular post */
.ev-post-text > p {
  color: #8a8a8a;
  margin-bottom: 0;
}
/* event categoris */
.event-categoris a {
  display: block;
  font-size: 16px;
  line-height: 20px;
  padding: 13px 0;
}
.event-tags .popular-tags > nav {
  margin-top: 28px;
}
/*----------------------------------------*/
/*  18. Error page area CSS
/*----------------------------------------*/
.error-page-area {
  background: rgba(0, 0, 0, 0) url("img/404-bg.jpg") repeat scroll 0 0;
}
.error-content h1 {
  color: #fff;
  font-size: 150px;
  font-weight: bold;
  line-height: 150px;
}
.error-content h1 span {
  color: #0aaac0;
}
.error-content h3 {
  color: #fff;
  font-family: lato;
  font-size: 50px;
  font-weight: bold;
}
.error-content h3 span {
  font-size: 24px;
}
.error-content p {
  color: #fff;
  font-family: lato;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 55px;
}
.error-content a {
  border: 1px solid #fff;
  color: #fff;
  padding: 15px 25px;
  text-decoration: none;
}
.donet-error-page h3 {
  color: #333;
  font-family: lato;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 30px;
}
.donet-error-page a {
  border: 1px solid #333;
  color: #333;
  padding: 15px 25px;
  text-decoration: none;
}
/*----------------------------------------*/
/*  19. Blog details CSS
/*----------------------------------------*/
.blog-details{
  padding: 15px;
}
.blog-details-title > h3 {
  margin-bottom: 0;
}
.blog-details .blog-info {
  padding: 11px 15px 15px 0;
}
.blog-details .comment {
  float: none;
  text-align: inherit;
  width: inherit;
}
.blog-details .admin {
  float: left;
  margin-right: 5px;
  width: inherit;
}
.blog-details .blo-image-and-date > img {
  width: 100%;
}
.blog-details .blog-text {
  padding: 0;
  margin-top: 15px;
}
/* blog details comment css */
.single0blog-coment ul li {
  float: left;
  margin: 30px 0 0;
  width: 100%;
}
.single0blog-coment ul li .coment-image {
  float: left;
}
.single0blog-coment ul li .coment-image a {
  color: #666;
  display: inline-block;
  font-size: 16px;
  margin: 0 5px 0 0;
}
.single0blog-coment ul li .comment-heading {
  margin: 0 0 0 30px;
  padding: 0 0 5px 60px;
}
.single0blog-coment ul li .comment-heading h5 {
  color: #666;
  display: inline-block;
  font-size: 16px;
  margin: 0 5px 0 0;
}
.single0blog-coment ul li .comment-heading h5 a {
  color: #666;
  display: inline-block;
  font-size: 16px;
  margin: 0 5px 0 0;
  transition: all 0.3s ease 0s;
}
.single0blog-coment ul li .comment-heading h5 a:hover {
  color: #0AAAA0;
}
.single0blog-coment ul li .comment-heading p {
  display: inline-block;
  margin: 0;
}
.single0blog-coment ul li .comment-heading a.reply {
  color: #666;
  float: right;
  font-size: 14px;
  font-weight: bold;
  transition: all 0.3s ease 0s;
}
.single0blog-coment ul li .comment-heading a.reply:hover {
  color: #0AAAA0;
}
.single0blog-coment ul li .coment0-text {
  background: #efefef none repeat scroll 0 0;
  border-bottom: 3px solid rgba(0, 0, 0, 0.1);
  display: block;
  margin-left: 40px;
  padding-left: 50px;
  padding-top: 12px;
}
.single0blog-coment ul ul {
  float: right;
  width: 90%;
}
.single0blog-coment ul li {
  float: left;
  margin: 30px 0 0;
  width: 100%;
}
/* comment reply css */
.leave-reply {
  float: left;
  margin-bottom: 30px;
  margin-top: 30px;
  width: 100%;
}
.leave-reply h2 {
  background-color: #363636;
  color: #fff;
  font-size: 24px;
  line-height: normal;
  margin: 0;
  padding: 10px 15px;
}
.leave-reply ul {
  float: left;
  list-style: outside none none;
  margin: 30px 0 0;
  width: 100%;
}
.leave-reply ul li {
  margin: 0 0 20px;
  position: relative;
}
.leave-reply input[type="text"], .leave-reply textarea {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  margin: 0;
  min-height: 50px;
  padding: 4px 60px 4px 6px;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  width: 100%;
}
.leave-reply ul li i {
  font-size: 20px;
  height: 100%;
  padding: 15px 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 50px;
}
.leave-reply input[type="text"], .leave-reply textarea {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  margin: 0;
  min-height: 50px;
  padding: 4px 60px 4px 6px;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  width: 100%;
}
.leave-reply textarea {
  height: 200px;
  resize: none;
}
.leave-reply .btn-style {
  float: right;
}
.leave-reply .btn-style:hover {
  background: #0AAAA0 none repeat scroll 0 0;
}
/*----------------------------------------*/
/*  20. Blog details sidebar right CSS
/*----------------------------------------*/
.post-thum img {
  width: 100%;
}
/* Color Switcher */
.sidebarmain.ec-colorswitcher  { left: 0px; }
.ec-colorswitcher {
    padding: 0px;
    width: 260px;
    background: #fcfcfc;
    z-index: 99999999999;
    position: fixed;
    left: -260px;
    top: 0%;

    -webkit-transition: all 0.4s ease-in-out;
       -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
         -o-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
}
.ec-handle {
  background-color: #fff;
  border: 1px solid #e9e9e9;
  color: #333;
  font-size: 20px;
  height: 40px;
  position: absolute;
  right: -40px;
  text-align: center;
  top: 35%;
  width: 40px;
}
.ec-handle i {
  line-height: 38px;
}
.ec-colorswitcher h3 {
  background-color: #0aaaa0;
  border-top: 1px solid #0aaaa0;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
  padding: 10px 0 10px 20px;
  text-align: center;
  text-transform: uppercase;
}
.style-swicher-logo.text-center {
  padding-bottom: 10px;
  padding-top: 20px;
}
.ec-colorswitcher h6 {
  color: #555;
  font-size: 15px;
  font-weight: 600;
}
.ec-switcherarea {
    padding: 15px 20px 20px 15px;
    float: left;
    width: 100%;
}
.ec-switcherarea ul.ec-switcher { margin-left: -2px; }
.ec-switcherarea .ec-switcher li {
  float: left;
  list-style: outside none none;
  margin-bottom: 5px;
  padding-left: 5px;
  text-align: center;
  width: 33%;
}
.ec-switcherarea .ec-switcher li a {
  float: left;
  width: 100%;
  height: 30px;
}
.layout-btn {
  margin-left: -7px;
}
.layout-btn a {
  float: left;
  width: 50%;
  padding: 0px 0px 0px 7px;
  margin-bottom: 15px;
}
.layout-btn a span {
  background-color: #0AAAA0;
  color: #fff;
  float: left;
  padding: 10px;
  text-align: center;
  transition: all 0.4s ease-in-out 0s;
  width: 100%;
}
.layout-btn a span:hover { opacity: 0.7; }
.ec-pattren,.ec-background {
  float: left;
  width: 100%;
  padding: 14px 0px 0px 0px;
}
.ec-pattren a,.ec-background a {
  float: left;
  width: 20%;
  padding: 0px 0px 5px 5px;
  height: 45px;
}
.ec-pattren a img,.ec-background a img {
  box-shadow: 0px 0px 0px 1px #ddd;
  width: 100%;
}
.ec-background a img { height: 100%; }
.pattren-wrap,.background-wrap { margin-left: -5px; }
.main-area {
  position: relative;
  transition: all 0.6s ease 0s;
}
.main-area.wrapper-boxed {
  background-color: #ffffff;
  box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
  float: none;
  margin: 0 auto;
  max-width: 1200px;
}
.cs-color-1 {
  background: #0AAAA0;
}
.cs-color-2 {
  background: #41c3ac;
}
.cs-color-3 {
  background: #AF4D32;
}
.cs-color-4 {
  background: #1abc9c;
}
.cs-color-5 {
  background: #3498db;
}
.cs-color-6 {
  background: #9b59b6;
}
.cs-color-7 {
  background: #34495e;
}
.cs-color-8 {
  background: #e67e22;
}
.cs-color-9 {
  background: #c0392b;
}
.cs-color-10 {
  background: #336E7B;
}
.cs-color-11 {
  background: #f05a66;
}
.cs-color-12 {
  background: #00ABEA;
}

/* shortcode css */
/* page title left */
.page-title-left .breadcumb-area .breadcrumb {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 0;
}
/* page title right */
.page-title-right .page-title {
  text-align: right;
  width: 100%;
}
.page-title-right .breadcumb-area {
  text-align: right;
}
.page-title-right .breadcumb-area .breadcrumb {
  background-color: rgba(0, 0, 0, 0);
  padding-right: 0;
}
/* page breadcumb right */
.page-breadcumb-right .page-title {
  float: left;
}
.page-breadcumb-right .breadcumb-area .breadcrumb {
  background-color: rgba(0, 0, 0, 0);
  padding-right: 0;
}
.page-damy-content p {
  color: rgb(102, 102, 102);
}
/* hiro unit css */
.hiro-unit-area {
  background: rgba(0, 0, 0, 0) url("img/peopule-say-bg.jpg") repeat fixed 0 0;
  color: rgb(255, 255, 255);
}
.hiro-unit-area h1 {
  font-size: 60px;
  font-weight: bold;
  line-height: 65px;
}
.hiro-unit-area p {
  font-size: 15px;
  margin-bottom: 40px;
}
/* video gallery css */
.single-video-gallery iframe {
  height: 100%;
  width: 100%;
}
/* pagination css */
.shortcode-area .section-title h2 {
  border-bottom: 1px solid #d1d1d1;
  color: #444444;
  font-size: 21px;
  line-height: 30px;
  padding-bottom: 8px;
  text-transform: capitalize;
}


.social-links > li > a.facebook:hover
{
  background:#4b6ea8 !important;
}
.social-links > li > a.twitter:hover
{
  background:#4fd5f8 !important;
}
.social-links > li > a.you-tube:hover
{
  background:#da1818 !important;
}
.social-links > li > a.google:hover
{
  background:#da1818 !important;
}
.logo img 
{
  max-width: none;
}















.text-left {
    text-align: left;
}
.title {
    font-family: "Lora",serif !important;
}
.title::after {
    border-top: 2px solid #2f3195;
    content: "";
    display: block;
    margin-top: 20px;
    text-align: center;
    width: 55px;
}
.section-title {
    border-bottom-width: 0;
    margin-bottom: 40px;
    position: relative;
}
.section-title.spacing {
    margin-bottom: 25px;
}
.section-title h1 {
    font-size: 48px;
    font-weight: normal;
    margin: 0 0 12px;
    padding: 14px 0;
    text-align: center;
    text-transform: uppercase;
}
.section-title h2 {
    font-size: 35px;
    font-weight: normal;
    margin: 0 0 12px;
    padding: 14px 0;
    text-align: center;
    text-transform: uppercase;
}
.section-title h4 {
    font-size: 35px;
    font-weight: normal;
    margin: 0 0 12px;
    padding: 14px 0;
    text-align: left;
    text-transform: capitalize;
}
.section-title.text-left h2, .section-title.text-left h1 {
    text-align: left;
}
.section-title h1::before, .section-title h2::before {
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    margin: -2px auto;
    position: absolute;
    right: 0;
    width: 40px;
}
.section-title h4::before {
    background: #2f3195 none repeat scroll 0 0;
}
.section-title h4::before {
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    margin: -2px auto;
    position: absolute;
    width: 40px;
}
.section-title h2 {
    font-size: 28px;
}
.section-title h4 {
    font-size: 24px;
}
.section-title.text-left h2 {
    text-align: left;
}
.section-title.text-left h1::before, .section-title.text-left h2::before {
    left: 0;
    margin-left: 0;
}
.title-description {
    padding-bottom: 50px;
}



.light-bg {
    background: #f7f7f7 none repeat scroll 0 0;
}
.page-section {
    display: block;
    overflow: hidden;
    padding: 75px 0;
    position: relative;
    width: 100%;
}





.fill-icon {
    border: 2px solid #00adef;
    color: #000;
    position: relative;
    z-index: 1;
}
.fill-icon::after {
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.4s ease-in-out 0s;
    width: 100%;
    z-index: -1;
}
.icons-circle.small i, .icons-rounded.small i, .icons-square.small i, i.icons-circle.small, i.icons-square.small, i.icons-rounded.small {
    padding: 10px;
}
.icons-circle.small1 i, .icons-rounded.small1 i, .icons-square.small1 i, i.icons-circle.small1, i.icons-square.small1, i.icons-rounded.small1 {
    /*line-height: 3em;*/
    padding: 21px 20px;
}
.icons-circle.big i, .icons-rounded.big i, .icons-squarer.big i, i.icons-circle.big, i.icons-square.big, i.icons-rounded.big {
    line-height: 12em;
    padding: 50px;
}
.icons-circle.medium i, .icons-rounded.medium i, .icons-squarer.medium i, i.icons-circle.medium, i.icons-square.medium, i.icons-rounded.medium {
    line-height: 6em;
    padding: 40px;
}
.icons-circle i, i.icons-circle, .circle {
    border-radius: 50%;
}
.icons-rounded i, i.icons-rounded {
    border-radius: 15px;
}
.icons-square i, i.icons-square {
    border-radius: 0;
}

/*.top-bar-section.top-bar-bg-color, .product-count, .nav > li > a:focus, .nav > li > a:hover, .top-bar-section.top-bar-bg-color, .btn-default, .special-feature .mask-top h4::before, .s-feature-box, .s-feature-box:hover .mask-bottom, .progress-bar, .owl-prev .fa, .owl-next .fa, h3.count-number::before, h2.count-number::before, .item-box.inverse a:hover i, .work-process-box .item-number, .name::before, .inverse-bg-color i, .icons-bg-color i, .bg-color, .bg-hover-color:hover, .gray-bg i:hover, .features-list-item:hover i, .bar, .pagination > .active > span, .pagination > .active > span:hover, .blog.timeliner > li:hover .timeline-image, .blog.timeliner > li:hover .timeline-icon, div.count-number::before, .static-color-icons span, .fill-icon::after, .bakery-menu .nav-tabs > li.active > a, .bakery-menu .nav-tabs > li.active > a:focus, .bakery-menu .nav-tabs > li.active > a:hover, .travel-tab .input-group-addon, .travel-tab .nav-tabs > .active > a, .travel-tab .nav-tabs > .active > a:hover, .travel-tab .nav-tabs > .active > a:focus, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .travel-tab .nav-tabs > li a > i, .hotel-tab .nav-tabs > li.active > a, .hotel-tab .nav-tabs > li.active > a:focus, .hotel-tab .nav-tabs > li.active > a:hover, .navbar-default .navbar-toggle .icon-bar, .circle.count-number.border-color::before, .btn-transparent-color:hover, .btn-transparent-color-inverse, .image-bg .overlay-color, .overlay-color, .btn-default-inverse:hover, .btn-default-inverse:focus, .btn-default-inverse:active {
    background-color: #00adef;
}
*/

.bakery-block {
    margin-bottom: 30px;
}






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




.tb-pad-80 {
    padding-bottom: 80px;
    padding-top: 80px;
}

.image-bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    display: block;
    min-height: 520px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.image-bg.fixed {
    background-attachment: fixed;
}
.image-bg.content-in.contain {
    background-size: contain;
}
.image-bg.content-in {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    min-height: unset;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 0;
}
.overlay {
    background: #000 none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0.4;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.image-bg .overlay.balck {
    opacity: 0.6;
}
.image-bg .overlay {
    background: #000 none repeat scroll 0 0;
    height: 100%;
    opacity: 0.2;
    width: 100%;
}
.image-bg .overlay-white, .overlay-white {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    opacity: 0.8;
    width: 100%;
}
.image-bg .overlay-half-dark, .overlay-half-dark {
    background: #000 none repeat scroll 0 0;
    height: 100%;
    opacity: 0.5;
    width: 100%;
}
.image-bg .overlay-dark, .overlay-dark {
    background: #000 none repeat scroll 0 0;
    height: 100%;
    opacity: 0.7;
    width: 100%;
}
.image-bg .overlay-strips, .overlay-strips {
    background: rgba(0, 0, 0, 0) url("../img/patterns/pattern.png") repeat scroll 0 0;
    height: 100%;
    opacity: 0.8;
    width: 100%;
}
.image-bg .overlay-boxed, .overlay-boxed {
    background: rgba(0, 0, 0, 0) url("../img/patterns/pattern2.png") repeat scroll 0 0;
    height: 100%;
    opacity: 0.1;
    width: 100%;
}
.image-bg .overlay-color, .overlay-color {
    height: 100%;
    opacity: 0.95;
    width: 100%;
}


.text-color{
  color: #F04649;
}


.donate-btn {
    background-color: #2f3195;
    border: medium none #2f3195;
    border-radius: 0;
    color: #fff;
    padding: 9px 18px;
}



.bg-color {
    background: rgba(27, 27, 27, 0.7) none repeat scroll 0 0;
    padding-top: 35px;
    padding-bottom: : 35px;
}

.icon-left-open {
    border: 1px solid #fff !important;
    border-radius: 50%;
    color: #ffffff !important;
    height: 40px;
    opacity: 1 !important;
    padding-top: 2px;
    position: absolute;
    width: 40px;
}

.icon-right-open {
    border: 1px solid #fff !important;
    border-radius: 50%;
    color: #ffffff !important;
    height: 40px;
    opacity: 1 !important;
    padding-top: 2px;
    position: absolute;
    width: 40px;
}


.fa.fa-chevron-left {
    font-size: 18px !important;
    font-weight: normal !important;
    margin-top: 5px;
}

.fa.fa-chevron-right {
    font-size: 18px !important;
    font-weight: normal !important;
    margin-top: 5px;
}














.padding-top {
  padding-top: 25px;
}








.padding{
  padding-top: 25px;
  padding-bottom: 25px;
}

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





#cms-buy-button-fixed {
    background: #71B944 none repeat scroll 0 0;
    border-radius: 4px;
    bottom: 40px;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.35);
    position: fixed;
    right: 92px;
    z-index: 9999;
}
#cms-buy-button-fixed .btn-buy-close {
    background-color: #222;
    border-radius: 100%;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    opacity: 0;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -11px;
    transition: all 300ms linear 0ms;
    visibility: hidden;
    width: 22px;
}
#cms-buy-button-fixed a {
    display: inline-block;
    padding: 16px 22px;
}
#cms-buy-button-fixed .cms-buy-button-content-wrapper {
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 15px;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
}
#cms-buy-button-fixed #cms-buy-button-cart-icon {
    margin-right: 10px;
}
#cms-buy-button-fixed #cms-buy-button-envato-logo {
    fill: #fff;
}
#cms-buy-button-fixed .cms-buy-button-top > * {
    display: block;
    float: left;
    line-height: inherit;
    margin-right: 3px;
}
#cms-buy-button-fixed .decorated {
    margin-left: 5px;
    padding-left: 13px;
    position: relative;
}
#cms-buy-button-fixed .decorated::before {
    background-color: #000;
    content: "";
    height: 20px;
    left: -1px;
    opacity: 0.15;
    position: absolute;
    top: 0;
    width: 2px;
}
#cms-buy-button-fixed:hover {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35);
}
#cms-buy-button-fixed:hover .btn-buy-close {
    opacity: 1;
    visibility: visible;
}




.text-bg{
  /* background: url("../images/top bg.png"); */
  background-color: #333;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
}

.top-text {
    color: #333;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-left: 350px;
    float: left;
}

.home-head {
    color: #3a5ca3;
    font-size: 28px;
    font-weight: bold;
    text-align: left;
}

.text {
    color: #333;
    font-size: 16px;
}


.text1{
    color: #757575;
    font-size: 14px;
    text-align: justify;
}


.home-head1{
    color: #3a5ca3;
    font-size: 17px;
    font-weight: bold;
}

.home-head1::after {
  background: #585858 repeat scroll 0 0;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    top: 150%;
    width: 60px;
    margin-top: 6px;
}




.process-img {
    float: left;
    width: 50%;
    height: 442px;
    margin-top: 20px;
}



.scroll-image {
    /*display: block;
    margin-top: -300px;
    opacity: 999;
    position: absolute;
    width: 93% !important;*/
    margin-bottom:25px; 
}

.imagebox-image > img {
    width: 100%;
}


.imagebox.style1 {
    overflow: hidden;
    position: relative;
    width: 100% !important;
}
.imagebox.style1 .imagebox-title {
    background: rgba(45, 82, 160, 0.85) none repeat scroll 0 0;
    bottom: 20px;
    left: 20px;
    min-height: 45px;
    padding: 10px 80px 11px 20px;
    position: absolute;
    right: 20px;
    transition: all 0.3s ease-in-out 0s;
    visibility: visible;
}
.imagebox.style1:hover .imagebox-title {
    opacity: 0;
    transform: translateY(100%);
    visibility: hidden;
}
.imagebox.style1 .imagebox-title h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
    position: relative;
    text-transform: uppercase;
}
.imagebox.style1 .imagebox-title h3::after {
    color: #ffffff;
    content: "";
    font-family: "FontAwesome";
    font-size: 16px;
    position: absolute;
    right: -53px;
    top: 48%;
    transform: translateY(-50%);
}
.imagebox.style1 .imagebox-title h3 a {
    color: #ffffff;
}
.imagebox.style1 .imagebox-content {
    background: rgba(65, 84, 100, 0.85) none repeat scroll 0 0;
    font-size: 14px;
    width:100%;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 15px 15px 15px;
    position: absolute;
    top: 0;
    transform: translateY(-100%);
    transition: all 0.5s ease-in-out 0s;
    visibility: hidden;
}
.imagebox.style1:hover .imagebox-content {
    opacity: 1;
    transform: translateY(0px);
    transition: all 0.3s ease-in-out 0s;
    visibility: visible;
}
.imagebox.style1 .imagebox-content .imagebox-desc {
    color: #ffffff;
    text-align: center;
    padding-top: 40px;
}
.imagebox.style1 .imagebox-content .imagebox-button {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}
.imagebox.style1 .imagebox-content .imagebox-button a {
    background: #2d52a0 none repeat scroll 0 0;
    border-radius: 4px;
    color: #ffffff;
    display: inline-block;
    line-height: 9px;
    margin-top: 15px;
    padding: 12px 54px 13px 14px;
    position: relative;
}
.imagebox.style1 .imagebox-content .imagebox-button a::before {
    color: #ffffff;
    content: "";
    font-family: "FontAwesome";
    font-size: 12px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}
.imagebox.style1 .imagebox-content .imagebox-button a:hover::before {
    color: #222222;
}
.imagebox.style1 .imagebox-content .imagebox-button a:hover {
    background-color: #ffffff;
    color: #222222;
}

/*.sd-full-img {
  display: inline-block;
}*/
.btn-home{
  display: inline-block;
  width: 100%;
}
.btn-banner{
  background: #333;
  padding: 10px 25px;
  min-width: 240px;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
}
.btn-banner:hover{
  background: #3a5ca3;
  color: #fff;
  text-decoration: none;
}






.left-side{
  background: url("../images/points bg.jpg");
  padding: 25px 45px 25px 96px;
  width: 50%;
  float: left;
  color: #fff;
}


.home-points {
    padding-left: 0px;
}

.home-points > li {
    /*list-style-image: url("../images/arrow.png");*/
}


.home-points h5 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 7px;
    text-transform: uppercase;
    color: #2d52a0;
}

.home-points p {
    color: #757575;
}

.points-head {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #2d52a0;
    margin-bottom: 30px;
}

.points-head::after {
  background: #585858 repeat scroll 0 0;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    top: 150%;
    width: 60px;
    margin-top: 6px;
}

.right-side {
    float: right;
    padding: 25px 85px 25px 58px;
    width: 50%;
}

.points-head1 {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #2d52a0;
}

.points-head1::after {
  background: #585858 repeat scroll 0 0;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    top: 150%;
    width: 60px;
    margin-top: 6px;
}




.home-section{
    background: url("../images/BG 1.jpeg");
    background-attachment: fixed;
    padding-top: 25px;
    padding-bottom: 25px;
}

.home-icons {
    background-color: rgb(45, 82, 166);
    border-radius: 50%;
    color: rgb(255, 255, 255);
    font-size: 42px !important;
    height: 70px;
    margin-right: 16px;
    padding-top: 14px;
    width: 70px;
    text-align: center;
}


.blink_me {
    animation-duration: 12s;
    animation-iteration-count: infinite;
    animation-name: blinker;
    animation-timing-function: linear;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    position: absolute;
    
}

.blink_me1 {
    animation-duration: 12s;
    animation-iteration-count: infinite;
    animation-name: blinker2;
    animation-timing-function: linear;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    position: absolute;
    opacity: 0;
    padding-left: 100px;

}

@keyframes blinker {
0% {
    opacity: 0;
}
25% {
    opacity: 1;
}
60% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}

@keyframes blinker2 {
0% {
    opacity: 0;
}
50% {
    opacity: 0;
}
75% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}







.home-bullets > li {
    color: #34569e;
    font-size: 16px;
    font-weight: bold;
    list-style: outside none none;
}

.home-bullets > li::before {
    color: green;
    content: "✓";
    padding-right: 4px;
    font-weight: bold;
}





.p-points {
    float: left;
    width: 50%;
}
.p-points > li {
    color: #fff;
    
     margin-bottom: 12px;
}


.p-points > li::before {
    color: #71B944;
    content: "✓";
    padding-right: 4px;
    font-weight: bold;
}

.p-points > li:hover{
    color: #71B944;
}


.p-points1 {
    float: right;
    width: 50%;
}

.p-points1 > li {
    color: #fff;
    list-style-type: square !important;
    margin-bottom: 12px;
}

.p-points1 > li:hover{
    color: #C7C7C7;
    cursor: pointer;
}


.panel-title {
    font-weight: bold;
}


.flat-callback {
    background-color: #2d52a0;
    clear: both !important;
    padding: 25px 0px 5px;
}
.text-block-callback {
    text-align: right;
}
.text-block-callback h2 {
    color: #ffffff;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 13px;
    text-transform: uppercase;
}
.text-block-callback .text-callback-content {
    color: #ffffff;
}
.flat-callback-form {
    padding-left: 30px;
}
.flat-callback-form .flat-field {
    margin: 0 -10px;
    padding-right: 75px;
}
.flat-callback-form .flat-field .field-one-half {
    float: left;
    padding: 0 10px;
    width: 50%;
}
.flat-callback-form .flat-field .field-one-half.field-email {
    margin-right: 0;
}
.flat-callback-form .flat-field .field-one-half label {
    color: #cccccc;
    margin-bottom: 10px;
}
.flat-callback-form .flat-field .field-one-half select {
    padding: 14px;
}
.flat-callback-form .flat-field .field-one-half select, .flat-callback-form .flat-field .field-email input, .flat-callback-form .flat-field .field-phone input {
    /*height: 50px;*/
    margin-bottom: 30px;
}
.flat-callback-form .flat-field .field-email input {
    border-radius: 4px;
    margin-top: 35px;
}
.flat-callback-form .flat-field .field-submit button.button-submit-field {
    /*height: 50px;*/
    padding: 8px 20px;
    text-transform: capitalize;
}
.flat-callback-form .flat-field .field-submit button.button-submit-field:hover {
    background-color: #2e363a;
    border-color: #2e363a;
}
.flat-callback-form select {
    -moz-appearance: none;
    background-image: url("../images/icon-arrow-select.png");
    background-position: 96% 49%;
    background-repeat: no-repeat;
    color: #555;
}
input:-moz-placeholder, textarea:-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder {
    color: #555;
    opacity: 1;
}
.flat-form-info input:-moz-placeholder, .flat-form-info textarea:-moz-placeholder, .flat-form-info input::-moz-placeholder, .flat-form-info textarea::-moz-placeholder {
    color: #c1c1c1;
    opacity: 1;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="email"] {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #222222;
    display: block;
   /* height: 45px;
    line-height: 24px;*/
    margin-bottom: 0px !important;
    padding: 5px 15px;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}


.button-submit-field {
    background-color: #333 !important;
    border: medium none !important;
    color: #fff !important;
    padding: 7px 20px;
    float: right;
}




.img-left{
    float: left;
    padding-right: 25px;
}

#owl-demo .owl-controls {
    margin-left: 39% !important;
    position: absolute;
    top: -27% !important;
}









/*    ABOUT  US  */


.banner{
  background: url("../images/inner banner.jpeg");
    padding-bottom: 32px;
    padding-top: 32px;
  text-align: center;
}

.banner > h5 {
    color: #fff;
    font-size: 24px;
}
.banner > span {
    color: #fff;
    font-size: 15px;
}

.banner a {
    color: #fff;
}



.about-points {
    color: #2d52a0;
    font-size: 16px;
    font-weight: bold;
}


.about-bg{
    background: url("../images/about bg.jpeg");
    background-attachment: fixed;
    padding-top: 35px;
    padding-bottom: 35px;
}


.about-head-padding{
    padding-top: 37px;
    
}

.about-head1{
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}


.about-head1::after {
    background-color: #fff;
    color: #fff;
    content: "";
    display: block;
    height: 3px;
    width: 49px;
    margin-top: 6px;
}


.fa.fa-quote-left {
    color: #2d52a0;
    padding-right: 6px;
}

.about-testi-img {
    float: left;
    height: 75px;
    padding-right: 20px;
    width: 90px;
}



.call-text {
    border: 1px solid #ccc;
    border-radius: 5px;
    float: left;
    padding: 10px 40px;
    color: #2d52a0;
    font-size: 16px;
    font-weight: bold;
    margin-right: 15px;
}

.call {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    padding-top: 8px;
}

/*             */







/*  SERVICES  */

.faq {
    background-color: #2d52a0;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 35px;
}


.faq:hover{
    background-color: #59595B;
    color: #fff;
}

.nav.nav-tabs.page-link.nav.nav-tabs {
    border-bottom: medium none;
}

.nav-tabs > li {
    background-color: #2d52a0;
    float: none;
    margin-bottom: 5px;
}
.nav>li>a:focus, .nav>li>a:hover{
  background-color: #333;
}
.nav.nav-tabs.page-link.nav.nav-tabs a {
    color: #fff;
    margin-right: 0;
}


.serv-img {
    float: right;
    width: 50%;
    margin-bottom: 24px;
}

.plus {
    background-color: #355aa1;
    color: #fff;
    float: right;
    font-size: 13px !important;
    font-weight: normal !important;
    padding: 4px 6px;
}


.panel-heading {
    padding: 20px 15px;
}




.service-points {
    color: #2d52a0;
    font-size: 17px;
    font-weight: bold;
}


.service-icons {
    border: 1px solid #2d52a0;
    border-radius: 50%;
    color: #2d52a0;
    font-size: 24px !important;
    height: 60px;
    margin-bottom: 13px;
    padding-top: 17px;
    width: 60px;
    cursor: pointer;
}



/*  Zoom In  */
figure {
    overflow: hidden;
}
.hover01 figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .6s ease-in-out;
    transition: .6s ease-in-out;
}
.hover01 figure:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    cursor: pointer;
}

/*    */







.service-link > li {
    background-color: #2D52A0;
    float: left;
    margin-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 24%;
}

.service-link a {
    color: #fff;
}
.service-link li:before{
    color: #fff !important;
}
.service-link > li:hover {
    background-color: #333;
    color: #fff;
}

.service-link a:hover {
    color: #fff;
}

.panel-default > .panel-heading{
  background-color: #2d52a0 !important;
  border-color: #2d52a0 !important;
  color: #fff !important;
  border-radius: 0px !important;
}
.panel-title a:active, .panel-title a:hover{
  color: #fff !important;
}
.plus{
  background:#333 !important;
}





/*             */







/*   CONTACT US  */

.submit {
    background-color: #375ca2;
    border-radius: 0;
    color: #fff;
}

.submit:hover{
    background-color: #59595B;
    color: #fff;
}


/*          */




/*    FOOTER  */




/*follow*/
.follow{
  font-size: 0;
  padding-top: 35px;
}
.follow .item{
  width: 35px; 
  height: 35px; 
  text-align: center; 
  color: #cbcbcb; 
  border-radius: 50%; 
  -webkit-border-radius: 50%; 
  display: inline-block; 
  margin: 0 5px; 
  position: relative; 
  border: 1px #b1b2b6 solid; 
  font-size: 18px; 
  vertical-align: bottom;
}
.follow .item:last-child{margin-right: 0;}
.follow .item .fa {
    color: #fff;
    line-height: 28px;
    padding-top: 3px;
    position: relative;
}
.follow .item:before{position: absolute; 
  border-radius: 50%; 
  -webkit-border-radius: 50%; 
  left: -2px; 
  top: -2px; 
  right: -2px; bottom: 
  -2px; content: ""; background: #2d52a0; transform: scale(0); -webkit-transform: scale(0);}

@media (min-width: 1200px) {
  .follow .item:hover:before{transform: scale(1); -webkit-transform: scale(1);}
  .follow .item:hover{color: #fff;}
}

/*     */






.modal-dialog {
    margin: 150px auto 30px;
}




.footer-read-more {
    float: right;
    font-size: 13px;
    color: #d9d9d9;
}

.footer-read-more:hover{
    color: #2d52a0;
}



/*            */










@media (min-width: 300px) and (max-width: 640px) {


.process-img {
    float: none;
    height: auto;
    width: auto;
}

.scroll-image {
    display: block;
    margin-top: 0px;
    opacity: 999;
    position: unset;
    width: auto !important;
}

.left-side {
    float: none;
    padding: 25px 45px 25px 40px;
    width: auto;
}

.right-side {
    float: none;
    padding: 25px 65px 25px 58px;
    width: auto;
}

.flat-callback-form .flat-field .field-one-half {
    float: none;
    padding: 0px;
    width: auto;
}


.img-left{
    float: none;
}

.points-head {
    margin-left: 0px;
}



#owl-demo .owl-controls {
    margin-left: 0 !important;
    position: unset !important;
    top: 0;
}


.serv-img {
    float: none;
    width: auto;
}

.p-points {
    float: none;
    width: auto;
}

.p-points1 {
    float: none;
    width: auto;
}


.top-text {
    padding-left: 0px;
}

.blink_me {
    font-size: 13px;
    
}

.blink_me1 {
    font-size: 13px;
    padding-left: 45px;

}



.service-link > li {
    float: none;
    margin-bottom: 10px;
    width: auto;
}





}


.sd-clients-section{
  padding: 10px 0 50px 0;
}
.sd-clients {
  text-align: left;
  padding: 30px 0 10px 0;
}
.sd-clients .points-head{
  margin-left: 0px;
}

.no-gutter > [class*='col-'] {
  padding-right:20px;
  padding-left:20px;
  padding-bottom: 20px;
}

.home-section p{
  font-size: 17px;  
}
.flat-callback-form input{
  margin-bottom:6px !important;
}

@media (min-width: 768px) {
.home-bullets > li {
    color: #34569e;
    font-size: 20px;
  }
  .imagebox-image{
    height: 240px;
  }
}
@media (min-width: 992px) {
  .about-left{
    padding-left: 60px;
  }
  .about-right{
    padding-left: 100px;
  }
}




@media (max-width: 767px) {
  .p-points{
    width: 100% !important;
  }
  .points-head{
    display: inline-block;
    margin-bottom: 50px;
  }
  .sd-clients .points-head{
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 30px;
  }
}


.sd-contact h4 span{
  color: #3a5ca3 !important;
}

.sd-contact input, .sd-contact select, .sd-contact textarea{
  border: 1px solid #6f6f6f !important;
}


.header-top-right {
  display: flex;
  flex-flow: row-reverse;
}
.header-top-right  .mail {
  margin: 10px 0 10px 30px;
  color: #333;
}
.header-top-right  .mail i{
  color: #3a5ca3;
  margin-right: 5px;
}

.header-top-right .phone {
  margin: 10px 0 0 0;
  color: #333;
}
.header-top-right  .phone i{
  color: #3a5ca3;
  margin-right: 5px;
}

@media (max-width:991px){
  .header-top-right {
    display: block;
    margin-bottom: 10px;
    text-align: right;
}
.mean-container {
  padding-left: 15px;
  padding-right: 15px;
  width: 100% !important;
}
}