@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

@import url(https://fonts.googleapis.com/css?family=Hind:400,300,500,600,700);

@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400italic,300italic);



/* 1. GLOBAL STYLES */



body {

	background: #fff;

	font-family: 'Hind', sans-serif;

	color: #777;

	font-weight: 400;

	font-size: 20px;

	letter-spacing: 0.5px;

}

.WordSection1{
max-width: 95%;
    margin: auto;	
}



h1,h2,h4 {

	color: #333;

	font-family: 'Montserrat', sans-serif;

	font-weight: 300;

	margin: 0;

	letter-spacing: -1px;

}



p {

	font-size: 20px;

	color: #555;

	line-height: 24px;

	font-weight: 400;

	font-family: 'Hind', sans-serif;

	letter-spacing: 0.5px;

}

.navbar-inverse{

border-bottom:solid 1px #ccc;	

}



.mar-top157{

margin-top:-157px;	

}





a {

	color: #333;

}



a:hover {

	color: #29d9c2;

}



a, a:hover, a:focus, button, button:hover {

	outline: 0;

	text-decoration: none;

	transition: .4s;

}



ul, li {

	margin: 0;

	padding: 0;

	list-style: none;

}



.space30 {

	margin-bottom: 30px;

}



.space50 {

	margin-bottom: 50px;

}



.body {

	position: relative;

	width: 100%;

	overflow: hidden;

}



header{

	border-bottom: solid 1px #333c93;

}





/* 3. HEADER STYLES */



.navbar-fixed-top {

	position: ;

    right: 0;

    left: 0;

    font-family: 'Montserrat', sans-serif;

    border-width: 0;

    border-radius: 0;

    background: transparent;

    padding-bottom: 10px;

}



.navbar-inverse {

	transition: .4s;

}



.logo {

	margin-top: 0;

	height: 100%;

	width: 390px;

}



.homebg2{

margin-top:;

position:relative;	

}



.bgtext{

  

    font-weight: 900;

    color: #000;

    font-size: 31px;

    line-height: 34px;

    width: 100%;

    font-family: 'Montserrat', sans-serif;

}



.top200{

margin-top:-65px;	

}



.section-head {

	position: relative;

	z-index: 55;

}



.section-head h1 {

	text-transform: uppercase;

	font-weight: 700;

	margin: 0 0 15px;

	font-size: 36px;

	letter-spacing: 3px;

}

.textbox1{

width: 49%;

    display: inline-block;

	padding-left:15px;	

}



.textbox2{

width: 49.5%;

    display: inline-block;

	padding-right:15px;	

}







/* 4. INTRO STYLES */



.intro {

	position: relative;

}



.intro .container {

	position: relative;

	z-index: 77;

}



.subtitle {

	font-size: 25px;

	line-height:35px;

}

.subtitle a {

	font-size: 30px;

	font-weight:900;

}



.overlay {

	background: #151515;

	opacity: 0;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	width: 100%;

	height: 100%;

}



.text-teal {

	font-size: 32px;

	font-weight: 900;

	text-transform:uppercase;

}



/* 4.1. Intro / 1 */



.intro1 {

	background-size: cover;

	padding: 40px 0 0px;

	background:#fff;

	

	

}



.intro1 h2 {

	color:  #404040;

	font-size: 52px;

	text-transform: none;

	font-weight: 700;

	margin: 0 0 15px;

}



.intro-form {

	padding:10px;

	border-radius: 3px;

	background: #4a4699;

	border:solid 1px #ccc;

	box-shadow: 0px 40px 5px -40px rgba(0,0,0,1) !important;

	

	

}



.intro-form input {

	display: block;

	width: 100%;

	margin: 0;

	-webkit-appearance: none;

	font-size: 16px;

	padding: 0px 25px;

	height: 48px;

	line-height: 48px;

	color: #222;

	background: #fff;

	border: 1px solid #e5e5e5;

	border-radius: 10px;

	margin-bottom: 7px;

}

.intro-form select {

	display: block;

	width: 100%;

	margin: 0;

	

	font-size: 16px;

	padding: 0px 25px;

	height: 48px;

	line-height: 48px;

	color: #222;

	background: #fff;

	border: 1px solid #e5e5e5;

	border-radius: 10px;

	margin-bottom: 7px;

}

.intro-form select {

	display: block;

	width: 100%;

	margin: 0;

	-webkit-appearance: none;

	font-size: 16px;

	padding: 0px 25px;

	height: 48px;

	line-height: 48px;

	color: #222;

	background: #fff;

	border: 1px solid #e5e5e5;

	border-radius: 10px;

	margin-bottom: 7px;

}



.intro-form textarea {

	display: block;

	width: 100%;

	min-height:60px;

	margin: 0;

	-webkit-appearance: none;

	font-size: 16px;

	padding: 0px 25px;

	

	color: #222;

	background: #fff;

	border: 1px solid #e5e5e5;

	border-radius: 10px;

	margin-bottom: 18px;

}





.btn {

	font-size: 20px;

	line-height: 20px;

	font-weight: bold;

	text-transform: uppercase;

	padding: 11px 28px;

	border: none;

	border-radius: 10px;

	font-family: Montserrat;

}



.btn.btn-primary {

	background: #cc181e;

	border: 1px solid #363f94;

	color: #fff;

}



.btn.btn-primary:hover {

	background: #111;

	border: 1px solid #111;

	color: #fff;

}



.btn.btn-lg {

	padding: 13px 30px;

	font-size: 20px;

	width: 92%;

    margin: auto;

}





.features-content {

	padding: 50px 0;

}



.fc-info div {

	padding: 25px 15px 0;

}



.fc-info h4 {

	font-weight: 700;

	font-size: 24px;

	letter-spacing: 0;

	margin: 0 0 0;

}



.fc-info p {

	font-size: 22px;

	line-height: 23px;

}



.fc-info a {

	color: #cc181e;

	text-transform: uppercase;

	font-weight: 700;

	font-size: 20px;

	font-family: Montserrat;

}



.fc-info a i {

	margin-left: 5px;

}



.faq {

	padding: 50px 0;

	background: #4a4699;

}



.subtext {

    padding: 10px 0;
	text-align: justify;
    font-size: 12px;
    line-height: 1.4;
    color: #dcdcdc;
    width: 95%;
    margin: auto;

}

.fc-info{
	margin-bottom:30px;
}



/* 11. PRICING TABLE */



/* 12. CLIENTS */



.clients {

	padding: 0 0;

}



.clients li {

	

      width: 22%;

    /* float: left; */

    padding: 0 30px;

    margin: 0;

    display: inline-block;

    margin-bottom: 48px;

}



}



.clients img {

	opacity: 0.8;

	transition: .4s;

}



.clients img:hover {

	opacity: 1;

	transition: .4s;

}



.team {

	padding: 50px 0;

	background: #f5f5f5;

}



.innermain{

width:100%;	

min-height:600px;

}



.subcontent{

font-size:12px;	

}



.subcontent p{

font-size:15px;	

line-height:18px;

}





#accordion .panel-heading {

	padding: 0;

}



.panel-title > a {

	padding-left: 45px !important;

	position: relative;

}



#accordion .panel-title > a {

	display: block;

	padding: 18px 20px;

	outline: none;

	font-weight: 400;

	text-decoration: none;

	background: transparent;

	text-transform: uppercase;

	font-size: 22px;

	letter-spacing: 0;

}



.accordion-faq .panel-title > a {

	text-transform: none !important;

	color: #000;

	font-size: 25px !important;

}



#accordion a[data-toggle="collapse"]::before {

	content: "•";

	float: left;

	font-family: 'FontAwesome';

	margin-right: 1em;

	position: absolute;

	left: 15px;

	top: 50%;

	margin-top: -8px;

	font-size: 21px;

}



#accordion a.collapsed[data-toggle="collapse"]::before {

	content: "•";

}



#accordion .panel-default > .panel-heading {

	background-color: transparent;

	border-color: #ddd;

}



#accordion .panel {

	margin-bottom: 15px;

	border-radius: 0 !important;

}



#accordion .panel-body {

	padding: 20px 25px;

	    line-height: 33px;

    font-size: 22px;

}



.lead a {

	color: #29d9c2;

}



/* 24. FOOTER */



.footer-copy {

	background: #111;

	padding: 20px 0;

	text-align: center;

	color: #fff;

	text-transform: uppercase;

	font-size: 18px;

	letter-spacing: 1px;

}



.text-white {

	color: #fff !important;

}



/* flip boxes */



input:focus {

	box-shadow: none;

	outline: 0;

}







/*RESPONSIVE STYLES */



@media only screen and (min-width: 768px)  and (max-width: 992px) {

	

	.textbox1 {

    width: 100%;

    display: inline-block;

   

    margin: auto;

    padding-left: 15px;

    padding-right: 15px;	

	}

	.textbox2 {

    width: 100%;

    display: inline-block;

   

    margin: auto;

    padding-left: 15px;

    padding-right: 15px;	

	}



	.container {

		width: 100%;

		max-width: 750px;

	}



	.team {

		padding: 100px 0 70px;

	}



	.intro-form {

		padding: 30px 30px 40px;

	}



	.intro1 h2 {

		font-size: 52px;

	}

}



@media only screen and (min-width: 280px)  and (max-width: 767px) {

	

	

	.textbox1 {

    width: 100%;

    display: inline-block;

   

    margin: auto;

    padding-left: 15px;

    padding-right: 15px;	

	}

	.textbox2 {

    width: 100%;

    display: inline-block;

   

    margin: auto;

    padding-left: 15px;

    padding-right: 15px;	

	}

	

	

	

	.bgtext{

	font-size:20px;

	    width: 45%;	

	}

	

	.intro1{

	padding:0 !important;	

	}

	

	.mar-top157{

margin-top:0px;	

}



	.clients li {

		width: 50%;

		float: left;

		padding: 0 30px;

	}



	.intro1 {

		padding: 120px 0 90px;

	}



	.intro1 h2 {

		font-size: 44px;

		margin: 40px 0 15px;

	}



	.team {

		padding: 100px 0 70px;

	}



	.team {

		padding: 100px 0 70px;

	}

}



@media only screen and (min-width: 993px)  and (max-width: 4000px) {



	.center-content {

		display: flex;

		align-items: center;

		flex-direction: row;

	}

}



/* Parlsey Errors */

.parsley-success{

	border: 1px solid #2FDAC8 !important;

}



.parsley-error{

	border: 1px solid #ff7d7d !important;

}



.parsley-required {

	color: #ff7d7d;

	font-size: 14px;

	margin-top:-2px;

}



.parsley-minlength {

	color: #ff7d7d;

	font-size: 14px;

	margin-top:-15px;

}



.parsley-maxlength {

	color: #ff7d7d;

	font-size: 14px;

	margin-top:-15px;

}



.parsley-type{

	color: #ff7d7d;

	font-size: 14px;

	margin-top:-5px;

}

.form-control {
    display: block;
    width: 100%;
    height: 49px !important;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 12px !important;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.error {
    border: 1px solid #fa4860 !important;
}


@media screen and (max-width: 991px) {

	.text-teal {
    font-size: 25px;
    font-weight: 900;
    text-transform: uppercase;
	}

	.subtitle a {
    font-size: 23px;
    font-weight: 900;
	}
}