body{ 
            font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #212112;


  background-color:  #f2f2f2
;
  overflow-x: hidden;
    transition: all 200ms linear;
    margin: 0;
    padding: 0;
} 



::selection {
  color: #fff;
  background-color: #8f1a2e;
}
::-moz-selection {
  color: #fff;
  background-color: #8f1a2e;
}


/* #Navigation
================================================== */

.start-header {
  opacity: 1;
  transform: translateY(0);
  padding: 0px 0;
  box-shadow: 0 10px 30px 0 rgba(138, 155, 165, 0.15);
  -webkit-transition : all 0.3s ease-out;
  transition : all 0.3s ease-out;
}
.start-header.scroll-on {
  box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
  padding: 10px 0;
  -webkit-transition : all 0.3s ease-out;
  transition : all 0.3s ease-out;
}
.start-header.scroll-on .navbar-brand img{
  height: 24px;
  -webkit-transition : all 0.3s ease-out;
  transition : all 0.3s ease-out;
}
.navigation-wrap{
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  -webkit-transition : all 0.3s ease-out;
  transition : all 0.3s ease-out;
}
.navbar{
  padding: 0;
}
.navbar-brand img{
  height: 70px;
  width: auto;
  display: block;
 
  -webkit-transition : all 0.3s ease-out;
  transition : all 0.3s ease-out;
}
.navbar-toggler {
  float: right;
  border: none;
  padding-right: 0;
} 
.navbar-toggler:active,
.navbar-toggler:focus {
  outline: none;
}
.navbar-light .navbar-toggler-icon {
  width: 24px;
  height: 17px;
  background-image: none;
  position: relative;
  border-bottom: 1px solid #000;
    transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after, 
.navbar-light .navbar-toggler-icon:before{
  width: 24px;
  position: absolute;
  height: 1px;
  background-color: #000;
  top: 0;
  left: 0;
  content: '';
  z-index: 2;
    transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after{
  top: 8px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
  transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
  transform: translateY(8px) rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  border-color: transparent;
}
.nav-link{
  color: #000 !important;

    transition: all 200ms linear;
    font-weight: bold;
    font-size: 16px;
}
.nav-item:hover .nav-link{
  color: #9F1D35 !important;
}
.nav-item.active .nav-link{
  color: #000 !important;
  font-weight: bold;
}
.nav-link {
  position: relative;
  padding: 5px 0 !important;
  display: inline-block;
}
.nav-item:after{
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background-color: #8167a9;
  opacity: 0;
    transition: all 200ms linear;
}
.nav-item:hover:after{
  bottom: 0;
  opacity: 1;
}
.nav-item.active:hover:after{
  opacity: 0;
}
.nav-item{
  position: relative;
    transition: all 200ms linear;
}

/* #Primary style
================================================== */

.bg-light {
  background-color: #fff !important;
    transition: all 200ms linear;
}
.section {
    position: relative;
  width: 100%;
  display: block;
}
.full-height {
    height: 100vh;
}
.over-hide {
    overflow: hidden;
}
.absolute-center {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: 40px;
  transform: translateY(-50%);
  z-index: 20;
}
h1{
  font-size: 48px;
  line-height: 1.2;
  font-weight: 700;
  color: #212112;
  text-align: center;
}
p{
 
  margin: 0;
  padding-top: 10px;

}

h1 span{
  display: inline-block;
    transition: all 300ms linear;
  opacity: 1;
  transform: translate(0);
}
body.hero-anime h1 span:nth-child(1){
  opacity: 0;
  transform: translateY(-20px);
}
body.hero-anime h1 span:nth-child(2){
  opacity: 0;
  transform: translateY(-30px);
}
body.hero-anime h1 span:nth-child(3){
  opacity: 0;
  transform: translateY(-50px);
}
body.hero-anime h1 span:nth-child(4){
  opacity: 0;
  transform: translateY(-10px);
}
body.hero-anime h1 span:nth-child(5){
  opacity: 0;
  transform: translateY(-50px);
}
body.hero-anime h1 span:nth-child(6){
  opacity: 0;
  transform: translateY(-20px);
}
body.hero-anime h1 span:nth-child(7){
  opacity: 0;
  transform: translateY(-40px);
}
body.hero-anime h1 span:nth-child(8){
  opacity: 0;
  transform: translateY(-10px);
}
body.hero-anime h1 span:nth-child(9){
  opacity: 0;
  transform: translateY(-30px);
}
body.hero-anime h1 span:nth-child(10){
  opacity: 0;
  transform: translateY(-20px);
}
h1 span:nth-child(1){
    transition-delay: 1000ms;
}
h1 span:nth-child(2){
    transition-delay: 700ms;
}
h1 span:nth-child(3){
    transition-delay: 900ms;
}
h1 span:nth-child(4){
    transition-delay: 800ms;
}
h1 span:nth-child(5){
    transition-delay: 1000ms;
}
h1 span:nth-child(6){
    transition-delay: 700ms;
}
h1 span:nth-child(7){
    transition-delay: 900ms;
}
h1 span:nth-child(8){
    transition-delay: 800ms;
}
h1 span:nth-child(9){
    transition-delay: 600ms;
}
h1 span:nth-child(10){
    transition-delay: 700ms;
}
body.hero-anime h1 span:nth-child(11){
  opacity: 0;
  transform: translateY(30px);
}
body.hero-anime h1 span:nth-child(12){
  opacity: 0;
  transform: translateY(50px);
}
body.hero-anime h1 span:nth-child(13){
  opacity: 0;
  transform: translateY(20px);
}
body.hero-anime h1 span:nth-child(14){
  opacity: 0;
  transform: translateY(30px);
}
body.hero-anime h1 span:nth-child(15){
  opacity: 0;
  transform: translateY(50px);
}
h1 span:nth-child(11){
    transition-delay: 1300ms;
}
h1 span:nth-child(12){
    transition-delay: 1500ms;
}
h1 span:nth-child(13){
    transition-delay: 1400ms;
}
h1 span:nth-child(14){
    transition-delay: 1200ms;
}
h1 span:nth-child(15){
    transition-delay: 1450ms;
}
#switch,
#circle {
  cursor: pointer;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear; 
} 
#switch {
  width: 60px;
  height: 8px;
  border: 2px solid #8167a9;
  border-radius: 27px;
  background: #000;
  position: relative;
  display: block;
  margin: 0 auto;
  text-align: center;
  opacity: 1;
  transform: translate(0);
    transition: all 300ms linear;
    transition-delay: 1900ms;
}
body.hero-anime #switch{
  opacity: 0;
  transform: translateY(40px);
    transition-delay: 1900ms;
}
#circle {
  position: absolute;
  top: -11px;
  left: -13px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #000;
}
.switched {
  border-color: #000 !important;
  background: #8167a9 !important;
}
.switched #circle {
  left: 43px;
  box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
  background: #fff;
}
.nav-item .dropdown-menu {
    transform: translate3d(0, 10px, 0);
    visibility: hidden;
    opacity: 0;
  max-height: 0;
    display: block;
  padding: 0;
  margin: 0;
    transition: all 200ms linear;
}
.nav-item.show .dropdown-menu {
    opacity: 1;
    visibility: visible;
  max-height: 999px;
    transform: translate3d(0, 0px, 0);
}
.dropdown-menu {
  padding: 10px!important;
  margin: 0;
  font-size: 13px;
  letter-spacing: 1px;
  color: #212121;
  background-color: #fcfaff;
  border: none;
  border-radius: 3px;
  box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
    transition: all 200ms linear;
}
.dropdown-toggle::after {
  display: none;
}

.dropdown-item {
  padding: 3px 15px;
  color: #212121;
  border-radius: 2px;
    transition: all 200ms linear;
}
.dropdown-item:hover, 
.dropdown-item:focus {
  color: #fff;
  background-color: #9f1d35;   
}

body.dark{
  color: #fff;
  background-color: #1f2029;
}
body.dark .navbar-brand img{
  filter: brightness(100%);
}
body.dark h1{
  color: #fff;
}
body.dark h1 span{
    transition-delay: 0ms !important;
}
body.dark p{
  color: #fff;
    transition-delay: 0ms !important;
}
body.dark .bg-light {
  background-color: #14151a !important;
}
body.dark .start-header {
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
}
body.dark .start-header.scroll-on {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}
body.dark .nav-link{
  color: #fff !important;
}
body.dark .nav-item.active .nav-link{
  color: #999 !important;
}
body.dark .dropdown-menu {
  color: #fff;
  background-color: #1f2029;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
}
body.dark .dropdown-item {
  color: #fff;
}
body.dark .navbar-light .navbar-toggler-icon {
  border-bottom: 1px solid #fff;
}
body.dark .navbar-light .navbar-toggler-icon:after, 
body.dark .navbar-light .navbar-toggler-icon:before{
  background-color: #fff;
}
body.dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  border-color: transparent;
}



/* #Media
================================================== */

@media (max-width: 767px) { 
  h1{
    font-size: 38px;
  }
  .nav-item:after{
    display: none;
  }
  .nav-item::before {
    position: absolute;
    display: block;
    top: 15px;
    left: 0;
    width: 11px;
    height: 1px;
    content: "";
    border: none;
    background-color: #000;
    vertical-align: 0;
  }
  .dropdown-toggle::after {
    position: absolute;
    display: block;
    top: 10px;
    left: -23px;
    width: 1px;
    height: 11px;
    content: "";
    border: none;
    background-color: #000;
    vertical-align: 0;
    transition: all 200ms linear;
  }
  .dropdown-toggle[aria-expanded="true"]::after{
    transform: rotate(90deg);
    opacity: 0;
  }
  .dropdown-menu {
    padding: 0 !important;
    background-color: transparent;
    box-shadow: none;
    transition: all 200ms linear;
  }
  .dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
  }
  body.dark .nav-item::before {
    background-color: #fff;
  }
  body.dark .dropdown-toggle::after {
    background-color: #fff;
  }
  body.dark .dropdown-menu {
    background-color: transparent;
    box-shadow: none;
  }
  
  .tab{ padding: 10px 7px!important;font-size: 13px!important;
}
.cta-sec .justify-content-around{display: block;
    text-align: center;}
	 .flip-sec{ overflow:hidden;}
	 
	 #myCarousel .carousel-item {
    height: 100%;
    min-height: 334px!important;
}
.carousel-control-next, .carousel-control-prev{height: 30px!important;
    margin-top: 150px;}
	.banner .content-1{position: static!important;}
	.banner .content-1 h1 {
    position: absolute;
    top:45%!important;
    right: 0px!important;
    left: 0px!important;
    padding: 0px!important;
}
.flip-box-back{z-index: 99999;}
.banner p {
    padding-left: 0px!important;padding-top:80px!important;
}
.wow{margin: 0px 0px 50px 0px!important;}
.banner video {
    position: absolute;
    top: 0;
    left: 0px;
    object-fit: cover;
    width: 100%!important;
    height: auto!important;
    pointer-events: none;
    margin-top: 70px!important;
}
#btn-slider{top: 78%!important;}
.banner{height: 34vh!important;}
.banner{ position:relative;}
.counter-section{
   width: 166px!important;
    height: 169px!important;
}
	.counter-title{bottom: -23px!important}
.wow {
    margin: 0px 7px 50px 7px!important;
}
.footer-logo{padding-left:0px!important;}	

.footer-logo{padding-left:0px!important;}

.foot-ser{padding-left:0px!important;}

.list-unstyled li{padding-left:0px!important;}

.ad{padding-left:0px!important;}

}

/* #Link to page
================================================== */

.logo {
  position: absolute;
  bottom: 30px;
  right: 30px;
  display: block;
  z-index: 100;
  transition: all 250ms linear;
}
.logo img {
  height: 26px;
  width: auto;
  display: block;
  filter: brightness(10%);
  transition: all 250ms linear;
}
body.dark .logo img {
  filter: brightness(100%);
}


/*end*/



.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* Text Overlay */
#lab_video_text_overlay h2 {
  font-size:4em
}

#lab_video_text_overlay .btn {
  border-radius:0;
  text-transform:uppercase;
  font-weight:200;
}
#lab_video_text_overlay .btn-warning {
  background-color:#F5D328;
}

#lab_video_text_overlay {
  position: absolute;
  color: #FFF;
  width: 100%;
  top: 25%;
}

#lab_video_text_overlay .container {
  text-align: center;
  margin: 0px auto;
 background-color: #669900;
}

@media screen and (max-width:991px) {
  #lab_video_text_wrap {
    height: 300px;
  }
}

@media screen and (max-width:650px) {
  #lab_video_text_wrap {
    height: 250px;
  }
  #lab_video_text_overlay h2 {
    font-size: 2em;
  }
  #lab_video_text_overlay p {
    font-size: .9em;
  }
}




.banner {

  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner  video {

  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.banner  .content-1 {

  position: relative;
  z-index: 1;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.banner h1 {

  color: #fff;
}

.banner p {

  color: #fff;
}



.bottom-arrow img {


width: 50px;
/*padding-top: 50px;*/

}



@media (min-width: 900px) {


.banner h1 {
text-align: center;
margin-left:0px;
margin-top: 100px;
  
}

.banner p {

text-align: left;
margin-left: -274px;

}
.banner p{ margin:0 auto;}
.row.title-row h2{text-align:center;}
.home .content-slidr{text-align:left;}
.banner p {
padding-top: 10px;

padding-bottom: 10px;

/*width: 130px;*/
background: #00000052;
padding-left: 10px;
padding-right: 10px;

border: 1px solid #9f1d35;

}


#btn-slider {

position: absolute;
text-align: right;
right: 10%;
    bottom: 10%;



}



  }





@media only screen and (min-width: 900px) {
.bottom-arrow img {
margin-bottom: -285px;

 }
}

@media only screen and (max-width: 500px) {

.bottom-arrow img {
margin-bottom: -227px;

 }

}

/*tab*/


#tab-sec{


 background-color: rgb(29, 31, 32);
}


.warpper{
  display:flex;
  flex-direction: column;
  align-items: center;
}
.tab{
  cursor: pointer;
  padding:10px 20px;
  margin:0px 2px;
  background:#fff;
  display:inline-block;
  color:#000;
  border-radius:3px 3px 0px 0px;
  box-shadow: 0 0.5rem 0.8rem #00000080;

  margin-bottom: 15px;
}
.panels{
 /* background:#000000b0;
  box-shadow: 0 2rem 2rem #00000080;*/
  min-height:200px;
  width:100%;
  max-width:700px;
  border-radius:3px;
  overflow:hidden;
  padding:20px; 
  color: #fff; 
}
.panel{
  display:none;
  animation: fadein .8s;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
.panel-title{
  font-size:1.5em;
  font-weight:bold;
  text-align: center;
}
.radio{
  display:none;
}
#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel,
#four:checked ~ .panels #fourth-panel
{
  display:block
}


#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab,
#three:checked ~ .tabs #three-tab,
#four:checked ~ .tabs #fourth-tab
{
  background:#000;
  color:#fff;
  border-top: 3px solid #000;
}


/*heading*/

.head-sec h3 {

  color: #303030;
  font-weight: bold;
}

@media only screen and (min-width: 900px) {

.head-sec h3 { 

font-size: 35px;

}

}

@media only screen and (max-width: 500px) {

.warpper {
    
    text-align: center;
}

}


.warpper {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/*counter*/


.counter-box {
    display: block;
   background-color: rgb(29, 31, 32);
    padding: 40px 20px 37px;
    text-align: center;

    margin-bottom: 10px;
}

.counter-box p {
    margin: 5px 0 0;
    padding: 0;
    color: #909090;
    font-size: 18px;
    font-weight: 500
}

.counter-box i {
    font-size: 60px;
    margin: 0 0 15px;
    color: #d2d2d2
}

.counter {
    display: block;
    font-size: 32px;
    font-weight: 700;
    color: #666;
    line-height: 28px
}

.counter-box.colored {
    background: #3acf87
}

.counter-box.colored p,
.counter-box.colored i,
.counter-box.colored .counter {
    color: #fff
}




/*filter*/


 
            .demo-gallery > ul > li a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 80%;
              width: 100%;
            }
           /* .demo-gallery > ul > li a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }*/
            .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery > ul > li a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery > ul > li a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .justified-gallery > a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery .justified-gallery > a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .video .demo-gallery-poster img {
              height: 48px;
              margin-left: -24px;
              margin-top: -24px;
              opacity: 0.8;
              width: 48px;
            }
            .demo-gallery.dark > ul > li a {
              border: 3px solid #04070a;
            }
            .home .demo-gallery {
              padding-bottom: 80px;
            }


            .light-gal-p {


              /*font-weight: bold;*/
              color: #fff;
            }


            .pro-sec {

background-color: rgb(29, 31, 32);



            }


@media screen and (min-width:900px) {

     .pro-sec { 
padding-bottom: 120px;

     }


}

    /*slides*/



    .slider-container {
  position: relative;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}

.left-slide {
  height: 100%;
  width: 35%;
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 0.5s ease-in-out;
}

.left-slide > div {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.left-slide h1 {
  font-size: 40px;
  margin-bottom: 10px;
  margin-top: -30px;
}

.right-slide {
  height: 100%;
  position: absolute;
  top: 0;
  left: 35%;
  width: 65%;
  transition: transform 0.5s ease-in-out;
}

.right-slide > div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 100%;
  width: 100%;
}

.action-buttons button {
  background-color: #fff;
  border: none;
  color: #aaa;
  cursor: pointer;
  font-size: 16px;
  padding: 15px;
}

.action-buttons button:hover {
  color: #222;
}

.action-buttons button:focus {
  outline: none;
}

.slider-container .action-buttons button {
  position: absolute;
  left: 35%;
  top: 50%;
  z-index: 100;
}

.slider-container .action-buttons .down-button {
  transform: translateX(-100%);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.slider-container .action-buttons .up-button {
  transform: translateY(-100%);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}


.ser-sc {

background-color: rgb(29, 31, 32);

}

.cta-sec {

background-color: #c65061!important;

color: #fff;

padding-top: 15px;
padding-bottom: 6px;

margin-top: 1px;

}

.cta-sec p {

  font-size: 18px;
}

.cta-sec p i{
  font-size: 20px;

}

.btn_cta {

  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
font-family: 'Raleway', sans-serif; 
  color: #ffffff;
  font-size: 18px;
  background: #c65061;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border-color: #fff;
}

.btn_cta:hover  {
 
  text-decoration: none;
}

/*footer*/



/*FOOTER*/

footer {
  background: #303030;
  /*background: -webkit-linear-gradient(59deg, #3A6073, #16222A);
  background: linear-gradient(59deg, #3A6073, #16222A);*/
  color: white;

}

footer a {
  color: #fff;
  font-size: 14px;
  transition-duration: 0.2s;
}

footer a:hover {
  color: #FA944B;
  text-decoration: none;
}

.copy {
  font-size: 12px;
  padding: 10px;
  border-top: 1px solid #FFFFFF;
}

.footer-middle {
  padding-top: 2em;
  color: white;
}


/*SOCİAL İCONS*/

/* footer social icons */

ul.social-network {
  list-style: none;
  display: inline;
  margin-left: 0 !important;
  padding: 0;
}

ul.social-network li {
  display: inline;
  margin: 0 5px;
}


/* footer social icons */

.social-network a.icoFacebook:hover {
  background-color: #3B5998;
}

.social-network a.icoLinkedin:hover {
  background-color: #007bb7;
}

.social-network a.icoFacebook:hover i,
.social-network a.icoLinkedin:hover i {
  color: #fff;
}

.social-network a.socialIcon:hover,
.socialHoverClass {
  color: #44BCDD;
}

.social-circle li a {
  display: inline-block;
  position: relative;
  margin: 0 auto 0 auto;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  width: 30px;
  height: 30px;
  font-size: 15px;
}

.social-circle li i {
  margin: 0;
  line-height: 30px;
  text-align: center;
}

.social-circle li a:hover i,
.triggeredHover {
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}

.social-circle i {
  color: #595959;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}

.social-network a {
  background-color: #F9F9F9;
}


.left-slide p{

  padding-left: 39px;
  padding-right: 39px;
}



@media (min-width: 900px) { 


#btn-slider {


font-size: 15px;
padding: 5px 15px 5px 15px;

}


.ser-foot {

  padding-left: 125px;
}


}


.tab {

background: #0000002e;
color: #fff;

}








.pro-sec h3 {

  color: #fff;
}

/*.facts {
background-image: url('../images/counter.jpg'); 
  background-color: #cccccc; 
  height: auto; 
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 



}*/

.facts {

  background: #9f1d35;
}


.cta-sec {


  background: #c65061;
}

#abv-footer {

  background: #16222a!important;
}





#tab-sec {

background-image: url('../images/Sustainable-Design-Strategies-min.jpg'); 
  background-color: #cccccc; 
  height: 500px; 
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 

}

#tab-sec h3{

  color: #fff;
}



.pro-sec {

background: linear-gradient(59deg, #3A6073, #16222A);

}



/*flipbox*/



.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; top:0px!important;
}

.flip-box-front {

  color: black;
}

.flip-box-back {
  background-color: #c65061;
  color: white;
  transform: rotateY(180deg);
}


@media (min-width: 900px) {  







}

.flip-box-back {


  padding-top: 50px;

  height: auto;
    padding-bottom: 15px;
    padding-right: 10px;
}


@media (max-width: 500px) {  


.flip-box {

margin-bottom: 30px;

}


}




.flip-box-front img {

 max-width: 100%;
    height: auto;
  border:none!important;
}



 .flip-box {
  background-color: transparent;
  
  
  perspective: 1000px;
}


.flip-box-back h5 {



font-size: 15px;

padding: 5px;

}


.flip-sec {

padding-bottom: 40px;

padding-top: 20px;

}


.flip-box-front h4 {

margin-top: 10px;
font-size: 20px;

}
/*flipboxend*/


@media (min-width: 900px) { 

.ad {

  border-bottom: 1px
solid #fff;
width: 264px;
}

.foot-ser {
  border-bottom: 1px
solid #fff;
width: 162px;

}

.ser-hthree h3 {

  font-size: 35px;
}

}


.know-morebtn {


    border-radius: 8px;
   /* font-family: 'Raleway', sans-serif; */
    color: #000;
    font-size: 14px;
    background: #fff;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}

.know-morebtn:hover {
  background: #9f1d35;
  text-decoration: none; color:#fff;
}



.form-bor {

  border: 2px solid #9f1d35;
  /*border-radius: 50px 50px 50px 50px / 25px 25px 25px 25px;*/
  padding-top: 25px;
  padding-bottom: 25px;
}


.pro-row {

  border-bottom: 1px solid black;
  margin-bottom: 10px;
}



.prosec h3 {

  color: #303030;
}



@media (min-width: 992px) {

.model-length  {

  width: 970px !important;
}



}

 .expert-row h4 {
  color: #9f1d35;
  
 }




@media only screen and (max-width: 768px) {

#first {
    order: 2;
  }



#second {
    order: 1;
  }
  
  }




.breadcrumb-sec h2 {


  color: #cccccc;
}



.box-column {

width: 200px;
height: 200px;
background: #9F1D35;
position: relative;

}

.box-column:hover {

background: #56101d;


}



.box-column  h4 {


 position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;

}



@media (min-width: 900px) {


  .pro-row {

position: relative;

  }
#btn-slider-sec {
    position: absolute;
    text-align: right;
    right: 4%;
    top: 88%;
    
}
}

#btn-slider-sec {

font-size: 15px;
    padding: 5px 15px 5px 15px;

  
}





.jumbotron-image {


  
   background-repeat: no-repeat; 
   background-size: cover;
   height: 450px;
   background-position: center;

}


.jumbotron-image h2 {

filter: brightness(90%) !important;

}



.breadcrumb-sec {


  padding-top: 80px;
}

.breadcrumb-sec h2{


font-size: 58px;
}





@media (min-width: 900px) { 

.jumbotron-image {


  position: relative;
}


.jumbotron-image h2 {


 position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;

}


}


.career_head h4 {


  border-left: 4px solid #9f1d35;

}


.career_head h4 {
  padding-left: 20px;
  margin-bottom: 15px;
}



.career-cont h5 {

  color: #9f1d35;
}




.career-cont b {
color: #9f1d35;
  
}



.card-header i {

color: #9f1d35;
font-weight: bold;

}

@media (min-width: 900px) {  

.card-header i { 

float: right;

}



}

@media (min-width: 900px) {  

.modal-dialog  {
    max-width: 720px;
}


}

.par-div {

position: relative;

}



 .child-a-our-com {

  background: #000000b0;
  

  text-align: center;
 }


 .child-a-our-com {

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%

 }


.child-a-our-com  {

font-weight: bold;
color: #fff;



}

.child-a-our-com h5 {

  font-size: 50px;
}


.child-a-our-com h5:hover {

  color: #9F1D35;
}

.child-a-our-com:hover {

  color: #9F1D35;
}



@media (min-width: 900px) {  

.navbar-nav {

  padding-right: 40px;
}

}


.col-right-com {

  border-left: 1px solid #303030;margin: 0px;
    padding: 0px;
}


#carouselExampleIndicators li {


 width: 10px;
  height: 10px;
  border-radius: 100%;



}




.quaserbtn {


  padding-left: 50px;
}









/*counter*/


 .counter-section i {
     display: block;
     margin: 0 0 10px
 }

 .counter-section span.counter {
     font-size: 40px;
     color: #000;
     line-height: 60px;
     display: block;
     font-family: 'Raleway', sans-serif; 
     /*letter-spacing: 2px*/
 }

 .counter-title {
     font-size: 15px;
     /*letter-spacing: 2px;*/
     text-transform: uppercase;
     font-weight: bold;
 }

 .counter-icon {
     top: 25px;
     position: relative
 }

 .counter-style2 .counter-title {
     letter-spacing: 0.55px;
     float: left
 }

 .counter-style2 span.counter {
     letter-spacing: 0.55px;
     float: left;
     margin-right: 10px
 }

 .counter-style2 i {
     float: right;
     line-height: 26px;
     margin: 0 10px 0 0
 }

 .counter-subheadline span {
     float: right
 }

 .medium-icon {
     font-size: 40px !important;
     margin-bottom: 15px !important
 }



.counter-row img{


  width: 65px;
}




.counter-section {



   color: #000000;
    
    text-align: center;
    height: 193px;
  
    padding: 30px 25px 25px;
    margin: 0 auto;
    border: 3px solid #9f1833;
    border-radius: 50%;
    position: relative;
    z-index: 1;box-shadow: 0px 0px 19px #ccc;
}



.counter-section:before,
.counter-section:after{
    content: "";
    background: #f3f3f3;
    border-radius:50%;
   
    position: absolute;
    left: 15px;
    top: 15px;
    bottom: 15px;
    right: 15px;
    z-index: -1;
}


.counter-section:after{
    background: transparent;
    width: 100px;
    height: 100px;
    border: 15px solid #820001;
    border-top: none;
    border-right: none;
    border-radius: 0 0 0 20px;
    box-shadow: none;
    top: auto;
    left: -10px;
    bottom: -10px;
    right: auto;
}


@media (max-width: 500px) {  

.banner h1 {


  padding-left: 126px;
    font-size: 30px;
}


.banner p  {

padding-left: 113px;

}

.mob-k-head {


  margin-top: 50px;
}

.col-last-pro {

margin-top: 43px;

}


.cara-mob h4 {


  font-size: 33px !important;
}

.cara-mob p{ 

display: none;

}

.btn-link {


white-space: inherit;

}


}





.mutbtn {
    position: absolute;
    top: 85%;
    right: 5%;
    color: white;
    font-weight: bold;
}



.mutbtn:hover {


color: white;
border: none;
text-decoration: none;


}



.flip-box-back {


  width: 80%;
}






@media (min-width: 1200px) and (max-width: 1330px) { 

.flip-box-back  {

  margin-left: 38px !important;
}
}














/*verticalslider*/


#myCarousel .carousel-item .mask {
    position: absolute;
    top: 0;
  left:0;
  height:100%;
    width: 100%;
    background-attachment: fixed;
}
#myCarousel h4{
  font-size:35px;
  margin-bottom:15px;
  color:#000000;
  line-height:100%;
  letter-spacing:0.5px;
  font-weight:600;
}
#myCarousel p{
  font-size:18px;
  margin-bottom:15px;
  color:#000000;
}

#myCarousel .carousel-item h4{-webkit-animation-name:fadeInLeft; animation-name:fadeInLeft;} 
#myCarousel .carousel-item p{-webkit-animation-name:fadeInLeft; animation-name:fadeInLeft;} 
#myCarousel .carousel-item a{-webkit-animation-name:fadeInUp; animation-name:fadeInUp;}
#myCarousel .carousel-item .mask img{-webkit-animation-name:slideInRight; animation-name:slideInRight; display:block; height:auto; max-width:100%;}
#myCarousel h4, #myCarousel p, #myCarousel a, #myCarousel .carousel-item .mask img{-webkit-animation-duration: 1s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
#myCarousel .container {max-width: 1430px;  }
#myCarousel .carousel-item{height:100%; min-height:250px; }
#myCarousel{
  position:relative;
   z-index:1;
/*background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);*/

.carousel-control-next, .carousel-control-prev{height:40px; width:40px; padding:12px; top:50%; bottom:auto; transform:translateY(-50%); background-color: #f47735; }


.carousel-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease,-webkit-transform .6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
.carousel-fade .carousel-item {
  opacity: 0;
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transition-property: opacity;
  transition-property: opacity
}
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
  opacity: 1
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-right.active {
  opacity: 0
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0)
}
@supports (transform-style:preserve-3d) {
  .carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
  }
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


 
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

.carousel-inner {

padding-top: 25px;
padding-bottom: 0px;  
}



@media (min-width: 900px) {  

.content-slidr {

  padding-left:  50px; 


}

}

.carousel-inner {
position: relative;
width: 83%;
overflow: hidden;

}



.sec-sli 


/*2ndslider*/

  /* breadcrumb */
 

.jumbotron-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}



.counter-section:after{ display:none!important}