/* Gumble HTML5 Agency Template */


/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Main Slider
6. Services
7. Pricing Section
8. Our Team
9. Features Section
10. Fact Counter
11. Blog Section
12. Main Footer
13. Featured Three Column
14. Accordions
15. Progress Levels / Skills / Experience Bars
16. Parallax Section
17. Testimonials Section
18. Sponsors Section
19. How It Works Section
20. Our Locations Section
21. Page Title
22. Default Two Column
23. Our Services
24. Contact us
25. Blog Page
26. Commments Form
27. Sidebar
28. Blog Details



**********************************************/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700);

@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery.fancybox.css');
@import url('hover.css');

/*** 

====================================================================
	Reset
====================================================================

 ***/
* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:#5f5f5f;
	line-height:1.6em;
	font-weight:400;
	background:#23313e;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	-webkit-font-smoothing: antialiased;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#00aeff;
}

a:hover,a:focus,a:visited{
	text-decoration:none;
	outline:none;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-family: 'Montserrat',sans-serif;
	font-weight:normal;
	margin:0px;
	background:none;
	line-height:1.8em;
}

input,button,select,textarea{
	font-family: 'Open Sans', sans-serif;	
}

p{
	position: relative;
	line-height: 2em;
	color: #FFFFFF;
}

.strike-through{
	text-decoration:line-through;	
}

.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
	
}

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

.theme-btn{
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.centered{
	text-align:center;	
}

.anim-3,.anim-3-all *{
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;	
}

.anim-5,.anim-5-all *{
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;	
}

.anim-7,.anim-7-all *{
	transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-webkit-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;	
}

.btn-style-one{
	position:relative;
	padding:8px 25px;
	line-height:20px;
	text-transform:uppercase;
	display:inline-block;
	background:#1cbefe;
	color:#ffffff !important;
	font-size:12px;
	border:1px solid #1cbefe !important;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.btn-style-one:hover{
	background:#ffffff;
	color:#1cbefe !important;
	border-color:#1cbefe !important;	
}

.btn-style-two{
	position:relative;
	padding:8px 25px;
	line-height:20px;
	text-transform:uppercase;
	display:inline-block;
	background:none;
	color:#1cbefe !important;
	font-size:12px;
	border:1px solid #1cbefe !important;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.btn-style-two:hover{
	background:#1cbefe;
	color:#ffffff !important;
	border-color:#1cbefe !important;	
}

.normal-link{
	position:relative;
	padding:9px 0px;
	line-height:20px;
	text-transform:uppercase;
	display:inline-block;
	background:none;
	color:#909eac;
	font-size:12px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.normal-link:hover{
	text-decoration:underline;
	color:#2591ff !important;	
}

.theme-btn .icon-right{
	position:relative;
	padding-left:10px;	
}

.theme-btn .icon-left{
	position:relative;
	padding-right:10px;	
}

.btn-style-three{
	position:relative;
	padding:8px 25px;
	line-height:20px;
	text-transform:uppercase;
	display:inline-block;
	background:#43c5f9;
	color:#ffffff !important;
	font-size:12px;
	border:1px solid #43c5f9 !important;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.btn-style-three:hover{
	background:#ffffff;
	color:#43c5f9 !important;
	border-color:#43c5f9 !important;	
}

.btn-style-four{
	position:relative;
	padding:8px 25px;
	line-height:20px;
	text-transform:uppercase;
	display:inline-block;
	background:none;
	color:#43c5f9 !important;
	font-size:12px;
	border:1px solid #43c5f9 !important;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.btn-style-four:hover{
	background:#43c5f9;
	color:#ffffff !important;
	border-color:#43c5f9 !important;	
}

.btn-style-five{
	position:relative;
	padding:8px 25px;
	line-height:20px;
	text-transform:uppercase;
	display:inline-block;
	background:none;
	color:#ffffff !important;
	font-size:12px;
	border:1px solid #ffffff !important;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.btn-style-five:hover{
	background:#1cbefe;
	color:#ffffff !important;
	border-color:#1cbefe !important;	
}

.btn-style-six{
	position:relative;
	padding:8px 25px;
	line-height:20px;
	text-transform:uppercase;
	display:inline-block;
	background:none;
	color:#ffffff !important;
	font-size:12px;
	border:1px solid #ffffff !important;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.btn-style-six:hover{
	background:#ffffff;
	color:#43c5f9 !important;
	border-color:#43c5f9 !important;	
}


/*STATUS BAR*/

/* Progress Tracker v2 */

ol.progress[data-steps="2"] li {
  width: 49%;
}
ol.progress[data-steps="3"] li {
  width: 33%;
}
ol.progress[data-steps="4"] li {
  width: 24%;
}
ol.progress[data-steps="5"] li {
  width: 19%;
}
ol.progress[data-steps="6"] li {
  width: 16%;
}
ol.progress[data-steps="7"] li {
  width: 14%;
}
ol.progress[data-steps="8"] li {
  width: 12%;
}
ol.progress[data-steps="9"] li {
  width: 11%;
}
.progress {
  width: 100%;
  list-style: none;
  list-style-image: none;
  margin: 20px 0 20px 0;
  padding: 0;
}
.progress li {
  float: left;
  text-align: center;
  position: relative;
}
.progress .name {
  display: block;
  vertical-align: bottom;
  text-align: center;
  margin-bottom: 1em;
  color: black;
  opacity: 0.3;
}
.progress .step {
  color: black;
  border: 3px solid silver;
  background-color: silver;
  border-radius: 50%;
  line-height: 1.2;
  width: 1.2em;
  height: 1.2em;
  display: inline-block;
  z-index: 0;
}
.progress .step span {
  opacity: 0.3;
}
.progress .active .name,
.progress .active .step span {
  opacity: 1;
}
.progress .step:before {
  content: "";
  display: block;
  background-color: silver;
  height: 0.4em;
  width: 50%;
  position: absolute;
  bottom: 0.6em;
  left: 0;
  z-index: -1;
}
.progress .step:after {
  content: "";
  display: block;
  background-color: silver;
  height: 0.4em;
  width: 50%;
  position: absolute;
  bottom: 0.6em;
  right: 0;
  z-index: -1;
}
.progress li:first-of-type .step:before {
  display: none;
}
.progress li:last-of-type .step:after {
  display: none;
}
.progress .done .step,
.progress .done .step:before,
.progress .done .step:after,
.progress .active .step,
.progress .active .step:before {
  background-color: yellowgreen;
}
.progress .done .step,
.progress .active .step {
  border: 3px solid yellowgreen;
}

====================================================================
	Contact Us Section
====================================================================

 ***/
 
 .contact-section{
	position:relative;
	padding:80px 0px 0px; 
 }

.contact-us{
	position:relative;
	margin-bottom:50px;	
}

.contact-us .form-container{
	position:relative;
}

.contact-us .form-group{
	position:relative;
	margin-bottom:20px;	
}

.contact-us .field-label{
	display: block;
	text-transform: uppercase;
	font-family: 'Montserrat',sans-serif;
	color: #FFFFFF;
	line-height: 24px;
	margin-bottom: 4px;
}

.contact-us .field-label .req{
	color:#ff0000;
	font-size:16px;	
}

.contact-us input[type="text"],
.contact-us input[type="email"],
.contact-us input[type="password"],
.contact-us input[type="tel"],
.contact-us select{
	position:relative;
	width:100%;
	line-height:24px;
	padding:8px 15px;
	border:1px solid #d0d0d0;
	background:#ffffff;
	color:#2d2d2d;
	height:44px;
	font-size:13px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border-radius:3px;
}

.contact-us select option{
	line-height:20px;
	text-indent:15px;
	cursor:pointer;	
}

.contact-us textarea{
	position:relative;
	width:100%;
	line-height:24px;
	padding:8px 15px;
	height:250px;
	resize:none;
	border:1px solid #d0d0d0;
	background:#ffffff;
	color:#2d2d2d;
	margin-bottom:20px;
	font-size:16px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border-radius:3px;
}

.contact-us input:focus,
.contact-us textarea:focus,
.contact-us select:focus{
	border-color:#23adfc;	
}

.contact-us input.error,
.contact-us textarea.error,
.contact-us select.error{
	border-color:#ff0000;
}

.contact-us input.error:focus,
.contact-us textarea.error:focus{
	border-color:#ff0000;
	box-shadow:0px 0px 3px 0px #ff0000;
	-moz-box-shadow:0px 0px 3px 0px #ff0000;
	-ms-box-shadow:0px 0px 3px 0px #ff0000;
	-o-box-shadow:0px 0px 3px 0px #ff0000;
	-webkit-box-shadow:0px 0px 3px 0px #ff0000;
}

.contact-us label.error{
	display:none !important;
}

.contact-us select option{
	padding:5px 15px;	
}

.contact-us button{
	font-size:14px;	
}

.contact-us button[type="submit"] .icon,
.contact-us button .icon{
	position:relative;
	font-size:14px;
	padding-right:10px;
}