﻿
body{
  color: black !important;
  font-family: AvenirLTStd-Light !important;
  padding-right: 0 !important;
}

/*override carousel indicator colors*/
.carousel-indicators li
{
  display: inline-block;
  margin: 25px;
  text-indent: 0;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  background-color: #525252;
  box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.5); 
  height: 14px !important;
  width: 14px !important;
  border: 1px solid #484D50 !important; 
  margin-left: 20px;
}

.carousel-indicators .active
{
  margin: 15px;
  background-color: #EA1C2D !important;
  width: 15px !important;
}

ol.carousel-indicators
{
  height: 0% !important;
  bottom: 20px;
}

#myCarousel
{
  min-height: 200px;
}

/*SAY HELLO AND MEET THE TEAM*/
.bgimg-1
{
  position: relative;
  opacity: 0.6;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/Others/background_services.jpg");
  min-height: 650px;
  width: 100%;
  transform-style: inherit;
 
}

.bgimg-4
{
  position: relative;
  opacity: 0.6;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/Others/background_contact.png");
  min-height: 650px;
  width: 100%;
  transform-style: inherit;
 
}

.bgimg-3, .bgimg-2
{
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bgimg-5{
    background-image: url("../images/Others/background_services_sm.jpg");
    max-width:1000px;
    max-height:565px;
    height:100%;
    width:100%;
}

.bgimg-6{
    background-image: url("../images/Others/background_contact_sm.png");
    max-width:1000px;
    max-height:667px;
    height:100%;
    width:100%;
}

/*.bgimg-2
{
  background-image: url("/images/Others/background_team_ab5.jpg");
  min-height: 1000px;
}

.bgimg-3
{
  background-image: url("/images/Others/background_team_ab5.jpg");
  min-height: 1000px;
}*/

#container_meet_team
{
  color: white;
  background-color: #633393;
  text-align: center; 
  padding-top: 40px; 
  padding-bottom: 40px;
  text-align: left; 
  z-index: 4;
  /*border-top:1px solid white;
  border-bottom:1px solid white;*/
}
   
#container_meet_team h3
{
  font-size: 40pt;
  font-weight: bold
}

#container_meet_team p
{
  font-size: 18pt;
}

.meet_team_pad
{
  padding-top: 100px;
}

#container_say_hello
{
  opacity: 0.9; 
  padding-bottom: 110px;
  padding-top: 100px;
  color: black;
  background-color: white;
  text-align: center; 
  text-align: left; 
  z-index: 4;
}

#container_say_hello h3
{
  font-size: 40pt;
  font-weight: bold;
}

#container_say_hello a
{
  color: #EA1C2D;
}

#container_services
{
  color: #000000;
  background-color: white;
  text-align: center; 
  padding-bottom: 10px;
  text-align: left; 
  z-index: 4;
  opacity: .75; 
}
   
#container_services h3
{
  font-size: 35pt;
  font-weight: bold;
}

#container_services p
{
  font-size: 18pt;
}

#container_process
{
  color: #000000;
  background-color: white;
  text-align: center; 
  padding-bottom: 5px;
  text-align: left; 
  z-index: 4;
  opacity: .75; 
  background-color: #E6E4E5;
}

#container_process h3
{
  font-size: 40pt;
  font-weight: bold;
  color: #000000 !important;
}

#container_process p
{
  font-size: 18pt;
  color: #000000 !important;
}

#container_work
{
  color: #000000;
  background-color: white;
  text-align: center; 
  padding-bottom: 5px;
  text-align: left; 
  z-index: 4;
  opacity: .75; 
  background-color: #E6E4E5; 
}

#container_work h3
{
  font-size: 40pt;
  font-weight: bold;
  color: #000000 !important;
}

#container_work p
{
  font-size: 18pt;
  color: #000000 !important;
}

#container_casestudy
{
  color: #000000;
  text-align: center; 
  text-align: left; 
  z-index: 4;
  opacity: .75; 
  background-color: #E6E4E5;
}

#container_casestudy h3
{
  font-size: 40pt;
  font-weight: bold;
  padding-bottom: 5px;
  color: #000000 !important;
}

#container_casestudy p
{
  font-size: 18pt;
  color: #000000 !important;
}

#container_say_hello p
{
  font-size: 18pt;
}

/*Slider Top Banners*/
#myCarousel .glyphicon-chevron-right
{
  display: none;
}
    
#myCarousel .glyphicon-chevron-left
{
  display: none;
}

#myCarouselMobile .glyphicon-chevron-right
{
  display: none;
}
    
#myCarouselMobile .glyphicon-chevron-left
{
  display: none;
}

.carousel-control
{
  width: 5% !important;
}

@media (max-width: 320px)
{
  .small_device_ctr
  {
    text-align: center !important;
  }

  .serv_control_cont
  {
    padding-top: 40px; 
    padding-bottom: 40px; 
  }
}

@media (max-width: 768px)
{
  .serv_control_cont
  {
    padding-top: 40px; 
    padding-bottom: 40px; 
  }
}

/*------------------------------------------------*/
@media (max-width: 414px)
{
  .bgimg-1
  {
    background-color: #E6E6E6 !important;
    background-image: none !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0px !important; 
  }

  .bgimg-2
  { 
    background-color: white !important;
    background-image: none !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0px !important;

  }

  .bgimg-3
  {
    background-color: white !important;
    background-image: none !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0px !important;
  }

   .bgimg-4
  {
    background-color: white !important;
    background-image: none !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0px !important;
  }

  #container_say_hello
  {
    padding-top: 2px;
    padding-bottom: 40px !important;
    padding-top:20px !important;
  }

  .say_hello_caption{
    min-height:0px !important;
  }

  .email_addr
  {
    font-size: 12pt;
  }

  #container_meet_team
  {
    padding-top: 0px;
  }

  .meet_team_pad
  {
    padding-top: 30px;
  }

  .carousel_content_all h1
  {
    font-size: 16pt !important;
    font-weight: bold;
  }

  .carousel_content_all p
  {
    font-size: 9pt !important;
  }

  .carousel_content_all
  {
    padding-top: 10%;
    margin: 0px;
    width: 80% !important;
  }

  .carousel_banner6
  {
    top: 0%;
  }

  .carousel_banner6 h1
  {
    font-family:AvenirLTStd-Heavy;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .small_device_ctr
  {
    text-align: center !important;
  }

  .serv_control_cont
  {
    padding-top: 40px; 
    padding-bottom: 40px; 
  }

}
/*------------------------------------------------*/
.serv_control_cont
{
  padding-top: 40px; 
  padding-bottom: 40px; 
}

/*.carousel_content_all h1{
font-size:30pt;
}

.carousel_content_all p{
font-size:18pt;
color:white;
}

.carousel_banner1 {
text-align:left;
position: absolute;
bottom: 15%;
left: 8%;
z-index: 20;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.carousel_banner1 h1{
color:#2E73D6; 
font-weight:bold;
font-size:55pt;
}*/

   
/*.carousel_banner1 p{     
width:55%;
}

.carousel_banner2 {
text-align:right;
position: absolute;
bottom:7%;
right: 2%;
z-index: 20;
color: white;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
width:70%;
}

.carousel_banner2 h1{
color:white; 
font-weight:bold;
}

.carousel_banner3 {
text-align:right;
position: absolute;
bottom:7%;
right: 2%;
z-index: 20;
color: white;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
width:70%;
}

.carousel_banner3 h1{
color:white; 
font-weight:bold;
}

.carousel_banner4 {
text-align:left;
position: absolute;
bottom:7%;
left: 2%;
z-index: 20;
color: white;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
width:50%;
}

.carousel_banner4 h1{
color:white; 
font-weight:bold;
}


.carousel_banner5 {
text-align:right;
position: absolute;
bottom:7%;
right: 5%;
z-index: 20;
color: white;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
width:70%;
}

.carousel_banner5 h1{
color:white; 
font-weight:bold;
}
        
 
.carousel_banner6 {
text-align:right;
position: absolute;
top:10%;
right: 5%;
z-index: 20;
color: white;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
width:45%;
}

.carousel_banner6 h1{
color:white; 
font-weight:bold;
}*/

.carousel-caption
{
  right: 1% !important;
  left: 10% !important;
  padding-bottom: 20px !important;
  text-shadow: 0 0px 0px rgba(0,0,0,0) !important;
}

   
@media (max-width: 1440px)
{
  .meet_team_pad
  {
    padding-top: 30px;
  }
}
       
@media (max-width: 1280px)
{
  .meet_team_pad
  {
    padding-top: 10px;
  }
}



.banner1_content
{
  position: absolute;
  left: 2%;
  bottom: 18%; 
  text-align: left !important; 
  width:75%;
}

.banner1_content h1
{
  font-family: AvenirLTStd-Heavy;
  color: white;
  font-size:24pt;
}
    
.banner1_content p
{
  font-size: 12pt;
  line-height: 120%;
}

.banner2_content
{
  position: absolute;
  text-align: left !important;
  padding-right:2%;
  left: 0%;
}

.banner2_content h1
{
  color: #EA1C2D;
  font-size:22pt;
  font-weight:bold;
  font-family: AvenirLTStd-Heavy !important;
}

.banner2_content p
{
  font-size: 12pt !important;
  line-height: 110%;
  color: white;
  width:98%

}

.banner3_content
{
  position: absolute;
  text-align: left !important;
  padding-right:2%;
  left: 0%;
}
     
.banner3_content h1
{
  color: #EA1C2D;
  font-size:22pt;
  font-weight:bold;
  font-family: AvenirLTStd-Heavy !important;

}

.banner3_content p
{
  font-size: 12pt !important;
  line-height: 110%;
  color: white;
}


.banner4_content
{
  position: absolute;
  bottom: 5% !important; 
  text-align: left !important; 
  padding-right: 6% !important; 
  right: 0%;
}

.banner4_content h1
{
  color: #EA1C2D;
  font-size:22pt;
  font-weight:bold;
  font-family: AvenirLTStd-Heavy !important;
}

.banner4_content p
{
  font-size: 12pt;
  line-height: 110%;
  color: white;
}

.banner5_content
{
  position: absolute;
  bottom: 0% !important; 
  text-align: right !important;
  right: 0%;
  padding-right: 6% !important; 
}

.banner5_content h1
{
  color: #EA1C2D;
  font-size:22pt;
  font-weight:bold;
  font-family: AvenirLTStd-Heavy !important;
}

.banner5_content p
{
  padding-top:20px;
  color: black;
  font-size: 12pt;
  line-height: 110%;
}

.banner6_content
{
  position: absolute;
  text-align: left !important;
  left: 0%;
  padding-top:10%;
  padding-bottom:0px !important;
}

.banner6_content h1
{
  font-family: AvenirLTStd-Heavy !important;
  font-size:22pt;
  font-weight:bold;
  color: #EA1C2D;
  line-height:110% !important;
 
}

.banner6_content p
{
  color: white;
  font-size:12pt;
  line-height:110%
}

@media (min-width:1700px){
 #container_meet_team h3{
   padding-top:100px !important;
 }
    
  
}

.nav_ribbon{
  padding-top:10px !important;
}

@media(max-width:414px){
  .banner2_content h1, .banner3_content h1, .banner4_content h1, .banner5_content h1, .banner6_content h1{
    font-size:17pt !important;
    padding-top:0px !important;
    margin-top: 0px;
    line-height:110%
  }

  .banner2_content p, .banner3_content p, .banner4_content p, .banner5_content p, .banner6_content p{
    font-size:12pt !important;
  }
}


