/*
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-*/

/*--reset--*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
nav ul,
nav li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

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

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*--start editing from here--*/

a {
	text-decoration: none;
}

.txt-rt {
	text-align: right;
}


/* text align right */

.txt-lt {
	text-align: left;
}


/* text align left */

.txt-center {
	text-align: center;
}


/* text align center */

.float-rt {
	float: right;
}


/* float right */

.float-lt {
	float: left;
}


/* float left */

.clear {
	clear: both;
}


/* clear float */

.pos-relative {
	position: relative;
}


/* Position Relative */

.pos-absolute {
	position: absolute;
}


/* Position Absolute */

.vertical-base {
	vertical-align: baseline;
}


/* vertical align baseline */

.vertical-top {
	vertical-align: top;
}


/* vertical align top */

nav.vertical ul li {
	display: block;
}


/* vertical menu */

nav.horizontal ul li {
	display: inline-block;
}


/* horizontal menu */

img {
	max-width: 100%;
}


/*--end reset--*/

body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
	background: url(../images/bg.jpg)no-repeat center;
	background-size: cover;
	background:#00ADEF;
}
/*-- banner --*/

h1,
h2,
h3,
h4,
h5,
h6,
input,
p,
a,
select,
button,
textarea,
label {
	margin: 0;
}

.text-center {
	text-align: center;
}

.clear {
	clear: both;
}

body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	text-decoration: none;
}

input[type="button"],
input[type="submit"] {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

p {
	margin: 0;
}

ul {
	margin: 0;
	padding: 0;
}

label {
	margin: 0;
	color: #dcffff;
}
.clear {
	clear: both;
}

::-webkit-input-placeholder {
	color: #777;
}

:-moz-placeholder {
	/* Firefox 18- */
	color: #777;
}

::-moz-placeholder {
	/* Firefox 19+ */
	color: #777;
}

:-ms-input-placeholder {
	color: #777;
}


/* form */
h1.title-head-w3l {
	font-size: 3em;
	text-transform: capitalize;
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-weight: 500;
	letter-spacing: 3px;
}
.center-container {
    height: 100vh;
    background-color: #fff;
    color: #000;
}
.my-containt{
    padding:3em 2em;
}
.left-grid h2 {
    color: #000;
    /* text-align: center; */
    font-size: 2.3em;
    /* font-weight: 600; */
    padding: 0.5em 0 0;
    letter-spacing: 1px;
    /* text-transform: uppercase; */
    font-family: 'Poppins', sans-serif;
}

.left-grid li {
    margin: 1em 2em;
}

.left-grid h3 {
    color: #000;
    /* text-align: center; */
    font-size: 1.6em;
    /* font-weight: 600; */
    margin-top: 2em;
    padding: 0.5em 0 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}
.left-grid span {
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 10px;
    word-spacing: 14px;
    font-size: 1.5em;
}
.wthree-right-grid {
    color: #fff;
}
.wthree-right-grid h4 {
    font-size: 1.5em;
    text-transform: capitalize;
    color: #fff;
}
h3.txt {
    color: #fff;
    font-size: 2em;
    text-transform: capitalize;
    text-shadow: 1px 2px 2px #ffb900;
    padding: 0 1em;
}
.content2 ul li {
    display: inline-block;
	width: 24%;
	margin: 0 1em;
}
.content2 ul li a {
    display: inline-block;
    background: #e7e7e7;
    margin: 0 1em;
    padding: 0.7em;
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: 600;
	color: #000;
    width: 100%;
    text-align: center;
}
.content2 {
    margin: 4em 0;
}
.img-grid {
    width: 80%;
    margin: 1em auto;
    padding: 1em 0 1em;
    /* border-top: 1px solid #fdca43;
    border-bottom: 1px solid  #fdca43; */
}
.img-left {
    text-align: right;
}
form.info-form {
	width: 63%;
	margin: 0 auto;
}
.icon {
    margin: 12px 0;
}
h5.txt {
    color: #fff;
    font-size: 1.8em;
    margin: 9px 0;
    display: block;
}
.img-txt P {
    color: #fff;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-size: 14px;
}
.icon span {
    color: #fff;
    font-size: 1em;
    background: #002f50;
    padding: 0.5em;
    width: 30px;
    height: 30px;
    line-height: 2;
    text-align: center;
}
.subscribe-form input[type="text"], .login-form input[type="password"], .subscribe-form input[type="email"],.subscribe-form input[type="text"],.book-form input[type="email"],.book-form input[type="password"] {
    width:79%;
    padding: 1em;
    border: none;
    outline: none;
	color: #000;
    font-size: 1em;
	letter-spacing: 1px;
	background:#e7e7e7;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	-moz-transition:0.5s all;
}
input[type="submit"] {
    background: #002f50;
    color: #e7e7e7;
    font-size: 0.9em;
    border: none;
    text-transform: capitalize;
    width: 40%;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
	padding: 0.7em 0.5em;
	letter-spacing: 1px;
    margin-top: 1em;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}
.content2 ul li a:hover {
    color: #fff;
    background: #00ADEF;
}
.login-form input[type="submit"]:hover {
	background: #f9dc36;
	color:#000;
}
.modal-dialog {
    width: 380px;
    margin: 92px auto 0;
}
.modal-header {
    border-bottom: none;
    text-align: center;
    padding: 22px 12px 0;
}
.close {
    float: right;
    font-size: 28px;
    font-weight: normal;
    line-height: 1;
    color: #90B8DD;
    text-shadow: 0 0px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
}
.close:hover, .close:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 1;
}
.modal-header .close {
    margin-top: -15px;
}
.modal-header h3,.modal-header h2 {
    color: #ffffff;
    font-size: 22px;
}
.modal-content {
    background:#003556;
}
h3.sub-head {
    color: #000;
    text-align: center;
    text-transform: capitalize;
    font-size: 1.2em;
    margin-bottom: 2em;
    font-weight: 600;
    letter-spacing: 0.5px;
}
/*-- social-icons --*/

ul.icon-links li {
	margin: 0 0.5em;
	display: inline-block;
}

ul.icon-links {
	margin-top: 0;
}

ul.icon-links li a span.fa {
	color: #4c0e03;
	background: #fff;
	font-size: 1em;
	line-height: 2.2em;
	border-radius: 50%;
	text-align: center;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	width: 36px;
	height: 36px;
	border: 2px solid #fff;
}

ul.icon-links li a span.fa:hover {
	color: #fff;
	background: #4c0e03;
}

.social-icons {
	margin: 2em 0 0;
	text-align: center;
}

a {
	display: inline-block;
}


/*-- //social-icons --*/

.info-form input.email {
	width: 62%;
	padding: 1em;
	color: #fff;
	font-size: 0.9em;
	outline: none;
	background: #4c0e03;
	border: none;
	font-family: 'Poppins', sans-serif;
}

.info-form input[type="submit"] {
	width: 30%;
	border: none;
	outline: none;
	padding: 1em;
	cursor: pointer;
	font-weight: 600;
	text-transform: uppercase;
	background: #fff;
	font-size: 0.9em;
	border: none;
	letter-spacing: 1px;
	font-family: 'Poppins', sans-serif;
}

.info-form input[type="submit"]:hover {
	background: #e2bdbd;
	color: #4c0e03;
}

.info-form input.email {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.content2 p {
	color: #fff;
	font-size: 1.3em;
	letter-spacing: 1px;
	margin-bottom: 2em;
}
.agileits-copyright {
	padding: 2em 0 1em;
}
.agileits-copyright p {
    font-size: 0.9em;
    color: #fff;
    letter-spacing: 1px;
}
.agileits-copyright a {
	color: #fff;
}

.agileits-copyright a:hover {
	color: #fff;
	text-decoration: underline;
}

.hero {
	padding: 0 3em;
	margin: 0 auto;
}

.demo-2 .main-title {
	font-weight: normal;
	font-size: 8em;
	padding-left: 10px;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
/* responsive code */

@media screen and (min-width: 1081px){
	.left-grid,.wthree-right-grid{
		-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
		-moz-box-flex: 1;         /* OLD - Firefox 19- */
		-webkit-flex: 1;          /* Chrome */
		-ms-flex: 1;              /* IE 10 */
		flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	}
	.agile-main-grid{
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;    
	}
}
@media screen and (min-width: 768px){
	.img-left,.img-txt{
		-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
		-moz-box-flex: 1;         /* OLD - Firefox 19- */
		-webkit-flex: 1;          /* Chrome */
		-ms-flex: 1;              /* IE 10 */
		flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	}
	.img-grid{
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;    
	}
}
@media screen and (max-width: 1440px){
	h5.txt {
		font-size: 1.6em;
	}
}
@media screen and (max-width: 1366px){
	h5.txt {
		font-size: 1.5em;
	}
}
@media screen and (max-width: 1280px){
	.wthree-right-grid h4 {
		font-size: 1.4em;
	}
	.content2 ul li {
		width: 26%;
	}
	h5.txt {
		font-size: 1.4em;
	}
}
@media screen and (max-width: 1080px){
	.content2 ul li {
		width: 16%;
	}
	.agileits-copyright {
		padding: 2em 0;
	}
}
@media screen and (max-width: 1050px){
	.center-container {
        padding: 5.92em 0;
        height: 100%;
    }
    .arrow-img{
        display: none;
    }
}
@media screen and (max-width: 991px){
	.center-container {
        padding: 5em 0;
        height: 100%;
	}
	.content2 ul li {
		width: 17%;
	}
}
@media screen and (max-width: 900px){
	.left-grid h2 {
		font-size: 3.8em;
	}
	.left-grid span {
		word-spacing: 9px;
		font-size: 1.3em;
	}
	.content2 ul li {
		width: 19%;
	}
}
@media screen and (max-width: 800px){
	.content2 ul li {
		width: 21%;
	}	
}
@media screen and (max-width: 768px){
	.center-container {
        padding: 3em 0;
        height: 100%;
	}
	.content2 ul li {
		width: 22%;
	}
	.left-grid h2 {
		font-size: 3.5em;
	}
	.img-grid {
		margin: 3em auto 1em;
	}
	.wthree-right-grid {
		padding: 2em 0 0;
	}
}
@media screen and (max-width: 736px){
	.content2 ul li {
		width: 23%;
	}
	.left-grid h2 {
		font-size: 3.3em;
	}
	h5.txt {
		font-size: 1.3em;
	}
	.img-grid,.img-left{
		text-align: center;
	}
	.img-txt {
		margin: 0 0 2em;
	}
}

@media screen and (max-width: 667px){
	.content2 ul li {
		width: 25%;
	}
}
@media screen and (max-width: 640px){
	.content2 ul li {
		width: 26%;
	}
	h1.title-head-w3l {
		font-size: 2.8em;
	}
	.left-grid span {
		word-spacing: 1px;
		font-size: 1.25em;
		letter-spacing: 9px;
	}

}
@media screen and (max-width: 600px){
	.content2 ul li {
		width: 29%;
	}
	.left-grid h2 {
		font-size: 3.1em;
	}
}
@media screen and (max-width: 568px){
	h3.txt {
		font-size: 1.8em;
	}
}
@media screen and (max-width: 480px){
	.left-grid h2 {
		font-size: 2.8em;
	}
	.content2 {
		margin: 2em 0;
	}
	.content2 ul li {
		width: 43%;
		display: block;
		margin-bottom: 1em;
	}
	.content2 {
		margin: 2em 0 0 6em;
	}
	.content2 ul li {
		width: 53%;
	}
	.subscribe-form input[type="text"], .login-form input[type="password"], .subscribe-form input[type="email"], .subscribe-form input[type="text"], .book-form input[type="email"], .book-form input[type="password"] {
		width: 74%;
	}
	.agileits-copyright p {
		padding: 0 1em;
		line-height: 2;
	}
	.agileits-copyright {
		padding: 1em 0 2em;
	}
}
@media screen and (max-width: 414px){
	.left-grid h2 {
		font-size: 2.6em;
	}
	.left-grid span {
		word-spacing: 1px;
		font-size: 1.1em;
		letter-spacing: 6px;
	}
	h1.title-head-w3l {
		font-size: 2.5em;
	}
	.center-container {
        padding: 2em 0;
        height: 100%;
	}
	.content2 {
		margin: 2em 0 0 5em;
	}

} 
@media screen and (max-width: 384px){
	.left-grid h2 {
		font-size: 2.4em;
	}
	.left-grid span {
		letter-spacing: 5px;
	}
	.content2 {
		margin: 2em 0 0 4em;
	}
	h3.txt {
		font-size: 1.6em;
	}

}
@media screen and (max-width: 375px){
	.content2 ul li {
		width: 56%;
	}
	.content2 {
		margin: 2em 0 0 3em;
	}
	.left-grid h2 {
		font-size: 2.2em;
	}
}
@media screen and (max-width: 320px){
	.left-grid h2 {
		font-size: 2em;
	}
	.left-grid span {
		letter-spacing: 4px;
		font-size: 1em;
	}
	.content2 ul li {
		width: 64%;
	}
	.content2 {
		margin: 2em 0 0 1em;
	}
	h3.txt {
		font-size: 1.5em;
	}
	.wthree-right-grid h4 {
		font-size: 1.3em;
	}
	.left-grid h2 {
		font-size: 1.8em;
	}
	.left-grid span {
		letter-spacing: 3px;
	}

}
/* -- //Responsive code -- */



p.left-para{
    line-height: 28px;
    margin: 20px 0;
    text-align: justify;
}

p.left-para-n{
    line-height: 20px;
    margin: 20px 0;
}

.my-input{
        color: #0e76fb;
    width: 100%;
    padding: 12px 12px;
    margin: 5px 0;
    border: 1px solid #00adef;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
	-o-border-radius: 10px;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
}

.my-input:hover{
    box-shadow: 0px 3px 8px rgba(83, 83, 83, 0.4);
}

.my-input:focus{
    box-shadow: 0px 1px 8px rgba(83, 83, 83, 0.4);
    border: none;
}

small{
    font-size: 13px;
}

.btn-my{
    width: 100%;
    padding: 15px 10px;
    font-size: 15px;
    text-transform: uppercase;
    background-color: rgb(10, 140, 192);
    color: #fff;
    border: none;
    font-family: 'Poppins', sans-serif;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
}

.btn-my:hover{
    background-color: rgb(7, 117, 160);
    color: #fff;
    font-size: 18px;
    box-shadow: 0px 3px 8px rgba(83, 83, 83, 0.4);
}

.box {
    position: relative;
    width: 100%;
}
  
.box:after {
background: linear-gradient(to right, #E3E3E3 15%,#C7C7C9 15%, #C7C7C9 30%, #D4085C 30%, #D4085C 45%, #F49E00 45%, #F49E00 60%, #C0C723 60%, #C0C723 75%, #86A2CE 75%, #86A2CE 90%, #E4719E 90%);
position: absolute;
content: '';
height: 6px;
right: 0;
left: 0;
top: 0;
}

.msg-success{
	margin-top: 15px;
	padding: 15px 20px;
	background-color: #FFC107;
	color: #fff;
	border: 1px solid rgb(98, 102, 14);
}