@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:400,500,600,700,900');
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
  background-color: #e0dcda;
  font-family: 'Source Code Pro';
  color: #191818;
  min-height: 2000px;

  background-image:url(../img/circ1.svg), url(../img/circ2.svg), url(../img/circ3.svg);
  background-repeat:no-repeat, no-repeat, no-repeat;
  background-position:right top, right bottom, left bottom;
  background-image: url(../imgs/new-images/circ1.png), url(../imgs/new-images/circ2.png), url(../imgs/new-images/circ3.png), url(../imgs/new-images/circ4.png), url(../imgs/new-images/circ3.png), url(../imgs/new-images/mainBG.svg);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
/*  background-position: 71vw -334px, 70vw 60vh, -649px 64vh, -649px 164vh, 70vw 166vh, calc(50% - 557px) -648px;
  background-size: 1366px 768px, 1366px 768px, 1366px 768px, 1366px 768px, 1400px, 1910px;*/

 background-size: 1366px 768px, 1366px 768px, 1366px 768px, 1366px 768px, 1400px, 2880px;
background-position: 71vw -334px, 70vw 60vh, -649px 64vh, -649px 164vh, 70vw 166vh, calc(53% - 61px) 0px;

  /*background-position: "calc(100% - -640px) -350px, calc(100% - -640px) calc(100% - -0px), -640px calc(100% - -350px)";*/
  padding-bottom: 0;
}
.navbar {
  /*background-color:#ccc5c2;
    background-image:url(../img/logo_glow.svg);
    background-repeat:no-repeat;
    background-position:~"calc(50% - 553px)" -714px;
    background-size:1910px;*/
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.navbar .navbar-nav li a {
    color: #191818;
    font-weight: 700;
    padding: 28px 20px;
}
.navbar.opq {
  background-color: #ccc5c2;
  -webkit-box-shadow: 5px 5px 21px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 5px 5px 21px 1px rgba(0, 0, 0, 0.03);
  box-shadow: 5px 5px 21px 1px rgba(0, 0, 0, 0.03);
  z-index: 99999;
}
.navbar-toggle{ background-color: #191818;
    border: 1px solid #333; cursor: pointer; }
.navbar-toggle .icon-bar{     background: #fafaf9; }
.btn {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-shadow: none !important;
}
.btn-primary {
  font-size: 20px;
  color: #191818;
     background: #fafaf9;
  border: 0;
  font-weight: bold;
  font-style: italic;
  -webkit-box-shadow: 5px 5px 21px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 5px 5px 21px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 5px 5px 21px 1px rgba(0, 0, 0, 0.05);
  padding: 18px 35px;
}
.btn-primary img {
  margin-top: -4px;
}
.btn-primary:hover {
  -webkit-box-shadow: 5px 5px 21px 1px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 5px 5px 21px 1px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 5px 5px 21px 1px rgba(0, 0, 0, 0.2) !important;
  color: #191818;
  background: #E0DCDA;
  text-shadow: none;
  border-color: transparent;
}
.btn-primary.active,
.btn-primary:active,
.btn-primary:focus {
  background-color: #f7f6f6 !important;
  color: #191818 !important;
  outline: 0 !important;
}
.jumbotron {
  background-color: transparent;
  padding-top:150px;
  padding-bottom: 80px;
}
.jumbotron h1 {
    font-family: 'Libre Franklin';
    font-weight: 900;
    font-size: 56px;
    line-height: 64px;
}
.jumbotron .c {
  font-size: 32px;
  padding: 10px 0 40px;
}
.jumbotron .gs {
      background: #fafaf9;
    color: #e73c03;
}
.jumbotron .gs.active,
.jumbotron .gs:active,
.jumbotron .gs:focus {
  background-color: #b52f02 !important;
  color: #ffffff !important;
  outline: 0 !important;
}
.jumbotron .mainp {
  margin-top: 20px;
  position: relative;
}
/*.jumbotron .mainp .s {
  background: url(../imgs/new-images/b-logo.png) no-repeat;
  background-size: contain;
  width: 642px;
  height: 362px;
  position: absolute;
  top: 0;
  left: 48px;
}*/

.navbar-brand img {
    margin-top: 20px;
}
section {
  margin-top: 80px;
  padding-bottom: 80px;
}
section h1 {
    font-family: 'Libre Franklin';
    font-weight: 900;
    font-size: 32px;
    padding-bottom: 20px;
    line-height: 26px;
}
section .t {
  font-weight: 600;
}
section .partners {
  margin-top: 50px;
  margin-left: -19px;
}
section .partners div {
    position: absolute;
    margin-left: 20px;
    margin-top: -8px;
    font-family: 'Libre Franklin';
    font-size: 18px;
    font-weight: 900;
    line-height: 26px;
}
section .side1 h3 {
    font-family: 'Libre Franklin';
    font-weight: 400;
    font-size: 18px;
    padding: 30px 0 20px;
    margin: 0;
    line-height: 26px;
}
div#subDiv {
    width: 100%;
    display: block;
}
section .side1 input {
  border: 0;
  color: #191818;
  padding: 13px 22px 13px 10px;
  height: auto;
  box-shadow: none;
  border-radius: 0;
  background-color: transparent;
    box-shadow: none;
    border-bottom: 2px solid #a8a3a0;
    font-size: 16px;
}
#subDiv  ::-webkit-input-placeholder {
  color: #777;
}
button#btnSubscribeemail {
    display: block;
    float: right;
    background: #fafaf9;
    color: #e73c03;

    border-radius: 4px;
    margin-top: 15px;
    font-weight: bold;
    z-index: 1;
    font-size: 18px;
    font-style: italic;
}
.input-group .form-control{ z-index: 1; }
section .side1 ::-webkit-input-placeholder {
  color: #191818;
}
textarea#msg {
    height: 36px;
}
.form-group {
    margin-bottom: 35px;
}
.form-group  ::-webkit-input-placeholder {
  color: #fc5821;
}
.email-name span {
    color: #e73c03;
    font-weight: 500;
    line-height: 20px;
}
section .side1 button {
  background: #fc5821;
  border: 0;
  color: #ffffff;
  font-weight: 900;
  padding: 13px 30px;
}
section .side1 button:hover {
  background-color: #e73c03;
  color: #ffffff;
}
section .side1 button.active,
section .side1 button:active,
section .side1 button:focus {
  background-color: #b52f02 !important;
  color: #ffffff !important;
  outline: 0 !important;
}
section .side1 .col-md-6:first-child {
  padding-right: 4px;
}
section .side1 .col-md-6:last-child {
  padding-left: 4px;
}
section .side1 .btn-primary {
  width: 100%;
  padding: 11px 3px;
  -webkit-box-shadow: 0px 0px 21px 1px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 21px 1px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 21px 1px rgba(0, 0, 0, 0);
}
section .side1 .btn-primary:hover {
  -webkit-box-shadow: 5px 5px 21px 1px rgba(0, 0, 0, 0.1) !important;
  -moz-box-shadow: 5px 5px 21px 1px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 5px 5px 21px 1px rgba(0, 0, 0, 0.1) !important;
}
.info-t p, .stack .t {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

/*.stack-circ {
    background:url(../img/circ5.svg) no-repeat;
    width:1366px;
    height:768px;
    position:absolute;
    right:0;
}*/
.stack {
    background: url(../imgs/new-images/stack-bg.png) no-repeat;
    background-position: 48vw -70px;
    background-size: 1100px;
    position: relative;
}
.stack .r {
  padding-bottom: 70px;
}
.stack .r h3 {
  font-family: 'Libre Franklin';
  font-weight: 800;
  font-size: 18px;
  padding: 10px 0 10px;
  margin: 0;
  line-height: 26px;
}
.stack .r h3 img {
  margin-left: 8px;
}
.stacks span {
    display: block;
    text-align: center;
    font-family: 'Source Code Pro';
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}
.stack-imagess { position: relative; }

.hover-img{ display: none;  width: 128px; }

.tooltip:hover .static-img{ display: none;  }

.tooltip:hover .hover-img{ display: block;  }

.stack-imagess img{ width: 128px; }

.img1 {
    left: 70px;
    top: -20px;
}
.img2 {
    top: 60px;
    left: 210px;
}
.img3 {
    right: 66px;
    top: 125px;
}
.img4 {
    top: 210px;
    left: 15px;
}
.img5 {
    top: 270px;
    left: 160px;
}
.img6 {
    top: 325px;
    left: 320px;
}
.img7 {
    position: absolute;
    top: 420px;
    left: -6px;
}
.img8 {
    position: absolute;
    top: 465px;
    left: 96px;
}
.img9 {
    top: 563px;
    left: 310px;
}
.img10 {
    top: 510px;
    left: 204px;
}
.img1 .tooltiptext{  bottom: 74% !important;  }
.img6 .tooltiptext{  bottom: 74% !important;  }
.tooltiptext h4 {
    font-weight: bold;
    color: #000;
    border-bottom: 1px dashed #f21427;
    padding-bottom: 8px;
    margin: 0;
}

.tooltiptext p {
    font-family: 'Source Code Pro';
    font-size: 14px;
    margin: 10px 0;
    line-height: 20px;
    font-weight: 500;
}
.tooltip { opacity: 1;  z-index: 1; }
.tooltip .tooltiptext {
    visibility: hidden;
    width: 340px;
    background-color: #fff;
    color: #555;
    text-align: left;
    border-radius: 6px;
    padding: 20px;
    position: absolute;
    z-index: 2;
    bottom: 85%;
    left: -46px;
    margin-left: -60px;
    opacity: 0;
    transition: all 0.5s ease-in;
    -webkit-box-shadow: 4px 9px 44px -11px rgba(0,0,0,0.50);
    -moz-box-shadow: 4px 9px 44px -11px rgba(0,0,0,0.50);
    box-shadow: 4px 9px 44px -11px rgba(0,0,0,0.50);
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -20px;
    border-width: 20px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}



.map {
    /* background-color: #191818; */
    padding-top: 0;
    padding-bottom: 90px;
    margin-bottom: 0;
    margin: 0;
}
.map .title {
  color: #ccc5c2;
  font-size: 32px;
  z-index: 99;
  position: relative;
}
.map .title h1 {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 30px;
    line-height: 40px;
}
.map #map-container {
  /*background: url(../imgs/new-images/map.png) no-repeat;*/
  width: 1366px;
  height: 520px;
  position: relative;
  margin: 0 auto;
}


.map #map-container .marker {
  /*background: url(../imgs/new-images/marker.png) no-repeat;*/
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 10px;
  border: 0;
  outline: 0;
}
.map .buts {
  margin-top: -150px;
}
.map .buts .butgroup {
  font-family: 'Libre Franklin';
  font-weight: 900;
  font-size: 18px;
  float: left;
  color: #ccc5c2;
  margin-right: 20px;
}
.map .buts .butgroup div {
    padding-bottom: 15px;
    line-height: 26px;
}
.map .buts .butgroup button {
  font-size: 20px;
  font-style: italic;
  font-weight: 900;
}
.contact {
  background-image: url(../imgs/new-images/circ6.png);
  background-repeat: no-repeat;
  background-position: 71vw -334px;
  background-size: 1366px 768px;
  margin-top: 0;
  padding-top: 80px;
  padding-bottom: 150px;
  position: relative;
}
.contact .form-group label {
  color: #fc5821;
}
.contact .form-group .form-control {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-size: 16px;
  border-bottom: 2px solid #a8a3a0;
}
.contact .btn {
    font-size: 16px;
    color: #fc5821;
    font-style: italic;
    font-weight: 900;
        background: #fafaf9;

    float: right;
    padding: 12px 32px;
    /*margin-top: -15px;*/
}
.p-contact { font-size: 14px; line-height: 20px; font-weight: 500; padding: 0 45px; }
.contact h1{  font-size: 18px; line-height: 26px; }
.footer {
  background-color: #191818;
  margin: 0 !important;
  padding: 20px 0;
  color: #ccc5c2;
}
.footer .cc {
    padding-top: 5px;
    font-weight: 500;
    line-height: 20px;
}
.footer .text-right img{     float: left;
    display: inline-block;
    margin-top: 8px; }
.popover {
  background: #e3e0de !important;
  max-width: 576px;
  border: 0;
}
.popover .pic {
  width: 40%;
  height: 225px;
  float: left;
  position: relative;
}
.popover .pic .popover-title {
  background: #e3e0de !important;
  border: 0;
}
.popover .pic .buts-wrapper {
  width: 211px;
  height: 75px;
  position: absolute;
  right: 0;
  bottom: -1px;
  background: url(../imgs/new-images/buts_back.png) no-repeat;
  background-size: 384px;
  background-position: left top;
  opacity: 0.5;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.popover .pic .buts-wrapper:hover {
  opacity: 1;
}
.popover .pic .buts {
  background: url(../imgs/new-images/buts.png) no-repeat;
  background-size: 70px 33px;
  width: 70px;
  height: 33px;
  display: block;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.popover .popover-content {
  width: 60%;
  padding: 15px 15px;
  float: left;
}
.popover .popover-content h4 {
  font-family: 'Libre Franklin';
  font-size: 18px;
  background: url(../imgs/new-images/dottedline.png) repeat-x;
  background-position: bottom;
  padding: 0 0 8px;
  margin: 0 0 8px;
}
.popover .popover-content h4 b {
  font-weight: 900;
}
.popover .popover-content div {
  font-family: 'Source Code Pro';
  font-size: 12px;
}
.popover .right > .arrow:after {
  border-right-color: #e3e0de !important;
}
.popover.right > .arrow:after {
  border-right-color: #e3e0de !important;
}
.popover.left > .arrow:after {
  border-left-color: #e3e0de !important;
}
.form-control:focus {
    border-bottom: 2px solid #a8a3a0;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*---inser pages 6 -3 -2016----*/
.side-bar{ position: fixed; }

#vertical-tab ul {
    padding: 28px 0 0 0;
}
#vertical-tab li {
    list-style-type: none;
    margin-bottom: 12px;
}
section#vertical-tab h2 {
    font-family: 'Libre Franklin';
    font-weight: 900;
    font-size: 22px;
    margin-top: 27px;
    margin-bottom: 15px;
}
#vertical-tab a {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    display: block;
   
    padding: 0 0 0 10px;
    text-decoration: none;
    color: #555;
}
.current_page_item{ border-left: 4px solid #f73423;}
.current_page_item a { color: #000 !important;}
#vertical-tab p {
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 20px;
}
.social {
    padding: 0;
    float: left;
    margin: 0 0 0 -7px;
}
.social li {
    list-style-type: none;
    margin: 0 5px;
    display: inline-block;
}
.sub-menu { padding:  10px 0 1px 15px !important; }
.sub-menu a {
    font-size: 14px !important;
    line-height: 14px !important;
}
.cc a {
    color: #ccc5c2;
}
.sub-menu { display: none; }

.left-img {
    float: left;
    width: 43%;
    position: relative;
}
.left-img img{ width: 100%; }
.right-info {
    float: right;
    width: 54%;
}
.left-img ul {
    position: absolute;
    bottom: 0;
    padding: 0;
    right: 0;
}
.left-img li {
    list-style-type: none;
    display: inline-block;
    margin: 0 5px;
}
 .right-info h4 {
    border-bottom: 1px dashed #f21427;
    margin: 0;
    padding: 10px 0;
    margin-bottom: 10px;
}

ul.nav.nav-list {
    padding: 10px 0 0 20px !important;
}

ul.nav.nav-list a{ font-size: 14px !important; line-height: 18px !important; }
.nav.nav-list>li>a:hover{ background:transparent !important; }
/*.gm-style .gm-style-iw {
    top: 0 !important;
    left: 0 !important;
}*/
/*** DD-01-03-2017 ***/
/*.map #map-container{background: rgba(0, 0, 0, 0) url("../imgs/new-images/map-new.png") no-repeat scroll 0 0 !important; background-size: 100% !important;}*/
.map #map-container .marker{display: none;}
.map #map-container{/*max-width: 1366px; */width: 100%;}
.stack .r ul{display: none;padding: 0}
.contact-link li {
  list-style-type: none;
   text-align: right;
}
.contact-link a {
    color: #ccc5c2;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 5px;
    display: inline-block;
    margin-bottom: 0;
}
 .butgroup a {
    font-size: 20px;
    font-style: italic;
    font-weight: 900;
}  

.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea  {
    background: transparent;
    border: 0 !important;
    border-bottom: 2px solid #a8a3a0 !important;
    border-radius: 0 !important;
    box-shadow: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}
.wpcf7-form-control-wrap textarea {
    height: 76px;
}
.wpcf7-form-control-wrap   ::-webkit-input-placeholder {
  color: #fc5821;
}
.wpcf7-form-control-wrap   ::-moz-placeholder {
  color: #fc5821;
}

ul.contact-link {
    padding: 0;
}
.jumbotron .c {
    font-weight: 500;
    line-height: 48px;
}
.read-img {
    position: relative;
}
.read-more-info {
    position: absolute;
    top: 0;
    padding: 16px 20px;
    height: auto;
    width: 100%;
    min-height: 100%;
}
.read-more-info h4 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 26px;
    margin: 0;
}
.read-more-info span {
    font-size: 16px;
    color: #e73c03;
    font-weight: bold;
    position: absolute;
    bottom: 16px;
}

div.wpcf7-response-output {
    margin: 3em 0.5em 1em !important;
  
}
.bg-section{ margin: 50px 0 0 0; }
/*-------------------------------------- MEDIA ------------------------------------*/

@media screen and (max-width: 1024px){   
.butgroup a {
    font-size: 14px;
}

.stack .r ul{display: block;}
.stack-imagess {
    position: relative;
    display: none;
} 
.stack{ background:none; }
.stack .r ul{ display: block; padding: 0; }
.stack .r li {
    list-style-type: none;
    float: left;
    width: 33%;
    padding: 0 15px;
}
 .stack .col-md-6 {
    width: 100%;
}
.info-t p, .stack .t {
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    display: inline-block;
    width: 100%;
    clear: both;
    margin: 15px 0 0 0;
}

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

.foo-img img, .partners img{ width: 100%; }
.social {
    padding: 0;
    float: none;
    margin: 0;
    text-align: center;
}
.contact-link li {

    text-align: center;
}
/*-------------- --------------------*/

.jumbotron h1 {font-size: 40px;}
.jumbotron .c {font-size: 20px;}
.btn-primary {font-size: 16px; padding: 12px 25px;}
body .jumbotron .mainp img{ max-width: 100%;}
body .jumbotron .mainp .s { height: 165px; left: 30px;}
section .partners{margin-left: 0;}
.side1 { margin-top: 0 !important;}
section .side1 .col-md-6:first-child{padding-right: 15px;}
section .side1 .col-md-6:last-child {padding-left: 15px;}
section .side1 .col-md-6:first-child a{margin-bottom: 10px;}
.stack{margin-top: 0;}
section{padding-bottom: 40px;}
.stack .r{padding-bottom: 25px;}
.map #map-container{height: 450px;}
.map .buts .butgroup button{font-size: 16px;}

.footer .cc{font-size: 13px;}
.map #map-container .marker{display: none;}
section h1{font-size: 28px;}
.stack .r .t {
  font-size: 13px;
  line-height: 1.4;
}
.stack {
  background-position: 50vw 0;
  background-size: 1400px;
}

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

.jumbotron h1 {
    font-size: 40px;
}
  .jumbotron .c{padding-bottom: 28px;}
/*  body .jumbotron .mainp .s { height: 47vw; left: 5.5vw;}*/
  .jumbotron {
    padding-top: 50px;
    padding-bottom: 0;
}
  section{margin-top: 50px; height: 100% !important; clear: both;}
  .stack{background-image: none;}
  .stack .r ul { list-style: outside none none; padding: 0;}

  .stack .r ul li { width: 100%; }
  .footer, .footer .cc {text-align: center !important;}
  form.contact_form{margin-bottom: 50px;}
  .jumbotron .mainp{margin-top:40px;}
}


/*------------- 480 ----------------*/

@media screen and (max-width: 480px){ 
  .btn-primary{width: 100%;}
  .jumbotron .gs{margin-bottom: 10px;}
  .jumbotron h1, section h1 { font-size: 25px;}
  .jumbotron .c{font-size: 17px;}
  .jumbotron .mainp{margin-top:35px;}
 section {
    margin-top: 30px;
    height: 100% !important;
}
  .map #map-container{height: 325px; margin-top: 10px; clear: both;  }
  .map .buts .butgroup{width: 100%; margin-right: 0;}
  .map{padding: 50px 0;}
  .map .buts .butgroup div { font-size: 15px; margin-top: 12px; padding-bottom: 6px; color:#333; }
  .map .buts .butgroup button{font-size: 14px;}
  .side-bar {
    position: static;
}
.contact-link li {

    text-align: center;
}
.map .buts {
    margin-top: 0;
}
div#navbar {
    background: #ccc5c2;
}

.navbar .navbar-nav {
    float: none !important;
    height: auto !important;
    width: 100% !important;
}
.jumbotron h1, section h1 {
    font-size: 25px;
    line-height: 36px;
}
.jumbotron .c {
    font-size: 18px !important;
    line-height: 26px;
}
.contact{ padding: 50px 0; }

.read-more-info h4 {
    font-size: 14px;
    line-height: 26px;
    margin: 0 0 16px;
}
.fp-tableCell {
    height: 100% !important;
}
}