@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);



@import url("http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");

/*************************

*******Typography******

**************************/



body {

  background: #fff;

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

  color:#4e4e4e;

  line-height: 22px;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: 600; 

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

  color:#4e4e4e;

}



h1{

  font-size: 36px;

  color:#fff;

}



h2{

  font-size: 20px;

  line-height: 32px;

}



h3{

  font-size: 16px;

  color: #787878;

  font-weight: 400;

  line-height: 24px;

}



h4{

  font-size: 16px;

}



a {

  color: #BF1E2E;

  -webkit-transition: color 300ms, background-color 300ms;

  -moz-transition: color 300ms, background-color 300ms;

  -o-transition:  color 300ms, background-color 300ms;

  transition:  color 300ms, background-color 300ms;

}



a:hover, a:focus {

  color: #d43133;

}





hr {

  border-top: 1px solid #e5e5e5;

  border-bottom: 1px solid #fff;

}





.btn-primary {

  padding: 8px 20px;

  background: #BF1E2E;

  color: #fff;

  border-radius: 4px;

  border:none;

  margin-top: 10px;

}





.btn-primary:hover, 

.btn-primary:focus{

  background: #BF1E2E;

  outline: none;

  box-shadow: none;

} 



.btn-transparent {

  border: 3px solid #fff;

  background: transparent;

  color: #fff;

}



.btn-transparent:hover {

  border-color: rgba(255, 255, 255, 0.5);

}



.btn-danger {background: #BF1E2E!important}



.btn-danger:hover {background:#CC1122!important}



a:hover,

a:focus {

  color: #111;

  text-decoration: none;

  outline: none;

}



.dropdown-menu {

  margin-top: -1px;

  min-width: 180px;

}



.center h2{

  font-size: 36px;

  margin-top: 0;

  margin-bottom: 20px;

}



.media>.pull-left{

  margin-right: 20px;

}



.media>.pull-right{

  margin-left: 20px;

}



body > section {

  padding: 70px 0;

}



.center {

  text-align: center;

  padding-bottom: 55px;

}



.scaleIn {

  -webkit-animation-name: scaleIn;

  animation-name: scaleIn;

}



.lead{

  font-size: 16px;

  line-height: 24px;

  font-weight: 400;

}



.transparent-bg {

  background-color: transparent !important;

  margin-bottom: 0;

}



@-webkit-keyframes scaleIn {

  0% {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

  }



  100% {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}



@keyframes scaleIn {

  0% {

    opacity: 0;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

  }



  100% {

    opacity: 1;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

}





/*************************

*******Header******

**************************/

.top-bar a {color:white;}

.top-bar a:hover {color:bisque}



.navbar>.container .navbar-brand{

  margin-left: 0;

}



.top-bar {

  padding: 10px 0 6px;

  background: #BF1E2E;

  border-bottom: 1px solid #222;

}



.top-bar span {

    font-size:18px;

}



.top-number{

  color: #fff;

}



.top-number p{

  margin: 0;

  font-size:18px;

}



.top-lang {

    color: #fff;

}



top-lang p {

    font-size:14px;

}



.social{

  text-align: right;

}



.social-share{

 display: inline-block;

 list-style: none;

 padding: 0;

 margin: 0;

}



ul.social-share li {

  display: inline-block;

}



ul.social-share li a {

  display: inline-block;

  color: #fff;

  background: #404040;

  width: 25px;

  height: 25px;

  line-height: 25px;

  text-align: center;

  border-radius: 2px;

}



ul.social-share li a:hover {

  background: #BF1E2E;

  color: #fff;

}



.search i {

  color: #fff;

}



input.search-form{

  background: transparent;

  border: 0 none;

  width: 60px;

  padding: 0 10px;

  color: #FFF;

  -webkit-transition: all 400ms;

  -moz-transition: all 400ms;

  -ms-transition: all 400ms;

  -o-transition: all 400ms;

  transition: all 400ms;

}



input.search-form::-webkit-input-placeholder{

  color: transparent;

}



input.search-form:hover::-webkit-input-placeholder {

  color: #fff;

}



input.search-form:hover {

  width: 180px;

}



.logoSection {

    background: #f1f1f1;

    padding:10px 0;

}





.navbar {

  border-radius: 0;

  margin-bottom: 0;

  background: #F2F2F2;

  padding: 15px 0;

  padding-bottom: 0;

}



.navbar .navbar-nav {

  display: inline-block;

  float: none;

  vertical-align: top;

}



.navbar .navbar-collapse {

  text-align: center;

}



.navbar-nav>li{

  margin-left: 10px;

  padding-bottom: 28px;

}



.navbar-inverse .navbar-nav > li > a {

  padding: 5px 12px;

  margin: 0;

  border-radius: 3px;

  color: #000;

  line-height: 24px;

  display: inline-block;

}



.navbar-inverse .navbar-nav > li > a:hover{

	background-color: #BF1E2E;

  color: #fff;

}



.navbar-inverse {

  border: none;

}



.navbar-inverse .navbar-brand {

  font-size: 36px;

  line-height: 50px;

  color: #fff;

}



.navbar-inverse .navbar-nav > .active > a,

.navbar-inverse .navbar-nav > .active > a:hover,

.navbar-inverse .navbar-nav > .active > a:focus,

.navbar-inverse .navbar-nav > .open > a,

.navbar-inverse .navbar-nav > .open > a:hover,

.navbar-inverse .navbar-nav > .open > a:focus {

  background-color: #BF1E2E;

  color: #fff;

}



.navbar-inverse .navbar-nav .dropdown-menu {

  background-color: rgba(0,0,0,.85);

  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);

  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);

  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);

  border: 0;

  padding: 0;

  margin-top: 0;

  border-top: 0;

  border-radius: 0;

  left: 0;

  min-width:220px;

  border-radius: 5px;    

}





.navbar-inverse .navbar-nav .dropdown-menu:before{

  position: absolute;

  top:0;

}



.navbar-inverse .navbar-nav .dropdown-menu > li > a {

  padding: 8px 15px;

  color: #fff;

}



.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,

.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,

.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {

  background-color: #BF1E2E;

  color: #fff;

}



.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {

  border-radius: 0 0 3px 3px;

}



.navbar-inverse .navbar-nav .dropdown-menu > li.divider {

  background-color: transparent;

}



.navbar-inverse .navbar-collapse,

.navbar-inverse .navbar-form {

  border-top: 0;

  padding-bottom: 0;

}





/*************************

*******Home Page******

**************************/





#main-slider {

  position: relative;

}



.no-margin {

  margin: 0;

  padding: 0;

}



#main-slider .carousel .carousel-content {

  margin-top: 50px;

}



#main-slider .carousel .slide-margin{

  margin-top: 120px;

}



#main-slider .carousel h2 {

  color: #fff;

}



#main-slider .carousel .btn-slide {

  padding: 8px 20px;

  background: #BF1E2E;

  color: #fff;

  border-radius: 4px;

  margin-top: 25px;

  display: inline-block;

}



#main-slider .carousel .slider-img{

  text-align: right;

  position: absolute;

}





#main-slider .carousel .item {

  background-position: 50%;

  background-repeat: no-repeat;

  background-size: cover;

  left: 0 !important;

  opacity: 0;

  top: 0;

  position: absolute;

  width: 100%;

  display: block !important;

  height: 500px;

  -webkit-transition: opacity ease-in-out 500ms;

  -moz-transition: opacity ease-in-out 500ms;

  -o-transition: opacity ease-in-out 500ms;

  transition: opacity ease-in-out 500ms;

}



#main-slider .carousel .item:first-child {

  top: auto;

  position: relative;

}



#main-slider .carousel .item.active {

  opacity: 1;

  -webkit-transition: opacity ease-in-out 500ms;

  -moz-transition: opacity ease-in-out 500ms;

  -o-transition: opacity ease-in-out 500ms;

  transition: opacity ease-in-out 500ms;

  z-index: 1;

}



#main-slider .prev,

#main-slider .next {

  position: absolute;

  top: 50%;

  background-color: rgba(191,30,46,0.4);

  color: #fff;

  display: inline-block;

  margin-top: -25px;

  height: 40px;

  line-height: 40px;

  width: 40px;

  line-height: 40px;

  text-align: center;

  border-radius: 4px;

  z-index: 5;

}



#main-slider .prev:hover,

#main-slider .next:hover {

  background-color: rgba(191,30,46,1);

}



#main-slider .prev {

  left: 10px;

}



#main-slider .next {

  right: 10px;

}



#main-slider .carousel-indicators li {

  width: 16px;

  height: 16px;

  background-color: #fff;

  margin: 0 15px 0 0;

  position: relative;

}





#main-slider .carousel-indicators .active{

  width: 20px;

  height: 20px;

  background-color: #BF1E2E;

   margin: 0 15px 0 0;

   border: 1px solid #BF1E2E;

   position: relative;

}







#main-slider .active .animation.animated-item-1 {

  -webkit-animation: fadeInUp 300ms linear 300ms both;

  -moz-animation: fadeInUp 300ms linear 300ms both;

  -o-animation: fadeInUp 300ms linear 300ms both;

  -ms-animation: fadeInUp 300ms linear 300ms both;

  animation: fadeInUp 300ms linear 300ms both;

}



#main-slider .active .animation.animated-item-2 {

  -webkit-animation: fadeInUp 300ms linear 600ms both;

  -moz-animation: fadeInUp 300ms linear 600ms both;

  -o-animation: fadeInUp 300ms linear 600ms both;

  -ms-animation: fadeInUp 300ms linear 600ms both;

  animation: fadeInUp 300ms linear 600ms both;

}



#main-slider .active .animation.animated-item-3 {

  -webkit-animation: fadeInUp 300ms linear 900ms both;

  -moz-animation: fadeInUp 300ms linear 900ms both;

  -o-animation: fadeInUp 300ms linear 900ms both;

  -ms-animation: fadeInUp 300ms linear 900ms both;

  animation: fadeInUp 300ms linear 900ms both;

}



#main-slider .active .animation.animated-item-4 {

  -webkit-animation: fadeInUp 300ms linear 1200ms both;

  -moz-animation: fadeInUp 300ms linear 1200ms both;

  -o-animation: fadeInUp 300ms linear 1200ms both;

  -ms-animation: fadeInUp 300ms linear 1200ms both;

  animation: fadeInUp 300ms linear 1200ms both;

}





/*********************** PACKAGERS ********************/

#packages {

  background: #f2f2f2;

  padding-bottom: 40px;

}



#packages h2 {

    color:#BF1E2E;

    font-weight: bold;

}

#packages h3 {

    color:#BF1E2E;

    font-weight: bold;

    text-align: center;

    font-size:15px;

}



.pricelabel {position:absolute;padding-right:40px;}



/********************* TESTIMONIALS *******************/

#testimonials {

    background: url(../images/testimonialsBkg.jpg) no-repeat center center fixed; 

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    color:white;

}



#testimonials h5 {color:#BF1E33;}

.quote {

    color: rgba(255,255,255,.6);

    text-align: center;

    margin-bottom: 30px;

}



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

/*    Carousel Fade Transition   */

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



#fade-quote-carousel.carousel {

  padding-bottom: 60px;

}

#fade-quote-carousel.carousel .carousel-inner .item {

  opacity: 0;

  -webkit-transition-property: opacity;

      -ms-transition-property: opacity;

          transition-property: opacity;

}

#fade-quote-carousel.carousel .carousel-inner .active {

  opacity: 1;

  -webkit-transition-property: opacity;

      -ms-transition-property: opacity;

          transition-property: opacity;

}

#fade-quote-carousel.carousel .carousel-indicators {

  bottom: 10px;

}

#fade-quote-carousel.carousel .carousel-indicators > li {

  background-color: #e84a64;

  border: none;

}

#fade-quote-carousel blockquote {

    text-align: center;

    border: none;

}

#fade-quote-carousel .profile-circle {

    width: 100px;

    height: 100px;

    margin: 0 auto;

    border-radius: 100px;

}



#services {

  background: #F2F2F2;

  background-size: cover;

}



#services .lead {

    color: #000;}



#services h2{

  color: #BF1E2E;

    font-weight: bold;

}



#services .fa{

  color: #BF1E2E;

}



#services .btn {margin-top:10px;}



.services-wrap {

  padding: 40px 30px;

  background: #fff;

  border-radius: 4px;

  margin: 0 0 40px;

}



.services-wrap h3 {

  font-size: 20px;

  margin: 10px 0;

}



.services-wrap .pull-left {

  margin-right: 20px;

}





/***************** PARTNERS *****************/

.partners {

    background: url(../images/partnersBkg.jpg) no-repeat center center fixed; 

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    color:white;

}



.partners h2 {

    color: aliceblue;

    font-size:30px;

    font-weight: bold;

    margin-bottom:30px;

}



.partners img {border-radius: 40px;margin-bottom: 80px;}



#quicklinks h2 {color:#BF1E2E;font-weight: bold;}



.bigFooter {

    background: #2E2E2E;

    padding:20px 0 0;

}



.bigFooter h4 {color:#BF1E2E;font-weight: bold;}



.bigFooter p {color:#fff;}



.cars {padding-top:16px;}



.footer {background:#BF1E2E;color:white;padding:5px 0;font-size:12px;}





/********************* FOR YOUR HOME ***********************/

.foryourhome-showcase {

    background: url(../images/foryourhomeBkg.jpg) no-repeat center center scroll; 

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    height:650px;

}



.foryourhome {

    padding:60px 0;

}



.foryourhome h2 {

    color:#BF1E2E;

    font-weight: bold;

}



.update-nag{

  display: inline-block;

  font-size: 14px;

  text-align: left;

  background-color: #f1f1f1;

  padding:10px;

  -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);

  box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);

  margin-bottom: 10px;

    color: #BF1E2E!important;

}



.update-nag:hover{

    cursor: pointer;

    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.4);

  box-shadow: 0 1px 1px 0 rgba(0,0,0,.3);

}



.update-nag > .update-split{

  background: #337ab7;

  width: 33px;

  float: left;

  color: #BF1E2E!important;

  height: 100%;

  text-align: center;

}





/******************* FOR YOUR BUSINESS *******************/

.foryourbusiness-showcase {

    background: url(../images/foryourbusinessBkg.jpg) no-repeat center center scroll; 

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    height:650px;

}



/****************** FAQ ***************/

.faq {

    padding:60px 0;

}



/***************** ABOUT ***************/



/*.about-showcase {

    background: url(../images/aboutBkg.jpg) no-repeat center center scroll; 

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    height:600px;

} */



.about {

    padding:60px 0;

}



.about h2 {

    color:#BF1E2E;

    font-weight: bold;

}



/*********** HOME SECURITY PACKAGE ***********/

.homeSecPkg-showcase {

    background: url(../images/homeSecPkgBkg.jpg) no-repeat center center scroll; 

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    height:600px;

}



/********** FOR YOUR HOME Products and Services ********/

.productServices-showcase {

    background: url(../images/productsServicesBkg.jpg) no-repeat center center scroll; 

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    height:600px;

}



/********** ALARM SYSTEM ***********/

.alarmSystem-showcase {

    background: url(../images/alarmSystemBkg.jpg) no-repeat center center scroll; 

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    height:600px;

}



/********* SMARTCARE **********/

.smartcare-showcase {

    background: url(../images/smartcareBkg.jpg) no-repeat center center scroll; 

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    height:600px; 

}



/********* FOOTER *********/

.bigFooter a {color:white;}

.bigFooter a:hover {color:#BF1E2E;}



.contact-wrap {color:#BF1E2E!important;}

.contact-form {text-align: left;}



.storeButtons {padding:50px 0;background:#BF1E2E}



.storeButtons h2 {

    text-align: center;

    color:#fff;

}



.appleBtn {

    border:2px solid #fff;

    padding: 10px 20px;

    border-radius: 8px;

    max-width: 220px;

    margin-bottom:10px;

    

}



.googleBtn {

    border:2px solid #fff;

    padding: 10px 20px;

    border-radius: 8px;

    max-width: 220px;

    

}



.googleBtn img {

    width:50px;

    padding-right:10px;

}



.appleBtn a, .googleBtn a {color:#fff;}



.appleBtn a:hover, .googleBtn a:hover {color:#fff!important}

.appleBtn:hover, .googleBtn:hover {background:#2E2E2E;transition:1s;}





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

    .top-bar span {font-size:12px!important;}

}



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

    .top-number span {display: block;margin-right: 30px;font-size:18px!important;}

}



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

    .owners {margin-top:110px;}

    .shild {max-width:200px;margin-top:50px;}

    .services-wrap {padding: 20px!important;min-height:520px;}  

    .navbar-nav li {font-size:11px;}

}



@media screen and (min-width:540px) and (max-width:767px) {

    #packages img {margin: auto;width:100%!important}

    .pricelabel {position: absolute!important;right:-20px}

}

/*Aleksandar*/

.welcome{
  padding: 60px 0;
}

.welcome h2{
  color: #BF1E2E;
  font-weight: bold;
}

.welcome .lead{
  margin-bottom: 50px;
}

.two-columns{
  column-count: 2;
  column-gap: 40px;
}

.welcome .video-cont{
  margin-bottom: 60px;
}

@media screen and (max-width: 769px){
  .two-columns{
    column-count: 1;
  }
}

p a{
  color: #BF1E2E;
}

.text-link{
  color: #BF1E2E;
}