@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Poppins:400,400i,500,500i,700,700i');

html{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

html, body{
	height: 100%;
}

body{
	font-family:'Poppins', sans-serif;
	color:#727d84;
	font-size:16px;
	text-rendering:optimizelegibility;
	-webkit-font-smoothing: antialiased;
	line-height:1.6;
}

#wrapper{
	height:auto;
	min-height:100%;
}

h1, h2, h3, h4, h5, h6{
	margin:0;
	font-weight:normal;
}

h1, h2, h3{
	color:#fff;
	font-size:40px;
	padding:0 0 10px;
}

h2{
	font-size:30px;
	color:#4c4c4c;
}

h3{
	font-size:24px;
	color:#4c4c4c;
}

p{
	line-height:32px;
	padding:0 0 15px;
	margin:0;
}

a:hover, button:hover{
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}

.btn-link{
	display:inline-block;
	border-radius:2em;
	color:#fff;
	text-decoration:none;
	padding:10px 30px;
	background-color:#233c7e;
	text-align:center;
	font-size:16px;
}

.btn-link:hover, .btn-link:focus{
	color:#fff;
	text-decoration:none;
	background-color:#0a225f;
}

.title, .sm-title{
	font-size: 28px;
	line-height:32px;
	color:#233c7e;
	padding:0 0 15px;
}

.title.color-white, .sm-title.color-white{
	color:#fff;
}

.btn{
	font-size:16px;
	font-weight:bold;
	background-color:#EC5064;
	padding:22px 40px;
	color:#fff;
	border-radius:0;
	border:0 none;
	text-align:left;
	width:260px;
	border:#EC5064 3px solid;
}

.btn .fa{
	padding-left:60px;
	font-size:14px;
}

.btn:hover{
	background-color:#fff;
	color:#EC5064;
}

.form-control{
	height:auto;
	line-height:normal;
	outline:0;
	border:0 none;
	border-bottom:#111d2b 1px solid;
	padding:20px 0;
	color:#7f7f7f;
	font-size:16px;
	box-shadow:none !important;
	border-radius:0;
	margin:0 0 20px;
}

.navbar{
	background-color:transparent;
	border-radius:0;
	border:0 none;
	margin:0;
	padding:80px 0;
}

.navbar-brand{
	height:auto;
	padding-top:0;
	padding-bottom:0;
	transition: all 0.5s ease-in-out;
	background:url(../images/accuplate_logo.png) no-repeat scroll 15px center;
	background-size:auto 48px;
	width:240px;
	height:50px;
	text-indent:-9999px;
}

.navbar-nav{
	margin:9px 0 0 140px;
	position:relative;
}

.navbar-nav li a{
	display:block;
	color:#000;
	text-decoration:none;
	font-size:15px;
	padding:7px 20px;
}

.nav > li > a:focus, .nav > li > a:hover, .nav > li > a.active{
	color:#EC5064;
	background-color:transparent;
}

.hero-banner{
	position:relative;
	z-index:5;
}

.hero-banner .container{
	position:relative;
	z-index:5;
}

.hero-bg{
	position:absolute;
	top:0;
	right:0;
	background:url(../images/hero-img.jpg) no-repeat scroll right center;
	background-size:cover;
	width:64.5%;
	height:800px;
	z-index:1;
}

.hero-contents{
	display:table;
	height:800px;
	width:530px;
}

.hero-contents .wrap{
	display:table-cell;
	vertical-align:top;
}

.hero-contents h1{
	font-weight:700;
	font-size:72px;
	line-height:73px;
	color:#000;
	padding:50px 0 0;
}

.hero-contents h1 span{
	color:#EC5064;
}

.hero-contents p{
	padding:30px 0 0;
	max-width:280px;
}

.about-us{
	background-color:#EC5064;
	color:#fff;
	padding:300px 0 190px;
	text-align:center;
	margin:-110px 0 0;
}

.about-us .sm-title{
	color:#fff;
	font-size:16px;
	padding:0;
}

.about-us p{
	color:#fff;
	line-height:48px;
	font-size:30px;
	padding:0 10%;
}

.home-features{
	padding:100px 0;
}

.sub-features{
	padding:60px 0 140px;
}

.home-features h2, .product-operate h2{
	margin:40px 0 0;
	padding:0;
	font-size:30px;
	font-weight:700;
	color:#000;
}

.sub-features h2{
	margin:100px 0 0;
	padding:0;
	font-size:20px;
	font-weight:700;
}

.home-features h2 i, .product-operate h2 i {
	padding:0 0 40px;
	display:block;
	color:#EC5064;
	font-size:70px;
}

.sub-features h2 .fa{
	font-size:50px;
}

.home-features p{
	padding:40px 0 0;
	min-height:200px;
}

.sub-features p{
	padding:15px 0 0;
	min-height:1px;
	font-size:15px;
}

.product-operate{
	position:relative;
	padding:200px 0 300px;
}

.product-operate .left{
	position:absolute;
	left:0;
	top:-25px;
	height:100%;
	width:53%;
	z-index:2;
	background-color:#000;
}

.product-operate .right{
	position:absolute;
	right:0;
	bottom:0;
	height:100%;
	width:53%;
	z-index:1;
	background:url(../images/operation-room.jpg) no-repeat scroll center right;
	background-size:cover;
}

.product-operate .container{
	position:relative;
	z-index:5;
}

.product-operate h2{
	margin:0;
	color:#fff;
}

.product-operate p{
	padding:40px 0 0;
}

.case-studies{
	background:url(../images/case-bg.jpg) no-repeat scroll center bottom;
	background-size:cover;
	padding:150px 0 0;
}

.case-studies #carousel-casestudies{
	max-width:630px;
	background-color:#fff;
}

#carousel-casestudies .item{
	padding:90px 60px 0;
	min-height:680px;
}

#carousel-casestudies .item h4{
	font-size:20px;
	font-weight:700;
	padding:100px 0 20px;
	color:#000;
}

#carousel-casestudies .carousel-control{
	background:0 none;
	width:52px;
	height:52px;
	border-radius:50%;
	border:#EC5064 3px solid;
	font-size:16px;
	color:#000;
	text-shadow:none;
	line-height:46px;
	top:90px;
	left:60px;
}

#carousel-casestudies .carousel-control.right{
	right:auto;
	left:130px;
}

.case-logo{
	padding:60px 0 0;
    opacity: 0.5;
}

.packages{
	padding:200px 0 150px;
}

.packages .sm-title{
	padding:200px 0;
}

.packages .sm-title{
	color:#bbbec0;
	font-size:16px;
	padding:0;
	text-align:center;
}

.packages p{
	font-size:30px;
	line-height:52px;
	text-align:center;
	padding:0 15%;
	margin:0 0 90px;
}

.box{
	background-color:#f2f2f2;
	border:#f2f2f2 5px solid;
	padding:60px 30px 20px;
	min-height:500px;
	text-align:center;
}

.box h2{
	font-size:27px;
	position:relative;
	font-weight:700;
	padding:0 0 37px;
	color:#000;
}

.box h2 i{
	display:block;
	padding:0 0 20px;
	font-size:80px;
	color:#000;
}

.box h2 span{
	display:block;
	font-size:16px;
	color:#839097;
	padding:10px 0 0;
}

.box h2:after{
	content:"";
	width:16px;
	height:2px;
	background-color:#909599;
	position:absolute;
	left:50%;
	margin-left:-8px;
	bottom:0;
}

.packages .box p{
	font-size:15px;
	line-height:32px;
	padding:35px 0 0;
	margin:0;
}

.req-qoute{
	text-align:center;
}

.req-qoute p{
	font-weight:400;
	font-size:18px;
	padding:100px 0 0 !important;
	margin:0 0 30px !important;
}

.req-qoute p strong{
	font-size:20px;
	color:#000;
}

.bottom-info{
	border-top:#e5e6e7 1px solid;
	padding:0 0 170px;
}

.bottom-info .title, .bottom-info .sm-title{
	font-weight:700;
	color:#000;
	font-size:30px;
	padding:170px 0 25px;
}

.bottom-info .sm-title{
	font-size:16px;
	padding:20px 0 0;
}

.bottom-info p{
	padding:0 0 20px;
}

.bottom-info p a{
	color:#EC5064;
	text-decoration:none;
}

.bottom-info p a:hover{
	text-decoration:underline
}

.bottom-info .btn{
	margin:40px 0 0;
}

.bottom-info form{
	margin:20px 0 0;
}

footer{
	padding:150px 0;
	background-color:#000;
	text-align:center;
}

footer p{
	background:url(../images/accuplate_logo_footer.png) no-repeat scroll center top;
	background-size:auto 38px;
	font-size:13px;
	color:#969696;
	padding:70px 0 0;
}

.product-info{
	margin:70px 0 0;
	font-size:13px;
	color:#969696;
}

.product-info span{
	padding-left:10px;
}

.modal-header{
	background-color:#EC5064;
	padding:15px 30px;
	border-top-left-radius:4px;
	border-top-right-radius:4px
}

.modal-title{
	color:#fff;
	font-size:24px;
	font-weight:700;
}

.modal-title .fa{
	margin-right:10px;
}

.modal-header .close{
	margin-top:5px;
	color:#fff;
	opacity:1;
}

.modal-body{
	padding:0;
}

.modal-body h4{
	font-size:23px;
	line-height:30px;
	color:#233c7e;
	padding:5px 0 20px;
}

#back-to-top {
	position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;
	font-size:30px;
    color: #EC5064;
    cursor: pointer;
    border: 0;
    border-radius: 50%;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
	display:block;
	background-color:rgba(255,255,255,0.9);
	padding:0 15px 1px;
	box-shadow:0 0 25px rgba(0,0,0,0.1);
}

#back-to-top.show {
    opacity: 1;
}

@media (min-width: 768px){
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
}

@media (max-width: 1199px){
.hero-bg{
	width:60.5%;
}

.home-features h2{
	font-size:24px;
}

.sub-features h2{
	font-size:20px;
}
}

@media (max-width: 991px){
.hero-bg{
	width:57%;
}

.about-us p{
	padding:0;
}

.sub-features p{
	min-height:1px;
}

.home-features h2{
	font-size:22px;
}

.box{
	min-height:600px;
}

.navbar-nav{
	margin-left:60px;
}

.packages p{
	padding:0 8%;
}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px){
.navbar{
	padding:30px 0;
	position:relative;
	z-index:99;
}

.navbar-collapse{
	border:0 none;
	background-color:#EC5064;
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	height:100% !important;
	max-height:100% !important;
	padding:10px 0 0;
	border-right: 1px solid rgba(255,255,255,.14);
    transform: translateZ(0);
    transform-style: preserve-3d;
    transition-duration: .2s;
    transition-property: transform,left;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
	width:280px;
	margin-left:0 !important;
}

.navbar-collapse.collapse{
	display:block;
	left:-281px;
	opacity:0;
	visibility:hidden;
}

.navbar-collapse.collapse.in{
	left:0;
	opacity:1;
	visibility:visible;
}

.navbar-nav li{
	padding:5px 20px !important;
	border-bottom:rgba(255,255,255,0.3) 1px solid;
}

.navbar-nav li a{
	color:#fff !important;
}

.navbar-nav li.nav-link a{
	margin-left:0;
	padding-left:7px;
}

.navbar-toggle .icon-bar{
	background-color:#EC5064;
}

.navbar-toggle{
	margin-top:7px;
	transition: all 0.5s ease-in-out;
}

.navbar.transit-header .navbar-toggle{
	margin-top:13px;
}

.navbar.transit-header .navbar-toggle .icon-bar{
	background-color:#444;
}

.navbar-nav{
	float:none;
	margin:0 0 20px !important;
}

.hero-contents{
	width:100%;
	height:500px;
}

hero-contents .wrap{
	vertical-align:middle;
}

.hero-contents h1{
	font-size:40px;
	line-height:40px;
	text-align:center;
}

.hero-contents p{
	background-color:rgba(0,0,0,0.5);
	padding:30px;
	margin:40px 0 0;
	color:#fff;
	max-width:100%;
	text-align:center
}

.hero-bg{
	width:100%;
	height:100%;
}

.about-us p{
	line-height:40px;
    font-size:20px;
    padding:0;
}

.home-features, .bottom-info{
	text-align:center;
}

.featureicon-1, .featureicon-2, .featureicon-3, .featureicon-4{
	background-position:center top;
}

.home-features p{
	min-height:1px;
}

.product-operate .left, .product-operate .right{
	position:relative;
	top:0;
	height:400px;
    width:100%;
    background-color:#000;
}

.product-operate{
	padding:0 0 180px;
	background-color:#000;
	text-align:center;
}

.product-operate h2{
	margin-top:180px;
}

.case-studies{
	background-position:center bottom;
	padding:0;
}

.box{
	min-height:1px;
	margin:0 0 50px;
}

#carousel-casestudies .item{
	padding:90px 25px;
}

.home-features h2{
	margin-top:90px;
}
}	/* End Landscape phone to portrait tablet */