@font-face {
  font-family: "SanFrancisco";
  font-weight: 100;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff");
  -webkit-font-smoothing: subpixel-antialiased;
}

/*@font-face {
  font-family: "SanFrancisco";
  font-weight: 100;
  src: url("SanFranciscoDisplay-Regular.otf");
  -webkit-font-smoothing: subpixel-antialiased;
}*/
  .core-value{
 	border: 1px solid #3c4147;
	border-radius: 100%;
	padding: 30px;
  font-size: 12px;
	/*background: rgba(255, 255, 255, 0.9);*/

 }

 .card-height{

 height: 200px;

 }



 /*.core-value h5{

   color: #fff;
 }*/

 .btn.prev {
   background: #000 none repeat scroll 0 0;
    border-radius: 0;
    border: none;
    background: transparent;
    font-size: 25px;
    left: 0;
    padding: 21px 10px;
    position: absolute;
    top: 50%;
    color: #fff;
}


.btn.next {
   background: #fff none repeat scroll 0 0;
    border-radius: 0;
    background: transparent;
    border: none;
    font-size: 25px;
    right: 0;
    padding: 21px 10px;
    position: absolute;
    top: 50%;
    color: #fff;
}

.item img{
  width: 120px;
}

#particles-js{
  height: 100%;
}


/* --------------------------------------------------
  7.0 Footers
-------------------------------------------------- */
.copyright {
  background: #222;
  padding-top: 20px;
  padding-bottom: 20px;
}

.copyright small {
  font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
  font-size: .8em;
  text-transform: uppercase;
  letter-spacing: 1.3px;
}

.copyright small a:hover {
  color: #ececec;
}

.copyright small a:focus {
  text-decoration: none;
}

.copyright .to-the-top {
  color: #777;
}

.copyright .to-the-top i {
  padding-left: 7px;
  font-size: 21px;
  vertical-align: top;
}

.footer-social-links {
  text-align: center;
}

.footer-social-links ul {
  list-style: none;
  margin: 0;
  padding: 65px 0;
}

.footer-social-links ul li {
  display: inline-block;
  padding-right: 35px;
  margin-right: 35px;
  border-right: 1px solid #777;
}

.footer-social-links ul li:last-child {
  border: none;
  padding-right: 0;
  margin-right: 0;
}

.footer-social-links ul li a {
  display: block;
  color: #ececec;
}

.footer-social-links ul li a:hover {
  color: #999;
}

.footer-social-links ul li a:focus {
  text-decoration: none;
}

.social-light-bg ul li a {
  color: #111;
}



/* ---- 7.2 Footer Contact ---- */
.footer-contact .contact-info {
  position: relative;
  height: 690px;
}

.footer-contact .contact-info .footer-map {
  height: 690px;
  background: #ccc;
}

.footer-contact .contact-info .show-info-link {
  display: inline-block;
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding-left: 25px;
  padding-right: 25px;
  width: 200px;
  height: 50px;
  text-align: center;
  color: #111;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s, visibility 0.6s, top 0.5s;
  transition: opacity 0.5s, visibility 0.6s, top 0.5s;
  z-index: 999;
}

.footer-contact .contact-info .show-info-link:hover {
  background: #ececec;
}

.footer-contact .contact-info .show-info-link:focus {
  text-decoration: none !important;
  border-bottom: none;
}

.footer-contact .contact-info .show-info-link i {
  display: inline-block;
  padding-top: 18px;
  padding-right: 15px;
}

.footer-contact .contact-info .info-open {
  top: 0;
  opacity: 1;
  visibility: visible;
}

.footer-contact .contact-info address {
  position: absolute;
  margin-bottom: 0;
  padding: 280px 100px 0 130px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(37, 46, 56, 0.93);
  -webkit-transition: opacity 0.5s, visibility 0.6s;
          transition: opacity 0.5s, visibility 0.6s;
}

.footer-contact .contact-info address ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 50%;
  float: left;
}

.footer-contact .contact-info address ul li {
  display: block;
  margin-bottom: 30px;
  padding: 7px 0 7px 20px;
  border-left: 1px solid #777;
}

.footer-contact .contact-info address ul li .adr-heading {
  display: block;
  color: #ececec;
}

.footer-contact .contact-info address ul li .adr-info {
  font-size: .9em;
  letter-spacing: 1.7px;
  /*text-transform: lowercase;*/
  color: #999;
}

.footer-contact .contact-info address .show-map {
  display: block;
  position: absolute;
  bottom: 100px;
  color: #ececec;
}

.footer-contact .contact-info address .show-map span {
  padding-right: 20px;
  font-size: 35px;
  vertical-align: middle;
}

.footer-contact .contact-info address .show-map:hover {
  color: #999;
}

.footer-contact .contact-info address .show-map:focus {
  text-decoration: none;
}

.footer-contact .map-open {
  opacity: 0;
  visibility: hidden;
}

.footer-contact .contact-form {
  padding-left: 100px;
  padding-right: 12%;
}

.footer-contact .contact-form header {
  text-align: left;
  margin-bottom: 50px;
}

.footer-contact .contact-form form .alert {
  position: absolute;
  left: 0;
  right: 0;
  top: 15px;
}

/* ---- 7.3 Footer Litle ---- */
.footer-litle address {
  margin-bottom: 0;
  padding-top: 85px;
  padding-bottom: 85px;
}

.footer-litle address ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

.footer-litle address ul li {
  display: inline-block;
  margin-right: 160px;
}

.footer-litle address ul li:last-child {
  margin-right: 0;
}

.footer-litle address ul li .adr-icon {
  padding-right: 20px;
  float: left;
  font-size: 36px;
  color: #111;
}

.footer-litle address ul li .adr-group {
  text-align: left;
  float: right;
}

.footer-litle address ul li .adr-group .adr-heading {
  display: block;
  color: #111;
}

.footer-litle address ul li .adr-group .adr-info {
  font-size: .9em;
  letter-spacing: 1.7px;
  /*text-transform: lowercase;*/
  color: #999;
}

* ---- Footers ---- */
@media (max-width: 992px) {
  .footer-widgets .about-widget {
    margin-bottom: 50px;
  }
  .footer-widgets .gallery-widget {
    margin-bottom: 50px;
  }
  .footer-widgets .gallery-widget ul {
    height: 86px;
  }
  .footer-widgets .twitter-widget {
    margin-bottom: 50px;
  }
  .footer-litle address ul li {
    margin-right: 50px;
  }
  .footer-contact form input[type="submit"] {
    margin-bottom: 130px;
  }
  .footer-contact form .alert {
    top: 60px !important;
  }
}

@media (max-width: 770px) {
  .copyright {
    text-align: center;
  }
  .copyright .to-the-top {
    float: none !important;
  }
  .footer-litle address ul li {
    display: block;
    margin-bottom: 50px;
    margin-right: 0;
  }
  .footer-litle address ul li:last-child {
    margin-bottom: 0;
  }
  .footer-litle address ul li .adr-icon {
    margin-bottom: 15px;
    padding-right: 0;
    float: none;
  }
  .footer-litle address ul li .adr-group {
    float: none;
    text-align: center;
  }
}

@media (max-width: 600px) {
  .footer-widgets .gallery-widget ul {
    height: 174px;
  }
  .footer-contact .contact-info address {
    padding-top: 160px;
    padding-left: 50px;
  }
  .footer-contact .contact-info address ul {
    display: block;
    width: 100%;
  }
  .footer-contact .contact-form {
    padding-left: 50px;
  }
  .footer-social-links ul li {
    margin-right: 0;
    margin-bottom: 15px;
    width: 33%;
  }
  .footer-social-links ul li:nth-child(2) {
    border-right: none;
    padding-left: 30px;
  }
}
/* Popup */
.modal {
	padding: 0 25px !important;
}

.modal-dialog {
	width: 100%;
	max-width: 560px;
	margin: 0 auto;
}

.modal-popup {
	position: relative;
	padding: 45px 30px;
	text-align: center;
	/*background: url('../img/popup.jpg');*/
	background: #252E38;
	box-shadow: none;
	border-radius: 2px;
}

.modal-popup a.close-link {
	font-size: 22px;
	position: absolute;
	top: 20px;
	right: 30px;
	color: #fff;
}



.typed {
	display: inline-block;
	margin: 0;
  font-size: 20px;
	font-family:"sans-serif";
  font-weight: 100;
}

.typed-cursor {
	font-size: 40px;
	display: inline-block;
	margin: 0 10px;
	color: #BE1D2C;
	-webkit-animation-name: flash;
	animation-name: flash;
	-webkit-animation-duration: 1.9s;
	animation-duration: 1.9s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}



.typed{
	font-weight: 200;
}


.btn{
  border-radius: 0px;
}

.btn-we-do{
  padding: 30px;
}

.nav-text > li.active a {
  /*color:#E78E93;*/
  border-right: 4px solid #252e38;
  border-left: 4px solid #252e38;
  border: 4px solid #252e38;
}

p .description  {

  font-weight: lighter;
}



.logoz {
    display: block;
    left:23px;
    position: absolute;
    top: 0px;
    width: 15%;
    margin-bottom: 10px;
}

/*.logoz {
    display: none;
}*/
@media (min-width: 640px) and (max-width: 736px) {

.logoz {
    display: block;
    left: 23px;
    position: absolute;
    top: 0px;
    width: 15%;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
.logoz {
    display: block;
    left: 23px;
    position: absolute;
    top: 0px;
    width: 30%;
}
}

.logo2{
  display: none;
}

.logo-size{
  width:170px;
  height:90px;
  margin-left: 20px;
}

.navbar .navbar-nav.navbar-uppercase > li > a {
  /*font-size: 14px;*/
  letter-spacing: 0px;
  /*font-weight: 300;*/
  font-family: "SanFrancisco";
}

.navbar{

  padding-bottom: 10px;
  padding-top: 10px;
}


/*loader sect*/

.preloader {
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background-color: white;
}

.preloader img {
	position: absolute;
	top: calc(50% - 32px);
	left: calc(50% - 32px);
}



.header-img{
  width: 300px;
}

.head-img{
  width: 300px;
}

.center-load {
  position: fixed;
  z-index: 999;
  margin: auto;
/*position: absolute;*/
  top: 40%;
  left: 50%;
  margin: -50px 0px 0px -110px;

}



.loading{
  font-size:14px;
  font-weight:200;
  margin:100px auto;
  position:relative;
  text-align:center;
  width:200px;
  font-family:brandon-grotesque,sans-serif;
  /*font-family:Monaco,Menlo,Consolas,"Courier New",monospace*/
  background: #252e38;


}


.loading p{
  border-top:solid 1px #662632;
  font-family:brandon-grotesque,sans-serif;
  font-weight: 200;
  padding-top:15px;
  /*background: #252e38;*/
  width:100%;
  animation-name:loading;
  -webkit-animation:loading 3s ease-out infinite;
  -moz-animation:loading 3s ease-out infinite;
  animation:loading 3s ease-out infinite;

}

.loading p:before{
  content:"";
  /*remove this*/
  color: #a80808;
  border-style: solid;
  border-radius:100%;
  border-width: 7px 6px 6px 6px;
  /*add this*/
  /*border-color: #662632;*/
  position:absolute; top:-7px;left:-10px;
   animation-name:loading;
  -webkit-animation:loading 3s ease-out infinite;
  -moz-animation:loading 3s ease-out infinite;
  animation:loading 3s ease-out infinite;

}




@-moz-keyframes loading {
  0% { left:-13px;}
  50% {
    left:185px;
    color:#c5c5c5;
 }
  100% { left:-13px; }
}
@-webkit-keyframes loading {
  0% { left:-13px;}
  50% {
    left:185px;
    color:#c5c5c5;
 }
  100% { left:-13px;}
}
@keyframes loading {
  0% { left:-13px;}
  50% {
    left:185px;
    color:#c5c5c5;
 }
  100% { left:-13px; }
}


.btn-circle {
    /*width: 70px;*/
    height: 70px;
    /*margin-top: 100px;*/
    /*padding: 7px 16px;*/
    /*border: 2px solid #fff;*/
    border:none;
    /*border-radius: 100%!important;*/
    font-size: 40px;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;

}

.btn-circle:focus,
.btn-circle:hover {
    outline: 0;
    color: #fff;
    /*background: rgba(255, 255, 255, .1)*/
}

.btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s
}

.btn-circle i.animated {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -webkit-animation-duration: 1.0s;
    -moz-animation-duration: 1.0s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in
}

@-webkit-keyframes pulse {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-moz-keyframes pulse {
    0%,
    100% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2)
    }
}


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

.btn-circle {
  /*margin-top: 80px;*/

  }

 .head-img{
   width: 200px;
 }
}

@media (min-width: 300px) and (max-width: 667px) {
  .core-value{
    padding: 10px;
    border-radius:0px;
  }

  .core-value img{

    width: 20px;
    height: 20px;
  }

  .core-value h5{

    font-size: 12px;
  }

  .description,.description2,.description3{
    font-size: 13px !important;
  }

  .header-img{

    width: 200px;
    height: 100px;
  }
}

@media (min-width :668px) and (max-width:1117px){

  .core-value{

    padding:0px 5px;
  }

 }

 @media (min-width: 700px) and (max-width: 768px){

  .core-value{
    padding: 10px;
    border-radius:0px;
  }

  .core-value img{

    width: 20px;
    height: 20px;
  }

  .core-value h5{

    font-size: 12px;
  }

 }


@media (min-width :320px) and (max-width:667px){

 .btn-we-do{

   padding: 1px;
 }

 .btn-we-do span{

   font-size: 10px !important;
 }

 .footer-contact .contact-info address ul li .adr-info {
   font-size: .6em;
   letter-spacing: 1.7px;
   /*text-transform: lowercase;*/
   color: #999;
 }

 .footer-contact .contact-info address .show-map {
  display: block;
  position: absolute;
  bottom: 190px;
  color: #ececec;
}


.footer-contact .contact-info .info-open {
  top: 100px;
  opacity: 1;
  visibility: visible;
}

.dotted-line{

  /*width: 0px;*/
}



}


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

 .connecting-dots h3{

   font-size: 14px;
 }

 .typed-cursor {
   font-size: 30px;
 }

}


@media (min-width :768px) and (max-width:838px){



  .nav-open .navbar .navbar-header {
      -webkit-transform: translate3d(-300px, 0, 0);
      -moz-transform: translate3d(-300px, 0, 0);
      -o-transform: translate3d(-300px, 0, 0);
      -ms-transform: translate3d(-200px, 0, 0);
      transform: translate3d(-300px, 0, 0);
  }


}

@@media (min-width:1024px) and (max-width:1366px) {
  .navbar .navbar-nav.navbar-uppercase > li > a {
    /* font-size: 14px; */
    letter-spacing: 0px;
    /* font-weight: 300; */
    font-family: "SanFrancisco";
}
}



.white{
  color:#fff !important;
}

.text-dark{

  color: #000;
}

.red{
  color: #BF1E2E !important;
}

a:hover,a:focus{

  color:#E30613 !important;
}

.bottom-line{
  border-bottom: 5px solid #f5f5f5;
}

.section{
  border-top: dashed 2px  #7f7f7f;

}