.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn-file{overflow:hidden;position:relative;vertical-align:middle;}.btn-file>input{position:absolute;top:0;right:0;margin:0;opacity:0;filter:alpha(opacity=0);transform:translate(-300px, 0) scale(4);font-size:23px;direction:ltr;cursor:pointer;}
.fileupload{margin-bottom:9px;}.fileupload .uneditable-input{display:inline-block;margin-bottom:0px;vertical-align:middle;cursor:text;}
.fileupload .thumbnail{overflow:hidden;display:inline-block;margin-bottom:5px;vertical-align:middle;text-align:center;}.fileupload .thumbnail>img{display:inline-block;vertical-align:middle;max-height:100%;}
.fileupload .btn{vertical-align:middle;}
.fileupload-exists .fileupload-new,.fileupload-new .fileupload-exists{display:none;}
.fileupload-inline .fileupload-controls{display:inline;}
.fileupload-new .input-append .btn-file{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
.thumbnail-borderless .thumbnail{border:none;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.fileupload-new.thumbnail-borderless .thumbnail{border:1px solid #ddd;}
.control-group.warning .fileupload .uneditable-input{color:#a47e3c;border-color:#a47e3c;}
.control-group.warning .fileupload .fileupload-preview{color:#a47e3c;}
.control-group.warning .fileupload .thumbnail{border-color:#a47e3c;}
.control-group.error .fileupload .uneditable-input{color:#b94a48;border-color:#b94a48;}
.control-group.error .fileupload .fileupload-preview{color:#b94a48;}
.control-group.error .fileupload .thumbnail{border-color:#b94a48;}
.control-group.success .fileupload .uneditable-input{color:#468847;border-color:#468847;}
.control-group.success .fileupload .fileupload-preview{color:#468847;}
.control-group.success .fileupload .thumbnail{border-color:#468847;}
/* ==========================================================================
Basic Styling
========================================================================== */ 
body { width: 100%; min-height: 100%; font-family: "Open Sans", "Raleway", Lucida Sans Unicode, Verdana, Helvetica, sans-serif; font-size: 14px; line-height: 23px; color: #7a7a7a; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}

h1, h2, h3, h4, h5, h6 { font-weight: 300; font-family: "Raleway", Lucida Sans Unicode, "Helvetica Neue", Helvetica,Arial,sans-serif; color: #1a1a1a; transition: all .50s ease-in-out; -moz-transition: all .50s ease-in-out; -webkit-transition: all .50s ease-in-out;}
h1, h2, h3, h4, h5, h6 { margin-top: 0;  margin-bottom: 10px;}

h1 {font-size: 44px;}
h2 {font-weight: 700; margin-bottom: 20px; }
h3 {}
h4 {font-size: 17px; font-weight: 700; color: #2d2d2d;}

p { margin-bottom: 20px; line-height: 24px;}

a {-webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; transition: all 150ms ease-in; color: #00a8d6;}
a:hover, a:focus { text-decoration: none; color: #007DA0; outline: none; } 

ul { margin: 0; padding: 0; list-style: none;}

::-moz-selection { text-shadow: none; background: #08b4da; color: #FFF;}
::selection { text-shadow: none; background: #08b4da; color: #FFF; }

img::selection { background: 0 0;}
img::-moz-selection { background: 0 0;}

hr {margin-top: 30px; margin-bottom: 40px; border-top: 1px solid #EFEFEF;}
body { webkit-tap-highlight-color: rgba(255,255,255,.2);}

form {margin-bottom: 0;}

.strong {font-weight: 700;}

.subline {font-size: 24px;}

.section {padding: 90px 0;}

.btn {-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-radius: 0; padding: 15px 35px; font-weight: bold;}
.btn:hover, .btn:focus { background-color:#496CAD; color: #FFF;}



.menu-right {float: right;}
.navbar-inverse { margin-bottom: 0; -webkit-border-radius: 0; -moz-border-radius: 0;border-radius: 0; -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out; -moz-transition: background .5s ease-in-out,padding .5s ease-in-out; transition: background .5s ease-in-out,padding .5s ease-in-out; border: none; background-color: rgba(0,0,0,0.4); padding: 15px 0; }
.navbar-inverse .navbar-nav > li > a { color: #fff; display: block; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }

.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li {-webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear;}

.navbar-toggle { padding: 4px 6px; font-size: 16px; color: #fff;}
.navbar-toggle:focus,
.navbar-toggle:active { outline: 0;}

.navbar-inverse .navbar-toggle { background: #08b4da; border: none;}
.navbar-nav {margin: 0;}
.scroll-fixed-navbar {padding-bottom:0;}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {background-color: transparent;}
.navbar > .container .navbar-brand {margin-left: 0;}
.navbar-brand { height:auto;}

.scroll-fixed-navbar { padding: 10px 0; background-color: #FFF; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);}
.scroll-fixed-navbar .navbar-nav > li > a {color: #333;}
.scroll-fixed-navbar .navbar-nav > li > a:hover, 
.scroll-fixed-navbar .navbar-nav > li.active > a,
.scroll-fixed-navbar .navbar-nav > li.active > a:hover {color: #00a8d6; }

.navbar-toggle { position: relative; float: right; background-color: transparent; padding: 10px; margin: 13px 30px 13px 0; border: none; color: #fff; border: 2px solid #fff;}
.navbar-toggle .icon-bar { background-color: #fff;}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: rgba(0,0,0,0.1);}
 
.navbar-inverse .navbar-brand  {color: #FFF; font-size: 30px; font-weight: 700; padding: 0;}
.scroll-fixed-navbar.navbar-inverse .navbar-brand  {color: #1a1a1a; font-size: 30px; font-weight: 700; padding: 0;}
.logo {margin-top: 5px}


#banner {padding-top: 90px; padding-bottom: 70px; background: #1a1a1a; 
background-image: url(../images/background.png); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100%; position: relative; background-attachment: fixed;}

.banner-content { clear: both; padding-top: 40px;}
.banner-content h1 {font-size: 50px; color: #FFF;  border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom: 10px;}
.banner-content h2 {color: #FFF;}
.banner-content h5 {font-weight: bold; font-size: 16px; color: #FFF;}
.banner-content p { color: rgba(255,255,255,0.7); }

.banner-list {margin-bottom: 20px;}
.banner-list li {color: rgba(255,255,255, 0.8); margin-bottom: 5px;}
.banner-list li i { margin-right: 10px; color:#08b4da; }

.login-form { -webkit-box-shadow:0 0 10px rgba(0,0,0,.3); -moz-box-shadow: 0 0 10px rgba(0,0,0,.3); box-shadow: 0 0 10px rgba(0,0,0,.3); background: rgba(0,0,0,0.4);}
.form-title {background-color: rgba(0,0,0,0.5); color: #FFF; text-align: center; padding: 25px 0;}
.form-body {padding: 30px;}
.form-body p {color: rgba(255,255,255,0.6);}

.login-form .form-control { color: black; border: none; outline: none; box-shadow: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; border-radius: 0; height: auto; background-color: #fff; margin-bottom: 15px;}

.btn-submit { display: block; margin:0 auto; background-color: #496CAD; color: #FFF; border-color:#496CAD; width:100%; padding: 11px; border:2px solid #496CAD;}
.btn-submit:hover {background: #428bca; border-color: #428bca;}

.footer-top {background-color: #2b2b2b; padding: 70px 0;}
.footer-sub {background-color: #242424; padding: 30px 0;}

.footer h3 {color: #FFF; font-weight: bold; font-size: 19px; margin-bottom:15px;}

.copyright {float: right;}
/* ==========================================================================
Media Queries
 ========================================================================== */
/* ------ Tablet Portrait size to standard 960 (devices and browsers) ------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	img {margin: 20px auto;}
	.img-thumbnail {margin: 0;}
}

/* ------ Mobile Landscape Size to Tablet Portrait (devices and browsers) ------*/
@media only screen and (max-width: 767px) {
	.navbar-inverse {background-color: #FFF; padding:0;}
	.navbar > .container .navbar-brand {margin-left: 15px; color: #1a1a1a; margin-top: 15px;}
	.menu-right {float: none;}
	.navbar-inverse .navbar-nav > li > a {color: #1a1a1a;}
	.navbar-inverse .navbar-nav > .active > a, 
	.navbar-inverse .navbar-nav > .active > a:hover, 
	.navbar-inverse .navbar-nav > .active > a:focus,
	.navbar-inverse .navbar-nav > li > a:hover { color: #00A8D6;}
	img {display: block; margin: 20px auto;}
	.section {padding: 70px 0;}
	.main-point {margin-bottom: 40px;}
}

/* ------ Mobile Portrait Size to Mobile Landscape Size (devices and browsers) ------*/
@media only screen and (max-width: 479px) {
	h2 {font-size: 28px;}
	h4 {font-size: 16px;}
	img {float: none; display: block; margin: 20px auto;}
	iframe {max-height: 200px;}
	.banner-content h1 {font-size: 34px;}
	.headline h1 {font-size: 30px;}
	.headline h2 {font-size: 28px;}
	.section {padding: 50px 0;}
	.separator60 {margin: 30px 0;}
	.steps-list {margin-bottom: 30px;}
	.main-point h3 {font-size: 20px;}
	.video-container {margin-bottom: 40px;}
	.img-thumbnail {margin: 0;}
	.testimonial-inner img {float: none; margin:0 auto; margin-bottom: 20px;}
	.contact-list, .quick-links {margin-bottom: 30px;}
	.copyright {float: none;}
}
.rounded_corner{
 -webkit-border-radius: 20px !important;
         -moz-border-radius: 20px !important;
              border-radius: 20px !important;
      -webkit-border-top: 20px !important;
         -moz-border-top: 20px !important;
              border-top: 20px !important;
      -webkit-border-bottom: 20px !important;
         -moz-border-bottom: 20px !important;
              border-bottom: 20px !important;
}
.nav{
	padding-left: 325px;
}
.nav-justified{
	width:66%;
}
.col-lg-1{
			width: 6.5%;
		}
		.col-md-3 {
		    width: 20%;
		}
		.logo
		{
		  filter: none; 
		  -webkit-filter: grayscale(0); 
		   -webkit-transition: all .5s ease;
		  -moz-transition: all .5s ease;
		  -o-transition: all .5s ease;
		  -ms-transition: all .5s ease;
		  transition: all .5s ease;
		  cursor:pointer;
		}


		.logo:hover
		{
		  filter: none;
		  -webkit-filter: grayscale(0); 
		}
		#box1    
		{ 
			width:280px;
            height:300px;
            box-shadow:inset 1px 1px 40px 0 rgba(0,0,0,.45);
            border-bottom:2px solid #fff;
            border-right:2px solid #fff;
            margin:5% auto 0 auto; 
            background:url(../images/user.png);
		    background-size:cover;
		    border-radius:5px;
		    overflow:hidden;
		 }
		 #box2    
		{ 
			width:280px;
            height:300px;
            box-shadow:inset 1px 1px 40px 0 rgba(0,0,0,.45);
            border-bottom:2px solid #fff;
            border-right:2px solid #fff;
            margin:5% auto 0 auto; 
            background:url(../images/user.png);
		    background-size:cover;
		    border-radius:5px;
		    overflow:hidden;
		 }
		 #box3  
		{ 
			width:280px;
            height:300px;
            box-shadow:inset 1px 1px 40px 0 rgba(0,0,0,.45);
            border-bottom:2px solid #fff;
            border-right:2px solid #fff;
            margin:5% auto 0 auto; 
            background:url(../images/user.png);
		    background-size:cover;
		    border-radius:5px;
		    overflow:hidden;
		 }
		
		 .overlay
		 {  
		 	background:rgba(0,0,0,.75);
            text-align:center;
            padding:45px 0 185px 0;
            opacity:0;
            -webkit-transition: opacity .25s ease;
			-moz-transition: opacity .25s ease;}
		#box3:hover .overlay 
		{
            opacity:1;
        }
        #box2:hover .overlay 
		{
            opacity:1;
        }
        #box1:hover .overlay 
		{
            opacity:1;
        }
        
		.plus       
		{  
			font-family:Helvetica;
            font-weight:900;
            color:rgba(255,255,255,.85);
            font-size:70px;
         }