@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');
@import url('https://use.fontawesome.com/releases/v5.0.13/css/all.css');
a, button{
	-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.headerMain{padding:0;font-family: 'Roboto', sans-serif;z-index:20;    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}
.headerMain .nav-link{padding:29.5px 15px !important;color:#000;text-transform:uppercase;letter-spacing:.75px;font-weight:500;font-size:14px;}
.carousel-item{
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	/* Firefox */
	height: -moz-calc(100vh - 80px);
	/* WebKit */
	height: -webkit-calc(100vh - 80px);
	/* Opera */
	height: -o-calc(100vh - 80px);
	/* Standard */
	height: calc(100vh - 80px);
}
.banner-first{background-image:url("../images/slider/banner-1.jpg");}
.banner-second{background-image:url("../images/slider/banner-2.jpg");}
.banner-third{background-image:url("../images/slider/banner-3.jpg");}
.banner-fourth{background-image:url("../images/slider/banner-4.jpg");}
.banner-five{background-image:url("../images/slider/banner-5.jpg");}
@media (max-width:992px){
	.navbar-brand{margin-left:15px;}
}
.dropdown-menu{opacity:0;visibility:hidden;}
.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;}
/*.innerpages .headerMain{border-bottom:1px solid #e8e8ec}
.innerpages .headerMain .navbar-brand{color:#e8e8ec}
.innerpages .headerMain .nav-link{color:#e8e8ec}*/
.carousel-item .caption{display:table;color:#FFF;width:100%;margin:auto;background-color: rgba(0,0,0,0.22)}
.carousel-item .captionCopy{display:table-cell;}
.carousel-item .captionCopy .sliderHeader{font-size: 57px;font-family: 'Roboto', sans-serif;font-weight:300;word-break: break-word;    text-shadow: rgba(0,0,0,.498039) 0 2px 5px;margin-bottom: 35px;}
.carousel-item .captionCopy p{font-size:25px;max-width:550px;margin:auto;font-weight:300;line-height:32px;}
@media (min-width:992px){
	.break{clear:both;width:100%;display:block;}
}

.mainFooter{background-color:#34343b;color:#ccc;font-size:13px;vertical-align:middle;}

.solution{display:block;margin-bottom: 10px;}
.solution:hover{text-decoration:none;    box-shadow: 0 4px 8px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0,0,0,.08);}
.solution img{max-width:100%}
.solution .caption{display:block;padding:18px 10px;font-family: 'Roboto', sans-serif;font-weight:300;text-align:center;font-size:20px;background-color:#f7f8fa;color:#000}

.innerBanner{background-image:url("../images/inner-banner.jpg");background-size:cover;background-repeat:no-repeat;background-position:0 30%;
height:440px;
position:relative;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-pack: center !important;
justify-content: center !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.page-why-us .innerBanner{background-image:url("http://jvcinsurance.co.za/wp-content/uploads/2018/02/businessman-handshake-corporate-colleagues-PDPWUKN-e1518087908571.jpg");}
.innerBanner:before{position:absolute;content:"";left:0;top:0;bottom:0;right:0;background-color: rgba(0, 0, 0, 0.2);}
.innerBanner h2{font-size: 70px;
	font-weight: 300;
	color: #fff;
	line-height:70px;
	margin:auto;
	max-width:1170px;
	position:relative;
}

.address .icon-medium{font-size:30px;color: #39a14d;}


.social a{padding:5px;margin:0 10px;display:inline-block;vertical-align:middle;color:#34343b;background-color:#ccc;height:32px;width:32px;border-radius:50%;text-align:center;font-size:16px;line-height:22px;}
.social a:hover{background-color: #3aa24d;color:#fff;}
.contact {list-style-type: none;margin: 0 0 0 87px;position: relative;color: green;}
.contact::before {content: "\f095";font-family:"FontAwesome";margin-right: 10px;
    display: inline-block;position: absolute;right: 73%;top: 13%;font-size: 22px;transform: rotate(16deg);
}
.contact li a {color: #3aa14d;text-decoration: none;font-weight: 500;font-size: 16px;}
.contact span {display: block;font-size: 10px;font-weight: 400;text-transform: uppercase;}
.teamwrapper{text-decoration: none}
.teamwrapper:hover{color:#000;text-decoration: none}
.team{/*border-radius: 100%;height: 150px;width: 150px;*/border: 2px dotted #e2e2e2;padding: 6px;display: block;
    margin: 0 auto 12px auto;}
.teamtext{font-size: 17px;text-align: center;}
.ct-btn-scroll {width: 40px;height: 40px;position: absolute;
	bottom: 63px;left: 0;right: 0;margin: auto;z-index: 9;
}
.readbtn {
	padding: 14px 17px;
	background: #000000;
	border: 0px;
	color: #fff;
	-webkit-transform-origin: 50% 50%;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	-webkit-box-shadow: 69px 0px 0 0 #34a153 inset, -69px 0px 0 #34a153 inset;
	display: block;
	max-width: 137px;
	margin: 0 auto;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 500;
}
.readbtn:hover {
	-webkit-box-shadow: 0px 0px 0 0 #34a153 inset, 0px 0px 0 #34a153 inset;
	color: #fff;
	text-decoration: none;
}
@media (max-width: 991px){
	.navbar-brand{height: 135px;width: 145px;top: -41px;}
	.navbar-nav{margin-top: 58px;}
	.navbar-toggler {display: block;margin: 0 86%;position: relative;}
	.contact{display: none;}
	.innerBanner{height: 169px;}
	.innerBanner h2{font-size: 38px;}
	.headerMain .nav-link{padding: 15.5px 15px !important;border-bottom: 1px dashed #eee;}
	.homeScroll{display:none}
	.carousel-item .captionCopy .sliderHeader{font-size: 17px;}
	.readbtn{display: block;max-width: 80px;padding: 7px 6px;font-size: 10px;}
	.captionCopy{display: block;max-width: 235px;margin: 0 auto;}
	.arrow{height: 25px;width: 25px;}
	.ct-btn-scroll{bottom: 0;}
}
@media (max-width:441px){
	.carousel-item{height: calc(100vh - 263px);}
	.socialfooter{display: contents!important;line-height: 37px;text-align:center;}
}
#information-main{scroll-behavior: smooth;display: block;}
#toTop {display: none;text-decoration: none;position: fixed;bottom: -25px;right: 3%;overflow: hidden;z-index: 999;width: 42px;
	height: 72px;border: none;text-indent: 100%;background: url(../images/start-up.png) no-repeat 0px 0px;
}
.productspace{padding: 0 10px;}
.welcome {
	padding: 16% 0 16%;
	position: relative;
}
.thankstext{color: #39a14d;font-size: 52px;}


