HOME

Mini Shell 1.0
DIR:/proc/self/root/home/nicemohali.com/www/wp-content/themes/astra-child/
Current File : //proc/self/root/home/nicemohali.com/www/wp-content/themes/astra-child/style.css
/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/


html{overflow-x:hidden;}
html, body {height: 100%;}

body{font-size: 14px; font-weight: 300; font-family: 'Poppins', sans-serif; color: #242424;}

@font-face {
    font-family: 'univia_problack';
    src: url('fonts/univiapro-black-webfont.eot');
    src: url('fonts/univiapro-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/univiapro-black-webfont.woff2') format('woff2'),
         url('fonts/univiapro-black-webfont.woff') format('woff'),
         url('fonts/univiapro-black-webfont.ttf') format('truetype'),
         url('fonts/univiapro-black-webfont.svg#univia_problack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'univia_probold';
    src: url('fonts/univiapro-bold-webfont.eot');
    src: url('fonts/univiapro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/univiapro-bold-webfont.woff2') format('woff2'),
         url('fonts/univiapro-bold-webfont.woff') format('woff'),
         url('fonts/univiapro-bold-webfont.ttf') format('truetype'),
         url('fonts/univiapro-bold-webfont.svg#univia_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'univia_probook';
    src: url('fonts/univiapro-book-webfont.eot');
    src: url('fonts/univiapro-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/univiapro-book-webfont.woff2') format('woff2'),
         url('fonts/univiapro-book-webfont.woff') format('woff'),
         url('fonts/univiapro-book-webfont.ttf') format('truetype'),
         url('fonts/univiapro-book-webfont.svg#univia_probook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'univia_prolight';
    src: url('fonts/univiapro-light-webfont.eot');
    src: url('fonts/univiapro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/univiapro-light-webfont.woff2') format('woff2'),
         url('fonts/univiapro-light-webfont.woff') format('woff'),
         url('fonts/univiapro-light-webfont.ttf') format('truetype'),
         url('fonts/univiapro-light-webfont.svg#univia_prolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'univia_promedium';
    src: url('fonts/univiapro-medium-webfont.eot');
    src: url('fonts/univiapro-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/univiapro-medium-webfont.woff2') format('woff2'),
         url('fonts/univiapro-medium-webfont.woff') format('woff'),
         url('fonts/univiapro-medium-webfont.ttf') format('truetype'),
         url('fonts/univiapro-medium-webfont.svg#univia_promedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'univia_proregular';
    src: url('fonts/univiapro-regular-webfont.eot');
    src: url('fonts/univiapro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/univiapro-regular-webfont.woff2') format('woff2'),
         url('fonts/univiapro-regular-webfont.woff') format('woff'),
         url('fonts/univiapro-regular-webfont.ttf') format('truetype'),
         url('fonts/univiapro-regular-webfont.svg#univia_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'univia_prothin';
    src: url('fonts/univiapro-thin-webfont.eot');
    src: url('fonts/univiapro-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/univiapro-thin-webfont.woff2') format('woff2'),
         url('fonts/univiapro-thin-webfont.woff') format('woff'),
         url('fonts/univiapro-thin-webfont.ttf') format('truetype'),
         url('fonts/univiapro-thin-webfont.svg#univia_prothin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'univia_proultra';
    src: url('fonts/univiapro-ultra-webfont.eot');
    src: url('fonts/univiapro-ultra-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/univiapro-ultra-webfont.woff2') format('woff2'),
         url('fonts/univiapro-ultra-webfont.woff') format('woff'),
         url('fonts/univiapro-ultra-webfont.ttf') format('truetype'),
         url('fonts/univiapro-ultra-webfont.svg#univia_proultra') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bgothm';
    src: url('fonts/bgothm.eot');
    src: url('fonts/bgothm.eot') format('embedded-opentype'),
         url('fonts/bgothm.woff2') format('woff2'),
         url('fonts/bgothm.woff') format('woff'),
         url('fonts/bgothm.ttf') format('truetype'),
         url('fonts/bgothm.svg#bgothm') format('svg');
}

a{color:#0047cd;}
a:hover, a:focus{color:#0a1851; text-decoration:none;}
img{max-width:100%; vertical-align:middle;}
p{line-height:25px; margin:0 0 15px; text-align:justify;}

h1, h2, h3, h4, h5, h6{font-family: 'univia_promedium'; margin:0 0 10px;}
h2{color:#0047cd;}
h3{color:#0a1851;}
h4{color:#0047cd;}

.pad-0{padding:0 !important;}
.mrb-0{margin-bottom:0px !important;}
.mrb-10{margin-bottom:10px !important;}
.mrb-20{margin-bottom:20px !important;}
.mrb-30{margin-bottom:30px !important;}
.mrb-40{margin-bottom:40px !important;}
.mrb-50{margin-bottom:50px !important;}

.sticky.header nav{position: fixed; top: 0; left: 0; width: 100%; z-index: 5; background-color: #ffffff; -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4); -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-transition: all .5s; transition: all .5s; max-width: 100%; margin-top: 0;}  
nav.element-is-sticky{-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4); -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-transition: all .5s; transition: all .5s; max-width: 100%;}


.container{max-width: 88% !important;}
  
.header{margin:0; position:absolute; left:0; width:100%; top:0; z-index:999; background-color:#fff;}  
  .top-sec{background:rgba(0,43,92,.08); color:#000; margin:0; padding:0; font-size: 13px;}
  .top-sec a{color:#000;} 
  .top-sec a:hover{text-decoration:underline;}
  .phn-detail ul{margin:0; padding:7px 0 0;}
  .phn-detail ul li{display:inline-block; list-style:none; padding:0 20px 0 0; position:relative;}  
  .phn-detail ul li img{top: -2px; margin:0 7px 0 0; position:relative;}
  .phn-detail ul li i{background-image: linear-gradient(55deg, #0047cd 0%, #000 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 16px; display: inline-block; vertical-align: middle; position: relative; top:-1px; padding: 0 7px 0 2px;}
  .icon-top{display: inline-block; vertical-align: middle;}
  .icon-top i{color: #fff; border:0; display:inline-block; font-size: 16px; line-height: 34px; margin: 0 0 0 2px; height: 34px; text-align: center; width: 34px; text-align: center; position:relative; z-index:1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
  .icon-top .fa-facebook{background:#3a5896;}
  .icon-top .fa-twitter{background:#00aced;}
  .icon-top .fa-youtube{background:#b00;}
  .icon-top .fa-linkedin{background:#007ab5;}
  .icon-top .fa-instagram{background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );}
  .icon-top i:hover{opacity: 0.7; color:#fff; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;}  
 
  .header nav{position: relative; font-family: 'univia_promedium'; font-size: 14px; position:relative; padding:0; z-index:2;background-color:#fff !important;}
  .header nav .navbar{display: flex; align-items: center; justify-content: space-between; margin: auto; /* background: red; */ position: relative; max-width: 100%; margin: 0; box-shadow: none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0;} 
  .header .navbar .logo{padding: 15px 0; min-width: 500px;}
  .header .navbar .logo img{max-width: 140px;display: inline-block;vertical-align: middle;}
  .header .navbar .logo span{color: #0047cd; font-size: 16px; padding: 0 0 0 15px; display: inline-block; vertical-align: middle; font-family: 'univia_probold'; text-transform:uppercase;}  
  .header .navbar .logo span small{display: block; padding: 5px 0 0; color: #000; font-size: 14px; text-align: center;}
  .header .navbar .logo a{display: flex; align-items: center;}
  .header nav .navbar .nav-links{height: 100%; margin: 0; width: 100%; display: flex; justify-content: space-between;}
  .header nav .navbar .links{display: flex; padding: 0; margin: 0 0 0 auto;}
  .header nav .navbar .links li{position: relative; display: flex; align-items: center; justify-content: space-between; list-style: none; margin: 0 0 0 30px; padding: 26px 0; border-right: 1px solid rgba(250, 250, 250, 0.1);}
  .header nav .navbar .links li a{padding: 15px 0; display: block; text-decoration: none; white-space: nowrap; color: #000;}
  .header nav .navbar .links > li > a:hover, .header nav .navbar .links > li.current-menu-item > a{color: #0047cd;}
  .header nav .navbar .links > li > a:before{position: absolute; content: " "; width: 3px; height: 3px; left: 50%; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; bottom: 30px; opacity: 0; transform: translateX(-50%); background: #0047cd; transition: 0.5s;}
  .header nav .navbar .links > li > a:focus:before, .header nav .navbar .links > li > a:hover:before, .header nav .navbar .links > li.current-menu-item a:before{position: absolute; content: " "; width: 100%; height: 2px; left: 50%; transform: translate(-50%); opacity: 1; background: #0047cd;}  
  .header nav .navbar .links > li:last-child{padding-right:0;}
  .header nav .navbar .links > li:last-child a{border:0; text-decoration: none; background: #0047cd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; z-index: 1; display: block; text-align: center; font-family: 'univia_promedium'; font-size: 14px; text-transform: capitalize; color: #fff; margin: 0; padding: 13px 30px; overflow:hidden;}
  .header nav .navbar .links > li:last-child a:hover{background: #0047cd; color:#fff;}
  .header nav .navbar .links > li:last-child a:before{display: none;}
  .header nav .navbar .links > li:last-child a:after{content: ''; position: absolute; height: 100%; left: 0; top: 0; width: 0; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background:#0a1851; z-index:-1;}
  .header nav .navbar .links > li:last-child a:hover:after{width: 100%;}

  .header .links li:hover .htmlcss-arrow, .header .links li:hover .js-arrow{transform: rotate(180deg);} 
  
  .header nav .navbar .links li .arrow{width: 16px; line-height: 52px; text-align: center; display: inline-block; color: #0047cd; transition: all 0.3s ease; margin: 2px 0 0 5px;}
  .header nav .navbar .links li .sub-menu{width: 380px; border-top: 2px solid #f27c16; border-bottom: 2px solid #f27c16; background: rgba(0, 0, 0, 0.8); box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); position: absolute; top: 100%; left: 0; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; display: none; z-index: 2; padding: 0; overflow: hidden;} 
  .header nav .navbar .links li:hover .htmlCss-sub-menu, .header nav .navbar .links li:hover .js-sub-menu{ display: block; } 
  .header .navbar .links li .sub-menu li{padding: 0; margin:0; font-size: 15px; border-bottom: 1px solid #d5d5d5;} 
  .header .navbar .links li .sub-menu a{color: #fff; padding: 10px 15px; display: block; width: 100%;}  
  .header .navbar .links li .sub-menu a:hover{color: #fff; background: #f27c16;} 
  .header .navbar .links li .sub-menu .more-arrow{line-height: 40px; } 
  .header .navbar .links li .htmlCss-more-sub-menu{/* line-height: 40px; */ } 
  .header .navbar .links li .sub-menu .more-sub-menu{position: absolute; top: 0; left: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 1; display: none;} 
  .header .links li .sub-menu .more:hover .more-sub-menu{display: block;} 
  .header .navbar .search-box{position: relative; height: 40px; width: 40px;} 
  .header .navbar .search-box i{position: absolute; height: 100%; width: 100%; line-height: 40px; text-align: center; font-size: 22px; color: #fff; font-weight: 600; cursor: pointer; transition: all 0.3s ease; } 
  .header .navbar .search-box .input-box{position: absolute; right: calc(100% - 40px); top: 80px; height: 60px; width: 300px; background: #3E8DA8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: 0; pointer-events: none; transition: all 0.4s ease;} 
  .header .navbar.showInput .search-box .input-box{top: 65px; opacity: 1; pointer-events: auto; background: #3E8DA8;} 
  .header .search-box .input-box::before{content: ''; position: absolute; height: 20px; width: 20px; background: #3E8DA8; right: 10px; top: -6px; transform: rotate(45deg);} 
  .header .search-box .input-box input{position: absolute; top: 50%; left: 50%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; transform: translate(-50%, -50%); height: 35px; width: 280px; outline: none; padding: 0 15px; font-size: 16px; border: none;} 
  .header .navbar .nav-links .sidebar-logo{display: none;} 
  .header .navbar .bx-menu{display: none;} 
  
  @media (max-width:1100px) {
    .header nav .navbar{max-width: 100%; padding: 0; flex-direction: row-reverse; margin: 0; background: none;} 
    .header nav .navbar:before, .header nav .navbar:after{display: none;} 
	.header nav .navbar .logo{display: block !important; min-width: inherit;} 
	.header nav .navbar .logo a{font-size: 27px; padding: 0; margin: 0 0 0 -10px;} 
	.header .navbar .logo img{max-width: 70px;}
	.header .navbar .logo span{font-size: 13px; padding: 0 0 0 5px;}
	.header .navbar .logo span small{font-size: 12px; text-align: left;}
	.header nav .navbar .links > li:first-child{border-top: 1px solid #ccc;} 
	.header nav .navbar .links > li{padding: 0; border-bottom: 1px solid #ccc; white-space: nowrap;} 
	.header nav .navbar .links > li:last-child a{display: block; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
	.header nav .navbar .links > li a:hover, .header nav .navbar .links > li.current-menu-item > a{background: none; color: ##0047cd;} 
	.navbar .links li .sub-menu a{padding:10px;}
	.header .navbar .links li .sub-menu a:hover, .header nav .navbar .sub-menu > li.current-menu-item > a{color: ##0047cd; background: none;}     
	.header nav .navbar .links > li > a::before{display: none;}
    .header nav{ /* position: relative; */} 
	.header .navbar .bx-menu{ display: block;} 
	.header nav .navbar .nav-links{position: fixed; top: 0; left: -100%; display: block; max-width: 100%; width: 100%; background:  #fff; line-height: normal; padding: 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); transition: all 0.5s ease; z-index: 1000; overflow-x: scroll;} 
	.header .navbar .nav-links .sidebar-logo{display: flex; align-items: center; justify-content: space-between; padding: 15px 15px 0;} 
	.header .navbar .nav-links .head-right{display: block !important;} 
	.header .sidebar-logo .logo-name{} 
	.header .sidebar-logo .logo-name a{display: flex; align-items: center; margin: 0 0 0 -10px;}
	.header .sidebar-logo .logo-name span{color: #0047cd; font-size: 14px; padding: 0 0 0 7px; display: inline-block; vertical-align: middle; font-family: 'univia_probold'; text-transform:uppercase;}  
    .header .sidebar-logo .logo-name span small{display: block; padding: 5px 0 0; color: #000; font-size: 13px; text-align: left;}
	.header .sidebar-logo .logo-name img{max-width: 200px; margin: 0;} 
	.header .sidebar-logo  i{font-size: 25px; color: #dd2700; cursor: pointer;} 
	.header .navbar .bx-menu{font-size: 25px; color: #dd2700; cursor: pointer; margin: 0 0 0 30px;} 
	.header.header-position  .sidebar-logo i{color: #fff;} 
	.header.header-position  .navbar .bx-menu{color: #000;} 
	
	.header.header-position nav .navbar .links > li > a{color: #fff;}
    .header.header-position nav .navbar .links li .arrow{color: #fff;}
	.header.header-position nav .navbar .links > li a:hover, .header.header-position nav .navbar .links > li.active > a{color: #dd2700;} 
	
	.header nav .navbar .links{display: block; margin-top: 20px; padding: 0;} 
	.header nav .navbar .links li .arrow{line-height: 25px; position: absolute; border-left: 1px solid #ccc; width: 52px; top: 7px; bottom: 7px; right: 0; cursor: pointer; color: #000;} 
	.header nav .navbar .links li{display: block; margin: 0;} 
	.header nav .navbar .links li a{padding: 10px 15px; color: #000;} 
	.header .navbar .links li .sub-menu a{padding:8px 75px 8px 15px; white-space: break-spaces; color: #242424;}
	.header nav .navbar .links li .sub-menu{border: 0; position: relative; top: 0; box-shadow: none; display: none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0;} 
	.header nav .navbar .links li .sub-menu li{border-bottom: none;} 
	.header .navbar .links li .sub-menu .more-sub-menu{display: none; position: relative; left: 0;} 
	.header .navbar .links li .sub-menu .more-sub-menu li{display: flex; align-items: center; justify-content: space-between;} 
	.header .links li:hover .htmlcss-arrow, .header .links li:hover .js-arrow{transform: rotate(0deg);} 
	.header .navbar .links li .sub-menu .more-sub-menu{display: none;} 
	.header .navbar .links li .sub-menu .more span{/* background: red; */ display: flex; align-items: center; /* justify-content: space-between; */} 
	.header .links li .sub-menu .more:hover .more-sub-menu{display: none;} 
	.header nav .navbar .links li:hover .htmlCss-sub-menu, .header nav .navbar .links li:hover .js-sub-menu{display: none;} 
	.header .navbar .nav-links.show1 .links .htmlCss-sub-menu, .header .navbar .nav-links.show3 .links .js-sub-menu, .header .navbar .nav-links.show2 .links .more .more-sub-menu{display: block;} 
	.header .navbar .nav-links.show1 .links .htmlcss-arrow, .header .navbar .nav-links.show3 .links .js-arrow{transform: rotate(180deg);} 
	.header .navbar .nav-links.show2 .links .more-arrow{transform: rotate(90deg);} 
  } 
  
  @media (max-width:370px){ 
    .header nav .navbar .nav-links{max-width: 100%;}
  }
   
  
.banner{margin:0; padding:00px 0 0; position:relative; z-index:1;}
  .banner .item img{width:100%; height:700px;}
  .bs-slider{overflow: hidden; position: relative;}
  .bs-slider:hover{cursor: -moz-grab; cursor: -webkit-grab;}
  .bs-slider:active{cursor: -moz-grabbing; cursor: -webkit-grabbing;}
  .bs-slider .bs-slider-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:rgba(0, 0, 0, 0.45); display:none;}
  .bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img{margin: auto; width: 100% !important;}
  /*************************Slide effect**********************/
  .fade{opacity: 1;}
  .fade .item{top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s;}
  .fade .item:first-child{top: auto; position: relative;}
  .fade .item.active{opacity: 1; z-index: 2; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s;}
  /*---------- LEFT/RIGHT ROUND CONTROL ----------*/
  .control-round .carousel-control{top: 47%; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #ffffff; display: block; font-size: 24px; cursor: pointer; overflow: hidden; line-height: 43px; text-shadow: none; position: absolute; font-weight: normal; background: #0a1851; -webkit-border-radius: 100px; border-radius: 100px;}
  .control-round:hover .carousel-control{opacity: 1;}
  .control-round .carousel-control.left, .control-round .carousel-control.right{/*left: inherit; right: 30px; opacity: 1; background: #008435; top: inherit; bottom: 20px;*/ border-radius: 0;}
  .control-round .carousel-control.left{right: 80px;}
  .control-round .carousel-control.left:hover, .control-round .carousel-control.right:hover{color: #fff; background:#0a1851; border: 0px transparent;}
  .control-round .carousel-control .fa{margin: 10px 0 0;}
  .control-round .carousel-control.left>span:nth-child(1){left: 45%;}
  .control-round .carousel-control.right>span:nth-child(1){right: 45%;}
  /*---------- INDICATORS CONTROL ----------*/
  .indicators-line > .carousel-indicators{right: 45%; bottom: 3%; left: auto; width: 90%; height: 20px; font-size: 0; overflow-x: auto; text-align: right;overflow-y: hidden; padding-left: 10px; padding-right: 10px; padding-top: 1px; white-space: nowrap;}
  .indicators-line > .carousel-indicators li{padding: 0; width: 15px; height: 15px; border: 1px solid rgb(158, 158, 158); text-indent: 0; overflow: hidden; text-align: left; position: relative; letter-spacing: 1px; background: rgb(158, 158, 158); -webkit-font-smoothing: antialiased; -webkit-border-radius: 50%;border-radius: 50%; margin-right: 5px; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); z-index: 10; cursor:pointer;}
  .indicators-line > .carousel-indicators li:last-child{margin-right: 0;}
  .indicators-line > .carousel-indicators .active{margin: 1px 5px 1px 1px; box-shadow: 0 0 0 2px #fff; background-color: transparent; position: relative;-webkit-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease;-webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease;}
  .indicators-line > .carousel-indicators .active:before{transform: scale(0.5); background-color: #fff; content:""; position: absolute; left:-1px; top:-1px; width:15px; height: 15px; border-radius: 50%; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease;}
  /*---------- SLIDE CAPTION ----------*/
  .slide_style_left{text-align: left !important;}
  .slide_style_right{text-align: right !important;}
  .slide_style_center{text-align: center !important;}
  .slide-text{position: absolute; left: 50%; margin: 0 0 0 -570px; bottom: 0; z-index: 2; width:45%; height: 100%; top: 0; display: table; text-align:left;}
  .slide-text h1{font-size: 40px; font-weight:700; color: #084770; margin: 0 0 20px;position: relative;-webkit-animation-delay: 0.7s;animation-delay: 0.7s;}
  .slide-text h1 span{color:#d71f27;}
  .slide-text p{color:#000; font-size:26px; text-align:left; line-height:36px; -webkit-animation-delay: 1.1s; animation-delay: 1.1s;}   

.btn{border:0; text-decoration: none; background: #0047cd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size:14px; position: relative; z-index: 1; display: inline-block; text-align: center; font-family: 'Poppins', sans-serif; font-weight:700; text-transform:uppercase; color: #fff; margin: 0; padding: 13px 30px; overflow:hidden;}
  .btn i{margin:0 0 0 10px;}
  .btn.focus, .btn:focus, .btn:hover{background: #0047cd; color:#fff;}
  .btn:after{content: ''; position: absolute; height: 100%; left: 0; top: 0; width: 0; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background:#0a1851; z-index:-1;}
  .btn:hover:after{width: 100%;}
  
.about-sec{padding:80px 0 55px; position:relative; z-index:2;}  
  .about-sec.about-page{padding: 0;}  
  /*.about-sec .row{flex-direction: row-reverse;}*/   
  .about-sec h2{color:#0a1851; font-size: 24px; position: relative; text-transform:capitalize; margin: 0 0 20px; font-weight:500;}
  .about-sec h2 span{color: #0047cd; font-size: 16px; margin:0 0 10px; display:block; line-height:normal;}
  .about-sec h2 span:after{content:''; background:#0047cd; height:2px; width:30px; margin:0 0 0 15px; display:inline-block; vertical-align:middle;}
  .about-sec .about-left{margin:0 0 30px; padding:0 15px 0 30px; position:relative;}
  .about-sec .about-left .box-sign{padding: 0 0 15px; position: relative;}
  .about-sec .about-left .box-sign img{position: absolute;left: 0;top: 0;}
  .about-sec .about-left .box-sign b{font-weight: 800; color:#0047cd; font-size: 16px; text-transform:uppercase;}
  .about-sec .about-left .box-sign span{display: block; line-height: 15px; margin:10px 0 0;}
  .about-sec .about-right{margin:0 0 30px; position:relative;}
  .about-sec .about-right figure{margin: 0; padding:0 60px 60px 0; text-align:right; position:relative;}
  .about-sec .about-right figure img{position:relative; z-index: 3;}
  .about-sec .about-right figure .animation-jump{position: absolute; right: 0; top: 0; margin: -30px -20px 0 0; z-index: 1;}
  .about-sec .about-right figure .img-2{position: absolute; left: 15px; bottom: 0; border-top: 15px solid #fff; border-right: 15px solid #fff;} 
  
.animation-jump{position: relative; -webkit-animation: animation-jump 2s ease-in-out infinite; animation: animation-jump 2s ease-in-out infinite;}
  @-webkit-keyframes animation-jump {
    0%{top: 10px;}
    50%{top: -10px;}
    100%{top: 10px;}
  }
  @keyframes animation-jump {
    0%{top: 10px;}
    50%{top: -10px;}
    100%{top: 10px;}
  }
 
.our-specialitie{background: #0a1851; position: relative; z-index: 1; padding: 65px 0 0;}
  .our-specialitie.courses-page{background: none; padding: 0;}
  .our-specialitie.courses-page::before{display: none;}
  .our-specialitie.courses-page h2{color:#0a1851; font-size: 24px; position: relative; text-transform:capitalize; margin: 0 0 20px; font-weight:500;}
  .our-specialitie.courses-page h2 span{color: #0047cd; font-size: 16px; margin:0 0 10px; display:block; line-height:normal;}
  .our-specialitie.courses-page h2 span:after{content:''; background:#0047cd; height:2px; width:30px; margin:0 0 0 15px; display:inline-block; vertical-align:middle;}
  .our-specialitie.courses-page .courses-col{margin: 0 0 30px;}
  .our-specialitie.courses-page .specialitie-box{height: 100%;}
  .our-specialitie.courses-page .specialitie-box figure{display: none;}
  .our-specialitie.courses-page .specialitie-content .btn{background: none; color: #0a1851; padding: 2px 0 5px;}
  .our-specialitie.courses-page .specialitie-content .btn i{color: #0047cd;}
  .our-specialitie.courses-page .specialitie-content .btn:after{background: #0047cd; height: 2px; bottom: 0; top: inherit;}
  
  .our-specialitie::before{content: ""; background-image: url(images/slider-01.jpg); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.1;}
  .our-specialitie #owl-demo{margin: 0 0 -253px;}
  .our-specialitie h2{color: #fff; font-size: 28px; position: relative; margin: 0 0 35px; padding:0; text-align:center;}
  .our-specialitie h2 span{position:relative;}
  .our-specialitie h2:before, .our-specialitie h2:after{background: #0047cd; bottom: 0; content: ""; height: 2px; width: 35px; display:inline-block; vertical-align:middle; margin:0 15px;}
  .our-specialitie .owl-pagination{display: none; text-align: right; position: absolute; right: 0; bottom: 30px; margin: 0;}
  .our-specialitie .owl-theme .owl-controls .owl-page span{background:#d7d7d7; opacity:1;}
  .our-specialitie .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background: #0047cd;}
  .our-specialitie .item{margin:0 15px; padding:0 0 25px;}
  .our-specialitie .owl-theme .owl-controls .owl-buttons div{display: block; background:#0047cd; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; color:#000; position:absolute; left:-55px; top:100px; height:44px; width:44px; opacity:1; text-indent:-99999px;}
  .our-specialitie .owl-theme .owl-controls .owl-buttons div.owl-next{right:-55px; left:inherit;}
  .our-specialitie .owl-theme .owl-controls .owl-buttons div.owl-prev:before{background-image: url(images/arrow-left.png);
background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 20px 20px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;}  
  .our-specialitie .owl-theme .owl-controls .owl-buttons div.owl-next:before{background-image: url(images/arrow-right.png);
background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 20px 20px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;}  
  .our-specialitie .specialitie-box{-webkit-box-shadow: 0 0 10px 5px rgba(82, 85, 90, 0.1); box-shadow: 0 0 10px 5px rgba(82, 85, 90, 0.1);background-color: #ffffff;-webkit-transition: all 0.5s;transition: all 0.5s;position: relative;}
  .our-specialitie .specialitie-content{padding:25px 15px 10px;}
  .our-specialitie .specialitie-content:before{background: #0047cd;  content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s; transition: all 0.5s;}
  .our-specialitie .specialitie-box:hover{-webkit-transform: translateY(-5px);transform: translateY(-5px);}
  .our-specialitie .specialitie-box:hover h4{color:#0047cd;}
  .our-specialitie .specialitie-box:hover .specialitie-content::before {-webkit-transform: scale(1);transform: scale(1);}
  .our-specialitie .specialitie-box h4{margin:0 0 15px; color:#0a1851; font-size:16px;}
  .our-specialitie .specialitie-box p{text-align:left;}
  .our-specialitie .specialitie-box figure img{width: 100%;}
  .our-specialitie .specialitie-box ul{margin: 0; padding: 0 0 5px;}
  .our-specialitie .specialitie-box ul li{list-style: none; margin: 0 0 15px; padding: 0 0 0 25px; position: relative;}
  .our-specialitie .specialitie-box  ul li::before{content: "\f0a4"; font-family: FontAwesome; display: inline-block; margin: 0; position: absolute; left: 0; top: 1px;} 

.Find-Out-More{padding: 265px 0 60px; color: #303030; position:relative;}  
  .Find-Out-More h2{color:#0A1851; font-size: 28px; position: relative; text-transform:capitalize; margin: 0 0 40px; font-weight:500;}
  .Find-Out-More h2 span{color: #3D72FC; font-size: 20px; margin:0 0 10px; display:block; line-height:normal;}
  .Find-Out-More h2 span:after{content:''; background:#3D72FC; height:3px; width:35px; margin:0 0 0 15px; display:inline-block; vertical-align:middle;}
  .Find-Out-More .left{margin:0 0 30px; padding:0 45px 0 15px; position:relative;}
  .Find-Out-More .left ul{margin:0; padding:0;}
  .Find-Out-More .left ul li{list-style:none; margin:0 0 20px; padding:0; overflow:hidden;}
  .Find-Out-More .left h4{font-size:20px; color:#0A1851; display:inline;}
  .Find-Out-More .left figure{float: left; margin: 0 20px 50px 0;}
  .Find-Out-More .left .btn{border:0; text-decoration: none; background: #3D72FC; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size:14px; position: relative; z-index: 1; display: inline-block; text-align: center; font-family: 'Poppins', sans-serif; font-weight:700; text-transform:uppercase; color: #fff; margin:10px 0 0; padding: 13px 30px; overflow:hidden;}
  .Find-Out-More .left .btn i{margin:0 0 0 10px;}
  .Find-Out-More .left .btn:hover{color:#fff;}
  .Find-Out-More .left .btn:after{content: ''; position: absolute; height: 100%; left: 0; top: 0; width: 0; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background:#0a1851; z-index:-1;}
  .Find-Out-More .left .btn:hover:after{width: 100%;}
  .Find-Out-More .right{margin:0 0 30px; position:relative;}
  .Find-Out-More .right figure{margin: 0; padding:0 60px 0; position:relative;}
  .Find-Out-More .right figure .about-quote{box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.07); padding: 25px; width: 190px; text-align: left; font-weight: 700; color: #120F2D; background: #fff; position: absolute; left: 0; bottom: 60px; z-index: 4;}
  .Find-Out-More .right figure .about-quote::before{content: "\f10d"; font-family: FontAwesome; font-size: 30px; opacity: 0.3; position: absolute; left: 20px; top: 20px;}
  .Find-Out-More .right figure .about-quote p{text-align:left; margin:0;}
  .Find-Out-More .right figure img{position:relative; z-index: 2;}
  .Find-Out-More .right figure .jump1{position: absolute; right: 0; top: 0; margin: -20px 0 0; z-index: 1;}
  .Find-Out-More .right figure .jump2{position: absolute; left:0; bottom: 0; margin: 0 0 -20px; z-index: 1;}
  .Find-Out-More .right figure .img-2{position: absolute; right: 0; bottom: 0; border-top: 15px solid #fff; border-left: 15px solid #fff;} 

.student-feedback{background:#e9e7f6; padding:65px 0 75px; position:relative;}
  .student-feedback::before{content: "";background-image: url(images/slider-02.jpg); background-repeat: no-repeat; background-position: center center; background-attachment:fixed; background-size: cover; height: 100%; width: 100%; position: absolute; left: 0; top: 0;opacity: 0.1;} 
  .student-feedback h2{color:#0A1851; font-size: 28px; position: relative; text-transform:capitalize; margin: 0 0 30px; font-weight:500;}
  .student-feedback h2 span{color: #0047cd; font-size: 20px; margin:0 0 10px; display:block; line-height:normal;}
  .student-feedback h2 span:after{content:''; background:#0047cd; height:3px; width:35px; margin:0 0 0 15px; display:inline-block; vertical-align:middle;}
  .student-feedback .service-box{position:relative; min-height: 200px;}
  .student-feedback .owl-pagination{display: block; text-align: right; position: absolute; right: 15px; top: -73px; margin: 0;}
  .student-feedback .owl-theme .owl-controls .owl-page span{background:none; border:1px solid #0047cd; opacity:1; height:10px; width:10px;}
  .student-feedback .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
    background: #0047cd;}
  .student-feedback .owl-theme .owl-controls .owl-page.active span{width:20px;}
  .student-feedback .item{background: #f5f5f5; min-height:330px !important; position: relative; padding: 35px 25px 35px; margin:0 15px;}
  .student-feedback .item::after{content: ""; content: "\f10e"; font-family: FontAwesome; position: absolute; right: 30px; bottom: -22px !important; font-size: 70px; opacity: 0.2; color:#0A1851;}
  .student-feedback .item .item-bg{-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
  .student-feedback .service-author{position: relative; padding:0 0 15px; overflow:hidden;}
  .student-feedback .service-author figure{position:relative; width: 80px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; float: left; margin: 0 20px 0 0;}
  .student-feedback .service-author h4{font-size: 18px; margin: 15px 0 0; color:#0A1851; font-weight:500; margin:10px 0 0;}
  .student-feedback .service-author h4 span{font-size:14px; margin:5px 0 0; display:block; color:#000; font-weight:400;}
  .student-feedback .service-author .author-rating i{color: #3D72FC;}
  .student-feedback p{line-height:22px;} 
  .student-feedback .star{color: #b18a33; letter-spacing: 2px; font-size: 17px;}
  .student-feedback .service-author figure::before{border: 5px solid #3D72FC !important;content: "";height: auto;opacity: 0;filter: alpha(opacity=0);position: absolute;bottom: 0;left: 0;right: 0;top: 0;visibility: hidden;width: auto;-webkit-transform: scale(0);transform: scale(0);transition: .3s;border-radius: 50%;-webkit-border-radius: 50%;}
  .student-feedback .item:hover .service-author figure::before{opacity: 1;filter: alpha(opacity=100);visibility: visible;-webkit-transform: scale(1);transform: scale(1);}
  .student-feedback .service-author figure img{-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;  border: 5px solid #ccc;}
  .student-feedback .owl-theme .owl-controls .owl-buttons div{display: none; background:#f00; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; color:#000; position:absolute; left:110px; top:0; height:44px; width:44px; opacity:1; text-indent:-99999px;}
  .student-feedback .owl-theme .owl-controls .owl-buttons div.owl-next{right:110px; left:inherit;}
  .student-feedback .owl-theme .owl-controls .owl-buttons div.owl-prev:before{border-bottom: 8px solid transparent; border-right: 8px solid #fff; border-top: 8px solid transparent; color: #000; content: ""; left: 15px; position: absolute; top: 14px;}
  .student-feedback .owl-theme .owl-controls .owl-buttons div.owl-next:before{border-bottom: 8px solid transparent; border-left: 8px solid #fff; border-top: 8px solid transparent; color: #000; content: ""; left: 20px; position: absolute; top: 14px;}  

.gallery-sec{padding: 65px 0 45px; position:relative;}
  .gallery-sec h2{color: #0047cd; font-size: 28px; position: relative; margin: 0 0 35px; padding:0; text-align:center;}
  .gallery-sec h2 span{position:relative;}
  .gallery-sec h2:before, .gallery-sec h2:after{background: #0a1851; bottom: 0; content: ""; height: 2px; width: 35px; display:inline-block; vertical-align:middle; margin:0 15px;}
  .gallery-sec .title-row{margin: 0 0 35px; text-align: center;}
  .portfolio-menu{text-align:center;}
  .portfolio-menu ul{padding:0; margin:0 0 40px;}
  .portfolio-menu ul li{display:inline-block; margin:0; list-style:none; padding:10px 15px; cursor:pointer; -webkit-transition:all 05s ease; -moz-transition:all 05s ease; -ms-transition:all 05s ease; -o-transition:all 05s ease; transition:all .5s ease; font-family: 'Poppins', sans-serif; font-weight:600; font-size:14px; box-shadow: none !important; position: relative; padding: 3px 15px;}
  .portfolio-menu ul li:last-child:after{display:none;}
  .portfolio-menu ul li::after {position: absolute;right: 0;top: 3px;width: 1px;height: 20px;content: '';background: #e0e0e0;-webkit-transform: rotate(18deg);transform: rotate(18deg);margin: auto;}
  .portfolio-menu ul li.active::after{background: #0047cd;}
  .portfolio-item{/*width:100%;*/}
  .portfolio-item .item{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; margin-bottom:30px;}
  .portfolio-item .item a{display:block; position:relative; overflow:hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
  .portfolio-item .item img{margin:0; position:relative; padding: 5px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075); width: 100%; height: 250px; -webkit-transform: scale(1); transform: scale(1); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -o-object-fit: cover; object-fit: cover; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
  .portfolio-item .item:hover img{-webkit-transform: scale(1.2); transform: scale(1.2);}
  .portfolio-item .recet-work-footer{position: absolute;left: 0;bottom: 0;width: 100%;color: #FFFFFF;background: rgba(0, 132, 53, 0.9);}
  .portfolio-item .recet-work-footer h3{color: #FFFFFF;margin: 0;font-size: 14px;padding: 12px 5px 12px 50px;font-family: 'PoppinsSemiBold_0';}
  
.footer{padding:70px 0 0; margin:0; background: #000; color: #bababa; position: relative; left: 0; right: 0; bottom: 0; width: 100%; z-index: 3;} 
  .footer::before{content: "";background-image: url(images/slider-01.jpg); background-repeat: no-repeat; background-position: center center; background-attachment:fixed; background-size: cover; height: 100%; width: 100%; position: absolute; left: 0; top: 0;opacity: 0.1;} 
  .footer .container{position: relative; z-index:1;}  
  .footer a{color:#bababa;}  
  .footer a:hover{color:#0047cd;}    
  .back-to-top.Home-fixed{opacity: 1; visibility: visible; -moz-transform: scaleY(1); -webkit-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);}
  .back-to-top{position: fixed; right: 20px; bottom: 20px; z-index: 99; opacity: 0; visibility: hidden; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .2m jn5s ease-out; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0;} 
  .back-to-top a{box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.17); text-align: center; cursor: pointer; color: #fff; opacity: 1; background: #3D72FC; display: block; height: 35px; width: 35px; font-size: 19px;}
  .back-to-top a i{padding:9px 0 0; color:#fff;}
  .wg-1{margin:0 0 30px;}  
  .wg-1 h4{color:#fff; font-size:20px; margin:0 0 25px; padding: 0; position:relative;}  
  .wg-1 h4:before{background: #0047cd; bottom: 0; height: 2px; left: 0; position: absolute; width: 35px; margin-left: 40px;}
  .wg-1 h4:after{background: #0047cd; bottom: 0; content: ""; height: 2px; width: 35px; display: inline-block; vertical-align: middle; margin: 0 0 0 15px;}
  .wg-1 ul{margin:0; padding:0;}
  .wg-1 ul li{list-style:none; position:relative; margin:0; padding: 0 0 15px 0;}
  .timetable ul li{padding: 0 0 15px 20px;}
  .timetable ul li::before{position: absolute; left: 0; top: 11px; content: ''; background: #fff; height: 2px; width: 8px;}
  .wg-1 ul li:last-child{border-bottom:0;}
  .wg-1 address{margin: 0 0 20px; overflow: hidden; position: relative;}  
  .wg-1 address i{font-size: 15px; float: left; height: 30px; line-height: 30px; margin: 5px 10px 0 0; text-align: center; width: 30px; background: #0047cd; color:#fff; -webkit-border-radius: 10px 0; -moz-border-radius: 10px 0; border-radius: 10px 0;}
  .wg-1 address i.fa.fa-envelope {margin-top: -2px;font-size: 16px;}
  .wg-1 address div{margin:0; overflow:hidden;}
  .wg-1 address p{margin:0; line-height: 22px; text-align:left;}
  .wg-1 address span{font-weight:600; margin:0; display: block;}
  .footer .col-pl{padding:0 15px 0 45px;}
  .ft-logo{margin: 0 0 20px;}
  .ft-logo a{display: block; align-items: center;}
  .ft-logo img{max-width: 140px; margin: 0 0 15px;}
  .ft-logo span{color: #0047cd; font-size: 16px; padding: 0; display: block; font-family: 'univia_probold'; text-transform:uppercase;}  
  .ft-logo span small{display: block; padding: 5px 0 0; color: #fff; font-size: 14px;}
  .icon-ft{display: inline-block; vertical-align: middle;}
  .icon-ft i{color: #fff; border:0; display:inline-block; font-size: 16px; line-height: 34px; margin: 0 0 0 2px; height: 34px; text-align: center; width: 34px; text-align: center; position:relative; z-index:1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
  .icon-ft .fa-facebook{background:#3a5896;}
  .icon-ft .fa-facebook:hover{background:none; color:#3a5896;}
  .icon-ft .fa-twitter{background:#00aced;}
  .icon-ft .fa-twitter:hover{background:none; color:#00aced;}
  .icon-ft .fa-youtube{background:#b00;}
  .icon-ft .fa-youtube:hover{background:none; color:#b00;}
  .icon-ft .fa-linkedin{background:#007ab5;}
  .icon-ft .fa-linkedin:hover{background:none; color:#007ab5;}
  .icon-ft .fa-instagram{background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );}
  .icon-ft .fa-google-plus:hover{background:none; color:#f09433;}
  .icon-ft i:hover{color:#fff; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;}  
  
  .ft-bottom{background: #0047cd; margin:30px 0 0; color:#fff; padding:15px 0 5px; position:relative; z-index:2;}  
  .ft-bottom p{margin:0 0 10px;}
  .ft-bottom a{color:#fff;}
  .ft-bottom a:hover{color:#fff; text-decoration:underline;}
  
.banner-inner{padding: 112px 0 0; position: relative; text-align:center;}
.banner-inner:before{/*background:#017bbc; content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0.5;*/}
.banner-inner .textblock{background-image:url(images/slider-02.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; background-size:cover; height: 350px; position: relative;}
.banner-inner .block{background: #0047cd; bottom: 0; left: 0; position: absolute; width: 100%;}
.banner-inner .block:after{left: 0; top: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: rgba(0, 0, 0, 0); border-right-color: rgba(0,0,0,0.3); border-width: 79px 55px 0 0; display:none;}
.banner-inner .page-title .holder{display:none; overflow: hidden; position: relative; padding: 0;}
.banner-inner h1{color: #fff; margin: 0; font-size: 40px; padding:0 0 70px; text-transform:uppercase; text-align:center;}
.breadcrumb{color: #fff; font-size:14px; font-weight:600; line-height: normal; position: relative; z-index: 5; text-align: center; display: inline-block; background: none; box-shadow: none; padding: 20px 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0;}
.breadcrumb > li {margin: 0;}
.breadcrumb > li + li:before {content: "+"; margin: 0 9px; color: #fff; font-size: 15px; float: left;}
.breadcrumb > li .fa-home {margin: 0 9px;}
.breadcrumb li a{color: #fff;}     
.breadcrumb li a:hover{text-decoration:underline;}  

.align-left{float: left; border: 1px solid #d4d4d4; padding: 6px; width: 25%; margin: 7px 20px 15px 0;} 
.align-left img, .align-right img{width: 100%;} 
.align-right{float: right; border: 1px solid #d4d4d4; padding: 6px; width: 25%; margin: 7px 0 15px 20px;} 

.mid-inner{padding:50px 0 55px; border-bottom:2px solid #0047cd;}  
  .mid-inner h3{position: relative; margin: 0 0 20px; font-size: 24px; padding: 0; color: #0047cd; text-transform: capitalize;}
  .mid-inner h3 span{display: block; font-size: 18px; font-weight: 500; color: #000;} 
  .mid-inner h3::before{content: ""; display: inline-block; height: 20px; width: 5px; background: #000; margin: 0 10px 0 0; vertical-align: middle; position: relative; top: -2px;}
  .mid-inner .right-sidebar h3::before, .mid-inner .right-sidebar h4::after{display:none;}
  .mid-inner h4{position: relative; text-transform:capitalize; color: #000; margin: 0 0 15px; padding: 0 0 10px;}
  .mid-inner h4::after{content: ""; background: #0047cd; width: 40px; height: 2px; position: absolute; left: 0; bottom: 0;}
  .mid-inner h5{font-size: 20px; text-transform: capitalize; margin: 20px 0 10px; color: #d71f27;}

  .mid-inner ul{margin: 0; padding: 0 0 5px;}
  .mid-inner ul li{list-style: none; margin: 0 0 15px; padding: 0 0 0 25px; position: relative;}
  .mid-inner ul li::before{content: "\f0a4"; font-family: FontAwesome; display: inline-block; margin: 0; position: absolute; left: 0; top: 1px;} 
  .mid-inner ol{margin: 0; padding: 0 0 5px; counter-reset: section;}
  .mid-inner ol li{margin: 0; padding: 0 0 15px; list-style: none;}
  .mid-inner ol li::before{content: counters(section, ".") " - "; counter-increment: section;}

.contact-page{padding:0; position:relative; z-index:2;}
  .contact-page h2{color: #0A1851; font-size: 28px; font-weight: 500; position: relative; text-transform: capitalize; margin: 0 0 20px;}
  .contact-page .left-grid{padding: 0 50px 0 15px;}
  .contact-page .right-grid{padding: 0 15px 0 30px;}
  .contact-page form{--bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; overflow:hidden; position:relative; z-index:2; margin: 0 -15px;}
  .contact-page form > *{padding:0 15px;}
  .contact-page form .form-control{background:none; border:0; border-bottom: 2px solid #dfdfdf; box-shadow:none; font-weight:normal; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #000; height: 56px; padding: 12px 16px; font-size:14px;}
  .contact-page form .form-control:focus{border-color:#1b75bb;}
  .contact-page form .form-control::-webkit-input-placeholder {color: #000;}
  .contact-page form .form-control::-moz-placeholder {color: #000;}
  .contact-page form .form-control:-ms-input-placeholder {color: #000;}
  .contact-page form .form-control:-moz-placeholder {color: #000;}
  .contact-page form textarea{height:100px !important; color: #000;}
  .contact-page form textarea.form-control::-webkit-input-placeholder {color: #000;}
  .contact-page form textarea.form-control::-moz-placeholder {color: #000;}
  .contact-page form textarea.form-control:-ms-input-placeholder {color: #000;}
  .contact-page form textarea.form-control:-moz-placeholder {color: #000;}
  .contact-page form label{font-size:15px; color:#b0b0b0; padding:0 12px;}
  .contact-page form .form-group{margin:0 0 20px;}
  .contact-page form .btn .submit{border: 0; background: none; color: #fff; width: 100%;}
  .contact-page .detail-grid{position: relative; color: #0A1851; font-size: 18px;}
  .contact-page .detail-grid a:hover{color: #0047cd;}
  .contact-page .detail-grid a{display: block; font-weight: normal; font-size: 18px; color: #0A1851;}
  .contact-page .detail-grid span{display: inline-block; vertical-align: top; color: #111b4f; font-size: 22px; font-weight: 600;}
  .contact-page .detail-grid i{display: inline-block; font-size: 26px; vertical-align: top; margin: 8px 10px 0 0; color: #0047cd;}

    /** Smartphones **/
@media (min-width: 320px) and (max-width: 767px) {
   
   .container{max-width: 100% !important;}
   .top-sec .row{justify-content: space-between;}
   .top-sec .row > *{-ms-flex: 0 0 70% !important; flex: 0 0 70% !important; max-width: 70% !important;}
   .top-sec .row > *:last-child{-ms-flex: 0 0 30% !important; flex: 0 0 30% !important; max-width: 30% !important;}
   .phn-detail ul li span{display: none;}
   .phn-detail ul li small{font-size: 14px; display: inline-block !important;}
   .banner, .banner-inner{padding: 124px 0 0;}
   .banner .item img{width: 100%; height: 280px; object-fit: cover; object-position: center center;}
   .about-sec h2 span, .Find-Out-More h2 span, .student-feedback h2 span{font-size: 16px;}
   .about-sec{padding: 60px 0 40px;}
   .about-sec .about-left{padding: 0 15px;}
   .about-sec .about-right figure{padding: 0 20px 60px 0;}
   .about-sec .about-right figure .animation-jump{margin: -30px 0 0 0; max-width: 90px;}
   .about-sec .about-right figure .img-2{left: 0; border-top: 7px solid #fff; border-right: 7px solid #fff; max-width: 210px;}
   .our-specialitie h2, .gallery-sec h2{padding: 0 0 20px;}
   .our-specialitie h2::before, .gallery-sec h2::before{position: absolute; left: 50%; width: 35px; margin: 0 0 0 -40px;}
   .our-specialitie h2::after, .gallery-sec h2::after{left: 50%; position: absolute; margin: 0;}
   .our-specialitie .owl-theme .owl-controls .owl-buttons div{left: 20px; top: 75px;}
   .our-specialitie .owl-theme .owl-controls .owl-buttons div.owl-next{right: 20px;}
   .Find-Out-More .right figure{padding: 10px 40px 0 0;}
   .student-feedback .owl-pagination{display: block; text-align: center; position: relative; right: 0; top: 0; margin: 30px 0 0;}
   .portfolio-item .item{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
   .footer .col-pl{padding: 0 15px;}
   .footer .ft-bottom div, .footer .ft-bottom p{text-align: left;}
   
   .align-left, .align-right{float: none; width: auto; margin: 0 0 15px 0;}
   .contact-page .left-grid{padding: 0 15px;}
   .contact-page .right-grid{padding: 25px 15px 0;}
       
}


/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {
   
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
   
}

/* Tablets */
@media (min-width: 768px) and (max-width: 1090px) {
         
   .container{width: auto; max-width: 850px !important; padding: 0 30px;}
   .top-sec .row{justify-content: space-between;}
   .top-sec .row > *{-ms-flex: 0 0 70% !important; flex: 0 0 70% !important; max-width: 70% !important;}
   .top-sec .row > *:last-child{-ms-flex: 0 0 30% !important; flex: 0 0 30% !important; max-width: 30% !important;}
   .phn-detail ul li span{display: none;}
   .phn-detail ul li small{font-size: 14px; display: inline-block !important;}
   .banner, .banner-inner{padding: 118px 0 0;}
   .banner .item img{width: 100%; height: 500px; object-fit: cover; object-position: center center;}
   .about-sec h2 span, .Find-Out-More h2 span, .student-feedback h2 span{font-size: 18px;}
   .about-sec{padding: 60px 0 40px;}
   .about-sec .about-left, .about-sec .about-right, .Find-Out-More .left, .Find-Out-More .right{padding: 0 15px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
   .about-sec .about-right figure{padding: 0 0 60px 30px; text-align: left; display: inline-block;}
   .about-sec .about-right figure .img-2{left: inherit; right: -200px; border-top: 15px solid #fff; border-right: 0; border-left: 15px solid #fff;}
   .about-sec .about-right figure .animation-jump{left: 0; right: inherit;}
   .our-specialitie h2, .gallery-sec h2{padding: 0 0 20px;}
   .our-specialitie h2::before, .gallery-sec h2::before{position: absolute; left: 50%; width: 35px; margin: 0 0 0 -40px;}
   .our-specialitie h2::after, .gallery-sec h2::after{left: 50%; position: absolute; margin: 0;}
   .our-specialitie .owl-theme .owl-controls .owl-buttons div{left: 20px; top: 75px;}
   .our-specialitie .owl-theme .owl-controls .owl-buttons div.owl-next{right: 20px;}
   .Find-Out-More .right figure{padding: 10px 40px 0 0;}
   .student-feedback .owl-pagination{display: block; text-align: center; position: relative; right: 0; top: 0; margin: 30px 0 0;}
   .portfolio-item .item{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
   .footer > .container > .row > *:first-child{-ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; text-align: center;}
   .footer > .container > .row > *{-ms-flex: 0 0 33.33333% !important; flex: 0 0 33.33333% !important; max-width: 33.33333% !important;}
   .footer .col-pl{padding: 0 15px;}
   .footer .ft-bottom div, .footer .ft-bottom p{text-align: left;}
   
}

/* Desktop */
@media (min-width: 960px) and (max-width: 1090px) { 
    
   .container{width:auto; padding:0 30px; max-width:1030px !important;}    

}

/* Large Display */
@media (min-width: 1367px) { }


.wpcf7-form-control.wpcf7-submit.has-spinner {padding: 15px 30px; background:transparent;}
.form-group .btn  p { margin: 0 !important;}
.wpcf7-spinner { visibility: hidden; display: inline-block;  position: absolute;}
.form-padd .btn{ padding: 0 !important;}
.icon-ft {display: flex; vertical-align: middle;gap: 5px;}

a:focus {outline: 0 !important;}
.contact-page form .form-control:focus {
    border-color: #1b75bb !important;
	outline:0 !important;
	
}

.wpcf7 input.wpcf7-form-control:not([type=submit]):focus, .wpcf7 select.wpcf7-form-control:focus, .wpcf7 textarea.wpcf7-form-control:focus {
    border-style: none; 
    border-color: #046BD2;
    border-width: thin;
    box-shadow: none;
    outline: none;
    color: var(--ast-form-input-focus-text,#475569);
    border-bottom: 1px solid #046BD2;
}

.owl-item .item{min-height:360px !important;
}