﻿@import url(effect.css);



/* Fonts */

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

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

@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500&display=swap');



html { margin: 0; padding:0; overflow-x:hidden;}

body{ 

font-family: 'Muli', sans-serif; font-weight:normal; padding:0; color:#1c1c1c; font-weight:400; padding-right:0!important; overflow-x:hidden;

font-size:14px;

line-height:1.5;

min-height:100%;

}



/*	--------------------------------------------------

Global Reset & Standards

-------------------------------------------------- */



a:focus, .active{outline: none !important; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0)!important;}



img{border:0;}

a{color:#0a4122; text-decoration:none;

-webkit-transition:all .2s ease-in-out;

-moz-transition:all .2s ease-in-out;

-ms-transition:all .2s ease-in-out;

-o-transition:all .2s ease-in-out;

transition:all .2s ease-in-out;

}

a:hover{text-decoration:none; color:#d61f26;}



a > img{transform: scale(1); transition:.2s ease-in-out;}

a:hover > img{transform: scale(1.05);}



h1, h2, h3, h4, h5{margin:0 0 15px; padding:0;}





.fixed-btn{position:fixed!important; right:0!important; top:40%!important; margin:0; padding:0; list-style-type:none; z-index:150!important;}

.fixed-btn li{display:block!important; clear:both!important; overflow:hidden!important; margin-bottom:5px!important;}





.pt100 {

	padding-top: 100px;

}



.pb100 {

	padding-bottom: 100px;

}



.pt50 {

	padding-top: 50px;

}



.pb50 {

	padding-bottom: 50px;

}



.mb100 {

	margin-bottom: 100px;

}



.spad {

	padding: 80px 0;

}





.header{display:block; width:100%; float:left; background:#fff; position:relative; z-index:99; color:#1c592d;}

.header .logo{position:relative; z-index:100;}

/*.header.sticky{position:fixed;}

.header.sticky [class^="col-"] > a img{ height:30px;}

.header.sticky .stellarnav > ul > li > a { padding:23px 25px;}

*/

.header-links{display:block; margin:10px 0; padding:0; list-style-type:none; font-weight:600; color:#f09b1f;}

.header-links li{display:block; margin:2px 0; vertical-align:middle; font-size:15px; line-height:1.2;}

.header-links li a{color:#111;}

.header-links li a strong{color:#f1592a; font-size:17px;}

.header-links li a:hover{color:#f09b1f;}

.header-links li:last-child{margin-top:10px;}

.header-links li:last-child a{font-size:13px; font-weight:400; text-transform:uppercase; padding:4px 7px; background:#6fb143; color:#fff;}

.header-links li:last-child a:first-child{padding:4px 10px; background:#2e4db3;}

.header-links li:last-child a:nth-child(2){padding:4px 10px; background:#d71f25;}

.header-links li:last-child a:hover{background:#362e83!important;}



.header-nav{float:left; clear:both; width:100%; background:#f1592a; color:#fff; position:relative;}

.header-nav > div{position:relative; z-index:101;}



.sticky{position:fixed; z-index:1000;}



/*.home{position:absolute; right:15px; top:0; height:38px; line-height:38px; z-index:100; text-transform:uppercase; padding:0px 30px; background:#1f398e; font-size:18px; font-weight:700; color:#fff; text-align:center;}

.home:hover{color:#fff; background:#000;}*/







.floatingBtn{ list-style-type:none; margin:0; padding:0; position:fixed; right:0; bottom:22%; z-index:999;}

.floatingBtn li{width:125px; display:block; clear:both; font-size:12px; text-transform:uppercase; font-weight:700; margin-bottom:10px; border:3px 2fa9dc; border-right:0;}

.floatingBtn li a{ display:block; overflow:hidden; background:#2fa9dc; color:#fff; padding:5px 10px 5px 40px; position:relative; line-height:1.2;}

.floatingBtn li a:hover{ background:#f15a2b; color:#fff;}

.floatingBtn li a i{ position:absolute; left:8px; top:10px; font-size:20px;}



.container-size{ display:block; width:75%;}





/*----------------------------------------*/

/*  CTA Section CSS

/*----------------------------------------*/

.cta-section {

	position: relative;

	margin-bottom: 100px;

}



.cta-section:after {

	content: "";

	position: absolute;

	width: 66.7%;

	height: 100%;

	right: 0;

	top: 0;

	z-index: 2;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff595b+0,ff8e56+100 */

background: rgb(255,89,91); /* Old browsers */

background: -moz-linear-gradient(left,  rgba(255,89,91,1) 0%, rgba(255,142,86,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  rgba(255,89,91,1) 0%,rgba(255,142,86,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  rgba(255,89,91,1) 0%,rgba(255,142,86,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff595b', endColorstr='#ff8e56',GradientType=1 ); /* IE6-9 */



	

	 

}



.cta-section .cta-image-box {

	position: absolute;

	width: 50%;

	height: 100%;

	left: 0;

	background-image: url("../images/cta-img.jpg");

	background-repeat: no-repeat;

	background-size: cover;

}



.cta-section .container {

	position: relative;

	z-index: 9;

}



.cta-section .cta-content h2 {

	color: #fff;

}



.cta-section .cta-content p {

	color: #272727; font-size:14px;

	margin-bottom: 10px;

}

.cta-section .cta-content ul{color:#fff;}

.cta-section .cta-content ul li{ display:inline-block; width:30%; margin:0 2% 15px 0; padding:8px 0; border-bottom:2px #fff solid; text-transform:uppercase;}

.cta-section .cta-content ul li i{ font-size:10px; color:#ff7e00; position:relative; margin-right:5px; top:-3px;}



.cta-section .cta-content .cta-img-icon {

	display: inline-block;

	height: 80px;

	position: relative;

	width: 50px;

	margin-right: 40px;

	margin-bottom: 30px;

}



.cta-section .cta-content .cta-img-icon:last-child {

	margin-right: 0;

}



.cta-section .cta-content .cta-img-icon img {

	position: absolute;

	left: 0;

	bottom: 0;

	max-height: 100%;

}





/* contact section start */



.testimonial_section{

    width: 100%;

    float: left;

    padding-bottom: 30px;

}

.testimonial_taital{

    width: 100%;

    float: left;

    font-size: 45px;

    color: #fff;

    text-align: center;

    font-family: 'Cinzel', serif;

	font-weight:400;

	padding-bottom:0;

	margin-bottom:5px;

}

.testimonial_text{

    width: 100%;

    float: left;

    font-size: 16px;

    color:#fff!important;

    text-align: center;

    margin: 0px;

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

}

.testimonial_section_2 {

    width: 100%;

    float: left;

    padding-top: 10px;

    padding-bottom: 10px;

}

.testimonial_box {

    width: 100%; margin:0 auto; box-sizing:border-box;

   background-color: #fff; -webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

    padding: 20px 30px;

}

.jonimo_text{

    width: 100%;

    font-size: 20px;

    text-transform: uppercase;

    color: #272727;

    font-weight: bold;

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

}



.dummy_text{

    width: 100%;

    font-size: 14px;

    color: #000;

    margin: 0px;

    padding-top:10px;

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

}





.jonimo_taital_main{

    width: 100%;

    display: flex;

    border-bottom: 1px solid #363636;

}

.quick_icon{

    float: right;

}

.quick_icon_1{

    display: none;

}



.testimonial_box:hover{

    background-color: #f5d76b;

}

.testimonial_box:hover .dummy_text{

    color: #ffffff;

}

.testimonial_box:hover .jonimo_text{

    color: #ffffff;

}

.testimonial_box:hover .quick_icon_1{

    display: block;

}

.testimonial_box:hover .quick_icon{

    display: none;

}

.testimonial_box:hover .jonimo_taital_main{

    border-bottom: 1px solid #ffffff;

}



#my_carousel .carousel-indicators {

    bottom: -80px;

}

#my_carousel .carousel-indicators li {

    width: 20px;

    height: 20px;

    border-radius: 100px;

    background-color: rgba(0,0,0,0.5);

}



#my_carousel .carousel-indicators .active {

    width: 50px;

    background-color:#fff;

}



.margin_top90{

    margin-top: 90px;

}





/* contact section end */









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

/*********** Blog CSS **********/

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

.blog {

    position: relative;

    width: 100%;

    padding: 45px 0;

}







.blog .blog-carousel {

    position: relative;

    width: calc(100% + 30px);

    left: -15px;

    right: -15px;

}



.blog .blog-item {

    position: relative;

    margin: 0 15px;

}



.blog.blog-page .blog-item {

    margin: -30px 0 0 0;

}



.blog .blog-img {

    position: relative;

    width: 100%;

    z-index: 1;

}



.blog .blog-img img {

    width: 100%;

}



.blog .blog-content {

    position: relative;

    width: calc(100% - 60px);

    top: -60px;

    left: 30px;

    padding: 25px 30px;

    background: #ffffff;

    box-shadow: 0 0 30px rgba(0, 0, 0, .1);

    z-index: 2;

}



.blog .blog-content h2.blog-title {

    font-size: 25px;

    font-weight: 400;

    letter-spacing: 1px;

}



.blog .blog-meta {

    position: relative;

    margin-bottom: 15px;

}



.blog .blog-meta * {

    display: inline-block;

    margin: 0;

    padding: 0;

    font-size: 14px;

    font-weight: 300;

    color: #797979;

}



.blog .blog-meta i {

    color: #0796fe;

    margin: 0 2px 0 10px;

}



.blog .blog-meta i:first-child {

    margin-left: 0;

}



.blog .blog-text {

    position: relative;

}



.blog .blog-text p {

    margin-bottom: 10px;

}



.blog .blog-item a.btn {

    position: relative;

    padding: 0 0 0 35px;

    font-size: 14px;

    font-weight: 400;

    letter-spacing: 1px;

    color: #0796fe;

    transition: .3s;

}



.blog .blog-item a.btn:hover {

    color: #092a49;

}



.blog .blog-item a.btn::before {

    position: absolute;

    content: "";

    width: 30px;

    height: 2px;

    top: 10px;

    left: 0;

    background: #0796fe;

}



.blog .owl-nav {

    position: relative;

    width: 100%;

    margin-top: -30px;

    display: flex;

    justify-content: center;

}



.blog .owl-nav .owl-prev,

.blog .owl-nav .owl-next {

    position: relative;

    width: 100px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #0796fe;

    font-size: 25px;

    transition: .3s;

}



.blog .owl-nav .owl-prev {

    padding-right: 80px;

}



.blog .owl-nav .owl-next {

    padding-left: 80px;

}



.blog .owl-nav .owl-prev:hover,

.blog .owl-nav .owl-next:hover {

    color: #092a49;

}



.blog .owl-nav .owl-prev::after,

.blog .owl-nav .owl-next::after {

    position: absolute;

    content: "";

    width: 80px;

    height: 3px;

    top: 11px;

    background: #0796fe;

    transition: .3s;

}



.blog .owl-nav .owl-prev::after {

    left: 9px;

}



.blog .owl-nav .owl-next::after {

    right: 9px;

}



.blog .owl-nav .owl-prev:hover::after {

    background: #092a49;

}



.blog .owl-nav .owl-next:hover::after {

    background: #092a49;

}



.blog .pagination {

    margin-bottom: 0;

}



.blog .pagination .page-link {

    margin-top: -30px;

    color: #092a49;

    border-radius: 0;

    border-color: #092a49;

}



.blog .pagination .page-link:hover,

.blog .pagination .page-item.active .page-link {

    color: #0796fe;

    background: #092a49;

}



.blog .pagination .disabled .page-link {

    color: #999999;

}





.section-header {

    margin-bottom:15px; text-align:center;

}



.section-header strong{ text-align:center; display:block;  margin-top:10px; color:#939393;}



.three-box-area{ display:block; margin-top:0; clear:both; padding-top:60px; padding-bottom:130px; background:url(../images/blog-bg.jpg) no-repeat;}



.three-box-area h2{ margin:35px auto 0; font-family: 'Cinzel', serif; padding:0 20px; color:#111; display:inline-block; position: relative; font-weight:400; font-size:45px; }

.three-box-area h2:before { position:absolute; content:''; width:50px; height:1px; background:#ff4215; left:-40px; top:20px;}

.three-box-area h2:after { position:absolute; content:''; width:50px; height:1px; background:#ff4215; right:-40px; top:20px;}



.three-box-area > div > a{padding:6px 25px; text-align:center; font-weight:900; font-size:13px; position:relative; display: block; width:150px; margin:30px 0 0; color:#fff; text-transform:uppercase; background:#a3473e; border-radius:50px; clear:both; }

.three-box-area > div > a{ margin:20px auto;}

.three-box-area > div > a:hover, .welcome-area a:hover{background:#f8a146; color:#fff;}



.owl-carousel .item{ text-align: left; position:relative;}



.owl-carousel .item a{   display:block;  overflow:hidden; min-height:400px; margin:15px 10px;}



.owl-carousel .item a img{ max-width:100%; margin:0; }

.owl-carousel .item div{ display:block; position:absolute; /*border:7px #fff solid;*/ margin:0 auto; text-align:center; height:200px; z-index:1000; bottom:0; left:50%; width:85%; transform: translate(-50%, 0); padding:20px 30px 30px; background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, .1);}





.owl-carousel .item div span{ padding:5px 0 0 0; text-align:left; font-size:15px; font-weight:600;  display:block; margin-bottom:5px; color:#ff4f06}

.owl-carousel .item div span i{ padding-left:0; padding-right:5px; color:#111}



.owl-carousel .item div h4{color:#111; font-size:20px; font-weight:600; line-height: 1; text-align: left; padding-bottom: 0; margin-bottom: 10px;}

.owl-carousel .item div p{ font-size:15px;  color:#101010; line-height:1.5;  font-weight:400; text-align: left;}







.owl-carousel .item div:hover{ color:#fff!important; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1f398e+20,0796fe+100 */

background: rgb(31,57,142); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(31,57,142,1) 20%, rgba(7,150,254,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(31,57,142,1) 20%,rgba(7,150,254,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(31,57,142,1) 20%,rgba(7,150,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f398e', endColorstr='#0796fe',GradientType=0 ); /* IE6-9 */



 }

.owl-carousel .item div:hover h4{color:#fff; }

.owl-carousel .item div:hover p{color:#fff; }



.owl-carousel .item div:hover span{ color:#fff}

.owl-carousel .item div:hover span i{ color:#ffca2f}

























.project-slider{display:block; position:relative; overflow:hidden; clear:both;}

.project-slider img{width:100%;}



.video-area{display:block; background:#201c4f; overflow:hidden; padding:60px 0;}

.video-area .row{background:#fff;}

.video-area .row [class^="col-"] > div{padding:12px 0; margin:0;}

.video-area .row [class^="col-"] > div iframe{margin:0; padding:0;}



.news-scroll-area{background:#fff; position:relative; overflow:hidden; top:-18px; z-index:100; margin-bottom:50px;

-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.13);

-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.13);

box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.13);

}

.news-scroll-area [class^="col-"]:first-child{background:#4bb749; color:#fff; font-weight:700; position:relative;}

.news-scroll-area [class^="col-"]:first-child:after{content:''; display:block; position:absolute; right:-7px; top:10px;

border-style: solid;

border-width: 7.5px 0 7.5px 8px;

border-color: transparent transparent transparent #4bb749;

}

.news-scroll-area [class^="col-"] > div{padding:8px 0 5px;}





.welcome-area{padding-bottom:50px; padding-top:50px}

.welcome-area h1{font-size:44px; color:#111; font-family: 'Cinzel', serif;  font-weight:400}

.welcome-area h1 > strong{color:#f76117; display:block; clear:both; font-size:30px; letter-spacing:2px; font-family: 'Great Vibes', cursive;}

/*.welcome-area a{padding:5px 15px; background:#d61f26; color:#fff; border-radius:5px; margin:5px 0 15px; float:left; clear:both;}*/

.welcome-area p{text-align:justify; font-size:15px; padding-bottom:10px}

.welcome-area .welcome-icons [class^="col-"]{border:10px #fff solid; background:#fff;}

.welcome-area .welcome-icons [class^="col-"] > div{display:block; overflow:hidden; text-align:center; font-size:16px; padding:20px 10px 15px;}

.welcome-area .welcome-icons [class^="col-"] > div h3{font-size:12px; margin:12px 0 0; color:#fff; text-transform:uppercase; font-weight:700;}

.welcome-area .welcome-icons [class^="col-"]:nth-child(1){outline:5px #3e98d4 solid; outline-offset: -15px;}

.welcome-area .welcome-icons [class^="col-"]:nth-child(2){background:#41bfb6;}

.welcome-area .welcome-icons [class^="col-"]:nth-child(3){background:#974a9c;}

.welcome-area .welcome-icons [class^="col-"]:nth-child(4){background:#f6c63f;}

.welcome-area .welcome-icons [class^="col-"]:nth-child(5){background:#95c93f;}

.welcome-area .welcome-icons [class^="col-"]:nth-child(6){background:#f16046;}

.welcome-area .welcome-icons [class^="col-"] > div:hover{background:#1f398e!important;}





.target-courses{display:block; position:relative; overflow:hidden; clear:both; padding:90px 0; background:transparent url('../images/green-bg.jpg') no-repeat center center fixed; background-size:cover; color:#fff;}

.target-courses:before, .target-courses:after{position:absolute; left:0; right:0; top:0px; bottom:0; background:transparent url('../images/dotted-bg.png') no-repeat left 3px top 10px; content:''; display:block; z-index:1;}

.target-courses:after{background:url('../images/student-img.png') right bottom no-repeat;}

.target-courses .container{position:relative; z-index:10;}

.target-courses .container > div{width:65%;}

.target-courses a{display:block; overflow:hidden; clear:both; background:#d61f26; color:#fff; padding:10px; margin-bottom:15px;

-webkit-border-radius: 8px;

-moz-border-radius: 8px;

border-radius: 8px;

}

.target-courses a:hover{background:#6fb143;}

.target-courses a i{margin-right:5px;}

.target-courses h2{text-transform:uppercase; display:block; color:#f6c640; font-weight:700; margin:0px; font-size:36px;}

.target-courses p{margin-bottom:30px; font-size:20px;}











.section-title { background:#f15a2b; color:#fff; }

.section-title h2 { margin-top:35px; font-family: 'Cinzel', serif; padding:0 20px; color:#fff; font-weight:400; font-size:45px; display:inline-block; position: relative;  }

.section-title h2:before { position:absolute; content:''; width:50px; height:1px; background:#000000; left:-40px; top:20px;}

.section-title h2:after { position:absolute; content:''; width:50px; height:1px; background:#000000; right:-40px; top:20px;}





.arrow-link-more-btn{width:70px; height:40px; line-height:40px; font-size:20px; color:#a09f9f!important; border:1px #a09f9f dotted; font-family:'Work Sans'; position:relative; z-index:100; border-radius:25px; margin:0 auto; /*position:absolute; right:5%; top:35%;*/ overflow:hidden; display:block; clear:both; text-align:center;}

.arrow-link-more-btn span{font-weight:700; display:none; font-size:12px; text-transform:uppercase; color:#fff; margin:0 3px 0 0; padding:0; line-height:1; position:relative; top:-3px;}

.arrow-link-more-btn:hover{width:150px; color:#fff!important; border:1px #1e3f78 dotted; background:#1e3f78;}

.arrow-link-more-btn:hover span{display:inline-block;}



fieldset.arrow-link-more {

	border:none;

    border-top: 1px #a09f9f solid; display:block; width:250px; margin:0 auto;

}



fieldset.arrow-link-more legend{width:auto; top:4px; position:relative; padding:0 5px;}

fieldset.arrow-link-more legend a{width:70px; height:40px; line-height:40px; font-size:20px; color:#fd4215!important; border:1px #fd4215 solid; font-family:'Work Sans'; position:relative; z-index:100; border-radius:25px; margin:0 auto; /*position:absolute; right:5%; top:35%;*/ overflow:hidden; display:block; clear:both; text-align:center;}

fieldset.arrow-link-more legend a span{font-weight:700; display:none; font-size:12px; text-transform:uppercase; color:#fff; margin:0 3px 0 0; padding:0; line-height:1; position:relative; top:-3px;}

fieldset.arrow-link-more legend a:hover{width:150px; color:#fff!important; border:1px #1e3f78 dotted; background:#1e3f78;}

fieldset.arrow-link-more legend a:hover span{display:inline-block;}





.scroll-downs {

  position: absolute;

  top: auto;

  right: 0;

  bottom: 50px;

  left: 0;

  margin: auto;

  

  width :28px;

  height: 25px;

}

.mousey {

  width: 3px;

  padding: 7px 12px;

  height: 28px;

  border: 2px solid #fff;

  border-radius: 25px;

  opacity: 0.75;

  box-sizing: content-box;

}

.scroller {

  width: 3px;

  height: 10px;

  border-radius: 25%;

  background-color: #000;

  animation-name: scroll;

  animation-duration: 2.2s;

  animation-timing-function: cubic-bezier(.15,.41,.69,.94);

  animation-iteration-count: infinite;

}

@keyframes scroll {

  0% { opacity: 0; }

  10% { transform: translateY(0); opacity: 1; }

  100% { transform: translateY(15px); opacity: 0;}

}















/*  Month Special Gallery  */

.memories-area h3{font-size:18px; letter-spacing:2px; text-align:right; width:100%; display:block; line-height:1.2; color:#fff; margin:20px 0; text-transform:uppercase;}

.memories-area h3 > span{display:block; overflow:hidden; clear:both; font-family:'Italianno'; letter-spacing:0; font-size:75px; text-transform:none;}

.memories-area p{margin-bottom:25px;}



.welcomeTextArea{ position:relative; width:100%; float:left; clear:both; padding:80px 0 0; margin:0; text-align:center;}

.welcomeTextArea .row [class^="col-"] > div{ display:block; overflow:hidden; padding:18px; background:#09286d; margin:0 15px; color:#fff; -webkit-border-bottom-right-radius: 30px;

-moz-border-radius-bottomright: 30px;

border-bottom-right-radius: 30px;

-webkit-box-shadow: 5px 5px 0px 0px #3194ce;

-moz-box-shadow: 5px 5px 0px 0px #3194ce;

box-shadow: 5px 5px 0px 0px #3194ce;

} 

.welcomeTextArea .row [class^="col-"] > div h3{ font-size:24px; margin-top:15px;}

.we





















.timeline-area{ display:block; padding:15px 0!important;  }

/*.card{padding:10px 0;}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    
	background-color:#f0592a!important;
    border-bottom:none!important; font-size:40px!important; color:#fff!important;
}




.card-body{ padding:5px 15px!important; margin:0!important;}
.cd-container{ margin:5px auto!important; padding:0!important;}
#cd-timeline{margin:5px auto!important; padding:0!important;}
.cd-timeline-content{ font-size:15px!important; }
.cd-timeline-content h2 {font-size:22px!important; font-weight:600;}


.card-header:first-child {
    border-radius:none!important;
}

*/


.card{border:none; padding:40px 0; border-radius:0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff5a5b+0,ff8e56+100 */
background: rgb(255,90,91); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,90,91,1) 0%, rgba(255,142,86,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,90,91,1) 0%,rgba(255,142,86,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,90,91,1) 0%,rgba(255,142,86,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5a5b', endColorstr='#ff8e56',GradientType=0 ); /* IE6-9 */

}
.card-header{background:none; border-radius:0; border:none; border-bottom:1px var(--main) solid; padding:22px 3px;}
.card-header h5{ font-size:20px; padding:8px; font-weight:600px; color:#fff; border-radius:15px; background:#1f398e; line-height:1; border:2px solid #fff; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.47);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.47);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.47);}
.card-header > a{ position:relative; display:block; color:#222;  text-transform:uppercase;}
.card-header > a:after {
	position:absolute; right:15px; top:6px;
    font-family: 'Font Awesome 5 Free';
    content:url(../images/long-arrowleft.png);
    font-weight:600;
    width:17px; height:22px;
   /* transform: rotate(90deg); */
}


.card-header > a.collapsed:after {content:url(../images/long-arrowright.png); transform: rotate(0deg);}
.card-body{border-bottom:1px var(--main) solid; padding:15px 5px;}


.cd-container{ margin:5px auto!important; padding:0!important;}
#cd-timeline{margin:5px auto!important; padding:0!important;}
.cd-timeline-content{ font-size:15px!important; }
.cd-timeline-content h2 {font-size:22px!important; font-weight:600; color:#F33;}



.card-body label, .measure label{ display:block; clear:both; margin:0 0 10px; font-size:18px;position:relative;}
.measure label{ display:inline-block; margin:0 0 0 5px; font-size:14px;}
.card-body label span{padding-left: 2.2rem;}
.measure label span{padding-left: 1.6rem;}
.card-body label input[type="checkbox"], .measure label input[type="checkbox"]{ position:absolute; left:0; top:2px; width: 1.5rem;  height: 1.5rem; z-index:5; opacity:0; cursor:pointer;}
.measure label input[type="checkbox"]{ width: 1.2rem;  height: 1.2rem;}


.card-body label span:after, .card-body label span:before, .measure label span:after, .measure label span:before{
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0;
    border: 1px solid var(--main);
    left:0; top:2px;
    content:''; display:block; position:absolute;
}

.measure label span:after, .measure label span:before{ width: 1.2rem; height: 1.2rem;}
.card-body label span:after, .measure label span:after{border:none;}
.card-body .size label input[type="checkbox"]:checked~span::before, .measure label input[type="checkbox"]:checked~span::before{background-color: var(--main);}
.card-body label input[type="checkbox"]:checked~span::after, .measure label input[type="checkbox"]:checked~span::after{border:4px #fff solid; outline: 1px solid var(--main);}



  /*---------------------------------------

     MENU              

  -----------------------------------------*/



  #menu {

    padding-bottom: 0; border-top:1px dashed #262626

  }



  #menu .container {

    width: 100%;

  }



  #menu .col-md-4 {

    margin: 0;

    padding: 0;

  }



  .menu-thumb img {

    width: 100%;

    transition: 0.5s;

  }



  .menu-thumb:hover img {

    transform: scale(1.15);

  }



  #menu .menu-thumb {

    overflow: hidden;

    position: relative;

    cursor: pointer;

    width: 102%;

  }



  .menu-thumb .menu-info {

    position: absolute;

    bottom: 20%;

    left: 0px;

    right: 0px;

    bottom: 0px;

    text-align: left;

    padding: 25px 30px;

    transition: 0.5s 0.2s;

  }



  .menu-info .menu-item {

    float: left;

  }



  .menu-info .menu-price {

    float: right;

  }



  .menu-info .menu-price span {

    font-size: 20px;

    font-weight: bold;

    line-height: normal;

    display: block;

    margin-top: 10px;

  }

  

 



  .menu-thumb .menu-info h3,

  .menu-thumb .menu-info p,

  .menu-thumb .menu-info span {

    transform: translateY(100%);

    opacity: 0;

    display: block;

    transition: 0.5s 0.2s;

    color: #ffffff;

    z-index: 2;

    position: relative;

  }



  .menu-thumb .menu-info h3 {

    margin-top: 0;

  }



  .menu-thumb .menu-info p {

    color: #d9d9d9;

    text-transform: uppercase;

    font-size: 10px;

    font-weight: bold;

    letter-spacing: 1px;

  }



  .menu-thumb:hover .menu-info h3,

  .menu-thumb:hover .menu-info p,

  .menu-thumb:hover .menu-info span {

    transform: translateY(0px);

    opacity: 1;

  }



  .menu-thumb:hover .menu-info {

    background: rgba(0,0,0,0.8);

  }





/*-------------------------------------------------*/

.testimonials-area{padding:50px 0 80px; text-align:center; background:transparent url('../images/testimonials/coma.jpg') no-repeat left 22% top 10px;}

.testimonials-area h2{font-size:26px; color:#1c592d; font-weight:700; margin-bottom:35px;}

.testimonials-area .carousel-item img{border:4px #fff solid; margin:5px 0 15px; width:100px;}

.testimonials-area .carousel-item h3{text-transform:uppercase; font-weight:700; font-size:16px; color:#333333;}

.testimonials-area .carousel-indicators{bottom:-40px;}

.testimonials-area .carousel-indicators li{background-color:#cad2d6; height:5px; border-radius:5px;}

.testimonials-area .carousel-indicators .active{background-color:#1c592d}





.gallery-area{display:block; overflow:hidden; background:#4db748; padding:50px 0; color:#fff; text-align:center;}

.gallery-area .item > div{border:5px #fff solid;}

.gallery-area h2{margin-bottom:30px; display:block; overflow:hidden; font-size:28px;}



.footer{background:#1c1c1c; display:block; clear:both; overflow:hidden; padding:20px 0; color:#fff; position:relative; line-height:1.7; font-size:13px;}

.footer a{display:block; clear:both; overflow:hidden; color:#fff;}

.footer a:hover{color:#fe6900;}



.footerlinks{border:1px rgba(255,255,255,0.4) solid; border-left:0; border-right:0; padding:15px 0; margin-bottom:30px; margin-top:20px; text-align:center}

.footerlinks ul{margin:0; padding:0; list-style-type:none; font-size:12px;}

.footerlinks li{display:inline-block; margin:5px 10px;}



.contactinfo{ margin:0; padding:0; list-style-type:none;}

.contactinfo [class^="col-"]{ display:inline-block; font-size:16px }

.contactinfo [class^="col-"] i{ padding-right:10px; color:#f1592a; font-size:16px}



.footer-social-icon{margin:0 auto;}

.footer-social-icon ul{list-style-type:none; margin:0; padding:0;}

.footer-social-icon ul li{display:inline-block; margin:3px 15px; font-weight:400;}

.footer-social-icon ul li a{color:#fff; font-size:12px; text-transform:uppercase;}

.footer-social-icon ul li a:hover{color:#f1592a;}

.footer-social-icon [class^="col-"]:last-child ul{float:right;}

.footer-social-icon [class^="col-"]:last-child ul li i{font-size:20px;}

.footer-social-icon [class^="col-"]:last-child ul li{margin:0 8px;}



.footer p{display:block; margin:0; color:#fff;}

.footer p strong{color:#fe6900; font-weight:400;}





#scroll-icon {

    position:fixed;

    right:10px;

    bottom:10px;

    cursor:pointer;

    width:30px;

    height:30px;

    background-color:#d61f26;

    text-indent:-9999px;

    display:none;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    border-radius:5px;

    z-index:99999;

}

#scroll-icon span {

    position:absolute;

    top:50%;

    left:50%;

    margin-left:-8px;

    margin-top:-12px;

    height:0;

    width:0;

    border:7px solid transparent;

    border-bottom-color:#ffffff

}

#scroll-icon:hover {

    background-color:#1f398e;

    opacity:1;

    filter:"alpha(opacity=100)";

    -ms-filter:"alpha(opacity=100)";

}



/* -- Inner Header -- */

/*.inner-header{clear:both; background:#6fb143; padding:20px 0 10px; color:#fff; float:left; width:100%; position:relative;}

.inner-header h1{margin:0; padding:0 15px; font-size:24px; text-transform:uppercase; font-weight:700;}

.inner-header h1 i{margin-right:4px; color:#1c592d;}





.midArea{padding:50px 0; display:block; overflow:hidden; clear:both; border-bottom:2px #6fb143 dotted; margin-bottom:15px;}

.midArea h2{font-size:20px; font-weight:700; color:#0d4624; padding-top:15px;}

.midArea h3{font-size:16px; font-weight:700; color:#2b2b2b; margin-bottom:5px;}

.midArea h2::first-letter{color:#6fb143;}



.mission{border:1px #6fb143 solid; border-top-width:2px; margin:15px 0 30px; padding:15px; float:left; width:100%;}



*/













/*--------------------inner area--------------------------------*/



.inner-boxes-area{position: relative;  /*left:50%; transform: translate(-50%, 0);*/ display:block; background:#fff;  bottom:40px; -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.15);

          box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.15); padding:25px 15px; margin:0 auto;}

		  

.inner-boxes-area:before{ display:block; content:''; background:url('../images/grass.svg') no-repeat center center; width:1140px; height:10px;  top:-10px; left:0; z-index:1; position:absolute;}



/* -- Inner Header -- */

.inner-header{clear:both; background:#f1592a; padding:20px 0; color:#fff; float:left; width:100%; position:relative;}

.inner-header h1{margin:0; padding:0; font-size:32px; text-transform:uppercase; text-align:center; font-weight:700; display:block}



.inner-header h2{font-size:26px; text-transform:uppercase; font-weight:800; padding:8px 0; /*margin:10px 0 20px;*/ border-bottom:3px #dc243d solid; display:inline-block;}



/* -- Breadcrumb-list -- */

.breadcrumb-list{list-style-type:none; padding:10px 0 0 0; display:block; margin:0 auto; text-align:center}

.breadcrumb-list li{display:inline-block; position:relative; color:#101010; font-size:14px; font-weight:600; }

.breadcrumb-list li a{color:#fff}

.breadcrumb-list li::before{display:inline-block; padding-right:.8rem; padding-left:.8rem; color:#f5bb18; content:"/"}

.breadcrumb-list li:first-child::before{display:none;}



.heading h2{ text-align:left; font-size:30px!important; font-weight:400!important; display:block; font-family: 'Noto Serif JP', serif; padding-bottom:10px }

/* -- Mid Area -- */

/*.midArea{padding:30px 10px; margin:0; display:block; clear:both; text-align:left; box-sizing:border-box;}*/
.midArea{padding:0 0 30px; margin:0; display:block; overflow:hidden; clear:both; text-align:left; box-sizing:border-box  }



.midArea h2{font-size:20px; font-weight:600; color:#2b2b2b; margin-bottom:15px;}

/*.midArea h2::first-letter{color:#4366c7;}*/

.midArea h3{font-size:20px; font-weight:700; color:#2b2b2b; margin-bottom:5px;}

.midArea p{ font-size:15px;  display:block; padding-bottom:10px; text-align: justify}

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

.midArea ul li{ position:relative; padding-bottom:10px;}

.midArea ul li:before{ color:maroon; padding-left:20px; content:''; background:url('../images/arrow-bull.png') no-repeat;}



hr{border:none; margin:20px 0 30px; display:block; border-top:2px #9c8e7d dotted;}



/*.midArea .row [class^="col-"] > div{ padding-right:20px}*/



.next-contact-details{ display:block; background:#1f398e; padding:20px!important; margin:0 auto; border-radius:5px;  }

.next-contact-details h2{ color:#fff; padding-bottom:10px}

.next-contact-details .form-control{border:1px #dcdcdc solid; border-radius:0; font-size:12px; margin-bottom:20px!important;}

.next-contact-details textarea{height:100px!important;}

.next-contact-details .btn{padding:10px 25px; border-radius:2px; text-transform:uppercase; border:2px solid #1f398e; font-size:13px!important; font-weight:600!important; letter-spacing:1px; color:#000!important; background:#fff!important; }

.next-contact-details .btn:hover{background:#1f398e!important;  border:2px solid #fff!important;  color:#fff!important;}





.sub-menu-toggle{ display:none!important;}





.mid-text{ display:block; width:80%; margin:0 auto 40px;}

.mid-text p{ font-size:16px; padding-bottom:10px }



.gallery-item {

    margin-bottom: 30px;

}



.gallery-thumb {

    overflow: hidden;

    position: relative;

}







.gallery-thumb .hover {

    position: absolute;

    width: 100%;

    height: 100%;

    background:rgba(0,0,0,0.7);

    top: 40px;

    left: 0;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -ms-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    transition: all 200ms linear;

}







.gallery-thumb img {

    width: 100%!important;

   /* display: block;*/

   display: inline-block!important;

   position:relative;

-webkit-transition:all .4s linear;

transition:all .4s linear;

}



.gallery-thumb:hover img {

    width: 100%!important;

   /* display: block;*/

   display: inline-block!important;

   -ms-transform:scale(1.2);

-webkit-transform:scale(1.2);

transform:scale(1.2);

}





.gallery-thumb a {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    color: #fff;

    border: 1px solid #fff;

    margin-left: -20px;

    margin-top: -20px;

}



.gallery-thumb:hover .hover {

    top: 0;

    opacity: 1;

    visibility: visible;

	

	

}



.contactpage-details{ padding:0; margin:0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcd7e8+0,ffffff+77&0.65+0,0+75,0+75 */
background: -moz-linear-gradient(top,  rgba(188,215,232,0.65) 0%, rgba(253,254,254,0) 75%, rgba(255,255,255,0) 77%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(188,215,232,0.65) 0%,rgba(253,254,254,0) 75%,rgba(255,255,255,0) 77%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(188,215,232,0.65) 0%,rgba(253,254,254,0) 75%,rgba(255,255,255,0) 77%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6bcd7e8', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ }

.contactpage-details h2{ padding-top:40px; display:block; font-size:35px; text-align:center; margin:0 auto 30px; position:relative}
.contactpage-details h2:before{ position: absolute; background:#F30; bottom:-20px; text-align:center; left:50%; transform: translate(-50%, -50%); content:''; width:50px; height:2px;}
.contactpage-details [class^="col-"]{ padding:20px; }
.contactpage-details [class^="col-"] div{ padding:30px; background:#fff; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);}
.contactpage-details ul{margin:0; padding:0 0 5px; list-style-type:none;}
.contactpage-details ul li{display:block; clear:both; font-size:15px; padding-top:0!important; margin-bottom:0!important; position:relative; padding-left:60px; line-height:1;}
.contactpage-details ul li i{position:absolute; font-size:18px; left:0; top:20px; text-align:center; color:#F90; line-height:45px; width:45px; height:45px; border-radius:50%; border:2px solid #F90}
.contactpage-details ul li strong{display:block; clear:both; padding:3px 0; text-transform:none; font-size:16px; font-weight:700;}
.contactpage-details h3{margin-bottom:20px;}

.contactpage-details ul li a.email{ color:#fff; display: inline-block; margin-top:5px; background:#1771e9;  padding:15px; }
.contactpage-details ul li a:hover.email{ color:#000; background:#74daee;  }

.contact-details .enqu { background:#1771e9; padding:10px; text-align:center; display:block}
.contact-details ul{margin:0 0 30px 0; display:block; padding:0; list-style-type:none;}

.contact-details ul li{/*display:block; clear:both;*/ position:relative; margin:0; padding:0 0 0 25px; display:block; }

.contact-details ul li i{position:absolute; font-size:18px; left:0; top:28px; padding:0; margin:0; text-align: left; display:block; color:#ff4302;}

.contact-details ul li strong{display:block; clear:both; padding:0 0 3px 0; margin:0; text-transform:uppercase; font-size:14px; line-height:1; font-weight:700;}

.contact-details ul li span{ font-size:15px; line-height:1;}



.contact-details h3{margin-bottom:20px; color:#fff; text-align:center}



.contact-details .form-control{border:1px #dcdcdc solid; border-radius:0; display:block; font-size:12px; margin-bottom:20px!important; padding:10px;}

.contact-details textarea{height:100px!important;}

.contact-details .btn{padding:10px 25px; border-radius:0; text-transform:uppercase; font-size:14px; font-weight:700; letter-spacing:1px; color:#fff; background:#fe8c12;}

.contact-details .btn:hover{background:#111; color:#fff;}







.solutionArea{padding:30px 10px; margin:0; display:block; /*overflow:hidden;*/ clear:both; text-align:left; box-sizing:border-box  }



.solutionArea h2{font-size:20px; font-weight:700; color:#2b2b2b; margin-bottom:5px;}

.solutionArea h3{font-size:20px; font-weight:700; color:#2b2b2b; margin-bottom:5px;}

.solutionArea p{margin-bottom:15px;  display:block; padding-top:10px; text-align: justify}





/*----------------------Table---------------------------------*/

.table-responsive { font-size:12px; text-align:center; border:1px solid #ddd;  }

.table-responsive h2{ font-size:20px; display:block; font-weight:600; padding-top:10px!important; padding-bottom:5px!important; text-transform:uppercase;}

.table-responsive h3{ font-size:18px; display:block; font-weight:600; padding-bottom:10px;}

.table-responsive h4{ font-size:16px; display:block; padding-bottom:20px; font-weight:600;}



.table .table-dark{background:#afa798;}

.table th{border:none; padding-top:6px; padding-bottom:6px;}

.table td{padding-top:8px; padding-bottom:8px;}

.table td p{margin-bottom:3px;}



.table:first-child {

    width: 100%;

    max-width: 100%;

    margin-bottom: 0;

    background-color: transparent;

}





.table:last-child {



    width: 100%;



    max-width: 100%;



    margin-bottom:0;



    background-color: transparent;



}



/*----------------------Table End---------------------------------*/







.contact_us_section {

    background: #1f398e; margin:0;

}



.contact_us_section .call_icon {

	float: left;

	width: 7%;

}



.contact_us_section .inner_cont {

	float: left;

	width: 63%;

}



.contact_us_section {

	padding: 30px 40px;

	margin-top: 0;

	float: left;

	width: 100%;

	box-sizing: border-box;

}



.contact_us_section h2 {

	margin: 0 0 5px 0;

	font-size:35px;

	font-weight:700;

	color: #fff;

	padding-left: 0;

    padding-right: 0;

    text-align: left;

}



.contact_us_section p {

	margin: 0;

	color: #fff;

}



.button_Section_cont a{

	

	float: right;

	background:#f1592a;

	border-radius:20px; padding:10px 20px; color:#fff; font-weight:300; letter-spacing:2px; font-size:15px; text-transform:uppercase;

	margin:25px 0 0 0;

	

}



.button_Section_cont a:hover{

	

	

	background:#fff;

	border-radius:20px; padding:10px 20px; color:#012a6a; font-weight:bold;

	margin:25px 0 0 0;

	

}





.map{ display:block; margin:0 auto 0; text-align:center!important; width:100%;}






.recent-area{ background:#f3f3f3; padding:20px!important; overflow:hidden}
.recent-area h4 { padding-bottom:10px; margin:0; font-size:16px; text-transform: uppercase; position:relative }
.recent-area h4:before { position: absolute; background:#F00; content:''; bottom:-20px;  right; height:2px; width:60px; margin-bottom:25px }

.blogarea{ margin:0 auto; display:block; padding:0 5px  }
.blogarea div [class^="col-"] div{ border:1px solid #f2f2f2; padding:5px!important; margin:10px}
.blogarea div[class^="col-"] h3{ font-size:16px!important; margin:5px 0 0 0; padding:5px 5px 8px 5px; }
.blogarea div[class^="col-"] span{padding:5px 5px 10px 5px; margin:0; font-size:13px; color:#F60 }
.blogarea div[class^="col-"] p{padding:5px 5px 5px 5px; margin-bottom:0; text-align:left}
.blogarea div[class^="col-"] a{padding:5px 5px 5px 5px; font-size:11px; color:#07236c; font-weight:800; text-decoration: underline; display:block; margin-bottom:10px; margin-top:0}



.blogarea-details{ padding:0 10px}
.blogarea-details div [class^="col-"] { padding:5px; display:inline-block; box-sizing:border-box; }
.blogarea-details div [class^="col-"] div {padding:10px; margin:0; }



.blogarea-details p { padding-bottom:10px; margin:0; }
.blogarea-details h2 { padding-bottom:10px; margin:0; padding-top:10px; font-size:22px; }
.blogarea-details h3 { padding-bottom:10px; margin:0; font-size:16px; }
.blogarea-details h4 { padding-bottom:10px; margin:0; font-size:16px; text-transform: uppercase; position:relative }
.blogarea-details h4:before { position: absolute; background:#F00; content:''; bottom:-20px;  right; height:2px; width:60px; margin-bottom:25px }

ul.blogarea-list { padding:0!important; margin:10px 10px 0 0!important; list-style-type:none;}
ul.blogarea-list li{font-size:12px; padding-left:20px!important;  margin:0!important; position: relative; border-bottom:1px dashed #6f6f6f; padding-top:8px;	 }
ul.blogarea-list li:before{ color:maroon; content:''; top:6px; left:0; background:url('../images/dot.png') no-repeat; width:17px; height:17px; position:absolute;}
ul.blogarea-list li a{ color:#6f6f6f; padding:0!important; margin:0!important; }
ul.blogarea-list li span{ padding-left:5px}




/*------------------------------------*\

    Media Queries

\*------------------------------------*/





@media (min-width: 1400px){

.table-responsive{ font-size:12px; overflow-x: hidden;  }



}





@media (max-width: 1024px){

	.inner-boxes-area{position: relative; bottom:0; left:0; transform: translate(0, 0); display:block; bottom:20px;  padding:25px 15px; margin:0 auto;}

	.container-size{ display:block; width:100%;}

	.inner-header h1{font-size:24px; font-weight:600;}	

}



@media (max-width: 991px){

.stellarnav{height:0;}

.stellarnav.active{height:auto;}

.section-title h2 { margin-top:15px; font-size:26px;}

.header-nav{height:38px;}

.cta-section {

		background: rgb(241,89,42);

	background: linear-gradient(320deg, rgba(241,89,42,1) 0%, rgba(7,48,94,1) 100%);

		margin-bottom: 0;

	}

	

	.cta-image-box,

	.cta-section:after {

		display: none;

	}

	.inner-header{padding:10px 0;}

	.inner-header h1{margin:0; padding:0; font-size:26px; font-weight:600;}

    .inner-header h2{font-size:20px;  font-weight:600; padding:5px 0;}

	.breadcrumb-list{padding:5px 0; }

	.midArea .row [class^="col-"] > div{ padding-right:0}

	.contact_us_section {padding:10px;}

	.contact_us_section h2 { text-align:center;	

	font-size:20px;

	font-weight:600;}

	.contact_us_section .inner_cont {

	float:none; display:block; clear:both; margin:0 auto; text-align:center;

	width:100%;}

	

	.contact_us_section .call_icon {

	float:none;

	width:0;

	display:none;}

	

	.button_Section_cont a{	

	float:none; display:block; clear:both; margin:0 auto; text-align:center; border-radius:20px; margin:20px 0 10px 0;}

	

	.testimonial_taital{   

    float:none;

    font-size:35px;

    text-align: center;

	margin-bottom:5px;

	display:block;}

	

	.owl-carousel .item div h4{font-size:16px; }

	

}



@media (max-width: 767px){

.header{text-align:center;}

.header [class^="col-"]{margin:5px 0!important;}

.header-links{margin:0 0 15px;}

.header-nav{top:0; margin-bottom:0;}



.project-slider .carousel-indicators {

    bottom: 10px; right:-35px;

    left:auto;

}







.three-box-area{ background:#f3f3f3; background-image:none; }

.three-box-area h4{ font-size:15px;}



.welcome-area{padding-bottom:20px; padding-top:20px}

.sticky{position:static;}



.form-control{margin-bottom:0!important;}



.news-scroll-area{margin-bottom:25px;}

.welcome-area h1{ font-size:35px}

.welcome-area h1 > strong{font-size:20px;}

.three-box-area h2{ margin:15px auto 0; padding:0 10px; display:inline-block; font-size:25px; }



.target-courses{padding:50px 0;}

.target-courses h2{font-size:26px;}

.target-courses p{font-size:16px;}

.target-courses .container > div{width:100%;}

.target-courses:before, .target-courses:after{display:none;}



.footer > div > ul li{width:48%;}



.owl-carousel .item div{height:250px; z-index:1000; bottom:0; left:50%;  width:85%; transform: translate(-50%, 0); padding:20px 30px 30px; background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, .1);}

.cta-section .cta-content ul li{ width:47%;}

}



@media (max-width: 500px){

.footer{text-align:center;}

.footer [class^="col-"]{margin:10px 0 0;}

.footer .btn{height:35px;}

.footer-social-icon [class^="col-"]:last-child ul{width:100%;}



.footer > div > ul li{width:100%;}

.cta-section .cta-content ul li{ width:97%;}

}



@media (max-width: 360px){

.header-links li:last-child a:first-child{display:none;}

}





@media screen and (max-width: 1920px) and (min-width: 1240px){

}





