@import url('//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css');
.paragraph, p {
  font-size: 13px;
  color: #232323;
  font-family: "assistant", sans-serif;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 10px; }

.container  h1 {
  color: white;
  font-size: 50px;
  font-family: 'Heebo', sans-serif;
  font-weight: 600;
  margin: 0 0 20px; }

.container h2 {
     color: white;
    font-size: 32px;
    font-family: 'Heebo', sans-serif;
    font-weight: 200;
    margin: 0 0 10px;
    line-height: 32px;
}

 .container h3 {
	color: #222222;
    font-size: 22px;
    line-height: 28px;
    font-weight: 600; }

 .container h4 {
  color: #333333;
  font-size: 20px;
  font-family: 'Heebo', sans-serif;
  font-weight: 300;
  margin: 0;
  line-height: 24px; }

 .container h5 {
  color: #333333;
  font-size: 16px;
  font-family: 'Heebo', sans-serif;
  font-weight: 400;
  margin: 0;
  line-height: 26px; }

 .container h6 {
  color: #333333;
  font-size: 12px;
  font-family: 'Heebo', sans-serif;
  font-weight: 700;
  margin: 0;
  line-height: 28px; }


/*------------------------------------------------- */
/* =  home
 *------------------------------------------------- */

.main-img {
	/*position: absolute;
    left: 0px;
    top: 100px;
    z-index: -1;
	height: 100%;
	width: 100%;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #454545;
    background-blend-mode: multiply;*/
}
.main-img img{
	position: absolute;
    width: 100%;
    /*height: 100%;*/
    right: 0;
    top:0px;
    mix-blend-mode: multiply;
}
.main-text {
	position: relative;
	top: 200px;
	color: white;
	font-weight: 600;
	text-align: right;
}
.main-laptop {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 380px;
    
}
.p-header{
	border-radius: 50px;
    padding: 0px 18px;
    text-align: center;
    font-size: 19px;
    display: inline;
    margin: 0 auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50);
    background: #222222 url(images/button-overlay.png) repeat-x;
    border: 2px solid rgba(0, 0, 0, 0.25);
    color: #FFFFFF !important;
    display: inline-block;
    overflow: visible;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    width: auto;
    text-align: center;
    background-color: #CC0000;
}

  body {
      position: relative; 
  }
  #section1 {height:737px;margin-top:76px;color: #fff;background-color:#5d5d5d;padding:0;}
  #section2 {padding-top:12px;padding-bottom:25px;color:#fff;background-color:#ffffff;}
  #section3 {padding-top:25px;height:408px;color: #fff; background-color: #e4e4e4;}
  #section4 {padding-top:50px;height:176px;color: #fff; background-color: #cd0000;text-align: center;}
  #section5 {padding-top:50px;height:665px;color: #fff; background-color: #313131;text-align: center;}
  #section6 {padding-top:40px; padding-bottom: 20px; height:auto; color: #565656; background-color: #ffffff;}
  #section7 {padding-top: 50px; padding-bottom: 20px; height:405px; color: #565656; background-color: #e4e4e4;}
  #section8 {padding-top:55px;height:176px;color: #fff; background-color: #cd0000;text-align: center;}
 .container{
 	position:relative;
    z-index: 99;
 } 
/*carousel*/
.carousel-parent{
   /* position: absolute;*/
    top: 100px;
    right: 100px;
    margin-top: 100px;
}
.carousel {
    position: relative;
    margin-top: 242px;
    float: right;
}
.carousel .carousel-control{
	color:black;
	text-shadow:none;
	background-image:none;
}
.container .carousel-control {
	text-shadow: none;
	color: white;
}

.container .carousel-control.left ,.container .carousel-control.right{
	background-image:none;
	top:185px;
	left: auto;
	width: 20px;
    height: 20px;
}
.carousel-inner{
	width:500px;
}
.carousel-inner>.item{
	padding-right:0;
	transition: .8s ease-in-out left;
	-webkit-transition: .8s ease-in-out left;
	-moz-transition: .8s ease-in-out left;
	-ms-transition: .8s ease-in-out left;
}

.container .carousel-control.left{
	right:44px;
	
}
.container .carousel-control.right{
	right:88px;
	
}
#section2 .container {
	margin-top: 130px;
	margin-bottom: 30px;
}
#section2 h2 {
	float: right;
    color: #3a3a3a;
    text-align: right;
    line-height: 37px;
    /*margin-top: 100px;*/
    font-weight: 600;
    width: 70%;
    float: right;
}
#section2 p {
	width: 92%;
    float: right;
    font-size: 18px;
    line-height: 26px;
    text-align: right;
}

#section2 .col-md-3 {
	text-align: center;
}
.icons {
	text-align: center;
	margin: 40px 40px
}
#section4 h2 {
	text-align: center;
	font-weight: 200;
    font-size: 36px;
    margin-top: 27px;
}

#section4 span {
	font-weight: 600;
}
#section5 h4 {
	font-size: 20px;
	color: white;
	line-height: 32px;
}

#section5 h3{
    font-weight: 500;
    font-size: 35px;
    margin-top: 32px;
    color: white;
}

#section6 h3{
	color:#313131;
}
#section6  .nav{
    margin-top: 40px;
    margin-bottom: 20px;
    
}

#section6 .nav-tabs {
    border: 1px solid #cd0000;
    text-align: center;
    direction: ltr;
   }
   
#section6 .nav-tabs>li>a{
   	  border-left: 1px solid #cd0000;
      border-radius: 0;
      margin-right:0;
      min-height: 48px;
      font-size: 17px;
   }
   
   #section6 .nav-tabs>li>a:first-child{
   	/*border-left:none;*/
   }
   
#section6  .nav-tabs>li.active>a,#section6 .nav-tabs>li.active>a:focus,#section6 .nav-tabs>li.active>a:hover{
   	background: #cd0000;
   	color:white;
    border-color: transparent;
    font-size: 17px;
   }
   
#section6 .nav-tabs>li>a:hover {
    border-color: transparent;
}

#section6 .nav>li>a:focus,#section6 .nav>li>a:hover {
    text-decoration: none;
    background-color: #cd0000;
}

#section6 .nav-tabs>li{
	    padding: 0 !important;
}

#section6 .tab-content h3 {
	margin-top: 49px;
}

#section6 .container .tab-content .col-md-6 h3 {
	padding-right: 40px;
}
#section6 .container .tab-content .col-md-6 h5 {
	padding-right: 40px;
}
#section6 .container .tab-content .col-md-6 ul {
	padding-right: 40px;
}

.check-list li:before{
    content: "\e013";
	color: #cd0000;
 	font-family: 'Glyphicons Halflings';
    padding-left: 10px;
}

.tab-content{
	text-align: right;
	padding-top: 30px;
}
.check-list{
	direction: rtl;
	padding-top: 30px;
    padding-right: 0;
}
.check-list li{
    list-style-type: none;
}

#section7 {
    text-align: center;
}
#section7 .container .row {
	margin-top: 55px;
}
.logo-client {
	opacity: 0.6;
    transition: 0.3s;
}
.logo-client:hover {opacity: 1}

#section8 h4{
	color: white;
	line-height: 40px;
}
#contact .container .contact-info {
	padding-right: 17px !important;
    font-size: 14px;
}
@media only screen and (max-width: 600px) {
    .container h1 {
        font-size: 35px;
    }
    .container h2 {
        font-size: 18px;
        font-weight: 600;
    }
    img{
		max-width: 100%;
	}
	#section1{
		margin-top:50px;
	}
	nav .send_btn{
		top:0;
	}
	nav .contact_top{
		top:50px;
	}
	#section1 .container{
	    position: absolute;
	    z-index: 9;
	    width: 93vw;
		}
	#section1 .main-img{
	    overflow-x: hidden;
	    position: relative;
	    height: 500px;
	}
	#section1	.main-img img{
	    height: 500px;
	    width: auto;
	    max-width: fit-content;
	    margin: auto;
        left: -275px;
    	right: auto;
	}
	#section1 .carousel{
	    margin-top: 100px;
	}
	#section1 .container .carousel-control{
		top:42px;
	}
	#section1 .main-laptop{
		top:415px;
	}
	#section1,#section2,#section3,#section5,#section4,#section8{
		height:auto;
	}
	#section2{
		padding-top:0;
	}
	
	#section4 h2{
		line-height: inherit;
		margin-top:0;
	}
	#section5 .container{
		
		padding-bottom:22px;
	}
	.nav-tabs>li>a{
	    font-size: 11px;
	}
	#section6 .tab-content{
		padding-top: 0;
	}
	#section7{
		height:705px;
	}
	body section{
	    padding: 50px 0;
	}
	
	#section6 .nav-tabs>li>a{
		min-height:112px;
	}
	#section6 .container .tab-content .col-md-6 ul {
		padding-right:0;
	}
	#section8{
		padding-top:0;
	}
}

#section3 p{
	font-size: 18px;
    line-height: 23px;
	}
	
#section8 h3{
	color: #ffffff;
    font-size: 34px;
    font-weight: 500;
}


h1,h2,h3,h4,h5,h6{
	text-transform: initial !important;
	}‏