/* #Basic Styles */
body { font-size: 18px; line-height: 1.2; color: #000; font-family: 'HelveticaNeueLT Std Lt', Arial; background-color: #fff; }

/* #Typography */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin: 0 0 15px; }
h1 { font-size: 46px; }
h5 { font-size: 16px; }
img { display: block; max-width: 100%; height: auto; border: 0 none; }

/* #Links */
a { color: #333; text-decoration: none; outline: 0; }
a:hover { color: #000; text-decoration: none; }
a:focus { text-decoration: none; outline: none; }

.container { width: 100%; max-width: 950px; }

/* #Buttons
================================================== */
.btn { border-radius: 0; -webkit-border-radius: 0; }
.btn i { margin-left: 5px; font-size: 110%; }
.btn-info { font-size: 23px; color: #000; border: 0 none; font-family: 'Helvetica Neue LT Std'; background: #80d3f2; } 
.btn-info:hover, .btn-info:focus, .btn-info:focus:active { color: #000; background: #62c3e8; }
.btn-default { padding: 5px 14px; font-size: 14px; color: #00aeef; border: 3px solid #dcddde; background: none; }
.btn-default:hover, .btn-default:focus, .btn-default:focus:active { box-shadow: none; -webkit-box-shadow: none; color: #fff; border-color: #00aeef; background: #00aeef; }

/* pagination */
.pagination li { display: inline-block; }
.pagination li a { padding: 8px 14px; color: #00aeef; border: 0 none; font-size: 14px; background: #dcddde; }
.pagination > li:last-child > a { padding: 5px 14px; border: 3px solid #dcddde; background: none; }
.pagination > li:first-child > a, .pagination > li:last-child > a, .pagination > li:first-child > span.pagination { border-radius: 0; -webkit-border-radius: 0; }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active >span:hover, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { color: #fff; background: #0056b8; }
.pagination > li:last-child > a:hover, .pagination > li:last-child > a:focus { border-color: #0056b8; }

/* rang slider */
.slider.slider-horizontal { width: 100%; }
.slider.slider-horizontal .slider-track { height: 7px; }
.slider.slider-horizontal .slider-track, .slider.slider-horizontal .slider-selection { box-shadow: none; -webkit-box-shadow: none; background: #dcddde; }
.slider.slider-horizontal .tooltip-inner { color: #0055b7; font-size: 14px; background: none; }
.slider.slider-horizontal .slider-handle { height: 21px; width: 21px; background: #00aeef; }
.slider.slider-horizontal .tooltip.bottom { margin-top: -10px; }
.slider.slider-horizontal .tooltip.bottom .tooltip-arrow { border: 0 none; }
.slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle { margin-top: -7px; }

/* modal */
.modal { top: 255px; z-index: 9999; }
.modal-dialog { padding: 15px 10px 0; margin: 0 auto; width: 100%; max-width: 905px; }
.modal-dialog button.close { position: absolute; right: -4px; top: 0; z-index: 9; font-size: 18px; outline: none; width: 40px; height: 40px; line-height: 40px; color: #fff; opacity: 1; filter: alpha(opacity=1); border-radius: 50%; -webkit-border-radius: 50%; background: #7d7d7d; }
.modal-backdrop.in { opacity: 0; filter: alpha(opacity=0); }

/* LAYOUT */
.layout { min-height: 100%; display: block; position: relative; overflow: hidden; background-color: #f3f3f3; background-position: center top; background-repeat: no-repeat; background-size: cover; }
	
	/* HEADER */
	.header { padding: 26px 0 20px; background: #fff; left: 0px; right: 0px; top: 0px; z-index: 10; }
	.header .container { max-width: 1000px; }
	.header .logo { float: left; }		
	.header	.opner { margin-top: 5px; display: block; float: right; color: #00aeef; font-size: 38px; line-height: 1; }	
	.header.home { background: none; }
	.header.home .opner { color: #fff; }

		/* MENU */
		.header__nav { padding: 30px 20px 0; z-index: 9999; position: absolute; right: 0; top: 0; height: 100%; width: 345px; overflow: auto; -webkit-transform: translate3d(345px,0,0); transform: translate3d(345px,0,0); -webkit-transition:-webkit-transform .4s ease; transition:-webkit-transform .4s ease; transition:transform .4s ease; transition:transform .4s ease,-webkit-transform .4s ease; background: #bababa; }
		.header__nav.open { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
		.header__nav nav { padding-bottom: 220px; margin-bottom: -208px; }
		.header__nav nav ul li { padding: 5px 0 5px 62px; margin-bottom: 28px; background-position: left top; background-repeat: no-repeat; }
		.header__nav nav ul li a { display: inline-block; color: #fff; font-size: 32px; }
        @media screen and (min-color-index:0) 
        and(-webkit-min-device-pixel-ratio:0) { @media
        {
            .header__nav nav ul li a { margin-top:5px; }
        }}
		.header__nav nav ul li a:hover, .header__nav nav ul li.active a { color: #00aeef; }
		.header__nav nav ul li:first-child { background-image: url(../images/nav-icon1.png); }
		.header__nav nav ul li:nth-child(2) { background-image: url(../images/nav-icon2.png); }
		/* .header__nav nav ul li:nth-child(3) { background-image: url(../images/nav-icon3.png); } */
		.header__nav nav ul li:nth-child(3) { background-image: url(../images/nav-icon4.png); }
		.header__nav .bottom { padding: 78px 25px; margin: 0 -20px; min-width: 100%; /*position: absolute;*/ right: 0; bottom: 0; background: #f3f3f3; }
		.header__nav .bottom ul { display: table-cell; vertical-align: middle; line-height: 1; }
		.header__nav .bottom ul li a { color: #0055b8; font-size: 32px; }
		.header__nav .bottom ul li a:after { content: "\f105"; margin: 0 0 0 12px; position: relative; top: -4px; font-size: 52px; font-weight: bold; display: inline-block; vertical-align: middle; font-family: FontAwesome; }
		.header__nav .bottom ul li:hover a { color: #00aeef; }
		
	/* CONTENT */
	.content { overflow: hidden; margin: 0 auto; max-width: 1024px; }
		
		/* HOME */
		.content__home { padding: 10px 0 20px 0; max-width: 445px; color: #fff; }	
		.content__home p { font-size: 28px; }	
		.content__home h1 { line-height: 1; }	
		.content__home img { margin-right: 5px; display: inline-block; }	
		.content__home .bottom { padding: 32px 0 0; }	

		/* ABOUT */
		.content__about { padding: 30px 0 0; margin: 0 auto; max-width: 920px; position: relative; }
		.content__about p { margin-bottom: 20px; line-height: 1.4; max-width: 770px; }
		.content__about h1 { margin-bottom: 45px; color: #fff; font-size: 36px; }
		.content__about h2 { margin-bottom: 38px; font-size: 36px; color: #00aeef; }
		.content__about ul { padding: 0; margin: 0; list-style: none; }
		.content__about ul li a { padding: 12px 10px; display: block; font-size: 16px; color: #0055b7; }
		.content__about ul li.active a, .content__about ul li:hover a { background: #f3f3f3; }
		.content__about .sidebar { padding: 0 10px; margin-top: -8px; }
		.content__about .right { padding: 0 50px; }
		.content__about .inner { padding: 30px 48px 30px; min-height: 555px; position: relative; background: rgba(255,255,255,0.9); }
		.content__about.twocols .inner { padding: 30px 20px 30px 10px; }
		.content__about.twocols .inner:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 32.5%; height: 100%; background: #fff; }
		.content__about .fitheight { padding-bottom: 215px!important; margin-bottom: -215px; }


		/* VIDEO */
		.content__video { text-align: center; }
		.content__video .video, .content__video .video img { border-radius: 0 0 13px 13px; -webkit-border-radius: 0 0 13px 13px; overflow: hidden; }
		.content__video .controler { padding: 6px 50px 20px; margin: 23px auto 10px; max-width: 470px; position: relative; }
		.content__video .controler a { font-size: 30px; }
		.content__video .controler .pause { position: absolute; left: 0; top: 0; color: #bababa; }
		.content__video .controler .play { position: absolute; right: 0; top: 0; color: #0056b8; }

		/* SAVING */
		.content__saving { padding: 0 15px 20px; max-width: 475px; width: 100%; float: right; background: rgba(90,177,101,0.5); }
		.content__saving h2 { margin-bottom: 58px; color: #0055b7; }
		.content__saving h5 { margin-bottom: 12px; }
		.content__saving .calculate { padding: 40px 30px 47px 50px; margin: 0 -16px; background: #f2f2f2; }
		.content__saving .pagination { margin: 0 0 50px; }
		.content__saving .slider.slider-horizontal { margin: 0 0 60px; }
		.content__saving .slider.slider-horizontal:last-of-type { margin-bottom: 0; }
		.content__saving .estimate { padding: 20px 0; text-align: center; }
		.content__saving .estimate p { font-size: 11px; line-height: 1.3; }
		.content__saving .estimate h2 { margin-bottom: 5px; color: #fff; }
		.content__saving .estimate span { font-size: 58px; display: block; color: #fff; line-height: 1; }
		.content__saving .estimate span sup { font-size: 65%; }
		.content__saving.fitheight { padding-bottom: 101px!important; margin-bottom: -101px; }

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 992px) {

		.content__saving { max-width: 478px; }
		.content__saving .calculate { padding: 40px 25px 47px 25px; }
		.content__about .right { padding: 0 20px; }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		.header__nav nav { padding-bottom: 120px; margin-bottom: -95px; }
		.header__nav nav ul li { padding-left: 48px; margin-bottom: 20px; background-position: left 5px; background-size: 35px; }
		.header__nav nav ul li a { font-size: 25px; }
		.header__nav .bottom { padding: 30px 20px; }
		.header__nav .bottom ul li a { font-size: 25px; }
		.header__nav .bottom ul li a:after { font-size: 35px; top: -2px; }
		
		.content__home { padding: 10px 30px 20px; max-width: 100%; }
		.content__home .bottom { padding-top: 6px; }

		.content__saving { max-width: inherit; }

		.content__about.twocols .inner { padding: 30px 10px 0; }
		.content__about.twocols .inner:before { display: none; }
		.content__about .sidebar { padding: 10px 10px; margin: 0 -10px; background: #fff }
		.content__about .right { padding: 0 10px; }

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

		.pagination li a { padding: 5px 10px; font-size: 12px; }

		.header { padding-top: 15px; }
		.header .logo { padding-left: 0; max-width: 160px; }	
		.header	.opner { margin: 0; }

		.header__nav { width: 250px; -webkit-transform: translate3d(250px,0,0); transform: translate3d(250px,0,0); }

		.content__home { padding: 10px 10px 20px; }
		.content__home .btn-info { font-size: 15px; }
		.content__home .bottom img { width: 30px; }

		.content__about h1 { margin-bottom: 25px; }
		.content__about .inner { padding: 15px; }

		.content__saving h2 { font-size: 28px; }
		.content__saving .calculate { padding: 40px 15px; }
		.content__saving .pagination > li:last-child  > a { padding: 3px 4px; font-size: 11px; }

		.content__about h2 { margin-bottom: 20px; font-size: 30px; }

	}