@font-face {
  font-family: Graphik; 
  src: url(fonts/GraphikRegular.otf);

}
@font-face {
  font-family: GraphikLight; 
  src: url(fonts/GraphikLight.otf);
  
}
@font-face {
  font-family: GraphikBlack; 
  src: url(fonts/GraphikBlack.otf);
  
}
@font-face {
  font-family: GraphikThin; 
  src: url(fonts/GraphikThin.otf);
  
}
@font-face {
  font-family: GraphikMedium; 
  src: url(fonts/GraphikMedium.otf);
  
}
@font-face {
  font-family: GraphikBold; 
  src: url(fonts/GraphikBold.otf);
  
}
@font-face { font-family:GraphikSemibold; src:url(fonts/GraphikSemibold.otf); }
body { font-family:Graphik; }
h1, h2, h3, h4, h5, h6{font-family: GraphikBold;}



:root { --main-color:#F8CF2D; }
a, i { transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; }
a:hover {text-decoration:underline;color:#FFF;}
ul { list-style:none; margin:0; padding:0; }
.back.hid em { padding: 0 10px;}
header { background-color:#fff; left:0; position:fixed; top:0; transition:all 500ms; width:100%; z-index:11; -webkit-transition:all 500ms; }
header .grid-x, .apply-sec .medium-10 .grid-x { align-items:center; }
header .top-bar { background-color:transparent; }
header .top-bar ul { background:none; width:100%; }
header .top-bar ul li.active a, header .top-bar ul li a:hover {color: #1890cd;text-decoration: underline;}
header .top-bar ul li .nav-link { font-family: Graphikthin;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 26px;
letter-spacing: 0.02em;

color: #fff ; }
header .mobile-phone { margin:5px 0 0; text-align:center; }
header .mobile-phone a { color:#030F27; }
header .mobile-phone a:hover { color:#1890CD; }

@media(max-width:767px){
    header .top-bar ul li .nav-link { font-family: Graphik;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 20px;
letter-spacing: 0.02em;

color: #000 ; }
}
header .title-bar .menu-icon:after { background:#000; box-shadow:0 7px 0 #000, 0 14px 0 #000; }
header .menu .menu { background-color:#fff; border:none; border-top:2px solid var(--main-color); box-shadow:0 0 2px #333; left:14px !important; width: 150px;}
header .menu .menu a { color: #000; font-size: 13px; padding: 8px 10px; line-height: 18px;}
header .menu .menu a:hover { background-color:#000; color:#fff; } 
.back{
    background-color: #030F27;
    padding: 10px 0;
}
.frm .read1 a { padding: 10px 55px;}
.up-sec a{
font-family: Graphik;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 22px;
color: #FFFFFF;
}
.up-sec a:hover{
	text-decoration:underline;
	color:var(--main-color);
}
.up-sec img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}
.logo-sec {
    padding: 15px 0;
}
.up-sec .large-5.medium-5.small-12 {
    text-align: right;
}
.up-sec .large-5.medium-5.small-12 img{
    margin-right: 15px!important;
}
@media(min-width:768px){
    .logo-sec .large-6 img {
    width: 100px;
}}
.logo-sec h3 {
    font-family: GraphikSemibold;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #2C2C2C;
}
.logo-sec p {
    font-family: Graphik;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #2C2C2C;
}
.quote{
    text-align: right;
}
/*
.main-banner{
	background: url(../images/banner.png)!important;
    margin: unset!important;
    padding: 0!important;
    background-size: cover !important;
    background-repeat: no-repeat!important;
   
}
*/

.main-banner {
    background: url(/assets/images/home/HomeBanner.jpg)!important;
    margin: unset!important;
    padding: 0!important;
    background-size: cover !important;
    background-repeat: no-repeat!important;
}
.m-ban {
    background: rgba(3, 15, 39, 0.6);
    padding:14% 8%;
}
.m-ban h1{
	font-family: GraphikThin!important;
	font-size: 30px!important;
	line-height: 33px!important;
	letter-spacing: 0.1em!important;
	margin: 0 0 30px 0!important;
	text-shadow: unset!important;
	text-transform: unset!important;
	color: #FFFFFF;
}
.m-ban h2{
font-family: GraphikSemibold!important;
font-style: normal;
font-weight: 900;
font-size: 52px;
line-height: 65px;
/* identical to box height */


color: #FFFFFF;
}

.m-ban p{
    font-family: GraphikThin;
font-style: normal;
font-weight: normal;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 35px;
/* or 180% */


color: #F1F1F1;
}
.lrn-btn a{
    border: 2px solid #FFFFFF;
box-sizing: border-box;
border-radius: 50px;
font-family: Graphik;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 28px;
/* identical to box height */

text-align: center;

color: #FFFFFF;
padding: 14px 30px;
}
.main-banner .medium-6.small-12 {
    padding: 0;
}
.lrn-btn a:hover {
    background: white;
    color: #1890CD;
    border-color:#1890CD; text-decoration:underline;
}
.read1 a:hover {
    background: #1890CD;
    color: white;
}

.call-btn { color:#000; font-family:open sans; font-size:18px; font-weight:bold; }
.call-btn i { background-color:#000; border:3px solid #ccc; border-radius:50%; color:#fff; height:37px; margin:0 5px 0 0; padding:7px 0 0; text-align:center; width:37px; }
.call-btn:hover { color:var(--main-color); }
.banner { padding:224px 0 0; }
.main .carousel { position:relative; }
.main .carousel-caption { bottom:0; display:flex; flex-direction:column; left:15%; justify-content:center; position:absolute; right:15%; text-align:left; top:0; }
.main h1 { color:#fff; font-size:68px; font-weight:900; line-height:1.1; margin:0; padding:38px 0; position:relative; text-transform:uppercase; text-align:center;}
.main h1::before, .main h3::before {/* border-top:3px solid var(--main-color); */ content:''; left:0; position:absolute; top:0; width:90px; }
.main h1 span { display:block; }
.read-btn, .now-btn { background-color:#fff; border:3px solid #fff; color:#000; display:inline-block; font-size:15px; font-weight:600; margin:0 10px 0 0; padding:9px 30px; text-transform:uppercase; }
.now-btn { background-color:transparent; border:3px solid var(--main-color); color:#fff; margin:0; }
.read-btn:hover, .now-btn:hover { background-color:var(--main-color); border:3px solid var(--main-color); color:#fff; }

.outer { background-color: #030F27; padding:5% 0!important; }
.o-box {
    border: 15px solid #FFFFFF!important;
    box-sizing: border-box!important;
    border-radius: 10px!important;
    padding: 0 30px 30px 30px!important;
    margin:15px; 
}
.o-box img{
	margin-top: -15px;
}
/*.out-box { background-color:#fff; padding:25px; }*/
.out-box h3 { font-family: Graphikthin;
font-style: normal;
font-weight: bold;
font-size: 28px;
line-height: 39px;
margin-top: 30px;
margin-bottom: 30px;
/* identical to box height */


color: #F9F9F9; }

.out-box p {
    font-family: GraphikThin;
    font-style: normal;
    font-weight: bolder;
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
}

.about-section { background-image:url(/assets/images/home/bg1.jpg); background-position:bottom center; background-size:cover; padding:85px 0;     background-attachment: fixed;}
.about-section h2{
	font-family: Graphik;
font-style: normal;
font-weight: 300;
font-size: 55px;
line-height: 60px;

color: #000000;}
 .inner-about h3 { color:var(--main-color); font-size:65px; font-weight:900; line-height:1.2; margin:0 0 15px; text-transform:uppercase; }
}
.about-section h2 span, .inner-about h3 span { color:#fff; font-size:79px; }
.about-section h4, .inner-about h4 { color:#fff; font-size:24px; font-weight:normal; margin:0; text-transform:uppercase; }
 .inner-about p { color:#fff; font-size:14px; line-height:1.8; margin:0 0 15px; }
 .about-section p{font-family: Graphik;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 40px;
/* or 200% */
margin:30px 0;

color: #2C2C2C;}

.our-section {  padding:90px 0 0; background-color: #030F27;}
.our-section h3, .work-section h3, .about-txt h3 { color:#000; display:inline-block; font-size:48px; font-weight:900; line-height:1.1; margin:0 0 5px; position:relative; text-transform:uppercase; }

.our-section h3 span, .team-section h3 span, .work-section h3 span { display:block; }
.our-section p, .work-box p { color:#343434; font-size:13px; line-height:1.7; margin:0; }
.our-section p span, .work-box p span { color:#000; display:block; font-size:24px; font-weight:900; padding:5px 0 12px; text-transform:uppercase; }
.our-box { background-color:#fff; border:1px solid #9A9A9A; box-shadow:0 4px 34px rgba(0,0,0,0.14); height:91%; margin:30px 0 0; padding:30px; }

.team-section { background-color:#030F27;  padding:120px 0 0 0; }
.team-section .owl-item { padding:0 15px; }
.our-ser .owl-prev, .our-ser .owl-next {
    background-color: #1890CD;
    background-image: url(../images/arrow.png) !important;
    background-position: center;
    background-repeat: no-repeat !important;
    font-size: 0 !important;
    height: 50px;
    padding: 0 !important;
    position: absolute;
    top: -22%!important;
    left: 86%!important;
    width: 50px;
}
.our-ser .owl-next {
    background-image: url(../images/arrow1.png) !important;
    left: 90%!important;
}
.team-section .owl-prev, .team-section .owl-next {     background-color: #1890CD;
    background-image: url(../images/arrow.png) !important;
    background-position: center;
    background-repeat: no-repeat !important;
    font-size: 0 !important;
    height: 50px;
    padding: 0 !important;
    position: absolute;
    top: 94%;
    left: -3%;
    width: 50px; }
    .review-section .owl-prev, .review-section .owl-next {     background-color: #1890CD;
       background-color: #1890CD;
    background-image: url(../images/arrow.png) !important;
    background-position: center;
    background-repeat: no-repeat !important;
    font-size: 0 !important;
    height: 50px;
    padding: 0 !important;
    position: absolute;
    top: 40%;
    left: -5%;
    width: 50px; }
.team-section .owl-next { background-image:url(../images/arrow1.png) !important; left:4.5%; }
.review-section .owl-next { background-image: url(../images/arrow1.png) !important;
    left: auto;
    right: -5%; }
.team-section h3 { color: #fff; font-size: 42px;  line-height: 1.1;  font-family: GraphikSemibold; margin: 0 0 55px 35px; text-shadow: 0 4px 4px rgba(0,0,0,0.25);}
.team-box { background-color:#fff; box-shadow:0 4px 4px rgba(0,0,0,0.25); padding:24px 35px; }
.team-box p { color:#000; font-size:14px; font-weight:600; margin:0 0 5px; position:relative; }
.team-box p::before { border-top:22px solid var(--main-color); content:''; left:0; position:absolute; top:-34px; width:65px; }
.team-box span { display:block; font-size:20px; font-weight:900; text-transform:uppercase; }
.team-box a { color:#343434; font-size:14px; }
.team-box a:hover { color:var(--main-color); }
.team-box i { color:#000; margin:0 5px 0 0; }
.loc h3{
	font-family: Graphik;
font-style: normal;
font-weight: normal;
font-size: 35px;
line-height: 40px;
/* identical to box height */

    position: absolute;
    top: 8%;
    left: 8%;
color: #FFFFFF;
}
.loc a{
	border: 2px solid #FFFFFF;
box-sizing: border-box;
border-radius: 50px;
font-family: Graphik;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 28px;
/* identical to box height */

text-align: center;

color: #FFFFFF;
padding: 12px 20px;		
    position: absolute;
    bottom: 8%;
    left: 8%;
}
.loc a:hover {
    text-align-last: center;
    background: rgba(255,255,255,.4);
}
.team-section .owl-item {
    padding: 0!important;
}
.about-section h2:after , .review-section h4:after{
    display: block;
    clear: both;
    content: "";
    position: relative;
    left: 0;
    bottom: 0;
    max-width: 250px;
    height: 20px;
    width: 22%;
    border-bottom: 5px solid #1890CD;
    padding: 10px 0px;
}
 .review-section h4:after{
    width:10%!important;
 }
.work-section { padding:50px 0; }
.work-section h3 { display:block; }
.work-section h3::before { right:0; }
.work-section .medium-8 p { color:#000; font-size:15px; line-height:1.7; margin:0; }
.work-box { background-image:url(../images/work-bg.jpg); background-position:top center; background-size:cover; border:1px solid #A5A5A5; box-shadow:0 14px 34px rgba(0,0,0,0.15); height:90%; margin:40px 0 0; padding:25px 28px 35px; }
.work-box a, .form-section a { background-color:var(--main-color); color:#000; display:inline-block; font-size:14px; font-weight:900; margin:18px 0 0; padding:9px 25px; text-transform:uppercase; }
.work-box a:hover { background-color:#000; color:#fff; }

.frm-section { background:url(/assets/images/home/ContactBackground.jpg);background-size: cover;padding: 5% 0; background-attachment: fixed; }
.frm-section h3 { font-family: Graphik;
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 55px;
color:#fff;
/* identical to box height */
}

.frm-section p{

font-family: Graphik;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 35px;
color:#fff;
/* or 175% */

margin: 30px 0;

}
.frm a{
	text-align: center;
}
.frm.contact p {
    color: #000;
}
.read1 a{

border: 2px solid #1890CD;
box-sizing: border-box;
border-radius: 50px;
font-family: Graphik;
font-style: normal;
font-weight: 500;
font-size: 25px;
line-height: 28px;
text-align: center!important;
color: #2C2C2C;
padding: 10px 55px;
z-index:99;
cursor: pointer;
}
.frm.contact button{

border: 2px solid #1890CD;
box-sizing: border-box;
border-radius: 50px;
font-family: Graphik;
font-style: normal;
font-weight: 500;
font-size: 25px;
line-height: 28px;
text-align: center!important;
color: #2C2C2C;
padding: 10px 55px;
z-index:99;
cursor: pointer;
}
.frm.contact button:hover {
    background: #1890CD;
    color: white;text-decoration:underline;
}
ul.errors.freeform-errors {
    text-align: justify;
}
.frm label { display: none !important;}
.frm input{
    font-family: Graphik;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 22px;
    color: #323232;
    height: 50px;
    border-radius: 50px;
    padding-left: 25px;
}
.frm textarea{
	font-family: Graphik;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 22px;
    color: #323232;
	 border-radius: 50px;
	 padding-left: 25px;
	 margin-bottom: 30px;
}
.frm h4{
	font-family: GraphikSemibold;
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 55px;
/* or 137% */

text-align: center;

color: #2D2D2D;
}
.frm{
	text-align: center;
	background: #FFFFFF;
box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.15);
border-radius: 10px;
padding: 50px;	
    /* margin-bottom: -220px; */ 
}
.text-box {
    background: #FFFFFF;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    margin: 25px;
    padding: 20px;
}
.rev1 {
    position: absolute;
    right: 10%;
    bottom: 18%;
}
.review-section{
    background-image: url("../images/rev2.png");
    background-size: cover;
    padding: 35px 0;
}
.review-section h4 {
    font-family: GraphikThin;
    font-style: normal;
    font-weight: bolder;
    font-size: 50px;
    line-height: 55px;
    color: #000000;
}
.rev p{
    font-family: Graphik;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 30px;
/* or 159% */


color: #000000;
}
.rev h4 {
    font-family: GraphikSemibold;
    font-style: normal;
    font-size: 22px;
    line-height: 29px;
    color: #000000;
}
.rev h5{
    font-family: Graphik;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 22px;
/* identical to box height */


color: #818181;
}
.team-section {
    background-color: #030F27;
    padding: 5% 0 0 0!important;
}
.main-banner{
    padding:unset!important;
}
footer { background:url("/assets/images/home/footer.jpg"); background-size:cover;width:100%;padding:60px 0px 0; }
footer h5 { 
    font-family: Graphik;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom: 30px;
 }
footer li { padding:0 0 7px; display: flex;}
footer li i { color:#fff; float:left; margin:3px 0 0; }
footer i {
    margin-right: 10px!important;
    margin-top: 5px!important;
}
footer p {
    font-family: Graphik;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    color: #D2D2D2;
    margin:0 10px 12px 0;
}
footer li a {
    color: #fff;
    font-size: 13px;
    font-family: Graphik;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    color: #C4C4C4;
    word-break: break-all;
}
footer .fa-facebook, footer .fa-instagram, footer .fa-twitter, footer .fa-linkedin { background: #030F27; width: 45px; height: 45px; padding: 13px 15px; border-radius: 50px;}
footer .fa-facebook:hover, footer .fa-instagram:hover, footer .fa-twitter:hover, footer .fa-linkedin:hover { background: #fff; color: #030f27;}
footer li a:hover, .copy p a:hover, .cont-box p a:hover { color:var(--main-color); text-decoration:underline; }
.app-btn { border:2px solid var(--main-color); color:#fff; display:inline-block; font-size:12px; font-weight:500; margin:25px 0 0; padding:6px 25px; }
.app-btn:hover { background-color:var(--main-color); color:#000; }

.copy { background-color:#030F27; margin:57px 0 0; padding:12px 0;} 
.copy a { color: #fff !important; }
.copy p { color:#777; font-size:13px; margin:0; text-transform: capitalize;}
.copy p a { color:#000; }
/*====================================location page===============================*/
.medium-1, .medium-2, .medium-3, .medium-4, .medium-5, .medium-6, .medium-7, .medium-8, .medium-9, .medium-10, .medium-12 { padding:0 15px; }

.pit-sec { background-image:url(../images/pit-img.png), url(/assets/images/site/FadedBackground.jpg); background-position:right 90%, top center; background-repeat:no-repeat; background-size:auto, cover; padding:65px 0; }
.pit-sec h3 { color:#2C2C2C; font-size:30px; font-family:graphik; margin:20px 0; padding:0 0 14px; position:relative; }
.pit-sec h2, .mission-sec h2 { color:#2C2C2C; font-size:30px; font-family:graphik; margin:20px 0; padding:0 0 14px; position:relative; } 
.pit-sec h2::after, .pit-sec h3::after, .mission-sec h2::after, .meet-box h3::after { border-bottom:3px solid #1890CD; bottom:0; content:''; left:0; position:absolute; width:125px; }
.pit-sec h3.slider-heading { border-top:1px solid #C4C4C4; color:#2C2C2C; font-size:18px; font-weight:600; margin:10px -18px 12px; padding:25px 18px 0; }
.pit-sec h3.slider-heading::after{border-bottom:none !important;}
.pit-sec p { color:#2C2C2C; font-size:16px; line-height:1.9; margin:0 0 15px; }
.pit-sec h3, .pit-sec h2, .mission-sec h2 { font-family: graphiksemibold;}
.pit-box { background-color:#fff; box-shadow:0 0 30px rgba(0,0,0,0.25); padding:18px; }
.pit-sec .owl-controls { text-align:center; } 
.pit-sec .owl-controls .owl-page { display:inline-block; }
.pit-sec .owl-controls .owl-page span { background-color:#C4C4C4; border-radius:50%; display:block; height:10px; margin:15px 4px; width:10px; }
.pit-sec .owl-controls .owl-page.active span, .pit-sec .owl-controls.clickable .owl-page:hover span { background-color:#1890CD; }

.pit-sec li { color:#2C2C2C; font-size:15px; padding:0 0 8px; }
.pit-sec li img { margin:-3px 8px 0 0; width:15px; }
.pit-box p { font-size:15px; }

.outer1 { padding:15px 0 45px; }
.outer1 h3 { color:#2C2C2C; font-size:40px; font-weight:normal; margin:0 0 12px; }
.outer1 p { color:#2C2C2C; font-size:17px; line-height:1.9; margin:0; }
.meet-box ul { list-style-image:url(/assets/images/tick.png); padding-left: 40px;}
.meet-box { background-color:#030F27; color:#fff; margin:0 0 20px; padding:40px 65px; }
.meet-box h3 { font-family:graphikthin; font-size:35px; margin:0 0 38px; padding:0 0 14px; position:relative; }
.meet-box h4 { font-size:18px; margin:0 0 22px; font-family: graphik; }
.meet-box p { font-size:15px; line-height:1.9; margin:20px 0; }
.meet-box p a:hover { color:#fff; text-decoration:underline; } 
.meet-box li { padding:0 0 12px; }
.meet-box li img { float:left; padding:4px 0 0; }
.meet-box li p { margin:0 0 0 12px; }
.o-box h3.number {
    background: #1890CD;
    font-size: 67px;
    font-weight: normal;
    font-family: Graphik;
    width: 40%;
    text-align: center;
    margin: -15px 0 0;
    padding: 12px 0;
    color: #fff;
    border-bottom-left-radius: 10px;
}
ul.site-map-menu li a{
	color:#030F27;
}
ul.site-map-menu li a:hover{
	color:#1890CD;
}
/*.................. Home-Page-Media .................. */
@media (min-width:320px) and (max-width:767px){ 
.pit-sec { background-size:0, cover; padding:20px 0 25px; }
.pit-sec h3,.pit-sec h2,.mission-sec h2 { font-size:24px; }
.pit-sec p, .outer1 p, .meet-box p { font-size:14px; }
.outer1 h3 { font-size:28px; margin:0 0 10px; }
.meet-box { padding:25px 15px; }
.meet-box h3 { font-size:22px; margin:0 0 25px; }
}

@media (min-width:640px) and (max-width:767px){
.pit-sec .medium-6 { width:100%; }
}

@media (min-width:768px) and (max-width:991px){
.pit-sec h3, .pit-sec h2, .mission-sec h2 { font-size:21px; } 
.pit-sec p { font-size:14px; }
.meet-box { padding:35px 50px; }
}



/************************* about-us page CSS start here *************************/
.main h1 {font-family: Graphikbold;font-style: normal;letter-spacing: 2px;font-size: 55px!important;line-height: 70px!important;text-align: center;color: #FFFFFF;}
.main p {margin: 0;font-family: Graphik;font-style: normal;font-weight: normal;font-size: 22px;line-height: 45px;text-align: center;color: #fff;}
.main span{color:#1890CD;}
.mission-sec {padding: 4% 0;}
.box-blue {border: 15px solid #1890CD;box-sizing: border-box;padding: 35px;}
.mission-sec h3{font-family: Graphik;font-style: normal;font-weight: normal;font-size: 55px;line-height: 60px;/* identical to box height */color: #2C2C2C;}
.story h3 {font-family: Graphik;font-style: normal;font-weight: normal;font-size: 30px;line-height: 45px;color: #FFFFFF;}
.story h3.trusted {
    font-family: Graphik;
    font-style: normal;
    font-weight: 300;
    font-size: 60px;
    line-height: 77px;
    color: #FFFFFF;
} 
.story h3.year {
    font-family: Graphik;
    font-style: normal;
    font-weight: 500;
    font-size: 100px;
    line-height: 110px;
    color: #FFFFFF;
}
.story h3.year span {
    font-family: Graphik;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
    color: #E23039;
    position: absolute;
    margin-top: 17px;
}
.mission-sec p{font-family: Graphik;font-style: normal;font-weight: normal;font-size: 20px;line-height: 40px;/* or 187% */ color: #2C2C2C;}
.story {background: #030F27;padding: 4%;}
.story p { font-family: Graphikthin; font-style: normal; font-weight: bold; font-size: 18px; line-height: 40px; text-transform: lowercase;color: #FFFFFF;}
.about-txt { padding:40px 0; }
.about-txt h3::before { top:2px; }
.about-txt p { color:#343434; font-size:17px; margin:0 0 0 25px; }
.apply-sec { background-image:url(../images/apply-bg.jpg); background-position:top center; background-size:cover; padding:30px 0; }
.apply-sec h3 { color:#fff; font-size:28px; font-weight:900; line-height:1.5; margin:0; text-transform:uppercase; }
.apply-sec a, .contact-sec form a { background-color:#000; color:#fff; display:block; font-size:14px; font-weight:900; margin:18px 0 0; padding:12px 0 10px; text-align:center; text-transform:uppercase; }
.apply-sec a:hover, .contact-sec form a:hover, .ser-text a:hover, .job-section a:hover, .career-pay h4 a:hover, .dot-btn:hover, .hiring-section .large-5 a:hover { background-color:#fff; box-shadow:0 0 5px #999; color:#000; }

.abt-our { padding-bottom:70px !important; }
.inner-about { padding:40px 0; }
.inner-about h3 span, .inner-about h4, .inner-about p { color:#000; }
.inner-about .medium-6:last-child { position:relative; }
.inner-about .medium-6:last-child::before { border-left:15px solid var(--main-color); content:''; height:45px; left:7px; position:absolute; top:15px; }
.abt-team { margin:0 !important; padding-top:45px !important; }

.what-section { background-color:#000; }
.what-section h3 { color:#fff; font-size:40px; font-weight:900; margin:0 0 20px; text-transform:uppercase; }
.what-section p { color:#fff; font-size:16px; line-height:1.8; margin:0; }

/************************* contact-us page CSS start here *************************/
.con-frm {padding: 4% 0;}
.frm1 {margin-bottom: unset!important; margin: 50px;}
.effect{padding:0 50px}
/* .effect li:hover, .effect a:hover {color:#1890cd;} */
.effect li:nth-child(2) a:hover, .effect li:nth-child(3) a:hover {color:#1890cd;text-decoration:underline;}
.con-frm h3, .con-frm h2 {font-family: Graphik;font-style: normal;font-weight: 600;font-size: 40px;line-height: 55px;color: #2D2D2D;padding: 10px 0;}
.con-frm li {margin-bottom: 15px;font-family: Graphik;font-style: normal;font-weight: normal;font-size: 25px;line-height: 35px;color: #2C2C2C;display: flex;}
.con-frm a {color: #2C2C2C;}
.con-frm em {margin-right: 15px;}
.sociall {color:white; background:black; margin-right:15px; padding:12px; width:50px; padding-left:15px; border-radius:50px 50px; height:50px;}
.sociall:hover {color:#000; background:#1890cd;}
.contact-sec { padding:55px 0; }
.contact-sec form { background-image:url(../images/contact-bg.jpg); background-position:top center; background-size:cover; box-shadow:0 4px 27px rgba(0,0,0,0.17); height:100%; padding:45px; }
.contact-sec h3 { color:#000; font-size:20px; font-weight:600; margin:0; text-transform:uppercase; }
.contact-sec h3 span { color:var(--main-color); display:block; font-family:lato; font-size:42px; font-weight:bold; letter-spacing:2px; padding:12px 0 27px; }
.contact-sec h4 { color:#fff; font-family:lato; font-size:22px; font-weight:bold; margin:0 0 25px; text-transform:uppercase; }
.contact-sec .box, .hiring-section .box { border:1px solid #A9A9A9; box-shadow:0 4px 11px rgba(0,0,0,0.13); margin:0 0 16px; padding:12px 20px; }
.contact-sec form a { display:inline-block; margin:0; padding:10px 40px; }
.cont-box { background-color:#181818; padding:50px; }
.cont-box li { padding:0 0 20px; }
.cont-box i { color:#fff; float:left; font-size:20px; padding:6px 0 0; }
.cont-box p { color:#fff; font-size:18px; font-weight:600; margin:0 0 0 30px; }
.cont-box p a { color:#fff; }

/************************* services page CSS start here *************************/
.ser-txt p { font-size:24px; }
.serr .medium-4.small-12 {
    padding: 0;
     position: relative;
}
.story span {
    font-family: Graphik;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
    color: #E23039;
    position: absolute;
    margin-top: 17px;
}
.loc1 h2 , .loc2 h2, .loc3 h2, .loc4 h2, .loc5 h2, .loc6 h2, .loc7 h2{
    font-family: Graphik;
    font-style: normal;
    font-weight: normal;
    font-size: 35px;
    line-height: 40px;
    color: #FFFFFF;
   
}
 .loc1 h2 {
    position: absolute;
    top: 30px;
    left: 35px;
}

.loc2 h2 {
    position: absolute;
    bottom: -8%;
    left: 36%;
}
.loc3 h2 {
    position: absolute;
    bottom: -8%;
    left: 69%;
}
.loc4 h2{position: absolute;
left: 2%;
bottom: -95%;
}
.loc5 h2{
    position: absolute;
    left: 36%;
    bottom: -95%;
}
.loc6 h2{
    position: absolute;
    left: 69%;
    bottom: -95%;
}
.loc7 h2{
    position: absolute;
    left: 2%;
    bottom: -184%;
}
.loc1 a, .loc2 a, .loc3 a, .loc4 a, .loc5 a, .loc6 a, .loc7 a{
    border: 2px solid #FFFFFF;
box-sizing: border-box;
border-radius: 50px;

font-family: Graphik;
font-style: normal;
font-weight: 500;
font-size: 25px;
line-height: 28px;
/* identical to box height */

text-align: center;

color: #FFFFFF;
padding: 12px 20px;     
   
}
.loc1 a {
    position: absolute;
    left: 20px;
    bottom: 20px;
}

.loc2 a {
    position: absolute;
    bottom: -76%;
    left: 36%;
}
.loc3 a {
    position: absolute;
    bottom: -76%;
    left: 69%;
}
.loc4 a{position: absolute;
left: 2%;
bottom:-163%;
}
.loc5 a{
    position: absolute;
    left: 36%;
    bottom:-163%;
}
.loc6 a{
    position: absolute;
    left: 69%;
  bottom:-163%;
}
.loc7 a{
    position: absolute;
    left: 2%;
    bottom: -253%;
}
.loc1 a:hover, .loc2 a:hover, .loc3 a:hover, .loc4 a:hover, .loc5 a:hover, .loc6 a:hover, .loc7 a:hover {
    text-align-last: center;
    background: rgba(255,255,255,.4);
}
.services-sec { padding:40px 0; }
.services-sec h3, .services-sec-1 h3 { color:#000; font-size:32px; font-weight:900; margin:0 0 15px; text-transform:uppercase; }
.services-sec p, .services-sec-1 p { color:#343434; font-size:14px; line-height:1.7; margin:0; }
.services-sec-1, .career-pay { background-color:#F2F2F2; padding:40px 0; }

.outer-ser { background-image:url(../images/service-bg.jpg); background-position:top center; background-size:cover; padding:50px 0 35px; }
.ser-box { background-color:#fff; height:91.5%; margin:0 0 30px; padding:35px 30px; }
.ser-box h3 { color:#000; font-size:25px; font-weight:900; margin:0 0 15px; text-transform:uppercase; }
.ser-box p, .services-work p { color:#343434; font-size:15px; line-height:1.7; margin:0; }
.ser-box p span { display:block; font-size:18px; font-weight:600; }

.services-work { background-image:url(../images/our-img.png); background-position:right center; background-repeat:no-repeat; padding:60px 0; }
.services-work h3 { color:#000; font-size:36px; font-weight:900; line-height:1.3; margin:0 0 20px; text-transform:uppercase; }
.services-work ul, .career-section ul, .career-pay ul { padding:0 0 0 25px; }
.services-work li { color:#000; display:inline-block; font-size:18px; font-weight:600; padding:20px 50px 0 0; position:relative; text-transform:uppercase; }
.services-work li::before, .career-section li::before, .career-pay li::before { color:var(--main-color); content:"\f111"; font-family:fontAwesome; font-size:15px; left:-25px; margin:2px 0 0; position:absolute; }
.ser-text { align-items:center; background-color:#fff; border:4px solid #868686; display:flex; margin:45px 0 0; padding:18px 25px; }
.ser-text h4 { color:#000; font-size:20px; font-weight:900; line-height:1.5; margin:0 35px 0 0; text-transform:uppercase; }
.ser-text a, .job-section a { background-color:var(--main-color); color:#000; display:inline-block; font-size:20px; font-weight:900; height:50px; padding:10px 0; text-align:center; text-transform:uppercase; width:270px; }

.job-section { background-image:url(../images/service-bg1.jpg); background-position:top center; background-size:cover; padding:45px 0 90px; }
.job-section h3 { color:var(--main-color); font-size:48px; font-weight:900; line-height:1.3; margin:0; text-transform:uppercase; }
.job-section p { color:#000; font-size:20px; line-height:1.7; margin:22px 0 30px; }
.job-section p span { display:block; font-weight:600; padding:15px 0 0; }
.job-section a { padding:10px 30px; width:auto; }
.job-section li, .hiring-section li { color:#000; font-size:20px; font-weight:600; padding:14px 0 0 18px; position:relative; }
.job-section li::before, .hiring-section li::before { color:#000; content:"\f111"; font-family:fontAwesome; font-size:4px; left:0; position:absolute; top:27px; }

/************************* career page CSS start here *************************/
.location-section {
    background: none!important;
}
.locc h4 {
    font-family: Graphiksemibold;
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 55px;
    color: #2C2C2C;
}
.locc p{font-family: Graphik;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 35px;
color: #2C2C2C;
}
.noper img {
    text-align: right;
    top: 24%;
    margin: 85px;
    position: absolute;
    transform: rotate(90deg) !important;
}
img.noper1 {
    margin: 0;
    top: 52%;
    transform: rotate(0deg) !important;
}
.locc ul li::before {
  content: "\2022";
  color: red;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
.locc ul { background: none !important; padding-left: 20px;}
.locc ul li{ font-family: Graphiksemibold; font-style: normal; font-weight: 500; font-size: 25px; line-height: 50px; color: #2C2C2C;}
.locc { margin-bottom: 4%; padding: 0 30px;}
.career-section { padding:50px 0; }
.career-section h3, .career-pay h3, .job-req h3 { color:#000; font-size:32px; font-weight:900; margin:0 0 15px; text-transform:uppercase; }
.career-section p { color:#343434; font-size:15px; line-height:1.7; margin:0 0 15px; }
.career-section li, .career-pay li { color:#343434; font-size:15px; font-weight:600; padding:0 0 20px; position:relative; }
.career-pay h4 { color:#000; font-size:27px; font-weight:600; margin:0; text-align:center; }
.career-pay h4 a, .dot-btn { background-color:var(--main-color); color:#000; display:inline-block; font-family:open sans; font-size:26px; font-weight:800; margin:0 0 0 25px; padding:12px 35px; text-transform:uppercase; }
.career-pay p { color:#000; font-size:19px; font-weight:600; line-height:1.6; margin:35px 0; }

.job-req { padding:70px 0; }
.job-req h3 { margin:0; }
.job-req h4 { color:#595959; font-size:25px; font-weight:600; margin:10px 0 25px; text-transform:uppercase; }
.job-box { border:4px solid #C4C4C4; padding:30px 20px; }
.job-box li { color:#000; font-size:20px; font-weight:600; padding:0 0 20px; }

.hiring-section { background-image:url(../images/career-bg.jpg); background-position:top center; background-size:cover; padding:20px 0 55px; }
.hiring-section .large-10 { text-align:center; }
.hiring-section h3 { color:var(--main-color); font-size:45px; font-weight:900; margin:0; text-transform:uppercase; }
.hiring-section h4 { color:#000; font-size:25px; font-weight:900; margin:80px 0 25px; text-align:left; text-transform:uppercase; }
.hiring-section p { color:#000; font-size:20px; line-height:1.7; margin:18px 0 35px; }
.hiring-section ul { border:3px solid #868686; padding:17px 28px; }
.hiring-section li { display:inline-block; vertical-align:top; width:49%; }
.hiring-section .large-5 a { background-color:var(--main-color); color:#000; display:block; font-size:14px; font-weight:900; margin:0 0 15px; padding:12px 0 10px; text-align:center; text-transform:uppercase; }
.hiring-section .brow-btn { display:none; }
.hiring-section label { background-color:#000; color:#fff; cursor:pointer; display:inline-block; font-size:14px; font-weight:bold; margin:0 0 15px; padding:10px 18px; text-transform:uppercase; }
.hiring-section label i { padding:0 10px 0 0; }
/*--------------------------new-lease-------------------------------------------------*/
.leasee {padding: 4%;}
.leasee h4{padding-top: 35px;}
.leasee .medium-6.large-6.small-12 { margin-bottom: 30px;  padding: 10px 15px 0;}
.leasee ul {background: #E23039;color: white;}
.leasee h5 {background: #030F27;padding: 12px;}
.leasee li {padding: 5px;padding-left: 20px;}
.leasee a{color: white;}
.sa_modify h3 {
    font-family: GraphikSemibold!important;
    font-style: normal;
    font-weight: 900;
    font-size: 45px;
    line-height: 70px;
    color: #FFFFFF;
    padding: 0 30px 30px;
} 
ul.menu.vertical.submenu.is-dropdown-submenu.first-sub li:first-child{ 
	display:none;
}
@media (min-width:320px) and (max-width:639px){	
   ul.menu.vertical.submenu.is-dropdown-submenu.first-sub li:first-child{ display:block; }
}
/*.................. Home-Page-Media .................. */
@media (min-width:320px) and (max-width:767px){	
header { padding:6px 0; }
header .title-bar { background:#fff; float:right; }
#header { background-color:#fff; left:0; padding:0 15px; position:absolute; right:0; top:115px; }
header .large-2:last-child { display:none; }
header .top-bar .top-bar-left { justify-content:center; }
header .menu .menu { left:0 !important; right:0; width:auto; }
header .is-drilldown { width:100%; }
header .top-bar ul li.active a, header .top-bar ul li a:hover { background-color:transparent; color:var(--main-color); }
header .top-bar ul li .nav-link { margin:0; padding:7px 0; }
.logo-sec { padding: 8px 0 0;}
.banner { padding:57px 0 0; }
.locc ul {padding-left: 0px;}
.effect {padding: 0 6px 0 15px;}
.noper img {display: none;}
.main .carousel img { height:250px; object-fit:cover; }
.main .carousel-caption { left:15px; right:15px; }
.main h1 { font-size:38px !important; font-weight:normal !important; }
.main h3 { font-size:45px; line-height:1.2; padding:10px 0; }
.read-btn, .now-btn { font-size:14px; padding:8px 20px; }
.outer .medium-10, .our-section .medium-10, .team-section .medium-10, .work-section .medium-10, .form-section .medium-5 .medium-6, .about-txt .medium-10, .apply-sec .medium-10:first-child, .inner-about .medium-10, .contact-sec .medium-7 .medium-6, .services-sec .medium-6, .services-sec-1 .medium-6, .hiring-section .large-5 .medium-6 { padding:0; }
.out-box, .form-section a { margin:0 0 20px; }
.about-section { padding:20px 0; }
.about-section h2, .inner-about h3 { font-size:48px; }
.about-section h2 span, .inner-about h3 span { font-size:55px; }
.our-section { padding:40px 0 0; }
.our-section h3, .work-section h3, .about-txt h3 { font-size:35px; margin:0; }
.our-box, .work-box { height:auto; margin:30px 0 0; }
.team-section {  padding:80px 0 35px; }
.team-section .owl-prev { left:0; }	
.team-section .owl-next { right:0; }
.form-section h3 { font-size:26px; }
footer img { margin:0 0 20px; }
.copy p { text-align:center; }
.leasee img { width:100%; }
.read1 a { font-size:15px; } 
.about-section h2 { padding: 0 15px;}
.frm-section h3 { padding: 0 20px;}
/************************* about-us page media start here *************************/
.main p, .career-pay h4 { font-size:20px; }
.about-txt h3::before { right:-45px; }
.about-txt p { font-size:14px; margin:25px 0 0; }
.apply-sec h3 { font-size:22px; font-weight:bold; }
.apply-sec a { margin:18px auto 0; width:150px; }
.what-section p { font-size:14px; margin:0 0 25px; }
.what-section h3 { font-size:30px; margin:30px 0 10px; }
.team-section h3 { font-size:36px; margin: 0 0 30px 10px;}

/************************* contact-us page media start here *************************/
.contact-sec form { height:auto; margin:0 0 25px; padding:25px 15px; }
.contact-sec h3 span { font-size:24px; letter-spacing:0; padding:8px 0 22px; }
.cont-box { padding:30px 15px; }

/************************* services page media start here *************************/
.ser-txt p, .hiring-section p { font-size:16px; }
.services-sec h3, .services-sec-1 h3 { font-size:23px; margin:12px 0 10px; }
.services-sec p, .services-sec-1 p { font-size:13px; margin:0 0 15px; }
.ser-box { height:auto; margin:0 0 20px; padding:25px 20px; }
.ser-box h3 { font-size:24px; }
.services-work { background-image:none; }
.services-work h3 { font-size:30px; }
.services-work li { padding:10px 50px 10px 0; }
.ser-text { display:block; padding:18px; }
.ser-text h4 { font-size:18px; font-weight:800; margin:0 0 15px; }
.ser-text a, .job-section a { padding:10px 30px; width:auto; }
.job-section { padding:0 0 40px; }
.job-section h3, .job-req h3, .hiring-section h3 { font-size:28px; font-weight:800; }
.job-section p, .job-section li { font-size:17px; }
.leasee .medium-6.large-6.small-12 { padding:unset;}

/************************* career page media start here *************************/
.career-pay p { font-size:14px; margin:35px 0 10px; }
.career-pay h4 a, .dot-btn { font-size:18px; margin:10px 0 0; padding:8px 15px; }
.job-req h4 { font-size:19px; }
.job-box li { font-size:15px; padding:0 0 10px; }
.hiring-section label { font-size:13px; padding:10px 13px; }
.hiring-section li { font-size:15px; padding:6px 0 0 20px; width:auto; }
.hiring-section li::before { top:15px; }
.review-section .owl-prev { left:0; }
.review-section .owl-next { right:0; }
.frm {padding: 30px 10px;}
}

@media (min-width:480px) and (max-width:767px){
footer .grid-x .small-12 { width:50%; }
footer .copy .grid-x .small-12 { width:100%; }
}

@media (min-width:640px) and (max-width:767px){
header .grid-x .medium-7 { width:83.333%; }
#header { padding:2px 0; position:relative;top:auto; }
header .top-bar ul li .nav-link { font-size:18px; padding:10px 14px; }
.grid-x .medium-3, .grid-x .medium-4, .grid-x .medium-5, .grid-x .medium-6, .grid-x .medium-7, .grid-x .medium-8, .grid-x .medium-10, .grid-x .medium-12, .last-head .grid-x .medium-9, .leasee .medium-9 { width:100%; }
.quote a { right:15px !important; }
.team-section.main-banner { padding:40px 0 0 0 !important; }
.banner { padding:162px 0 0 !important; }
}

@media (min-width:768px){
header.shrink { box-shadow:0 0 5px #000; transform:translateY(-157px); }
header .top-bar {  padding:0; }	
header .mobile-phone { display:none; }
/*header .top-bar ul li.active .nav-link, header .top-bar ul li .nav-link:hover { background-color:transparent; border-bottom:5px solid #000; }*/
/*header .top-bar ul li .nav-link { border-bottom:5px solid transparent; }*/
/*.outer .medium-4 { margin:-115px 0 0; z-index:1; }*/
.about-section .container, .form-section .container, .what-section .container { max-width:100%; }
.about-section .medium-5, .about-txt .medium-4, .what-section .medium-5 { align-self:center; }
.about-section .medium-6, .form-section .medium-6, .what-section .medium-6, .contact-sec .medium-7 .medium-6, .hiring-section .large-5 .medium-6 { padding-right:0; }
.form-section .medium-5 .medium-6:first-child, .contact-sec .medium-7 .medium-6:first-child, .contact-sec .medium-7 .medium-6:nth-child(3), .hiring-section .large-5 .medium-6:first-child, .hiring-section .large-5 .medium-6:nth-child(3) { padding-left:0; }
.copy .medium-6:last-child { text-align:right; }
.contact-sec .medium-7 { padding-right:0; }
.contact-sec .medium-5 { padding-left:0; }
.main-banner{
    height: 120vh;
}
}
@media(min-width:1367px){ 
    .our-ser .owl-prev{    width: 40px!important;height:40px!important;top: -14%!important;left: 81%!important;}
    .our-ser .owl-next{  width: 40px!important;height:40px!important;   left: 83.5%!important; width: 40px!important;height:40px!important;top: -14%!important}
}
@media(max-width:767px){
    .mission-sec {padding: 4% 4%;}
    .about-section img {margin-top: 35px!important;}
    .story span {
    /* font-family: Graphik; */
    font-style: unset;
    font-weight: unset;
    font-size: unset;
    line-height: unset;
    text-transform: unset;
    color: #E23039;
    position: unset;
    margin-top: unset;
}
.loc1 a {
	position: absolute;
	left: 2%;
	bottom: 40px;
}
.loc1 h2 {
    position: absolute;
    bottom: 13%;
    left: 2%;
}
.loc2 h2 {
    position: absolute;
    bottom: -56%;
    left: 2%;
}
.loc2 a {
    position: absolute;
    bottom: -104%;
    left: 2%;
}
.loc3 h2 {
    position: absolute;
    bottom: -125%;
    left: 2%;
}
.loc3 a {
    position: absolute;
    bottom: -175%;
    left: 2%;
}
.loc4 h2 {
    position: absolute;
    left: 2%;
    bottom: -196%;
}
.loc4 a {
    position: absolute;
    left: 2%;
    bottom: -244%;
}
.loc7 a {
    position: absolute;
    left: 2%;
    bottom: -245%;
}
.loc5 h2 {
    position: absolute;
    left: 2%;
    bottom: -266%;
}
.loc5 a {
    position: absolute;
    left: 2%;
    bottom: -313%;
}
.loc6 h2 {
    position: absolute;
    left: 2%;
    bottom: -335%;
}
.loc6 a {
    position: absolute;
    left: 2%;
    bottom: -383%;
}
.loc7 h2 {
    position: absolute;
    left: 2%;
    bottom: -404%;
}
.loc7 a {
    position: absolute;
    left: 2%;
    bottom: -452%;
}
.loc1 a, .loc2 a, .loc3 a, .loc4 a, .loc5 a, .loc6 a, .loc7 a{
    font-size:20px!important;padding: 8px 20px;
}
.sociall {
    width: 42px;
    padding-left: 12px;
    height: 42px;
}
.location-section {
    padding: 17% 2%;
    background: none!important;
}
.locc {
    padding: 4%;
}
.locc ul li {
    font-size: 18px!important;
    line-height: 30px;
    margin-left: 20px;}
.con-frm li {
    font-size: 20px;
    line-height: 30px;}
    .team-section .owl-prev{   width: 40px!important;height:40px!important; top: 76%;
    left: 68%!important;}
    .our-ser .owl-prev{    width: 40px!important;height:40px!important;    top: -16%!important;
    left: 70%!important;}
    .our-ser .owl-next{  width: 40px!important;height:40px!important;   left: 83.5%!important; width: 40px!important;height:40px!important;top: -16%!important}
.team-section .owl-next {width: 40px!important;height:40px!important;  left: 80.5%!important;top: 76%}     
.hid, .logo-sec .large-3.medium-3.small-3{display: none;}
     h3, h2, .story h3{font-size:30px!important;line-height: 40px!important;}
     .team-section .owl-next {left: 82.5%!important;}
    .team-section {background-color: #030F27;padding: 40px 0 0 0!important;}
.frm{margin-bottom: unset!important;margin-top: 30px; margin:0 9px;}
.frm textarea{font-size:16px;}
.frm input.form-control {font-size: 16px;height: 40px;}
    .back{background-color: unset!important;}
    .read1,.loc a{font-size:18px;padding:10px 20px!important;}
    .review-section h4 {padding: 0 5%;}
.main-banner{padding: unset!important;}
.quote a {position: absolute;top: 52px;color: #000;border-color: black;right: 18%;padding: 4px 20px !important;font-size: 13px!important;}
p{font-size: 16px!important;line-height: 25px!important;}
.o-box {margin-bottom: 30px;}

.o-box img {margin-top: -15px;width: 100px;height: auto;}
    .logo-sec img {width: 70px;}
header .title-bar {background: #fff;float: right;position: absolute;top: 57px;right: 0;}
.m-ban h2 {font-size: 30px;line-height: 40px;}
    .banner {padding: 115px 0 0;}
.m-ban h1 {font-size: 20px!important;line-height: 33px!important;margin: 0!important;}
.m-ban p {font-size: 16px;}
    .back {background-color: unset!important; padding: unset!important;}
}

@media(min-width:768px) and (max-width:992px){
.locc { padding: 4%;} 
.effect{padding:unset;}
.locc ul li {
    font-size: 20px;
    margin-left: 20px;
}
    .story span{margin-top: unset!important;}
    .mission-sec {
    padding: 4% 4%;
}
.con-frm li {
    font-size: 20px;
    line-height: 30px;}
    .sociall {
    width: 45px;    
    height: 45px;
}
.loc1 h2 {
    position: absolute;
    left: 2%;
    top: 45%;
}
.loc2 h2 {
    position: absolute;
    bottom: 50%;
    left: 36%;
}
.loc1 a {
    position: absolute;
    left: 2%;
   bottom: 30%;
}
.loc2 a {
    position: absolute;
    bottom: 30%;
    left: 36%;
}
.loc3 h2 {
    position: absolute;
    bottom: 50%;
    left: 69%;
}
.loc3 a {
    position: absolute;
    bottom: 30%;
    left: 69%;
}
.loc1 h2, .loc2 h2, .loc3 h2, .loc4 h2, .loc5 h2, .loc6 h2, .loc7 h2{font-size:20px!important;}
.loc4 h2 {
    position: absolute;
    left: 2%;
    bottom: 18%;
}
.loc5 h2,.loc6 h2{bottom: 18%;}
.loc4 a,.loc5 a, .loc6 a {
    bottom: 0%;
}
.loc7 h2 {
    position: absolute;
    left: 2%;
    bottom: -11%;
}
.loc7 a {
    position: absolute;
    left: 2%;
    bottom: -31%;
}
.loc1 a, .loc2 a, .loc3 a, .loc4 a, .loc5 a, .loc6 a, .loc7 a {
	font-size: 16px;
	padding: 5px 15px;
	bottom: 50px;
}

.main h1{font-size: 50px!important;} 
    .logo-sec h3 {font-size: 22px!important;line-height: 25px!important;}
    .logo-sec p{font-size:14px!important;line-height: 18px!important;}
    .check, .vector{max-width: 25px!important ;}
    .banner {padding: 210px 0 0;}
    header .top-bar ul li .nav-link {font-size: 14px!important;margin: 0 4px;padding: 10px 2px;}
    
.up-sec img {width: 11px;height: 11px;margin-right: 10px;}
.up-sec a {font-size: 11px;}
.logo-sec .large-6 img {width: 80px;}
.our-ser .owl-prev {top: -35%!important;left: 83%!important;}
.our-ser .owl-next{ top: -35%!important;left: 90%!important;}
.review-section .owl-prev { left:5px; }
.review-section .owl-next { right:5px; }
.team-section .owl-prev {top: 94%; left: -10%; width: 50px;}

    p{font-size:16px!important;line-height: 25px!important;}
    h2, h3, .story h3{font-size: 35px!important;line-height: 45px!important;}
    .main-banner {height: 550px;}
.o-box img {margin-top: -15px;height: 75px;width: 75px;}
footer h5{font-size: 22px!important; line-height:30px!important;}
.out-box h3 {font-size: 22px!important;line-height: 1.2;}
.o-box {border: 15px solid #FFFFFF!important;box-sizing: border-box;border-radius: 10px!important;padding: 0px 15px 15px 15px!important;height: 430px!important;}
.review-section h4 {margin-left: 5%;}
    .text-box {margin: 10px;padding: 7px;}
.rev h4 {font-size: 18px;line-height: 28px;}
.rev h5{font-size:16px;line-height: 20px;}
.frm{margin-bottom: unset!important;margin-top: 30px;}
.frm textarea{font-size:16px;}
.frm input.form-control {font-size: 16px;height: 40px;}
    
    .lrn-btn, .read1,.loc a{font-size:18px;padding:10px 20px!important;}
    .review-section h4 {padding: 0 5%;}
.loc h3{font-size: 25px!important;}
}

@media (min-width:768px) and (max-width:991px){
header .top-bar ul li .nav-link { font-size:12px; margin:0 6px; padding:22px 4px; }	
.lrn-btn a { font-size:14px; padding:14px 25px; }
header .menu .menu { left:6px !important; }
.main h1 { font-size:45px; padding:20px 0; }
.outer .medium-10, .our-section .medium-10, .team-section .medium-10, .work-section .medium-10, .about-txt .medium-10, .apply-sec .medium-10, .apply-sec .medium-2, .inner-about .medium-10, .services-sec .medium-10, .services-sec-1 .medium-10 { width:100%; }
/*.outer .medium-4 { margin:-35px 0 0; }*/
.out-box h3 { font-size:27px; line-height:1.2; }
.about-section h2, .inner-about h3 { font-size:48px; }  
.about-section h2 span, .inner-about h3 span { font-size:55px; }
.about-section p { font-size:13px; }
.our-section h3, .work-section h3, .job-section h3 { font-size:40px; }
.our-box { padding:18px; }
.our-section p span, .work-box p span { font-size:20px; padding:8px 0 4px; }
.team-box { padding:15px; }
.form-section h3, .services-work h3 { font-size:26px; }

/************************* about-us page media start here *************************/
.main h3, .about-txt h3, .about-txt h3 { font-size:38px; }
.main p, .career-pay h4 { font-size:22px; }
.apply-sec h3 { font-size:24px; }
.apply-sec a { margin:18px auto 0; width:150px; }
.what-section h3 { font-size:32px; margin:15px 0 5px; }
.what-section p { font-size:14px; margin:0 0 20px; }

/************************* contact-us page media start here *************************/
.contact-sec h3 span { font-size:32px; letter-spacing:0; padding:10px 0 20px; }
.cont-box { padding:30px 20px; }
.read1 a { font-size:20px; padding:12px 18px; }

/************************* services page media start here *************************/
.ser-txt p { font-size:15px; }
.services-sec h3, .services-sec-1 h3 { font-size:27px; margin:0 0 10px; }

/************************* career page media start here *************************/
.career-section h3, .career-pay h3, .job-req h3 { font-size:26px; margin:0 0 7px; }
.career-section p, .career-section li, .career-pay li { font-size:13px; padding:0 0 8px; }
.career-pay h4 a, .dot-btn { font-size:18px; padding:10px 20px; }
.hiring-section h3 { font-size:35px; }
.hiring-section p { font-size:17px; }
.hiring-section li { font-size:18px; width:auto; }
}

@media (min-width:768px) and (max-width:1239px){
.team-section .owl-prev { left:-37px; }	
.team-section .owl-next { right:-10px; }
.form-section { padding:0 0 40px; }
}

@media (min-width:992px) and (max-width:1199px){
.main h1 { font-size:55px; padding:25px 0; }	
/*.outer .medium-4 { margin:-50px 0 0; }*/
.about-section h2, .inner-about h3 { font-size:58px; }
.about-section h2 span, .inner-about h3 span { font-size:72px; }

/************************* about-us page media start here *************************/
.our-section h3, .work-section h3, .about-txt h3, .job-section h3{ font-size:40px; }
.apply-sec h3 { font-size:23px; }

/************************* contact-us page media start here *************************/
.contact-sec h3 span { font-size:36px; letter-spacing:0; }

/************************* services page media start here *************************/
.ser-txt p { font-size:19px; }

/************************* career page media start here *************************/
.career-section h3, .career-pay h3, .job-req h3 { font-size:28px; }
.career-section p, .career-section li, .career-pay li { font-size:13px; }
.career-pay h4 a, .dot-btn { font-size:18px; padding:10px 20px; }
}

@media (min-width:992px) and (max-width:1340px){
.review-section .owl-prev { left:5px; }
.review-section .owl-next { right:5px; }	
}

@media (min-width:1240px){
.container { margin:0 auto; max-width:1220px; }
}
@media(width:1920px){
.loc4 h2,.loc5 h2, .loc6 h2{ bottom: -104%;}
.loc4 a,.loc5 a, .loc6 a{ bottom:-171%;}
.loc7 h2 { position: absolute; left: 2%; bottom: -198%;}
.loc7 a { position: absolute; left: 2%; bottom: -268%;}
}
@media(min-width:1800px){
	.container { max-width: 1370px;}
	.main-banner { height: 99vh;}
	.serr .medium-4.small-12 div > img { width: 100%; }
	.serr a.Learn > img{width:auto;}
	div#team-section1 div > img { width: 100%; }
}
@media(min-width:1351px){
	.serr .medium-4.small-12 div > img { width: 100%; }
	.serr a.Learn > img{width:auto;}
	#team-section1 div > img { width: 100%; }
}

/*** Start Thank You Page ***/

.thank-you {
    text-align:center;
    margin:50px;
}
.thank-you a:hover {
    color: var(--main-color);
}

/*** End Thank You Page ***/