html{
    overflow-x: hidden;
}
	/** Font colors **/
		.cdr{color: #003466;}       	/** Dark blue **/
		.clr{color: #2D81CF;}			/** Light blue **/
		.clg{color: #E3E6EB;}			/** Light gray **/
		.cdg{color: #97A2B0;}			/** Dark gray **/
		.cw{color: white;}				/** White **/
		.ct{color: #60CFC9;}			/** Green-blue **/
		.co{color: #ED8B00;}			/** Orange **/
		.cp{color: #963CBD;}			/** Purple **/
		
	/** Background colors **/
		.bcdr{background-color: #003466;}
		.bclr{background-color: #2D81CF;}
		.bclg{background-color: #F5F5F5;}			
		.bcdg{background-color: #97A2B0;}	
		.bcw{background-color: white;}
		.bct{background-color: #60CFC9;}
	
	/** Borders and lines **/
		.schrlr{border-top: 1px solid #2D81CF;}		
		.stborderbtmdb{
		 border-bottom-width: 2px; 
         border-bottom-color: #003466;
         border-bottom-style: solid;		 
		 border-radius: 0px;	
		}
		.scbort{border: 1px solid #60CFC9;}
		.scbordb{border: 1px solid #003466;}
		.scborw{border: 2px solid white;}

	/** For non-margin font **/
		.scnomarg{margin-top: 0px;}
		
	/** Navbar links **/			
		.navbar {
			position: relative;
			min-height: 50px;
			margin-bottom: 0px;
			border: 1px solid transparent;
			border-bottom: 2px solid #003466;
		}
		.nav>li>a:focus, .nav>li>a:hover {
			text-decoration: none;
			background-color: transparent;
		}
		.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
			background-color: transparent;
			border-color: #337ab7;
		}
		.ma:link {
			color: #2D81CF;
			font-size: 20px;
			font-weight: 600;
		}
		.ma:visited {
			color: #97A2B0;
			font-size: 20px;
			font-weight: 600;
		}
		.ma:hover {
			color: #97A2B0;
			font-size: 20px;
			font-weight: 600;
		}
		.ma:active {
			color: #2D81CF;
			font-size: 20px;
			font-weight: 600;
		}	
		.mal:link {
			color: #60CFC9;
			font-size: 20px;
			font-weight: 600;
		}
		.mal:visited {
			color: #97A2B0;
			font-size: 20px;
			font-weight: 600;
		}
		.mal:hover {
			color: #97A2B0;
			font-size: 20px;
			font-weight: 600;
		}
		.mal:active {
			color: #60CFC9;
			font-size: 20px;
			font-weight: 600;
		}
		.mal2:link {
			color: #003466;
			font-size: 20px;
			font-weight: 600;
		}
		.mal2:visited {
			color: #97A2B0;
			font-size: 20px;
			font-weight: 600;
		}
		.mal2:hover {
			color: #97A2B0;
			font-size: 20px;
			font-weight: 600;
		}
		.mal2:active {
			color: #003466;
			font-size: 20px;
			font-weight: 600;
		}
		.mal2d:link {
			color: #003466;
			font-size: 15px;
			font-weight: 600;
		}
		.mal2d:visited {
			color: #97A2B0;
			font-size: 15px;
			font-weight: 600;
		}
		.mal2d:hover {
			color: #97A2B0 !important;
			font-size: 15px;
			font-weight: 600;
			background-color: transparent !important;
		}
		.mal2d:active {
			color: #003466;
			font-size: 15px;
			font-weight: 600;
		}		
		.ma2:link {
			color: #003466;
			font-size: 20px;
			font-weight: 600;
			border-bottom: 3px solid #97A2B0;
			margin-right: 15px;
			margin-left: 15px;
			top: 0px;
			padding-right: 1px;
			padding-left: 1px;
			padding-bottom: 8px;
		}
		.ma2:visited {
			color: #97A2B0;
			font-size: 20px;
			font-weight: 600;
			border-bottom: 3px solid #003466;
			margin-right: 15px;
			margin-left: 15px;
		
			padding-right: 1px;
			padding-left: 1px;
			padding-bottom: 8px;
		}
		.ma2:hover {
			color: #97A2B0;
			font-size: 20px;
			font-weight: 600;
			border-bottom: 3px solid #003466;
			margin-right: 15px;
			margin-left: 15px;
			padding-right: 1px;
			padding-left: 1px;
			padding-bottom: 8px;
		}
		.ma2:active {
			color: #003466;
			font-size: 20px;
			font-weight: 600;
			border-bottom: 3px solid #97A2B0;
			margin-right: 15px;
			margin-left: 15px;
			padding-right: 1px;
			padding-left: 1px;
			padding-bottom: 8px;
		}	
		.glyphicon {
			position: relative;
			top: 1px;
			display: inline-block;
			font-family: 'Glyphicons Halflings';
			font-size: 18px;
			font-weight: 400;
			line-height: 16px;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}		

	/** Custom links **/			
		.sca:link {
			color: #003466;
			font-size: 18px;
		}
		.sca:visited {
			color: #97A2B0;
			font-size: 18px;
		}
		.sca:hover {
			color: #97A2B0;
			font-size: 18px;
		}
		.sca:active {
			color: #003466;
			font-size: 18px;
		}	
		
	/** Custom links **/			
		.scaw:link {
			color: white;
			font-size: 18px;
		}
		.scaw:visited {
			color: white;
			font-size: 18px;
		}
		.scaw:hover {
			color: #97A2B0;
			font-size: 18px;
		}
		.scaw:active {
			color: white;
			font-size: 18px;
		}	
		

	/** Title **/	
		.sctitle {
			color: #003466;
			font-family: Lato,Arial,Helvetica,sans-serif;
			font-size: 60px;
			line-height: 60px;
			font-weight: 300;
		}
		@media only screen and (max-width:990px){
			.sctitle {
			font-size: 40px;
			line-height: 50px;
			}
		}
		.scbold {
			font-weight: 700;
			color: #60CFC9;
		}
		.scline {
			margin-top: 15px;
			height: 3px;
			width: 100px;
			background: #003466;
		}
		.sctitle:hover {
			color: #4b4e53;
		}
		.scline:hover {
			background: #4b4e53;
		}
	
	/** Subtitle **/
		.sctitle2 {
			color: #003466;
			font-family: Lato,Arial,Helvetica,sans-serif;
			font-size: 30px;
			line-height: 30px;
			font-weight: 300;
		}
		.scbold2 {
			font-weight: 700;
			color: #60CFC9;
		}		
		
	/** Slider title **/	
		.sctitlesl {
			color: #003466;
			font-family: Lato,Arial,Helvetica,sans-serif;
			font-size: 30px;
			line-height: 30px;
			font-weight: 300;
		}
		.scboldsl {
			font-weight: 700;
			color: #60CFC9;
		}
		@media only screen and (max-width:990px){
			.sctitlesl {
			font-size: 20px;
			line-height: 30px;
			}
		}

	/** Modal title **/	
		.sctitlemod {
			color: white;
			font-family: Lato,Arial,Helvetica,sans-serif;
			font-size: 30px;
			line-height: 30px;
			font-weight: 300;
		}
		.scboldmod {
			font-weight: 700;
		}
		@media only screen and (max-width:990px){
			.sctitlemod {
			font-size: 20px;
			line-height: 30px;
			}
		}		
		
	/** Modal button **/	
		.modbtn{
			border-radius: 0px;
			border: 2px solid white;
			background: transparent;
			color: white;
			font-size: 15px;
		}
		
	/** Log in button **/	
		.divbtn {
			position: absolute;
			bottom: 10%;
			left: 27%;
			z-index: 4 !important;
			border: 3px solid #003466; 
			padding: 15px; 
		}	
		.divbtn1 {
			position: absolute;
			bottom: 10%;
			left: 27%;
			z-index: 4 !important;
			border: 3px solid #2D81CF;
			padding: 15px; 
		}	
		.divbtn2 {
			position: absolute;
			bottom: 10%;
			left: 27%;
			z-index: 4 !important;
			border: 3px solid #60CFC9;
			padding: 15px; 
		}
		button{background-color: transparent;
			border: 0px outset buttonface; 
			color: #003466;
			font-size: 22px;  
		}
		button:focus {
			outline: -webkit-focus-ring-color auto 0px;
		}		
		@media only screen and (max-width:990px){
			.divbtn {
				padding: 8px;
				left: 10%;
			}
			.divbtn1 {
				padding: 8px;
				left: 10%;
			}	
			.divbtn2 {
				padding: 8px;
				left: 10%;
			}	
			button{background-color: transparent;
				border: 0px outset buttonface; 
				color: #003466;
				font-size: 18px;  
			}
		}
		
	/** You tube pop-up **/	
		.scgl{display: inline-block;
			margin-top: -10px;
			font-size: 80px;
			line-height: 63px;
			vertical-align: middle;}
		.sctitleyt {
			color: #003466;
			font-family: Lato,Arial,Helvetica,sans-serif;
			font-size: 60px;
			line-height: 60px;
			font-weight: 300;
		}
		.scboldyt {
			font-weight: 700;
			color: #60CFC9;
		}
		@media only screen and (max-width:990px){
			.scgl{display: inline-block;
				margin-top: -10px;
				font-size: 50px;
				line-height: 63px;
				vertical-align: middle;}
			.sctitleyt {
				color: #003466;
				font-family: Lato,Arial,Helvetica,sans-serif;
				font-size: 30px;
				line-height: 30px;
				font-weight: 300;
		}}
		
	/** Contact details **/	
		.contact-details li .fa {
			padding: 10px 0px 0px 0px;
		}
		
	/** Price boxes **/	
		.panel-success>.panel-heading {
			color: #003466;
			background: rgba(45, 129, 207, 0.5);
			border-color: #2D81CF;
		}
		.panel-success {
			border-color: #2D81CF;
		}
		.btn-success {
			color: #fff;
			background-color: #2D81CF;
			border-color: #2D81CF;
		}
		.panel-info {
			border-color: #60CFC9;
		}
		.panel-info>.panel-heading {
			color: #318296;
			 background: rgba(96, 207, 201, 0.5);
			border-color: #60CFC9;
		}
		.btn-info {
			color: #fff;
			background-color: #60CFC9;
			border-color: #60CFC9;
		}
		
		
	/* Scroll to top style */
		#toTop {
			position: fixed;
			bottom: 40px;
			right: 40px;
			cursor: pointer;
			display: none;
		}
		
		
	/* carousel */
		#quote-carousel{
		  padding: 0 10px 30px 10px;
		  margin-top: 30px;
		}
		#quote-carousel .carousel-control{
		  background: none;
		  color: #222;
		  font-size: 2.3em;
		  text-shadow: none;
		  margin-top: 30px;
		}
		#quote-carousel .carousel-control.left{
		  left: -12px;
		}
		#quote-carousel .carousel-control.right{
		  right: -12px !important;
		}
		#quote-carousel .carousel-indicators {
		  right: 50%;
		  top: auto;
		  bottom: 0px;
		  margin-right: -19px;
		}
		#quote-carousel .carousel-indicators li {
		  background: #c0c0c0;
		}
		#quote-carousel .carousel-indicators .active {
		  background: #333333;
		}
		#quote-carousel img{
		  width: 250px;
		  height: 100px
		}
		.item blockquote {
			border-left: none; 
			margin: 0;
		}
		.item blockquote img {
			margin-bottom: 10px;
		}
		.item blockquote p:before {
			content: "\f10d";
			font-family: 'Fontawesome';
			float: left;
			margin-right: 10px;
		}
		.carousel-inner {
			position: relative;
			width: 100%;
			overflow: hidden;
			height: 400px;
		}

	/* Small devices (tablets, 768px and up) */
		@media (min-width: 768px) { 
			#quote-carousel {
			  margin-bottom: 0;
			  padding: 0 40px 30px 40px;
			}
		}
	/* Small devices (tablets, up to 768px) */
		@media (max-width: 768px) { 
			#quote-carousel .carousel-indicators {
				bottom: -20px !important;  
			}
			#quote-carousel .carousel-indicators li {
				display: inline-block;
				margin: 0px 5px;
				width: 15px;
				height: 15px;
			}
			#quote-carousel .carousel-indicators li.active {
				margin: 0px 5px;
				width: 20px;
				height: 20px;
			}
		}

	#modCompanyLogin{padding-right:0px;}
	.modal-body{height: auto; width: auto; padding: 0px;}
		@media (min-width: 768px){
			.modal-dialog {
				width: 100%;
				margin: 30px;
			}
		}
	.modal-content {
		background-color: transparent;
		border: 1px solid transparent;
		border: 1px solid transparent;
		-webkit-box-shadow: 0 3px 9px transparent;
		box-shadow: 0 3px 9px transparent;
	}
	.close {
		font-size: 40px;
	}
	button.close {
		padding-top: 20px;
	}
	button.close2 {
		padding-top: 5px;
		padding-right: 15px;
	}
	a:focus, a:hover {
		cursor: pointer;
	}
	.scforget{font-size: 16px;
	padding-left: 0px; color: #003466;}
	.paddl2 {
		margin-left: -55px;
	}
	body .button.primary{opacity: 1; background-color: #003466; font-size: 18px; color: white;
	padding-top: 10px; padding-bottom: 10px; padding-left: 17px; padding-right: 17px;}
	body .button.primary:hover{opacity: 1; background-color: #003466; font-size: 18px; color: #2D81CF;}
	body .button.secondary{opacity: 1; background-color: #2D81CF; font-size: 18px; color: #003466;
	padding-top: 10px; padding-bottom: 10px; padding-left: 17px; padding-right: 17px;}
	input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
		border: 0px outset buttonface;
	}
	.pf_form .pf_footer, .pf_form .pf_header, .pf_form footer, .pf_form header {
		padding: 20px 30px;
	}
	.modal-dialog {
		position: relative;
		width: auto;
		margin: 0px;
		margin-top: 10px;
	}
	.reglabel{color:  #97A2B0;}
	.unit label.label, section>label.label {
		margin: 3px 0;
		padding-left: 3px;
		font-size: 18px;
		line-height: 20px;
		min-height: 20px;
	}

		@media (max-width: 980px) and (min-width: 740px){
			.w_normal {
				width: 620px;
			}
		}
		@media (max-width: 1280px) and (min-width: 980px){
			.w_normal {
				width: 660px;
			}
		}
		@media (max-width: 1920px) and (min-width: 1280px){
			.w_normal {
				width: 800px;
			}
		}

		@media (max-width: 980px) and (min-width: 740px){
			.w_normal2 {
				width: 620px;
			}
		}
		@media (max-width: 1280px) and (min-width: 980px){
			.w_normal2 {
				width: 680px;
			}
		}
		@media (max-width: 1920px) and (min-width: 1280px){
			.w_normal2 {
				width: 820px;
			}
		}
		.simpleChecker.big, .simpleChecker.bigger {
			height: 30px;
			line-height: 27px;
			width: auto!important;
		}
		.paddl{margin-left: -25px;}
		.scformcolor{background-color: #E2E2E2;}
		.scfootercolor{background-color:red;}
		.simpleChecker_handler_underlay .simpleChecker_fillerLeft span:not(.custom):before {
			content: '';
			position: absolute;
			top: 50%;
			margin-top: -50%;
			left: 50%;
			margin-left: -50%;
			width: 10px;
			height: 6px;
			border: solid #fff;
			border-width: 0 0 3px 3px;
			transform: rotate(-45deg);
		}
		.simpleChecker_label {
			padding-left: 10px;
			position: relative;
			height: inherit;
			line-height: inherit;
			float: m;
		}
		.scrow {
			margin: 0px 10px 10px -10px;
		}
		.big .simpleChecker_handler {
			overflow: hidden;
			width: 52px;
			height: 21px;
			position: absolute;
			border: 2px solid #999;
			z-index: 10;
		}
		.scspanlabel{font-weight: 700;}
		input[type=password]{
			font-family: inherit;
			width: 100%;
			vertical-align: center;
			padding: 0 40px;
		}
		input#InputEMail {
			width: 25% !important;
		}
		.scformtit {
			padding-bottom: 10px !important;
			font-size: 22px;
			font-weight: bold;
			color: #003466 !important;
			border-right: 5px solid #60CFC9;
			padding-right: 10px;
			padding-top: 10px;
			line-height: 22px !important;
		}	
		input#InputIdNumber {
			width: 25% !important;
		}
			@media only screen and (max-width: 640px){
				input[type=ticker] input[type=text], input[type=text], input[type=password], input[type=color], input[type=email], input[type=number], input[type=tel], input[type=url], select, textarea:not(.init) {
					padding: 10px 0px 0px 8px;
				}
				input#InputEMail {
					width: 100% !important;
				}
				input#InputIdNumber {
					width: 100% !important;
				}
			}