/* 27 july start  */
.playerBox {

margin-left:0px !important;
 transform: scale(1, 1.2);
width:100% !important; 
}
#promo-video
{
content:"";
display:block !important;
}
.promo-in:hover .promo-span { opacity:0;transition: all 0.8s ease-in-out 0s; }
.promo-in:hover .promo-h2 { opacity:0;transition: all 0.8s ease-in-out 0s;}
.promo-in:hover p { opacity:0;transition: all 0.8s ease-in-out 0s; margin-bottom:0px; padding-bottom:0px; }



.promo-in:hover .arch-service-btn {
/* color: #000000 !important;
background: #ffffff ;
padding: 7px 13px 8px 13px;
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
filter: blur(5px);*/
 
    background: #333 none repeat scroll 0 0; 
    color: #fff !important; border:2px solid #fff;
    opacity: 1;
    font-size:18px;
    
    padding: 7px 13px 8px;
    transition: all 0.8s ease-in-out 0s;
}

.arch-service-1:hover, .arch-service-2:hover, .arch-service-3:hover, .arch-service-4:hover {
	transition: opacity 1s ease-in-out;
	 opacity: 1;
	background-image: linear-gradient(to top right, #2a2f31, #989ea1);
	color: #ffffff;
	
	
	 
}
/*.promo:hover {
	background-size: 120% 120%;
}*/

.promo::after {
	/*background: linear-gradient(to right top, #2a2f31, #989ea1);*/
 background-image: linear-gradient(to top right, #000000, #000000);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	opacity: 0.65;
	top: 0;
	width: 100%;
	z-index: -1;/*background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;*/
}
.arch-service-1:hover .promo::after {
	transition: opacity 1s ease-in-out;
	opacity: 0.2;
}
.arch-service-2:hover .promo::after {
	transition: opacity 1s ease-in-out;
	opacity: 0.2;
}
.arch-service-3:hover .promo::after {
	transition: opacity 1s ease-in-out;
	opacity: 0.2;
}
.arch-service-4:hover .promo::after {
	transition: opacity 1s ease-in-out;
	opacity: 0.2;
}




/* 27 july end  */


/* 06-07-2016  */
.list-inline.header-socials a {
    color: #ffffff;
}
.social {
    position: fixed;
    right: 0;
    top: 20%;
    z-index: 9999; 
}
.social ul {
    background: #ffffff none repeat scroll 0 0;
    margin: 0;
    padding: 5px;
}
 
.social .list-inline > li {
    display: block;
    padding: 5px 10px;
}

.header_breadcrumb .col-md-6:first-child {
    padding: 68px 0;
}
.header_breadcrumb .col-md-6:first-child h1{ color:#fff; font-size:30px;}
.service .col-md-8 {
    padding: 40px 20px;
}
.service h2 { color:#ffc85b !important; font-size:30px; text-transform: uppercase; margin-bottom:20px; }

.home-text .container-fluid {
padding:0px;}
/*.about .col-md-4 {
padding-left:0px;padding-right:0px;}*/
.about .col-md-8 {
padding-left:0px;padding-right:0px;}
.about .row {
margin:0px;}
.services .row {
margin:0px;}
.services .col-md-4 {
padding-left:0px;padding-right:0px;}
/*.about ul {
margin-bottom:0px;}
    .about ul {
    margin-bottom: 0px;
}*/
.about_cta h2 { color:#ffc85b !important; font-size:30px; text-transform: uppercase; margin-bottom:20px; }
.about h3 { color:#ffc85b !important; font-size:20px; text-transform: uppercase; margin-top:20px; font-weight:bold;}
.about ul {margin-bottom:20px;
}
.services ul {
padding-bottom:20px;}
.services h3 { color:#ffc85b !important; font-size:17px; text-transform: uppercase; margin-top:20px; font-weight:bold;}
/*.services p {
padding-top:10px;}*/

.promo-in p{
    border-bottom: 1px solid #fff;margin-bottom: 30px;    padding: 0 0 20px 0;
}

 
/* 06-07-2016  */

a:hover {

  color: #D7D2AA ;

}
.services-home a:hover {

  color: #ffffff ;
  text-decoration:none;

}
.about-down p {
    padding-top:10%
}
.arch-service-btn {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
}
.arch-service-btn:hover {
   background-color: #ffffff;
    color: #000000 !important ;
    font-weight:normal;
}
.info2-section i {

  height: 20px;

  width: 30px;

  text-align: center;

  display: inline-block;

  float: none;

}
.info2-section span {

  display: inline-block;

  float: none;

}
.info2-section {

  margin-bottom: 10px;

  width: 100%;

  float: none;
  text-align: center;

}
.contact-section .h2 strong {

  color: #253137; text-align: center; display: block;
}



/*Contact Us -For Mobile Section*/

@media only screen and (min-width: 100px) and (max-width: 667px) { 
    .about .btn-u.btn-brd-width-2{ margin: 30px 0; }

}

.header-v6 .navbar-nav > li > a {

  line-height: 32px;

}

.Toptext {

  border-right: none;

}

.Toptext span {

  color: #6b7f89 ;

  margin-left: 5px;

}

.Toptext {

  font-style: 15px;

}

.Toptext i.socialmedia {

  border-radius: 50%;

  font-size: 12px !important;

  height: 25px;

  line-height: 25px;

  text-align: center;

  width: 25px;

  background-color: #6b7f89 ;

}

.head-phone {

  font-size: 16px;

  font-weight: 600;

}

.header-fixed .header-v6.header-fixed-shrink .navbar-brand {

  height: auto;

  max-height: none;

  z-index:3;

}

.head-phone span {

  font-size: 14px;

}

.Toptext i.socialmedia:hover {

  background-color: #ffffff;

  color: #6b7f89 ;

}

.one-page-header .dropdown-menu {

  padding-top: 11px;

}

a.scroll_hint {

  background-image: none !important;

  height: auto !important;

  text-align: right;

  padding-bottom: 15px;

  margin: -66px 20px 0 auto;

  font-size: 12px;

  color: #ffffff;

  width: 80px;

  height: 51px;

    /*background-image: url('/assets/img/scroll-back.png');

    background-repeat: no-repeat;

    background-position: bottom center;*/

    display: block;

    position: relative;

    z-index: 1;

    text-transform: uppercase;

  }

  a.scroll_hint {

  }

  a.scroll_hint i {

    font-size: 24px;

  }

  a.scroll_hint:hover {

    text-decoration: none;

  }

  .h1, .h2, .h3 {

    margin-top: 0px;

    margin-bottom: 00px;

  }

  .our-service-info p {

    margin-left: 10px;

    margin-right: 30px;

    text-align:left;

    line-height:140%;

  }

  .buttonMore {

    margin: 0px;

    padding:0px;

    position: relative;

    width: auto;

    height: auto;

    float: left;

  }

  .buttonMore a {

    color: #6b7f89  ;

    background: transparent;

    text-decoration: none;

    padding: 10px 0px 10px 30px;

    font-size: 15px;

    font-weight: 600;

    -webkit-transition-property: all;

    transition-property: all;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;

    margin-left: -30px;

    display: inline-block;

    border-bottom: 3px solid #6b7f89   !important;

    letter-spacing: 1px;

  }

  .buttonMore a:hover {

    color: #6b7f89 !important;

    border-bottom: 3px solid #6b7f89 !important;

    background-size: 12px 12px;

    cursor: pointer;

    padding-right: 300px;

  }

  .slider-content .box_link a {

    border: none;

/*  background-color: #6b7f89 ;

*/  color: #ffffff;

/*border: 1px solid #6b7f89 ;*/

}

/*.slider-content .box_link a:hover {

  background-color: transparent;

  border: 1px solid #6b7f89 ;

}

*/

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

    [4. About Section]

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

    /*Adding background image that would only show on hover*/

    #about {

     background-color: #0d2406;

     position: relative;

     padding-bottom: 40px;

   }

   .arch-service {

     padding: 0;

     position: relative;

   }

   .arch-service-1 {

     /*background: url(../img/services1.jpg) no-repeat 80% 0 / cover*/;

   }

   /*.arch-service-1:before {

   

  background-image: linear-gradient(to top right, #2a2f31, #989ea1);

    opacity: 0.65;

    z-index:1;

    transition: opacity 1s ease-in-out;

  }*/

 

 /*.arch-service-2 {

   background: url(../img/services2.jpg) no-repeat 30% 0 / cover;

 }

 .arch-service-2:before {

  content: '';

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-image: linear-gradient(to top right, #2a2f31, #989ea1);

  opacity: 0.65;

  z-index:1;

  transition: opacity 1s ease-in-out;

}

.arch-service-2:hover:before  {

 transition: opacity 1s ease-in-out;

 opacity: 0.2;

}

.arch-service-3 {

 background: url(../img/services3.jpg) no-repeat 80% 0 / cover;

}

.arch-service-3:before {

  content: '';

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-image: linear-gradient(to top right, #2a2f31, #989ea1);

  opacity: 0.65;

  z-index:1;

  transition: opacity 1s ease-in-out;

}

.arch-service-3:hover:before  {

 transition: opacity 1s ease-in-out;

 opacity: 0.2;

}

.arch-service-4 {

 background: url(../img/services4.jpg) no-repeat 50% 0 / cover;

}

.arch-service-4:before {

  content: '';

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-image: linear-gradient(to top right, #2a2f31, #989ea1);

  opacity: 0.65;

  z-index:1;

  transition: opacity 1s ease-in-out;

}

.arch-service-4:hover:before  {

 transition: opacity 1s ease-in-out;

 opacity: 0.2;

}*/

.arch-service-5 {

 background: url(../img/services5.jpg) no-repeat 80% 0 / cover;

}

.arch-service-5:before {

  content: '';

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-image: linear-gradient(to top right, #2a2f31, #989ea1);

  opacity: 0.65;

  z-index:1;

  transition: opacity 1s ease-in-out;

}

.arch-service-5:hover:before  {

 transition: opacity 1s ease-in-out;

 opacity: 0.2;

}

.arch-service-in {

 padding: 100px 30px;

 transition: opacity 0.4s ease-in-out;

 z-index:2;

 position: relative;

}

.arch-service-6:before {

  content: '';

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-image: linear-gradient(to top right, #2a2f31, #989ea1);

  opacity: 0.65;

  z-index:1;

  transition: opacity 1s ease-in-out;

}

.arch-service-6:hover:before  {

 transition: opacity 1s ease-in-out;

 opacity: 0.2;

}

/*Adding colors over the background image*/

/*

.img-hover-1 {

   background: #0d2406;

}

.img-hover-2 {

 background: #0d2406;

}

.img-hover-3 {

 background: #0d2406;

}

.img-hover-4 {

 background: #0d2406;

}

.img-hover-5 {

 background: #0d2406;

 }*/

 /*Changing opacity on hover so the image shows*/

 .arch-service:hover .arch-service-in h3 {

   opacity: 0.45;

   transition: all 0.7s ease-in-out;

 }

 .arch-service:hover .arch-service-in p{

   opacity: 0.45;

   transition: all 0.7s ease-in-out;

   border-bottom: 1px solid transparent;

 }

 .arch-service:hover .arch-service-in .arch-service-btn{

   color: #fff !important;

   background: #6b7f89 ;

   padding: 7px 13px 8px 13px;

   opacity: 0.8;

   filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5'); filter: blur(5px);

   transition: all 0.8s ease-in-out;

 }

 .arch-service-in .icon {

   color: #c74645;

   font-size: 30px;

 }

 .arch-service-in h3 {

   color: #fff;

   text-transform: none;

   margin: 20px 0 25px;

   transition: all 0.7s ease-in-out;

 }

 .arch-service-in p {

   font-size: 18px;

   margin-bottom: 30px;

   color: #fff;

   text-transform: none;

   font-weight: 500;

   transition: all 0.7s ease-in-out;

   border-bottom: 1px solid #fff;

   padding: 0 0 20px 0;

 }

 .arch-service-in .arch-service-btn {

   background: transparent;

   border: none;

   color: #fff;

   font-size: 14px;

   font-weight: bold;

   text-transform: uppercase;

   padding-left: 0;

   text-decoration: none;

   transition: all 0.8s ease-in-out;

   /*border-top: 1px solid #fff;*/

   padding: 7px 0px 8px 0px;

   letter-spacing: 1px;

 }



 

   .g-heading-v7  .block_name {

     color: #6b7f89 ;

   }



   .owl2-carousel-v2 .owl-prev, .owl2-carousel-v2 .owl-next, .contact-button-link:hover, .contact-button-link:focus, .contact-button-link:active, .g-heading-v7 h2, .g-heading-v7 .h2 {

     background-color: transparent;

   }

   .our-service-info p {

     color: #ffffff;

   }

   @media (max-width: 768px) {

     .modal-body .modal-top img {

      margin-top: -40px;

    }

    .modal button.close {

     position: absolute;

     width: 30px;

     height: 30px;

     font-size: 14px;

     top: 0;

     right: 10px;

     z-index: 2;

   }

 }

 .col-xs-15,

 .col-sm-15,

 .col-md-15,

 .col-lg-15 {

  position: relative;

  min-height: 1px;

  padding-right: 10px;

  padding-left: 10px;

  padding: 0 !important;

}

.col-xs-15 {

  width: 20%;

  float: left;

}

@media (min-width: 768px) {

  .col-sm-15 {

    width: 20%;

    float: left;

  }

}

@media (min-width: 992px) {

  .col-md-15 {

    width: 20%;

    float: left;

  }

}

@media (min-width: 1200px) {

  .col-lg-15 {

    width: 20%;

    float: left;

  }

}

.arch-service span {

  color: #6b7f89 ;

  font-size: 52px;

  display:none;

}



.call-action-v1-in h3.color-light {

  font-size: 26px;

  text-transform: uppercase;

  margin-left:-10px;

  margin-right:30px;

}



.call-action-v1-in h3.color-light p {

  text-transform: none;

}

.call-action-v1 .call-action-v1-in {

  display: block;

  

  width: 100%;

  padding-left: 10px;

}

.about_cta .btn-brd-width-full{ border-color: #ffffff !important; padding: 12px 20%; }

.about_cta .btn-brd-width-full{   display: inline-block;
    font-size: 18px;
    margin-top: 30px;
     padding:12px 20%; border:1px solid #ffffff; }
	 
.about_cta .btn-brd-width-full:hover{ text-decoration:none;
	display: inline-block;
    font-size: 18px;
    margin-top: 30px;
    padding:12px 20%; 
	border:1px solid #ffffff; }

.about .btn-u.btn-brd-width-2 {

margin:23% 0 10% 0;

}
.about .btn-u.btn-brd.btn-u-light.btn-brd-hover:hover { color:#ffc85b !important; border-color:#ffc85b !important; background: transparent;}

.about .btn-u.btn-brd.btn-u-light:hover{ border-color:#ffffff !important;background:#ffffff;color:#000000 !important }
.about img{ width:100%; }


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

.call-action-v1 .call-action-v1-in {

  padding-left: 0px;

}

.call-action-v1-in h3.color-light {

  font-size: 21px;

}

}

.call-action-v1 .call-action-v1-in.inner-btn {

  display: inline-block;

  text-align: right;

  margin-top: 20px;

}
.contact_section {
    min-height: 464px;
}
.contact_section {
    min-height: 400px;
}
#ButtonSubmit{ background-color: #004040; color: WHITE; margin-top:5px; }
#ButtonSubmit:hover{ background-color: WHITE;    color: #000000; }

.our-services-list-item h3 {

  font-size: 24px !important;

}
textarea#message { height:80px; }

p.contact-section-info{ color: #D7D2AA !important; }

p.contact-section-info strong{ color:#D7D2AA !important; }

.g-bg-default-color {

  background-color: #F0EFEE ;

}

.contact-section .h2 strong {

  color: #253137;

}

.contact-section-info {

  color: #ecf0f1 !important;

  font-size: 16px;

  text-align: left;

}

.contact-section .address, .info2-section {

  text-align: inherit;

}

.info2-section {

  margin-bottom: 10px;

  width: 100%;

  float: left;

}

.info2-section i {

  height: 20px;

  width: 30px;

  text-align: center;

  display: inline-block;

  float: none;

}

.info2-section span {

  display: inline-block;

  float: none;

}

.info2-section i.fa-mobile {

  font-size: 24px;

}

.info2-section i.fa-map-marker {

  font-size: 20px;

}

.we-accept {
 

}

.we-accept h3 {

  color: #ffffff;
 

  font-size: 26px;

}



.contact-section .sky-form .input input, .contact-section .sky-form .textarea textarea, .contact-section .sky-form .textarea textarea:hover, .contact-section .sky-form .input input:hover, .contact-section .sky-form .input input:focus {

  background: #fff none repeat scroll 0 0;

  box-shadow: none;

  color: #666666;

}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #b5b5b5 !important;

}

::-moz-placeholder { /* Firefox 19+ */

  color: #b5b5b5 !important;

}

:-ms-input-placeholder { /* IE 10+ */

  color: #b5b5b5 !important;

}

:-moz-placeholder { /* Firefox 18- */

  color: #b5b5b5 !important;

}

.sky-form button {

  font-size: 18px !important;

  margin-top: 20px;

}

.call-action-v1 .call-action-v1-box {

  padding: 40px 10px;

}

.services-page-section {

  padding: 50px 0;

}

.about_page {

  background-color: #1b334c ;

}

.about_page .h2.color-light {

  padding-left: 0;

}

.about_page .h2 .block_name {

  color: #ffffff;

}

.about_page p.textnew {

  color: #ffffff;

}

.service_page {

  background-color: #162c43 ;

}

.service_page .h2.color-light {

  padding-left: 0;

}

.service_page .h2 .block_name {

  color: #ffffff;

}

.service_page p.textnew {

  color: #ffffff;

}

.faq_page {

  background-color: #1b334c ;

}

.faq_page .h2.color-light {

  padding-left: 0;

}

.faq_page .h2 .block_name {

  color: #ffffff;

}

.faq_page p.textnew {

  color: #ffffff;

}

.gallery_page {

  background-color: #1b334c ;

}

div[title="specialGalleryPage"]  {

  padding:0 !important;

  background-color: #1b334c ;

}

.gallery_page .h2.color-light {

  padding-left: 0;

}

.gallery_page .h2 .block_name {

  color: #ffffff;

}

.gallery_page p.textnew {

  color: #ffffff;

}

.contact_page {

  background-color: #1b334c ;

}

.contact_page .h2.color-light {

  padding-left: 0;

}

.contact_page .h2 .block_name {

  color: #ffffff;

}

.contact_page p.textnew {

  color: #ffffff;

}

.contact_page label {

  color: #ffffff;

  letter-spacing: 1px;

  font-size: 110%;

  font-weight: 500;

  text-transform: uppercase ;

}

.contact-page .sky-form button {

  margin-top: 0;

}

.faq-add {

  width: 100%;

}

.faq-page .faq-add {

  border: 2px solid #eee;

  margin-bottom: 20px;

  padding: 15px;

  float: left;

}

.faq-add h3.new-title {

  font-size: 28px !important;

}

.faq-page .top-part i {

  color: #777;

  float: left;

  font-size: 48px;

  margin-bottom: 20px;

  margin-right: 10px;

  padding-top: 3px;

  text-align: center;

  width: 100%;

}

.faq-page .new-title {

  float: left;

  font-size: 18px;

  margin-bottom: 5px;

  text-align: center;

  width: 100%;

}

.faq-page .new-title a {

  color: #6b7f89 ;

  font-size: 24px;

}

.faq-page .faq-add p {

  float: left;

  font-size: 14px;

  line-height: 1.5;

  width: 100%;

  margin-top: 10px;

}

.headline.red h2 {

  font-weight: 600;

  font-size: 36px !important;

}

.contact_section {

  padding: 20px 20px;

  height:auto;

}

.call-action-v1-in .color-green {

  color: #007aff ;

  font-size: 32px;

  font-weight: 600;

}

.who li a {

  border-bottom: 1px solid #c8c8c8;

  float: left;

  padding-bottom: 10px;

  padding-top: 10px;

  width: 100%;

}



.content-boxes-v6 i {

  color: #6b7f89 !important;

}

.content-boxes-v6:hover i {

  background: #6b7f89 none repeat scroll 0 0;

  transition: all 0.3s ease-in-out 0s;

  color: #ffffff !important;

}

.content-boxes-v6:hover i::after {

  border-color: #6b7f89 ;

  transition: all 0.3s ease-in-out 0s;

  color: #ffffff !important;

}

h1.title-v3-md {

  color: #ffffff !important;

}

h2.title-v3-md {

  color: #ffffff !important;

}

.contact-sidebar .headline h2 {

  display: inline-block;

  font-size: 22px !important;

  margin: 0 0 -2px;

  padding-bottom: 5px;

}

.contact-sidebar ul li a {

  border-bottom: medium none;

  float: none;

  padding-bottom: 0;

  padding-top: 0;

  width: 100%;

}

.filters {

  list-style: outside none none;

  margin: 0 0 70px;

  padding: 0;

  text-align: center;

}

.filters li {

  display: inline-block;

  margin: 10px 10px 0 0;

}

.filters li > a {

  border: 2px solid transparent;

  color: #111;

  font-size: 11px;

  font-weight: 700;

  padding: 5px 15px;

}

.filters li > a.current {

  background: #111 none repeat scroll 0 0;

  border-color: #111;

  color: #fff;

}

.works-grid-wrapper {

  margin-left: -8px;

  margin-right: -8px;

  padding: 0;

}

.work-item {

  overflow: hidden;

  position: relative;

  width: 25%;

}

.work-grid-3 .work-item {

  width: 33.3333%;

}

.works-grid-gutter .work-item {

  padding: 8px;

  float: left;

}

.work-wrapper {

  position: relative;

}

.work-item .work-thumbnail::after {

  bottom: 0;

  content: "";

  display: block;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;

  z-index: 1;

}

.work-item:hover .work-thumbnail::after {

  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;

}

.work-item img {

  height: auto;

  width: 100%;

}

.work-caption {

  opacity: 0;

  padding: 0 20px;

  position: absolute;

  text-align: center;

  top: 50%;

  transform: translateY(-50%);

  transition-delay: 0.2s;

  width: 100%;

  z-index: 1;

}

.work-item:hover .work-caption {

  opacity: 1;

}

.work-title {

  font-size: 20px;

  font-weight: 700;

  letter-spacing: 4px;

  margin: 0 0 15px;

  opacity: 0;

  transform: translateY(10px);

  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

.work-item:hover .work-title {

  transition-delay: 0.2s;

}

.work-category {

  font-size: 14px;

  font-style: italic;

  font-weight: 400;

  margin: 0;

  opacity: 0;

  transform: translateY(-10px);

  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

.work-category a {

  color: #292929;

}

.work-item:hover .work-category {

  transition-delay: 0.3s;

}

.work-item:hover .work-title, .work-item:hover .work-category {

  opacity: 1;

  transform: translateY(0px);

}

.work-link {

  bottom: 0;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  z-index: 3;

}

@media (max-width: 1200px) {

  .work-item {

    width: 50%;

  }

}

@media (max-width: 767px) {

  .work-item, .works-grid-3 .work-item {

    width: 100%;

  }

}

.portfolio-post blockquote {

  font-size: 22px;

  margin: 0 0 30px;

  text-align: left;

}

.portfolio-post blockquote::before {

  content: none;

}

.projects-section {

  padding-bottom: 50px;

}

h3.new-title {

  font-size: 124px !important;

  color: #6b7f89 ;

}

.our-service-info {

  padding-top: 10px;

  background: #6b7f89 ;

  color: rgba(255, 255, 255, 0.8);

  padding-bottom: 100px;

}

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

  .our-service-info {

    padding-top: 30px ;

   padding-bottom: 50px !important;



  }

}

/* E X E */

.g-heading-v8 h2 {

  font-size: 30px;

  margin-bottom: 20px;

  text-align: left !important;

}

[data-ca3_icon]::before {

  font-weight: normal;

  content: attr(data-ca3_icon);

}

.ca3-scroll-down-arrow {

  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=);

  background-size: contain;

  background-repeat: no-repeat;

}

.ca3-scroll-down-link {

  cursor:pointer;

  height: 25px;

  width: 25px;

  margin: 0px 15px 0 -40px;

  line-height: 60px;

  position: absolute;

  right: 0px;

  bottom: 20px;

  color: #FFF;

  text-align: center;

  font-size: 70px;

  z-index: 100;

  text-decoration: none;

  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);

  -webkit-animation: ca3_fade_move_down 3s ease-in-out infinite;

  -moz-animation:    ca3_fade_move_down 3s ease-in-out infinite;

  animation:         ca3_fade_move_down 3s ease-in-out infinite;

}

/*animated scroll arrow animation*/

@-webkit-keyframes ca3_fade_move_down {

  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }

  50%  { opacity: 1;  }

  100% { -webkit-transform:translate(0,20px); opacity: 0; }

}

@-moz-keyframes ca3_fade_move_down {

  0%   { -moz-transform:translate(0,-20px); opacity: 0;  }

  50%  { opacity: 1;  }

  100% { -moz-transform:translate(0,20px); opacity: 0; }

}

@keyframes ca3_fade_move_down {

  0%   { transform:translate(0,-20px); opacity: 0;  }

  50%  { opacity: 1;  }

  100% { transform:translate(0,20px); opacity: 0; }

}





.flexHeaderDivision {

  position: relative;

  display: flex;

  flex: auto;

  font-size: 1em;

  flex-direction: column;

  flex-shrink: 1;

  width:auto;

  height: auto;

  margin:0;

  zoom: 0.9;

}

.flexHeaderSection {

 display: flex;

 flex-direction: column;

 flex-grow: 1;

 flex-shrink: 1;

 position:relative;

 overflow: hidden;

 color: white;

 width:auto;

 height: auto;

 margin:0;

 transition: flex-basis 700ms ease-in-out;

}

.flexHeaderDivisionTitle {

  white-space: normal;

  width:auto;

  height:auto;

  display:inline-block;

}

.flexHeaderDivisionBodyCopy {

  white-space: normal;

  width:auto;

  height:auto;

}

.flexHeaderDivisionIcon {

  display: inline;

  position: absolute;

}

.flexHeaderDivision section  {

 /*box-shadow: 0 5px 30px #424242;*/

}

.flexHeaderDivision [role="menu_flexHeaderDivision"] {

 flex-basis:100%;

}

.flexHeaderDivision [role="visual_flexHeaderDivision"] {

 flex-basis:100%;

 background: #fff;

 min-height:310px;

}

.flexHeaderDivision  [role="visual_flexHeaderDivision"]:hover {

}

.flexHeaderDivisionCopyBlock {

  display: inline-block;

  width: auto;

  height: 100%;

   background: #6b7f89 ; 

    background: -webkit-linear-gradient( left, #6b7f89  , #6b7f89  50% , rgba(0, 0, 0, 0.8) ); 

    background: -o-linear-gradient(left, #6b7f89  , #6b7f89  50% , rgba(0, 0, 0, 0.8) ); 

    background: -moz-linear-gradient( left, #6b7f89  , #6b7f89  50% , rgba(0, 0, 0, 0.8) ); 

    background: linear-gradient( left, #6b7f89  , #6b7f89  50% , rgba(0, 0, 0, 0.8)  ); 

  z-index:2;

  padding: 0 ;

  margin: 0px;

}

.flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionTitle {

  font-size: 1em;

  font-weight: 700;

  margin: 0px 0px 0px 15px;

  padding: 10px 15px 10px 0px ;

  text-transform: uppercase;

  position: relative;

  display:inline-block;

  width: auto;

  height: 100%;

  color: #fff;

  left: 0px;

  top: 0px;

  transition: all 0.75s;

}

.flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionBodyCopy {

 font-size: 0.85em;

 font-weight: 500;

 margin: 0px 0px 0px 0px;

 padding: 10px 15px 10px 15px ;

 position: relative;

 display:inline-block;

 width: auto;

 height: 100%;

 color: #fff;

 left: 0px;

 top: 0px;

 transition: all 0.75s;

}

.flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionBodyCopy:after {

  content:"";

  background: #fff;

  position: absolute;

  top: 0;

  left: 0;

  height: 1px;

  width: 80%;

  transition: all 0.75s;

}

.flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionIcon {

  top: 0em;

  height: 100% ;

  width: 100%;

  object-fit: cover;

  z-index:1;

}

@media (min-width: 900px) {

  .flexHeaderDivision {

    position: relative;

    display: flex;

    flex: auto;

    font-size: 1em;

    flex-direction: row;

    flex-shrink: 1;

    height: auto;

    margin-top: 0px;

    zoom: 1;

  }

  .flexHeaderSection {

   display: flex;

   /*flex: 1 0 10em;  */

   flex-direction: row;

   flex-grow: 1;

   flex-shrink: 1;

   height: auto;

   position:relative;

   overflow: hidden;

   color: white;

   height: auto;

   transition: flex-basis 700ms ease-in-out;

 }

 .flexHeaderDivisionTitle {

  white-space: normal;

  width:auto;

  height:auto;

  display:inline-block;

}

.flexHeaderDivisionBodyCopy {

  white-space: normal;

  width:auto;

  height:auto;

  color: #fff;

}

.flexHeaderDivisionIcon {

  display: inline;

  position: absolute;

}

.flexHeaderDivision section  {

  /* box-shadow: 0 5px 30px #424242;*/

}

.flexHeaderDivision [role="menu_flexHeaderDivision"] {

 flex-basis:30%;

 height: auto;

}

.flexHeaderDivision  [role="visual_flexHeaderDivision"]:hover {

}

.flexHeaderDivisionCopyBlock {

  display: inline-block;

  width: auto;

  height: 100%;

  background: #6b7f89 ;

  background: -webkit-linear-gradient( 45deg, #6b7f89 , #6b7f89  , transparent );

  background: -o-linear-gradient(45deg, #6b7f89 , #6b7f89  , transparent);

  background: -moz-linear-gradient( 45deg, #6b7f89 , #6b7f89  , transparent);

  background: linear-gradient( 45deg, #6b7f89 , #6b7f89  , transparent );

  z-index:2;

  padding: 0;

  margin: 0px;

}

.flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionTitle {

  font-size: 1.1em;

  font-weight: 700;

  margin: 0px 0px 0px 15px;

  padding: 10px 15px 10px 0px ;

  text-transform: uppercase;

  position: relative;

  display:inline-block;

  width: auto;

  height: 100%;

  color: #fff;

  left: 0px;

  top: 0px;

  letter-spacing: 1px;

  transition: all 0.75s;

}

.flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionBodyCopy {

 font-size: 1em;

 font-weight: 500;

 margin: 0px 0px 0px 0px;

 padding: 10px 45px 10px 15px ;

 position: relative;

 display:inline-block;

 width: auto;

 height: 100%;

 color: #fff;

 left: 0px;

 top: 0px;

 letter-spacing: 1px;

 transition: all 0.75s;

}

.flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionBodyCopy:after {

  content:"";

  background: #fff;

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  height: 60%;

  width: 2px;

  transition: all 0.75s;

  display:block;

}

.flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionIcon {

  left: 0em;

  height: 100% ;

  width: 100%;

  object-fit: cover;

  z-index:1;

}

.flexHeaderDivision [role="visual_flexHeaderDivision"] {

 flex-basis:70%;

}

}

nav.navMenu {

  display: block;

  position: relative;

  /*   table-layout: fixed;*/

  width: 100%;

  height:auto;

  background: #fff;

}

nav.navMenu input {

  display: none;

}

nav.navMenu  label {

  margin: 0;

}

nav.navMenu  div.nav-container {

  position: relative

  display: block;

  background: #fff;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  filter: alpha(opacity=90);

  -moz-opacity: 0.9;

  -khtml-opacity: 0.9;

  opacity: 0.9;

}

nav.navMenu  div.nav-container > div {

  display: inline-block;

}

nav.navMenu div.nav-container > div:nth-of-type(4n+1) .slide,

nav.navMenu  div.nav-container > div:nth-of-type(4n+1) a {

  border-color: #ffa61a ;

}

nav.navMenu  div.nav-container > div:nth-of-type(4n+1) .slide:hover,

nav.navMenu  div.nav-container > div:nth-of-type(4n+1) a:hover {

  color: #ffa61a ;

}

nav.navMenu  div.nav-container > div:nth-of-type(4n+1) .slide ~ .child-menu,

nav.navMenu  div.nav-container > div:nth-of-type(4n+1) a ~ .child-menu {

  background-color: #ffa61a ;

}

nav.navMenu  div.nav-container > div:nth-of-type(4n+1) input:checked ~ label,

nav.navMenu  div.nav-container > div:nth-of-type(4n+1) .slide.active ~ label {

  color: #ffa61a ;
  /*#d20294*/
}

nav.navMenu  div.nav-container > div:nth-of-type(4n+2) .slide,

nav div.nav-container > div:nth-of-type(4n+2) a {

  border-color: #c29402;

}

nav.navMenu  div.nav-container > div:nth-of-type(4n+2) .slide:hover,

nav.navMenu  div.nav-container > div:nth-of-type(4n+2) a:hover {

  color: #c29402;

}

nav.navMenu  div.nav-container > div:nth-of-type(4n+2) .slide ~ .child-menu,

nav.navMenu  div.nav-container > div:nth-of-type(4n+2) a ~ .child-menu {

  background-color: #c29402;

}

nav.navMenu  div.nav-container > div:nth-of-type(4n+2) input:checked ~ label,

nav.navMenu  div.nav-container > div:nth-of-type(4n+2) .slide.active ~ label {

  color: #c29402;

}

nav.navMenu  div.nav-container > div:nth-of-type(4n+3) .slide,

nav div.nav-container > div:nth-of-type(4n+3) a {

  border-color: #9ea6d0 ;

}

nav div.nav-container > div:nth-of-type(4n+3) .slide:hover,

nav.navMenu  div.nav-container > div:nth-of-type(4n+3) a:hover {

  color: #9ea6d0;

}

nav.navMenu  div.nav-container > div:nth-of-type(4n+3) .slide ~ .child-menu,

nav.navMenu  div.nav-container > div:nth-of-type(4n+3) a ~ .child-menu {

  background-color: #9ea6d0;

}

nav.navMenu  div.nav-container > div:nth-of-type(4n+3) input:checked ~ label,

nav.navMenu  div.nav-container > div:nth-of-type(4n+3) .slide.active ~ label {

  color: #9ea6d0;

}

nav.navMenu  div.nav-container > div:nth-of-type(4n+4) .slide,

nav.navMenu  div.nav-container > div:nth-of-type(4n+4) a {

  border-color: #e28ba1;

}

nav.navMenu  div.nav-container > div:nth-of-type(4n+4) .slide:hover,

nav.navMenu  div.nav-container > div:nth-of-type(4n+4) a:hover {

  color: #e28ba1;

}

nav.navMenu  div.nav-container > div:nth-of-type(4n+4) .slide ~ .child-menu,

nav.navMenu  div.nav-container > div:nth-of-type(4n+4) a ~ .child-menu {

  background-color: #e28ba1;

}

nav.navMenu  div.nav-container > div:nth-of-type(4n+4) input:checked ~ label,

nav.navMenu  div.nav-container > div:nth-of-type(4n+4) .slide.active ~ label {

  color: #e28ba1;

}

nav.navMenu  div.nav-container > div:nth-of-type(4n+5) .slide,

nav.navMenu  div.nav-container > div:nth-of-type(4n+5) a {

  border-color:#007aff ;

}

nav.navMenu  div.nav-container > div:nth-of-type(4n+5) .slide:hover,

nav.navMenu  div.nav-container > div:nth-of-type(4n+5) a:hover {

  color: #007aff  ;

}

nav.navMenu  div.nav-container > div:nth-of-type(4n+5) .slide ~ .child-menu,

nav.navMenu  div.nav-container > div:nth-of-type(4n+5) a ~ .child-menu {

  background-color: #007aff  ;

}

nav.navMenu  div.nav-container > div:nth-of-type(4n+5) input:checked ~ label,

nav.navMenu  div.nav-container > div:nth-of-type(4n+5) .slide.active ~ label {

  color: #007aff ;

}

nav.navMenu  div.nav-container > div:nth-of-type(4n+6) .slide,

nav.navMenu  div.nav-container > div:nth-of-type(4n+6) a {

  border-color:#ca78ce  ;

}

nav.navMenu  div.nav-container > div:nth-of-type(4n+6) .slide:hover,

nav.navMenu  div.nav-container > div:nth-of-type(4n+6) a:hover {

  color: #ca78ce;

}

nav.navMenu  div.nav-container > div:nth-of-type(4n+6) .slide ~ .child-menu,

nav.navMenu  div.nav-container > div:nth-of-type(4n+6) a ~ .child-menu {

  background-color: #ca78ce;

}

nav.navMenu  div.nav-container > div:nth-of-type(4n+6) input:checked ~ label,

nav.navMenu  div.nav-container > div:nth-of-type(4n+6) .slide.active ~ label {

  color: #ca78ce;

}

nav.navMenu  a,

nav.navMenu  label {

  -moz-transition-property: color;

  -o-transition-property: color;

  -webkit-transition-property: color;

  transition-property: color;

  -moz-transition-duration: 0.2s;

  -o-transition-duration: 0.2s;

  -webkit-transition-duration: 0.2s;

  transition-duration: 0.2s;

  -moz-transition-timing-function: ease-in;

  -o-transition-timing-function: ease-in;

  -webkit-transition-timing-function: ease-in;

  transition-timing-function: ease-in;

}

nav.navMenu  .slide {

  padding: 10px 15px;

  font-size: 1em;

  display: block;

  color: #393939;

  border-top: 4px solid transparent;

  position: relative;

  -moz-transition-property: border-width, color;

  -o-transition-property: border-width, color;

  -webkit-transition-property: border-width, color;

  transition-property: border-width, color;

  -moz-transition-duration: 0.2s, 0.3s;

  -o-transition-duration: 0.2s, 0.3s;

  -webkit-transition-duration: 0.2s, 0.3s;

  transition-duration: 0.2s, 0.3s;

  -moz-transition-timing-function: ease-in;

  -o-transition-timing-function: ease-in;

  -webkit-transition-timing-function: ease-in;

  transition-timing-function: ease-in;

  -moz-transition-delay: 0.2s, 0s;

  -o-transition-delay: 0.2s, 0s;

  -webkit-transition-delay: 0.2s, 0s;

  transition-delay: 0.2s, 0s;

}

nav.navMenu  .slide .element {

  font-size: 1em;

  font-weight: 600;

  font-style: normal;

  display: block;

  line-height: 1;

  color: #393939;

}

nav.navMenu  .slide .name {

  font-size: 0.9em;

  position: relative;

}

nav.navMenu  .has-child .name:after {

  content: "";

  width: 10px;

  height: 4px;

  background-image: url("http://www.elemental-shift.com/remote-assets/down-arrow.svg");

  display: block;

  position: absolute;

  bottom: -9px;

  left: 1px;

  background-repeat: no-repeat;

  -moz-transition-property: -moz-transform;

  -o-transition-property: -o-transform;

  -webkit-transition-property: -webkit-transform;

  transition-property: transform;

  -moz-transition-duration: 0.5s;

  -o-transition-duration: 0.5s;

  -webkit-transition-duration: 0.5s;

  transition-duration: 0.5s;

  -moz-transition-timing-function: ease-in;

  -o-transition-timing-function: ease-in;

  -webkit-transition-timing-function: ease-in;

  transition-timing-function: ease-in;

  -moz-transform-origin: 50% 50%;

  -ms-transform-origin: 50% 50%;

  -webkit-transform-origin: 50% 50%;

  transform-origin: 50% 50%;

}

nav.navMenu  .child-menu {

  display: block;

  position: absolute;

  max-height: 0px;

  overflow: hidden;

  width: 100%;

  left: 0;

  z-index: 5000;

  -moz-transition-property: max-height;

  -o-transition-property: max-height;

  -webkit-transition-property: max-height;

  transition-property: max-height;

  -moz-transition-duration: 0.5s;

  -o-transition-duration: 0.5s;

  -webkit-transition-duration: 0.5s;

  transition-duration: 0.5s;

  -moz-transition-timing-function: ease-in;

  -o-transition-timing-function: ease-in;

  -webkit-transition-timing-function: ease-in;

  transition-timing-function: ease-in;

}

nav.navMenu  .child-menu a {

  color: white;

  display: inline-block;

  padding: 15px 30px 15px 10px;

  font-size: 0.9375em;

}

nav.navMenu  input:checked ~ .child-menu {

  max-height: 300px;

  -moz-transition-property: max-height;

  -o-transition-property: max-height;

  -webkit-transition-property: max-height;

  transition-property: max-height;

  -moz-transition-duration: 0.5s;

  -o-transition-duration: 0.5s;

  -webkit-transition-duration: 0.5s;

  transition-duration: 0.5s;

  -moz-transition-timing-function: ease-in;

  -o-transition-timing-function: ease-in;

  -webkit-transition-timing-function: ease-in;

  transition-timing-function: ease-in;

}

nav.navMenu  input:checked ~ .has-child .name:after {

  -moz-transform: rotateX(180deg);

  -webkit-transform: rotateX(180deg);

  transform: rotateX(180deg);

}

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

  nav.navMenu {

    display: block;

    position:relative;

    background: #fff;

  }

  nav.navMenu div.nav-container {

    display: block;

    position:relative;

    background: #fff;

    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

    filter: alpha(opacity=90);

    -moz-opacity: 0.9;

    -khtml-opacity: 0.9;

    opacity: 0.9;   */

  }

  nav.navMenu  div.nav-container > div {

    display: block;

    margin: 0px 0;

  }

  nav.navMenu  div.nav-container > div:hover .slide {

    border-left-width: 25px;

    -moz-transition-delay: 0;

    -o-transition-delay: 0;

    -webkit-transition-delay: 0;

    transition-delay: 0;

  }

  nav.navMenu  .slide {

    display: inline-block;

    width: auto;

    border-left: solid 5px #393939;

    border-top: none;

  }

  nav.navMenu .slide .element {

    font-size: 20px;

    line-height: 1em;

     text-decoration:none;

  }

  nav.navMenu  .slide .element:hover {

  

 }

 nav.navMenu  .child-menu {

  display: block;

  position: relative;

  top: 0;

  background-color: transparent !important;

  margin-left: 55px;

  width: auto;

  max-height: 0px;

  overflow: hidden;

  border-top: none;

}

nav.navMenu  .child-menu a {

  color: #393939;

  display: block;

  padding: 3px 0 3px 10px;

  font-size:0.9em;

}

nav.navMenu  .child-menu a:hover {

 text-decoration: none !important;

}

nav.navMenu  input:checked ~ div.child-menu {

  max-height: 300px;

}

nav.navMenu  input:checked ~ .slide {

  border-width: 25px;

}

.menuItem:hover .child-menu {

  max-height: 300px;

}

.menuItem:hover .slide {

  border-width: 25px;

}

}





.socialMediaBlock_animated {

  position:absolute;

  left:0px;

  width:auto;

  /*border-left: 1px solid #4d4d4f !important;*/

  z-index:1;

}

.socialMediaBlock_animated_Position_Home {

  top: 120px;

}

.socialMediaBlock_animated_Position_RegularPage {

  top: 20px;

}

.socialMediaBlock_animated ul li {

  list-style:none;

  text-align:left;

  margin-bottom: 10px;

}

.socialMediaBlock_animated ul li span {

  -webkit-transition: all 1s;

  transition: all 1s;

  padding:0px;

  width:300px;

  position:absolute;

  left:90px;

  opacity: 0.7;

  letter-spacing: 15px;

}

.globActing:hover span {

  left:90px;

  opacity: 1;

  letter-spacing: 17px;

  width:230px;

}

.socialMediaBlock_animated ul li span .fa:hover {

  color: #007aff  ;

}

.socialMediaBlock_animated ul li span a {

  font-size: 100% ;

  line-height: 70% ;

}

.socialMediaBlock_animated a {

  color: #fff;

  text-decoration:none;

  margin:0px;

  padding:0px;

}

.socialMediaBlock_animated .fa {

  margin:0px;

  padding:0px;

  color: #fff;

}

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

  .socialMediaBlock_animated ul li span {

    opacity: 1;

    letter-spacing: 10px;

  }

  .globActing:hover span {

    letter-spacing: 13px;

  }

}

#worldmap {

  position:absolute;

  padding:0  0 0 0px;

  width: 50px; height:50px; }

  #worldmap svg {

    position:absolute;

    width:100%;

    height:100%;

    background:rgba(0,0,0,0);

  }

  .land {fill: rgba(255,255,255,.94);}

  #globesarecool {color:#fff;}















  #contact {

   right:0px;

   /*border-left: 1px solid #4d4d4f !important;*/

   -webkit-transition-property: all;

   transition-property: all;

   -webkit-transition-duration: 2s;

   transition-duration: 2s;

 }





 .contact_Position_Home {

   position:absolute;

   top: 25px !important;

   right: 25px !important;

   width: 260px;



 }

 .contact_Position_RegularPage {

   position:relative;

   float: right;

   top:0px;

   width: 100%;

 }

 #contact ul{

  margin:0;

  padding:0;

  width:100%;

  height:auto;

}

#contact ul li {

  list-style:none;

  text-align:right;

  margin-bottom: 19px;

 -webkit-transition-property: all;

 transition-property: all;

 -webkit-transition-duration: 2s;

 transition-duration: 2s;

 width:100%;

 height:auto;

}

/*#contact ul li span {

  -webkit-transition: all 1s;

  transition: all 1s;

  padding:0px;

  width:230px;

  position:absolute;

  right:-50px;

  opacity: 0;

  letter-spacing: 5px;

}

 #contact ul li:hover span {

  right:30px;

  opacity: 1;

  letter-spacing: 1px;

  width:230px;

}

*/

.contact_to_Trigger {

  -webkit-transition: all 0.7s;

  transition: all 0.7s;

  margin-right:-10px;

  padding-right:10px;

  width:230px !important;

  height: 40px;

  position:absolute;

  right:-50px;

  opacity: 0;

  letter-spacing: 5px;

}

.contact_to_Trigger_Long {

  direction:rtl;

  display: block;

  overflow: auto;

}

::-webkit-scrollbar                   { width: 1.5em; }

::-webkit-scrollbar-button            { }

::-webkit-scrollbar-track             { box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.3); background-color: #004040  ; }

::-webkit-scrollbar-track-piece       { /* 4 */ }

::-webkit-scrollbar-thumb             { background-color: blue ;  }

::-webkit-scrollbar-thumb:window-inactive   { background-color: #6b7f89 ; }

::-webkit-scrollbar-corner            { /* 6 */ }

::-webkit-resizer                     { /* 7 */ }

.contact_to_Trigger_Long::-webkit-scrollbar                   { width: 1em; margin-left: 10px !important; }

.contact_to_Trigger_Long::-webkit-scrollbar-button            { }

.contact_to_Trigger_Long::-webkit-scrollbar-track             {  background-color: #6b7f89  ; }

.contact_to_Trigger_Long::-webkit-scrollbar-track-piece       { /* 4 */ }

.contact_to_Trigger_Long::-webkit-scrollbar-thumb             { background-color: #ff0000 ; height: 3px;  }

.contact_to_Trigger_Long::-webkit-scrollbar-thumb:window-inactive   { background-color: #6b7f89  ; }

.contact_to_Trigger_Long::-webkit-scrollbar-corner            {  }

.contact_to_Trigger_Long::-webkit-resizer                     { /* 7 */ }

/*

:horizontal

:vertical

:decrement

:increment

:start

:end

:double-button

:single-button

:no-button

:corner-present

:window-inactive

*/

.contact_Triggered {

  right:30px;

  opacity: 1;

  letter-spacing: 1px;

  font-weight: 600 !important;

  z-index:3;

  font-size: 90%;

  width:230px !important;
    background: black;
}



.contactSpanAnim_Position_Home {

  width:230px !important;

  color: #ff0000  ;

}

.contactSpanAnim_Position_RegularPage {

  width:100% !important;

  color: #007aff  ;

}

.contact_Triggered_alfa_01 {

  opacity: 0.25;

}

.contact_Triggered_alfa_00 {

  opacity: 0;

}

.contact_Triggered_alfa_1 {

  opacity: 1;

}

#contact ul li span a {

  font-size: 85% ;

  line-height: 60% ;

}

#contact a {

  color: #fff;

  text-decoration:none;

  margin:0px;

  padding:0px;

}

#contact .fa {

  margin:0px;

  padding:0px;

  color: #fff;

}



#phoneCallToAction {

}

#contact ul #phoneCallToAction .fa, #contact ul #phoneCallToAction .fa-phone,  #contact ul #phoneCallToAction i {

  font-size: 20px;

  margin:0;

  padding: 0;

  -ms-transform: rotate(-0.5turn);

  -webkit-transform: rotate(-0.5turn);

  transform: rotate(-0.5turn);

  -webkit-transition: transform 0.7s ease-in;

  transition: transform 0.7s ease-in;

  /* transform-origin: 50% 50% 0;*/

}

#contact ul #phoneCallToAction:hover .fa {

  margin:0;

  padding: 0;

  font-size: 20px;

  -ms-transform: rotate(-0.3turn);

  -webkit-transform: rotate(-0.3turn);

  transform: rotate(-0.3turn);

  -webkit-transition: all 0.7s ease-in;

  transition: all 0.7s ease-in;

}

#contact ul #email .fa {

  font-size: 14px;

}

#contact ul  #sms .fa {

  font-size: 16px;

  }

  #contact ul  #business_hours .fa {

   font-size: 19px;

}

#contact ul  #address .fa {

  font-size: 22px;

}

#contact ul  #business_hours:hover .fa {

  color: #9ad0e5   ;

}

#contact ul  #address:hover .fa {

  color: #9ad0e5   ;

}

#contact ul  #business_hours {

  color: #6b7f89   ;

}

#contact ul  #address{

  color: #6b7f89   ;

}



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

  #contact {

  	display:block;

    margin-bottom: 40px;

   /*border-left: 1px solid #4d4d4f !important;*/

   -webkit-transition-property: all;

   transition-property: all;

   -webkit-transition-duration: 2s;

   transition-duration: 2s;

 }

 .contact_Position_Home {

   position:relative !important;

   top:initial !important;

   right:initial !important;

   float: left !important;

   bottom:25px !important;

   left: 00px !important;

      width: 100%;

 }

 .contact_Position_RegularPage {

   position:relative;

   top: initial;

   float: left;

   bottom:30px !important;

 }

 #contact ul{

  margin-left:0px;

}

#contact ul li {

  width: initial;

  display: inline-block ;

  list-style:none;

  text-align:left;

  margin-right:20px;

  -webkit-transition-property: all;

  transition-property: all;

  -webkit-transition-duration: 2s;

  transition-duration: 2s;

}

.contact_to_Trigger {

  margin-right:0px;

  width:230px !important;

  height: 40px;

  position:absolute;

  left:-50px;

  top: 40px;

  opacity: 0;

  letter-spacing: 5px;

}

.contact_to_Trigger_Long {

  padding: 0 0px 0 10px;

}

.contact_Triggered {

  left:0px;

  top: 40px;

  opacity: 1;

  letter-spacing: 1px;

}

.contactSpanAnim_Position_Home {

  width:230px;

}

.contactSpanAnim_Position_RegularPage {

  width:230px;

}

}

.superMenuHide {

  display:none;

}



.block_Open .superMenuHideHome {

  display:none ;

}







.indexMenu {

  position:absolute;

  display:block;

  background:transparent;

  right:0;

  margin: 0px 0px 30px 0;

  padding: 39px 0px 0px 20px;

  color:#fff;

  letter-spacing:.06em;

  word-spacing:.1em;

  width:100%;

  height: auto;

  -webkit-transition-property: all !important;

  transition-property: all !important;

  -webkit-transition-duration: 1s !important;

  transition-duration: 1s !important;

}

.indexMenuToggled {

 background:#6b7f89 ;

 box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);

 color:#fff;

  width:100%;

 padding: 55px 25px 25px 20px;

 -webkit-transition-property: all !important;

 transition-property: all !important;

 -webkit-transition-duration: 1s !important;

 transition-duration: 1s !important;

}

/*.indexMenuBackgroundRegularPage {

background: #007aff !important;

  margin:0;

  width: 100%;

  padding: 0 25px 0 25px;

  position:absolute;

float: left;

bottom:0;

left:0;

}

*/

.indexMenu a,

.indexMenu a:link,

.indexMenu a:visited,

.indexMenu a:hover,

.indexMenu a:active

{

  text-decoration:none;

}

.indexMenu ul,

.indexMenu ol

{

  list-style-image:none;

  list-style:none;

  font-weight:normal;

  padding-left:0;

  margin-bottom:0;

  color:inherit;

}

.navindexMenu {

  float: none ;

  padding: 0;

  margin: 0;

  position: relative;

}

.navindexMenu > li > a:hover span[data-hover] {

  transition: all .3s;

  transform: translate3d(0, -100%, 0);

}

.navindexMenu > li > a {

  overflow: hidden;

  position: relative;

}

.navindexMenuActivePage {

  color: #9ad0e5 !important;

}

.navindexMenu > .active > a span[data-hover] {

  transform: translate3d(0, 0, 0);

}

.navindexMenu > .active > a:hover span[data-hover] {

  transform: translate3d(0, 0, 0);

}

.navindexMenu > .active > a:focus span[data-hover] {

  transform: translate3d(0, 0, 0);

}

.navindexMenu > li > a span[data-hover] {

  position: relative;

  display: inline-block;

  transition: transform .4s;

}

.navindexMenu > li > a span[data-hover]:before {

  position: absolute;

  top: 100%;

  color: #9ad0e5;

  content: attr(data-hover);

  transform: translate3d(0, 0, 0);

  transition: all .4s;

}

.indexMenu li>ul,

.indexMenu li>ol

{

  display:none;

  margin-top:3px;

  margin-left:17px;

  color: inherit;

}

.indexMenu li

{

  padding: 0px 0px 4px 0px;

  margin: 0 14px 0 0;

  display:inline-block;

  position:relative;

  vertical-align: top;

  color:inherit;

}

.indexMenu li ul li{

  padding: 0px 0px 10px 0px;

}

.indexMenu li a{

  color:inherit;

  font-weight: 700;

  display: inline-block;

  font-size:14px;

  letter-spacing: 2px;

  text-transform: uppercase;

}

.indexMenu li a:hover{

 color:#9ad0e5;

}

.indexMenu li ul li a{

  font-weight: 800 !important;

  opacity: 1;

}

.indexMenu li ul li a:hover{

  opacity: 1;

color: #9ad0e5;

}

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

  .indexMenu {

    position:relative;

    display:initial;

    background: transparent;

    right:initial;

    color:#6b7f89 ;

    padding:0;

    margin: 0px 0px 0px 0;

    letter-spacing:.06em;

    word-spacing:.1em;

    width:auto;

    height: auto;

    -webkit-transition-property: all !important;

    transition-property: all !important;

    -webkit-transition-duration: 1s !important;

    transition-duration: 1s !important;

  }



  .indexMenuToggled {

 background:transparent;

 box-shadow: none;

 color:#fff;

  width:100%;

 -webkit-transition-property: all !important;

 transition-property: all !important;

 -webkit-transition-duration: 1s !important;

 transition-duration: 1s !important;

}

  .indexMenuBackgroundRegularPage {

    background: #007aff !important;

    margin:0;

    width: 100%;

    padding: 0 25px 0 25px;

    position:absolute;

    float: left;

    bottom:0;

    left:0;

  }

  .indexMenu a,

  .indexMenu a:link,

  .indexMenu a:visited,

  .indexMenu a:hover,

  .indexMenu a:active

  {

    text-decoration:none;

  }

  .indexMenu ul,

  .indexMenu ol

  {

    list-style-image:none;

    list-style:none;

    font-weight:normal;

    padding-left:0;

    margin-bottom:0;

    color:inherit;

  }

  .navindexMenu {

    float: none ;

    padding: 0;

    margin: 0;

    position: relative;

  }

  .navindexMenu > li > a:hover span[data-hover] {

    transition: all .3s;

    transform: translate3d(0, -100%, 0);

  }

  .navindexMenu > li > a {

    overflow: hidden;

    position: relative;

  }

  .navindexMenuActivePage {

    color: #fff!important;

  }

  .navindexMenu > .active > a span[data-hover] {

    transform: translate3d(0, 0, 0);

  }

  .navindexMenu > .active > a:hover span[data-hover] {

    transform: translate3d(0, 0, 0);

  }

  .navindexMenu > .active > a:focus span[data-hover] {

    transform: translate3d(0, 0, 0);

  }

  .navindexMenu > li > a span[data-hover] {

    position: relative;

    display: inline-block;

    transition: transform .4s;

  }

  .navindexMenu > li > a span[data-hover]:before {

    position: absolute;

    top: 100%;

    color: #fff!important;

    content: attr(data-hover);

    transform: translate3d(0, 0, 0);

    transition: all .4s;

  }

  .indexMenu li>ul,

  .indexMenu li>ol

  {

    display:none;

    margin-top: -5px !important;

    margin-left:10px;

    color: inherit;

  }

  .indexMenu li

  {

    padding: 0px 0px 0px 0px !important;

    margin: 0 14px 0 0 !important;

    display:inline-block;

    position:relative;

    color:inherit;

  }

  .indexMenu li ul li{

    padding: 0px 0px 10px 0px;

  }



  .indexMenu li a{

    color:inherit;

    font-weight: 700;

    display: inline-block;

    font-size:13px;

    letter-spacing: 2px;

    text-transform: uppercase;

  }

  .indexMenu li a:hover{

   color:#6b7f89 ;

 }

 .indexMenu li ul li a{

  font-weight: 700;

  opacity: 0.66;

  color: #fff !important;

}

.indexMenu li ul li a:hover{

  opacity: 1;

}

.superMenuHide {

  display:initial;

  height: auto;

  padding: 15px 10px 5px 23px ;

  /*  border-left: 1px solid #fff !important;*/

  z-index:2;

  width: 100%;

  position: relative;

  background: rgba(22, 44, 67, 0.85);

    -webkit-transition-property: all;

    transition-property: all;

    -webkit-transition-duration: 1s;

    transition-duration: 1s;

}



.block_Open .superMenuHideHome {

  display:initial ;

  height: auto;

  padding: 0px 10px 0px 23px ;

  /*  border-left: 1px solid #fff !important;*/

  width: 100%;

  position: relative;

}

.superMenuHide_header {

  display:none;

      -webkit-transition-property: all;

    transition-property: all;

    -webkit-transition-duration: 1s;

    transition-duration: 1s;

}

.indexMenuBackgroundRegularPage {

  margin-top:50%;

  margin-bottom:0%;

  width: auto;

  padding: 0 25px 0 25px;

  position:relative;

  bottom:0;

  left:0;

}

}

.promotionalBlock {

  position:absolute;

  margin-right: 100px;

  zoom:0.7;

  float:right;

}

.change_colorCTA_special {

  background-color: #ff0000;

  animation-name: homeCycle;

  animation-duration: 6s;

  animation-direction: alternate;

  animation-iteration-count: infinite;

  -webkit-animation-name: homeCycle;

  -webkit-animation-duration: 6s;

  -webkit-animation-direction: alternate;

  -webkit-animation-iteration-count: infinite;

}

@keyframes homeCycle {

  0% {

    background-color: #6b7f89  ;

  }

  25% {

    background-color: #6b7f89 ;

  }

  50% {

    background-color: #6b7f89  ;

  }

  75% {

    background-color: #6b7f89 ;

  }

}

@-webkit-keyframes homeCycle {

  0% {

    background-color: #6b7f89  ;

  }

  25% {

    background-color: #6b7f89 ;

  }

  50% {

    background-color: #6b7f89  ;

  }

  75% {

    background-color: #6b7f89 ;

  }

}

.color {

 display: flex;

 flex: 1 0 10em;

 flex-direction: column;

 flex-shrink: 1;

 width: auto;

 height:auto;

 position:relative;

 overflow: hidden;

 color: white;

 transition: flex-basis 700ms ease-in-out;

}

.CTA_special_title {

  display:inline-block;

  white-space: normal;

  text-transform: none;

  text-align: left;

}

.CTA_special_bodyCopy {

  width: 13em;

  height: auto;

  text-align: left;

}

.CTA_special_icon {

  position: relative;

  display: inline-block;

}

[role="bodyCopyMain"]  {

  display: flex;

  flex: auto;

  font-size: 1em;

  flex-direction: column;

  flex-shrink: 1;

  height: auto;

  width: auto;

}

[role="bodyCopyMain"] section  {

 box-shadow: 0 5px 30px #424242;

}

[role="bodyCopyMain"]  #section1 {

 flex-basis:100%;

 width:auto;

 height: auto;

 min-height: 170px;

}

[role="bodyCopyMain"]  #section1 .CTA_special_title {

  width: 10em;

  font-size: 25px;

  font-weight: 600;

  margin: 20px 20px 20px 20px;

  line-height: 140%;

}

[role="bodyCopyMain"] #section1 .CTA_special_bodyCopy {

  width: 10em;

  font-size: 1em;

  line-height: 140%;

  margin: 20px 20px 20px 20px;

}

[role="bodyCopyMain"] #section1 .CTA_special_icon {

  height: auto;

  width:22%;

  top: 10%;

  left: 40%;

}

[role="bodyCopyMain"] #section2 {

 flex-basis:100%;

 width:auto;

 height: auto;

 min-height: 170px;}

 [role="bodyCopyMain"]  #section2 :hover {

 }

 [role="bodyCopyMain"] #section2  .CTA_special_title {

  width: 80%;

  font-size: 25px;

  font-weight: 600;

  margin: 40px 20px 10px 30px;

  line-height: 105%;

}

[role="bodyCopyMain"] #section2 .CTA_special_bodyCopy {

  width: 80%;

  font-size: 15px;

  line-height: 125%;

  margin: 0px 20px 20px 30px;

}

[role="bodyCopyMain"] #section2 a {

  color:#70a6e6;

}

[role="bodyCopyMain"] #section2 a:hover {

  color:#ff0000;

}

[role="bodyCopyMain"] #section2  .CTA_special_icon{

 left: 30px;

 height: 50px;

 width:150px;

 margin: 0;

 margin: 0px 20px 20px 0px;

}

[role="bodyCopyMain"] #section3  {

 flex-basis:100%;

 width:auto;

 height: auto;

 min-height: 170px;

}

[role="bodyCopyMain"] #section3 .CTA_special_title {

  width: 13em;

  font-size: 1.2em;

  font-weight: 600;

  margin: 20px 20px 20px 20px;

}

[role="bodyCopyMain"] #section3  .CTA_special_icon{

 left:20%;

 width: 60%;

 top: 15%;

 margin:0;

}

[role="headlinePromotional"]  {

  display: flex;

  flex: auto;

  font-size: 1em;

  flex-direction: column;

  flex-shrink: 1;

  height: auto;

}

[role="headlinePromotional"] #section1 .HeadCopyAd {

  font-size: 21px;

  font-weight:700;

  margin: 20px 0px 20px 20px;

  line-height: 100%;

  box-shadow: 0 0px 0px #424242;

  text-align: left;

}

[role="headlinePromotional"] #section2 .signatureAd {

 margin: 10px 20px 5px 20px;

 text-align: left;

 font-size: 0.85em;

 line-height: 150%;

 font-size: 10px;

 color: #aeccf2;

}

[role="headlinePromotional"] #section1 {

 flex-basis:35%;

}

[role="headlinePromotional"] #section2 {

 flex-basis:65%;

}

[role="bodyCopyMain"] #section1 .CTA_special_icon {

 margin: 10px 0px 10px 0px;

 height: 100px;

 transition: left 700ms ease-in-out;

}

@media (min-width: 700px) {

  .color {

   display: flex;

   flex: 1 0 10em;

   flex-direction: column;

   flex-shrink: 1;

   height: auto;

   position:relative;

   overflow: hidden;

   color: white;

   height: auto;

   transition: flex-basis 700ms ease-in-out;

 }

 .CTA_special_title {

  display:inline-block;

  white-space: normal;

  text-transform: none;

}

.CTA_special_bodyCopy {

  width: 13em;

  height: auto;

}

.CTA_special_icon {

  position: absolute;

  display: inline-block;

}

[role="bodyCopyMain"]  {

  display: flex;

  flex: auto;

  font-size: 1em;

  flex-direction: row;

  flex-shrink: 1;

  height: auto;

}

[role="bodyCopyMain"] section  {

 box-shadow: 0 5px 30px #021429;

 border-top: dashed 2px #04102d;

}

[role="bodyCopyMain"]  #section1 {

 flex-basis:20%;

 width:auto;

 height: auto;

 min-height: 170px;

}

[role="bodyCopyMain"]  #section1:hover {

 flex-basis:20%;

 max-height: 200px;

}

[role="bodyCopyMain"] #section1 .CTA_special_title {

  width: 10em;

  font-size: 1.9em;

  font-weight: 500;

  margin: 20px 20px 20px 20px;

  line-height: 140%;

}

[role="bodyCopyMain"] #section1 .CTA_special_bodyCopy {

  width: 10em;

  font-size: 1em;

  line-height: 140%;

  margin: 20px 20px 20px 20px;

}

[role="bodyCopyMain"] #section1  .CTA_special_icon{

 left:20%;

 width: 60%;

 top: 15%;

 margin:0;

}

[role="bodyCopyMain"] #section2 {

 flex-basis:60%;

 width:auto;

 height: auto;

 min-height: 170px;

}

[role="bodyCopyMain"]  #section2:hover {

}

[role="bodyCopyMain"] #section2 .CTA_special_title {

  width: 90%;

  font-size: 23px;

  font-weight: 500;

  margin: 20px 20px 10px 30px;

  line-height: 105%;

  color: #fff;

}

[role="bodyCopyMain"] #section2 .CTA_special_bodyCopy {

  width: 80%;

  font-size: 1em;

  line-height: 125%;

  margin: 10px 20px 40px 30px;

}

[role="bodyCopyMain"] #section2 .CTA_special_bodyCopy a {

  color: #fff;

  font-weight: 700;

  text-decoration:none;

}

[role="bodyCopyMain"] #section2 .CTA_special_bodyCopy a:hover {

  color: #fff;

}

[role="bodyCopyMain"] #section2 .CTA_special_icon{

 left: 30px;

 width: 33%;

 height:auto;

 margin: 0;

}

[role="bodyCopyMain"] #section3 {

 flex-basis:20%;

 width:auto;

 height: auto;

 min-height: 170px;

}

[role="bodyCopyMain"] #section3 .CTA_special_title {

  width: 13em;

  font-size: 1.2em;

  font-weight: 600;

  margin: 20px 20px 20px 20px;

}

[role="bodyCopyMain"] #section3  .CTA_special_icon{

 left:20%;

 width: 60%;

 top: 15%;

 margin:0;

}

[role="headlinePromotional"]  {

  display: flex;

  flex: auto;

  font-size: 1em;

  flex-direction: row;

  flex-shrink: 1;

  height: auto;

}

[role="headlinePromotional"] section {

 box-shadow: 0 5px 30px #021429;

}

[role="headlinePromotional"] #section1 .HeadCopyAd {

  font-size: 30px;

  font-weight:700;

  margin: 30px 0px 20px 20px;

  line-height: 100%;

}

[role="headlinePromotional"] #section2 .signatureAd {

  font-size: 11px;

  margin: 25px 20px 20px 0px;

  line-height: 150%;

  color: #aeccf2;

}

[role="headlinePromotional"] #section1 {

 flex-basis:35%;

}

[role="headlinePromotional"] #section2 {

 flex-basis:65%;

}

}

.one-page-header .navbar-brand {

  position:relative;

  display:inline-block;

  margin: 0px ;

  padding: 0px 0px 00px 25px ;

  height: 50px;

  width:70%;

  -webkit-transition: all 1s;

  transition: all 1s;

}

.menuBlock {

  position:relative;

  display:inline-block;

  width:30%;

  height:auto;

  float:right;

}

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

  .menuBlock {

    display:none;

  }

  .one-page-header .navbar-brand {

    padding: 0px 0px 20px 25px ;

  }

}

.navbar-brand img.logomark {

  width: 69px ;

  height: auto ;

  float: left;

  -webkit-transition: all 1s;

  transition: all 1s;

    margin-top: 23px;

}

/*.one-page-header .navbar-brand {

margin-top: 0px ;

padding: 20px 0px 20px 25px ;

height: 50px;

}

*/

.institutionalIdentityBlock {

  margin-top: 30px;

  margin-left: 95px;

  position: absolute;

  -webkit-transition: all 1s;

  transition: all 1s;

  white-space: nowrap;

}

.navbar-brand h3.companyName {

  position: relative;

  display: inline-block;

  width: auto;

  color: #162c43;

  float: left;

  font-family: "Open Sans",sans-serif !important;

  font-size: 27px;

  font-weight: 900;

  line-height: 120%;

  margin: 7px 15px 0 10px;

  text-align: left;

  vertical-align: bottom;

  bottom: 0px;

  -webkit-transition: all 1s;

  transition: all 1s;

  white-space:nowrap;

}

.navbar-brand h3.companySlogan {

  position: relative;

  display: inline-block;

  width: auto;

  color: #162c43;

  font-family: "Open Sans",sans-serif !important;

  font-size: 14px;

  font-weight: 800;

  line-height: 120%;

  margin: 20px 0 0 0px;

  text-align: left;

  float: left;

  vertical-align: bottom;

  bottom: 0px;

  -webkit-transition: all 1s;

  transition: all 1s;

  white-space:nowrap;

}







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

  .institutionalIdentityBlock {

    margin-top: 25px;

    margin-left: 55px;

    -webkit-transition: all 1s;

    transition: all 1s;

    width:auto;

  }

  .navbar-brand img.logomark {

    width: 55px  ;

    height: auto;

    float: left;

    z-index:1;

    margin-top: 25px;

    margin-left: -5px;

    -webkit-transition: all 1s;

    transition: all 1s;

  }

  .navbar-brand h3.companyName {

    position: relative;

    display: block;

    min-width: 87%;

    float: left;

    font-family: "Open Sans",sans-serif !important;

    font-size: 20px;

    font-weight: 900;

    line-height: 120%;

    margin: 0px 0 0 25px;

    text-align: left;

    vertical-align: bottom;

    bottom: 0px;

    -webkit-transition: all 1s;

    transition: all 1s;

    white-space:normal;

  }

  .navbar-brand h3.companySlogan {

    position: relative;

    display: block;

    width: auto;

    font-family: "Open Sans",sans-serif !important;

    font-size: 12px;

    font-weight: 800;

    line-height: 120%;

    margin: 7px 0 0 25px;

    text-align: left;

    float: left;

    vertical-align: bottom;

    bottom: 0px;

    -webkit-transition: all 1s;

    transition: all 1s;

    white-space:nowrap;

  }

}

section.altMediaSlider article.content  {

  padding:0 !important;

  margin:0 !important;

}

.tp-bullets {

  top:initial !important;

  bottom: 20px;

  zoom: 0.85;

}

.uranus .tp-bullet  {

  margin: 0px !important;

}

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

  .tp-bullets {

    top:initial !important;

    bottom: initial !important;

    left: initial !important;

    top: 190px !important;

    right: 50px;

    zoom: 0.75;

  }

  .uranus .tp-bullet  {

  }

}

.bg-color-dark {

  background-color: #004040;
  /*background-image: linear-gradient(right, #111 11%, #333 56%);
background-image: -o-linear-gradient(right, #111 11%, #333 56%);
background-image: -moz-linear-gradient(right, #111 11%, #333 56%);
background-image: -webkit-linear-gradient(right, #111 11%, #333 56%);
background-image: -ms-linear-gradient(right, #111 11%, #333 56%);
background-image: gradient(right, #111 11%, #333 56%);*/
}

.g-bg-default-color-blue {

  background: #513C2E  ;

}

.our-service-section .owl-next {

  background: #6b7f89 ;

}

.our-service-section .owl-next:hover {

  background: #007aff ; }

  .our-service-section .owl-next:after {

    color: #fff;

  }

  .our-service-section .owl-prev {

    background: #6b7f89 ;

  }

  .our-service-section .owl-prev:hover {

    background: #007aff ; }

    .our-service-section .owl-prev:after {

      color: #fff;

    }

    #topcontrol {

      background: #6b7f89 ;

    }

    #topcontrol:hover {

      background: #007aff ;

    }

    .g-bg-dark-blue1 {

      color: #ccc;

      }



.cbp-l-filters-text .cbp-filter-item:hover {

  color: #e74c3c  !important

 }

.cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active {

  color: #e74c3c  !important

 }

.header-links-red.one-page-header.header-v6{

    background: #fff ;

    background: -webkit-linear-gradient( left, #fff  , #fff  35% , rgba(11, 21, 31, 0.8) );

    background: -o-linear-gradient(left, #fff  , #fff  35% , rgba(11, 21, 31, 0.8)  );

    background: -moz-linear-gradient( left, #fff  , #fff  35% , rgba(11, 21, 31, 0.8)  );

    background: linear-gradient( left, #fff  , #fff  35% , rgba(11, 21, 31, 0.8)  );

    height: 106px;

    width: 100%;

    margin: 0px !important;

    padding: 0px !important;

    z-index: 99;

      -webkit-transition: all 1s;

    transition: all 1s;

}

.header-links-red.one-page-header.header-v6.header-fixed-shrink  {

    position: fixed;

    background: #fff ;

      background: -webkit-linear-gradient( left, #fff  , #fff  35% , rgba(11, 21, 31, 0.8) );

    background: -o-linear-gradient(left, #fff  , #fff  35% , rgba(11, 21, 31, 0.8)  );

    background: -moz-linear-gradient( left, #fff  , #fff  35% , rgba(11, 21, 31, 0.8)  );

    background: linear-gradient( left, #fff  , #fff  35% , rgba(11, 21, 31, 0.8)  );

        box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);



    height:106px;

    width: 100%;

    margin: 0px !important;

    padding: 0px !important;

      -webkit-transition: all 1s;

    transition: all 1s;



}







/*.header-links-red.one-page-header.header-v6 .vectorMorph   {

    width: 75px ;

  height: auto ;

  float: left;

  -webkit-transition: all 1s;

  transition: all 1s;

    margin-top: 23px;

}





.morph {

fill: #fff;

}







.header-links-red.one-page-header.header-v6.header-fixed-shrink .vectorMorph   {

    width: 100px ;

  -webkit-transition: all 1s;

  transition: all 1s;

    margin-top: 23px;

}

*/







.our-service-info .block_name {

    font-size: 19px;

    font-style: normal;

    display: inline-block;

    color: #fff;

    background: #007aff ;

    padding: 7px 15px;

    margin-bottom: 0px; }



.btn-u.btn-u-red {

    background: #6b7f89 ;

    float: left;

}



.btn-u {

    background: #6b7f89 ;

    float: left;

}





.openingHeadlineSwitcher{

    bottom: 20px;

    left: 20px;

    width: 90px;

    height: 40px;

    padding:0;

    position: absolute;

    border: 2px solid #6b7f89 ;

    border-radius: 20px;

    -webkit-transition: all .2s .1s, right .1s;

    transition: all .2s .1s, right .1s;

    box-sizing: border-box;

    zoom:0.75;

    z-index:3;

}



.OHS_toggle-on{

position: absolute;

bottom: 20px;

 

    width: 40px;

    height: 40px;

    border: 0px solid #444249;

  -webkit-transition: all .2s .1s, right .1s;

    transition: all .2s .1s, right .1s;

    z-index:1;

        right: 20px;

    left:initial;

}











.openingHeadlineSwitcher .toggle-button{

    position: absolute;


    top: 9px;

    bottom: 9px;

    margin: 0 5px 0 0;

    width: 20px;

    height: 20px;

    right: 50px;

    

    border-radius: 19px; 

    cursor: pointer;

    -webkit-transition: all .3s .1s, width .1s, top .1s, bottom .1s;

    transition: all .3s .1s, width .1s, top .1s, bottom .1s;



}









 .OHS_toggle-on .toggle-button{

    top: 0px;

    width: 100%;

    height: auto;

    bottom: 0px;

    right: 0px;

    left:0px;

    margin: 0 10px 0 0;

    border-radius: 23px;

    background-color: #6b7f89 ;

    /*box-shadow: 0 0 8px #4b7a8d;*/

    -webkit-transition: all .2s .1s, right .1s;

    transition: all .2s .1s, right .1s;

}





.openingHeadlineSwitcher .toggle-text-on{

    position: absolute;

    top: 0px;

    bottom: 0;

    left: 0;

    right: 0;

    line-height: 36px;

    letter-spacing:1px ;

    text-align: center;

    font-size: 1.3em;

    font-weight: normal;

    cursor: pointer;

    -webkit-user-select: none; /* Chrome/Safari */    

    -moz-user-select: none; /* Firefox */

    -ms-user-select: none; /* IE10+ */

text-transform:uppercase;

    color: rgba(0,0,0,0);

}





.OHS_toggle-on .toggle-text-on{

  top:4px;

    color: rgba(255,255,255,0.3);

    -webkit-transition: color .3s .15s ;

    transition: color .3s .15s ;

}



.openingHeadlineSwitcher .toggle-text-off{

    position: absolute;

    top: 2px;

    bottom: 0;

    right: 12px;

    line-height: 36px;

    text-align: center;

    font-size: 1.7em;

    -webkit-user-select: none; /* Chrome/Safari */        

    -moz-user-select: none; /* Firefox */

    -ms-user-select: none; /* IE10+ */

    text-transform:uppercase;

    cursor: pointer;

    color: #6b7f89 ;

}





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

.OHS_toggle-on{

left: 20px;

}

 } 







.btnMore   {

display: inline-block;

font-size: 81%;

line-height: 90%;

text-transform: none;

letter-spacing:1px;

font-weight: 500;

padding: 5px 7px 4px 7px;

background: #6b7f89 ;

color: #fff;

vertical-align:top;

margin-top:2px;

border: 1px solid #6b7f89  ;

-webkit-transition-property: border, background, color;

transition-property: border, background, color;

-webkit-transition-duration: 1s;

transition-duration: 1s;

}

.btnMore:hover {

border: 1px solid #fff ;

background: transparent;

color: #fff;

}







.dClass {

position: absolute;

width: 100%;

height: 50px;

bottom: 0;

background: #055c53; 

background: -webkit-linear-gradient( bottom, #6b7f89  , #6b7f89  30% , transparent ); 

background: -o-linear-gradient(bottom, #6b7f89  , #6b7f89  30% , transparent); 

background: -moz-linear-gradient( bottom, #6b7f89  , #6b7f89  30% , transparent); 

background: linear-gradient( bottom, #6b7f89  , #6b7f89  30% , transparent ); 

z-index:2;

margin-left: -23px;

}





.g-heading-custom .block_HeadlineOpening {

text-transform: uppercase;

margin: 0px 0px 0px -30px ;

padding: 0px 0px 0px 30px ;

width: 100%;

height: auto;

color: white;

font-weight: 800;

font-style: normal;

line-height: 120% ;

text-align: left;

font-size: 190%;

letter-spacing:1px;

}



.g-heading-custom .block_Open .block_chapeau{

line-height: 170% ;

text-align: left;

padding: 0px 5px 2px 30px ;

margin: 10px 0px 40px -30px ;

width: 100%;

height:auto;

color: white;

font-style: normal;

font-family: 'Quattrocento Sans', sans-serif;

text-align: left;

font-size: 1em;

letter-spacing: 1px;

display:block;

visibility: visible;

}







.g-heading-custom .block_Open {

  width: 75%;

height: auto;

    padding: 25px 100px 30px 23px ;

    right: 60px ;

    bottom: 30px ;

    position: absolute;

    background: rgba(22, 44, 67, 0.50) ;

}





.block_OpenMorph {

 padding: 23px 260px 0px 23px ;

height: auto;

}





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



.g-heading-custom .block_Open {

height: auto;

width: 100%;



padding: 5px 10px 30px 23px ;

left: 0px ;

bottom: 0px  ;

max-width: 100%;

position: absolute;

margin: 0px !;

}







.block_OpenMorph {

  width: 100% !important;

    padding: 0px 0px 0px 0px ;

    left: 0px  ;

    right:initial;

    bottom: 0px ;

        position: absolute;

             -webkit-transition-property: all ;

    transition-property: all ;

    -webkit-transition-duration: 1s ;

    transition-duration: 1s ;

}



.g-heading-custom .block_HeadlineOpening {

    font-size: 115% !important;

   padding: 0px 0px 40px 30px !important;

     -webkit-transition-property: all ;

    transition-property: all ;

    -webkit-transition-duration: 1s ;

    transition-duration: 1s ;

        line-height: 125%;

        text-align: left;

        font-weight: 600;

        text-transform: uppercase;

        margin: -10px 0px 0px -30px ;

        padding: 0px 10px 0px 30px ;

  width:100% ; 

  height: auto;

        color: white;

        font-style: normal;

        text-align: left;

        font-size: 120%;

}



    .g-heading-custom .block_Open .block_chapeau{

        line-height: 155%;

        width:100% ;

        height:0px;

        text-align: left;

        padding: 0px 0px 0px 30px ;

        margin: 10px 0px 0px -30px !important;

        width: 100% !important;

        color: white;

        font-style: normal;

        text-align: left;

        font-size: 0.75em !important;

        letter-spacing: 1px;

        display:block;

        visibility: hidden;

    }

}





.morph {

  background-color: transparent;

}



.morph path {

fill:#007aff ;

}





.buttonVideoSlider {

	position:absolute;

	display: block;

	right: 30px;

  margin-top: 120px;

    padding: 0;

    width: 45px;

    height: 30px;

    border: 0;

    background-color: transparent;

    outline: none;

     z-index:1;

}



.videoMedia, .sliderMedia {

  position:absolute;

  display: block;

    padding: 0px;

    margin:0px;

    width: 100%;

    height: 100%;

    border: 0;

}





.g-heading-v7 .h2::after {

	background-color: transparent !important;

}





.textnew {

	font-size: 15px;

}



	.moreResponsive {

display:none;

	}



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

	.g-heading-v7 .h2::after {

		background-color: transparent !important;

	}



	.g-heading-v7 .h2 {

		font-size: 30px;

		padding-top: 20px;

	}



	.g-pl-40 {

		padding-left: 29px;

	}



	.textnew {

		font-size: 14px;

	}

	.content-md {

		padding-bottom: 10px;

	}



	.moreResponsive {

		display: inline-block;

		font-size: 66%;

		line-height: 90%;

		text-transform: none;

		padding-left:10px;

		letter-spacing:1px;

		font-weight: 600;

		padding: 3px 4px;

		background: #6b7f89 ;

		color: #fff;

		vertical-align:top;

		margin-top:2px;

		border: 1px solid #6b7f89  ;

		-webkit-transition-property: border, background, color;

    transition-property: border, background, color;

    -webkit-transition-duration: 1s;

    transition-duration: 1s;

	}

		.moreResponsive:hover {

			border: 1px solid #fff ;

			background: transparent;



		color: #fff;

	}



}





/*Intro Section

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

/*Intro Section*/



.intro-section, .fullscreenbanner-container{

 position: absolute !important;

    top: 0;

    left: 0;

    bottom: 0;

    margin: 0px;

    padding:0px;

    right:0;

    min-width: 100% !important;

    min-height: 100%!important;

    width: 100% !important;

    height: 100% !important;

        object-fit: cover;



     z-index: -1;

}



.intro-section .fullscreenbanner{

 position: absolute !important;

    top: 0;

    left: 0;

    bottom: 0;

    right:0;

    width: 100% !important;

    height: 100% !important;

        min-width: 100% !important;

    min-height: 100%!important;

    object-fit: cover;

     margin: 0px;

    padding:0px;

}





.intro-section:after {

  width: 100% ;

  height: 100% ;

  position: absolute ;

}





.faq .acc-v1 .panel-heading a, .faq .acc-v1.plus-toggle .panel-heading a:before {

    color: #9ad0e5 ;

}



/*Added by Daniel for Coupon*/

.coupon {

    width:35%;

    background-color:#0c62af;

    color:#fff!important;

    border-style:dashed;

    border-color:#6b7f89;

    border-radius: 5px;

    margin:auto;

    text-align: center;

}



.coupon h4{

    color:#fff;

}

.supplier{
  display: inline-block;
}
.supplier a{
  background: url('');
  height: 45px;
  display: block; 
  margin: 5px;
  opacity: 0.6;
  transition: all 0.5s ease;
}
.supplier a:hover{opacity: 1;}
.supplier a.simonton{
  background-position: -205px 0;
  width: 188px;
}
.supplier a.eastalum{
  background-position: -420px 0;
  width: 134px;
}
.supplier a.grandglassdoors{
  background-position: 0 0;
  width: 185px;
}
.modal-content{
  margin-top: 20%;
}


.ex4 {
		-webkit-transition: all 1.3s ease-in-out;
		-moz-transition:    all 1.3s ease-in-out;
		-o-transition:      all 1.3s ease-in-out;
		-ms-transition:     all 1.3s ease-in-out;
		}
	.ex4:hover {
		
		-webkit-transform: rotate(360deg) scale(1);
		-moz-transform:    rotate(360deg) scale(1);
		-o-transform:      rotate(360deg) scale(1);
		-ms-transform:     rotate(360deg) scale(1);
		}