HOME

Mini Shell 1.0
Current File : /home/htlwork.com/www/dev/style.css
html{overflow-x:hidden;}
html, body {height: 100%;}

body{font-size: 14px; font-family: 'PoppinsRegular_0'; color: #545454;}

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

@font-face {

    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular_1.eot');
    src: url('fonts/OpenSans-Regular_1.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular_1.woff2') format('woff2'),
         url('fonts/OpenSans-Regular_1.woff') format('woff'),
         url('fonts/OpenSans-Regular_1.ttf') format('truetype'),
         url('fonts/OpenSans-Regular_1.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

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

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

a{color:#F00F00;}
a:hover, a:focus{color:#000; text-decoration:none;}
img{max-width:100%; vertical-align:middle;}
p{line-height:26px; margin:0 0 15px;}

h1, h2, h3, h4, h5, h6{font-family: 'PoppinsSemiBold_0'; margin:0 0 10px;}
h2{color:#000;}
h3{color:#F00F00;}
h4{color:#000;}

.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{background:#fff; position: fixed; width: 100%; z-index: 9; padding: 0; top: 0; box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8); transition:all 1s ease; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease;}  
  .sticky .menu-head .navbar-brand{padding:25px 0;}
  .sticky .menu-head{font-size:14px;}
  .sticky .menu-head .navbar-nav > li > a{padding: 30px 0 29px;}*/

.container{max-width:84%;}
  
.header{margin:0; position:absolute; left:0; width:100%; top:0; z-index:3;}
  .head-top{background:#141d38; font-family: 'open_sansbold'; position:relative; font-size: 14px;}
  .logo{padding:20px 15px;}
  .head-right{text-align:right;}
  .head-right h1{color: #fff;text-transform: uppercase;font-size: 56px;margin: 30px 0 0;}
  .blinking{
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    0%{     color: #fff;    }
    49%{    color: #fff; }
    60%{    color: #000; }
    99%{    color: #000;  }
    100%{   color: #fff;    }
}

  .head-top a{color:#fff;} 
  .head-top a:hover{text-decoration:underline;}
  .head-top ul{margin:0; padding:15px 0 6px;}
  .head-top ul li{display:inline-block; list-style:none; padding:0 20px 0 0; position:relative;}
  .head-top ul li i{margin:0 5px 0 0; font-weight: normal; display: inline-block; vertical-align: middle; font-size: 18px;}
  .icon-top{margin:0;text-align:right;}
  .icon-top i{background: rgba(255,255,255,.1); width: 34px; display: inline-block; text-align: center; font-size: 14px; border: 1px solid rgba(255,255,255,.3); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; height: 33px; line-height: 32px; margin: 8px 0 9px 4px;}
  .icon-top i:hover{background:rgba(255,255,255,.3); 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;}    
  
  .menu-head{font-family: 'PoppinsSemiBold_0'; margin:0; position:relative; padding:0; z-index:2;}    
  .menu-head .navbar-brand{padding:15px 0; height:auto;}  
  .menu-head .navbar-brand img{} 
  .menu-head .navbar-header{position: relative; z-index: 2;}
  .menu-head nav{box-shadow:none; border:none; background:none; border-radius:0; margin:0;}
  .menu-head .navbar-collapse{padding:0;}
  .menu-head .navbar-nav{float:none; text-align:right;}
  .menu-head .navbar-nav > li{display:inline-block; font-size:17px; float:none; margin:0 0 0 25px; padding:33px 0 10px; position:relative;}   
  .menu-head .navbar-nav > li > a{border:transparent; color:#fff; text-shadow:none; padding:15px 0; transition:all 1s ease; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1.4s ease; -o-transition:all 1s ease;}
  .menu-head .navbar-nav > li > a:before{content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; filter: alpha(opacity=100); -webkit-transition: all .2s ease-in-out 0s;-o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; right: 0; margin: 0 auto; background: #F00F00; -webkit-border-radius: 100%; border-radius: 100%; border-radius: 100%;}
  .menu-head .navbar-nav > li > a:hover:before, .menu-head .navbar-nav > li.current-menu-item > a:before{opacity: 1; width: 100%;}
  .menu-head .navbar-nav > li > a:focus, .menu-head .navbar-nav > li > a:hover, .menu-head .navbar-nav > .open > a, .menu-head .navbar-nav > .open > a:focus, .menu-head .navbar-nav > .open > a:hover, .menu-head .navbar-nav .current-menu-item a{color:#F00F00; background:none; box-shadow:none;}
  /*.menu-head li a:hover .sub-menu{display:block;}*/
  .menu-head ul, .menu-head ul li, .menu-head ul li a{position:relative;}
  .menu-head li:hover > ul {opacity: 1; visibility: visible; -moz-transform: scaleY(1); -webkit-transform: scaleY(1);-o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);}
  .menu-head ul ul{position: absolute; left: 0; top: 100%; z-index: 2; padding:5px 20px; width: 270px; border-top:2px solid #F00F00; background: rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 10px 15px rgba(0,0,0,.1);-moz-box-shadow: 0 10px 15px rgba(0,0,0,.1);-ms-box-shadow: 0 10px 15px rgba(0,0,0,.1);-o-box-shadow: 0 10px 15px rgba(0,0,0,.1);box-shadow: 0 10px 15px rgba(0,0,0,.1); 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 .25s 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;}
  .menu-head ul ul ul{margin-left: 100%; top: 0;}
  .menu-head ul ul li a{text-decoration: none; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important;}
  /*.menu-head .sub-menu{background:#000; position:absolute; top:100%; left:0; min-width:270px; display:none; margin:0; padding:0;}*/
  .menu-head .sub-menu > li{list-style:none; font-size:14px; font-family: 'PoppinsMedium';}
  .menu-head .sub-menu > li:last-child{}  
  .menu-head .sub-menu > li > a:focus, .menu-head .sub-menu > li > a:hover, .menu-head .sub-menu > li.current_page_item > a{padding:5px 0 5px 10px; transition: all .2s ease-out; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s;}
  .menu-head .sub-menu > li > a{display:block; background:none !important; color:#fff !important; padding:5px 0; text-align:left; position:relative; -webkit-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s;}
  .menu-head .sub-menu > li > a:before{content: ''; position: absolute; top: 47%; left: -10px; width: 0; height: 2px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; filter: alpha(opacity=100); -webkit-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; background-color: #F00F00;}
  .menu-head .sub-menu > li > a:hover:before, .menu-head .sub-menu > li.current_page_item > a:before{opacity: 1; width: 15px;}
  .menu-head .sub-menu > li > a:hover, .menu-head .sub-menu > li.current_page_item > a{color: #F00F00 !important;}  

.banner{background:#000; color:#fff; text-align:center; min-height:768px; position: relative; margin:0; padding:280px 0 50px; z-index:2;}
  .banner::before{content: ""; background-image: url(images/banner-bg.webp); background-repeat: no-repeat; background-position: bottom center; background-attachment: scroll; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.2;}
  /*.banner-image::before{content: "";background: -moz-linear-gradient(left, rgba(0,35,90,0.65) 0%, rgba(0,35,90,0) 100%);background: -webkit-linear-gradient(left, rgba(0,35,90,0.65) 0%,rgba(0,35,90,0) 100%);background: linear-gradient(to right, rgba(0,35,90,0.65) 0%,rgba(0,35,90,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a600235a', endColorstr='#0000235a',GradientType=1 );position: absolute;left: 0;top: 0;width: 100%;height: 100%;position: absolute;}*/
  .banner-text{position: relative;}
    .banner-text h2{color:#f00f00; font-size:50px; line-height:50px; margin:0 0 20px; position:relative; text-transform:capitalize;}
    .banner-text h2 span{color:#fff; display:block; font-size:16px; margin:0; position:relative; text-transform:inherit; font-family: 'PoppinsRegular_0';}
	.banner-text h2 span::before, .banner-text h2 span::after{content: ""; background: #fff; height: 2px; width: 
	30px; display: inline-block; vertical-align: middle; margin: 0 20px;}
	.banner-text .owl-pagination{display: none; text-align: center; position: relative; right: 0; top: 0; margin: 30px 0 0;}
    .banner-text .owl-theme .owl-controls .owl-page span{background:none; border:1px solid #f3941e; opacity:1; height:10px; width:10px;}
    .banner-text .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background: #f3941e; background: -moz-linear-gradient(left,  #f3941e 0%, #000 100%); background: -webkit-linear-gradient(left,  #f3941e 0%,#000 100%); background: linear-gradient(to right,  #f3941e 0%,#000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3941e', endColorstr='#000',GradientType=1 );}
    .banner-text .owl-theme .owl-controls .owl-page.active span{width:20px;}
    .banner-text .item{background: rgba(250, 250, 250, 0.3); border-radius: 30px; position: relative; padding: 15px; margin: 0 15px;}
    .banner-text .item img{-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%; transition-duration: .3s; transition-property: transform; width: 70%;}
    .banner-text .item:hover img{transform: scale(1.1);}
    .banner-text .item figure{position: relative; margin:0 0 20px; display:block;}
    .banner-text .owl-theme .owl-controls .owl-buttons div{display: block; background:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; color:#000; position:absolute; left:-55px; top:120px; margin:0; height:44px; width:44px; opacity:1; text-indent:-99999px;}
    .banner-text .owl-theme .owl-controls .owl-buttons div.owl-next{right:-55px; left:inherit;}
    .banner-text .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%;}  
    .banner-text .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%;} 
	.banner-text .btn{background:#fff; border:0; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:16px; position: relative; z-index: 1; display: inline-block; text-align: center; color: #000; padding: 9px 9px 8px; min-width:150px; border:0; overflow:hidden; text-shadow:none; box-shadow:none; text-transform: capitalize;}
    .banner-text .btn:hover{color: #fff;}
    .banner-text .btn:after{content: ''; position: absolute; height: 100%; right: -20px; top: 0; width: 20%; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background-color: #f00f00; z-index:-1; transform: skewX(-25deg);}
    .banner-text .btn:hover:after{width: 150%;}

.about-sec{padding:50px 0 0; position:relative; z-index:2;}    
  .about-sec h2{font-size: 30px; line-height:44px; color: #000; margin: 0 0 15px; position: relative; -webkit-animation-delay: 0.7s;animation-delay: 0.7s; text-transform:capitalize;} 
  .about-sec h2 span{color:#f00f00; display:block; position:relative; font-size:20px; margin:0; text-transform:uppercase;}
  .about-sec h2 span:after{content: ""; background:#000; height: 3px; width: 35px;  display: inline-block; vertical-align:middle; margin:0 15px;}
  .about-sec .about-left{margin:0 0 30px; position:relative; width: 65%;}
  .about-sec .about-left .btn{border:0; text-decoration: none; background: #02075b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:14px; position: relative; z-index: 1; display: inline-block; text-align: center; font-family: 'PoppinsSemiBold_0'; font-weight:normal; letter-spacing: .3px; color: #fff; margin:10px 0 0; padding: 13px 30px; overflow:hidden;}
  .about-sec .about-left .btn:hover span{position: relative; color:#fff; z-index: 1;}
  .about-sec .about-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: #f60;}
  .about-sec .about-left .box-sign{padding: 10px 0 0; 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; font-size: 16px;}
  .about-sec .about-left .box-sign span{display: block; line-height: 15px; margin:10px 0 0;}
  .about-sec .about-right .animation-jump{position: absolute; right: -20px; top: -20px; margin: -20px 0 0; z-index: 1;}
  .about-sec .about-right{margin: 0 0 30px; position:relative; width: 35%;}
  .about-sec .about-right figure{margin: 0; position:relative; z-index:2;}
  .about-sec .about-right figure > img{border-radius:0; margin: 0; width:100%;}
  .about-sec .about-right figure figcaption{display: block; position: relative; text-transform:uppercase; margin: -50px 0 0; left: 0; z-index: 1; font-weight:600; color:#000;}
  .about-sec .about-right figure .box{text-align:center; position:relative;}
  .about-sec .about-right figure .box .inner{position: relative; display: block; overflow: hidden; width: 100%; background: #fff; border: 8px solid #061953; padding: 20px; -ms-flex-align: center !important; align-items: center !important; -ms-flex-pack: center !important; justify-content: center !important; display: -ms-flexbox !important; display: flex !important;}
  .about-sec .about-right figure .box .inner .icon-box .icon-1{left: -20px; bottom: -20px;}
  .about-sec .about-right figure .box .inner .icon-box .icon-2{right: -90px; top: -135px;}
  .about-sec .about-right figure .box .inner .icon-box .icon{position: absolute; width: 171px; height: 171px; background: #061953; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity: 0.1;}
  .about-sec .about-right figure .box .inner span{position: relative; display: block; line-height: 18px; color: #222; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; font-family: 'Poppins', sans-serif; font-weight:600; font-size: 16px;}
  .about-sec .about-right figure .box .inner .title-h3{color:#02075b; position: relative; display: block; font-size: 70px; line-height: 70px; font-weight: 700; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; margin: 0; padding: 0 7px 0 5px;}
  .about-sec .about-right figure  .box .inner p{font-size: 15px; color: #222; position: relative; z-index: 2; text-align: center; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; margin: 0; font-family: 'Poppins', sans-serif; font-weight:600; font-size: 16px;}

.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;}
  } 

.add-sec{padding:0 0 30px; position:relative;}

.course-categories{padding:70px 0; position:relative; text-align:center; z-index:2; background:#fff;}  
  .course-categories h3{color:#000; font-size:40px; padding:0 0 20px; margin:0 0 15px; position:relative;}
  .course-categories h3::before{background: #41c7ee; bottom: 0; content: ""; height: 3px; left: 50%; position: absolute; width: 40px; margin-left: -50px;}
  .course-categories h3::after{background: #f4698a; bottom: 0; content: ""; height: 3px; left: 50%; position: absolute; width: 40px;}
  .course-categories .owl-pagination{display:none;}
  .course-categories .owl-theme .owl-controls .owl-page span{background:#fff;}
  .course-categories .item{-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.12); box-shadow: 0 0 5px rgba(0,0,0,0.12); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:15px; position:relative; padding:0; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.12); box-shadow: 0 0 5px rgba(0,0,0,0.12); overflow:hidden;}
  .course-categories .course-name{position: relative; left: 0; top: 0; display: table; width: 100%; height: 100%; vertical-align: middle; opacity:1;} 
  .course-categories .item:hover .course-name{opacity:1;} 
  .course-categories .logo-figure{display: block; margin: 20px 0;}
  .course-categories .course-padd{display: table-cell; height: 100%; width: 100%; vertical-align: middle; padding:0 20px 20px;}   
  .course-categories p{text-align:center;}
  .course-categories figure{display:block; overflow:hidden;}
  .course-categories figure img{}
  .course-categories h4{color:#fff; font-size:26px; position: relative; text-align: center; webkit-transition: all .7s;-moz-transition: all .7s;-webkit-transition: all .7s;-o-transition: all .7s;transition: all .7s;opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateY(40px);-khtml-transform: translateY(40px);-moz-transform: translateY(40px);-ms-transform: translateY(40px);-o-transform: translateY(40px);transform: translateY(40px);}
  .course-categories .item:hover h4{opacity: 1;filter: alpha(opacity=1);-webkit-transform: translateY(0px);-khtml-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);}
  .course-categories p{color:#fff; margin:0;}
  .course-categories .btn{border:2px solid transparent; text-decoration: none; background-color: #f00f00; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius: 30px; font-size:14px; position: relative; z-index: 1; display: inline-block; text-align: center; font-family: 'PoppinsSemiBold_0'; font-weight:normal; letter-spacing: .3px; text-transform:uppercase; color: #fff; padding: 12px 15px 10px; overflow:hidden; margin:0 0 10px; min-width:220px;}
  .course-categories .btn:hover{color:#f00f00;}
  .course-categories .btn:hover span{position: relative; color:#fff; z-index: 1;}
  .course-categories .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-color: #fff; z-index:-1;}
  .course-categories .btn:hover:after{width: 100%;}
  
  .course-categories .read-review{border:2px solid transparent;  text-decoration: none; background-color: #000; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius: 30px; font-size:14px; position: relative; z-index: 1; display: inline-block; text-align: center; font-family: 'PoppinsSemiBold_0'; font-weight:normal; letter-spacing: .3px; text-transform:uppercase; color: #fff; padding: 9px 10px 7px; overflow:hidden; margin:0 0 10px; min-width:220px;}
  .course-categories .read-review:hover{color:#000;}
  .course-categories .read-review:hover span{position: relative; color:#fff; z-index: 1;}
  .course-categories .read-review: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-color: #fff; z-index:-1;}
  .course-categories .read-review:hover:after{width: 100%;}
  .course-categories .owl-theme .owl-controls .owl-buttons div{background:#f00f00; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; color:#000; position:absolute; left:-15px; top:41%; height:44px; width:44px; opacity:1; text-indent:-99999px;}
  .course-categories .owl-theme .owl-controls .owl-buttons div.owl-next{right:-15px; left:inherit;}
  .course-categories .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;}
  .course-categories .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;} 
  
.about-listing{color :#555; padding:30px 0 30px; position:relative; z-index:2;}    
  .about-listing .container > .row{flex-direction: row-reverse;}    
  .listing-card{display: flex;flex-direction: row;flex-wrap: wrap;border-bottom: 0 !important;color: inherit;-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.16);box-shadow: 0 0 5px rgba(0,0,0,0.16);background: #fff;margin: 0 0 30px;padding: 15px 15px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px;}
  .listing-card-pic-area img{}
  .listing-card .btn{border:2px solid transparent; text-decoration: none; background-color: #f00f00; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius: 30px; font-size:14px; position: relative; z-index: 1; display: inline-block; text-align: center; font-family: 'PoppinsSemiBold_0'; font-weight:normal; letter-spacing: .3px; text-transform:uppercase; color: #fff; padding: 12px 15px 10px; overflow:hidden; margin:0; min-width:100%;}
  .listing-card .btn:hover{color:#f00f00;}
  .listing-card .btn:hover span{position: relative; color:#fff; z-index: 1;}
  .listing-card .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-color: #fff; z-index:-1;}
  .listing-card .btn:hover:after{width: 100%;}
  .listing-card .read-review{border:2px solid transparent;  text-decoration: none; background-color: #000; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius: 30px; font-size:14px; position: relative; z-index: 1; display: inline-block; text-align: center; font-family: 'PoppinsSemiBold_0'; font-weight:normal; letter-spacing: .3px; text-transform:uppercase; color: #fff; padding: 9px 10px 7px; overflow:hidden; margin:0; min-width:100%;}
  .listing-card .read-review:hover{color:#000;}
  .listing-card .read-review:hover span{position: relative; color:#fff; z-index: 1;}
  .listing-card .read-review: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-color: #fff; z-index:-1;}
  .listing-card-logo-area{padding: 0 15px 0 35px; text-align: center;}
  .listing-card-logo-area .rank-grid{font-size: 18px; width: auto; min-width: 120px; border-radius: 0 0 30px 30px; background: #000; background: -moz-linear-gradient(left, #000 0%, #F00F00 100%); background: -webkit-linear-gradient(left, #000 0%,#F00F00 100%); background: linear-gradient(to right, #000 0%,#F00F00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#F00F00',GradientType=1 ); color: #f2f2f2; font-family: 'open_sansbold'; line-height: 48px; margin: 0; position: absolute; left: -51px; top: 40px; transform: rotate(-90deg);}
  .listing-card-logo-area h5{color: #f00f00; font-size: 18px;}
  .listing-card-logo-area h5 span{color: #242424; display: block; font-family: 'PoppinsRegular_0'; font-size: 14px;
  margin: 5px 0 0;}
  .listing-card-logo-area .listing-card-pic-area img{margin: 0 auto; display:block;}
  .about-listing .read-review:hover:after{width: 100%;}
  .listing-card-description-area{padding: 10px 0 0 10px;}
  .listing-card-description-area ul{margin:0 0 20px; padding:0;}
  .listing-card-description-area ul li{list-style: none; margin: 0; padding: 0 0 15px 25px; position: relative;}
  .listing-card-description-area ul li::before {content: "\f00c";font-family: FontAwesome;color: #000;position: absolute;left: 0;top: 0;}
  .listing-card-description-area ul li.description-fee::before{content:"\f0a4"; background: #000; background: -moz-linear-gradient(left, #000 0%, #F00F00 100%); background: -webkit-linear-gradient(left, #000 0%,#F00F00 100%); background: linear-gradient(to right, #000 0%,#F00F00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#F00F00',GradientType=1 ); font-size: 15px; top: -6px; color: #fff; height: 30px; width: 30px; text-align: center; border-radius: 100%; line-height: 28px; left: -9px;}
  .listing-card-cta-area{text-align: center; padding:10px 15px 0;}
  .listing-card p{margin:0 0 15px;}
  .listing-card .rate-cont{font-family: 'PoppinsSemiBold_0';}
  .listing-card .rate-cont i{color:#fe8e00; margin:0 3px;}
  .listing-card .rate-cont img{margin:0 3px;}
  .listing-card .listing-card-description-area p{font-family: 'PoppinsSemiBold_0';}
  .description-traffic-medium span{display: inline-block;position: relative; background:#000; color: #fff; padding: 5px 15px 5px; border-radius: 30px;}

/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
.hvr-buzz{display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active{-webkit-animation-name: hvr-buzz; animation-name: hvr-buzz; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}

.sidebar .widget{background: #f9f9f9; padding:0; margin: 0 0 30px;}
.sidebar .widget h3{background: #000; color: #fff; padding: 10px 20px; font-size: 20px; text-transform: capitalize; margin: 0 0 5px;}
.sidebar .widget ul{margin: 0; padding: 0 0 5px;}
.sidebar .widget ul li{list-style: none; overflow:hidden; border-bottom: 1px solid rgba(0,0,0,.07); margin: 0; padding:15px 20px; position: relative;} 
.sidebar .widget ul li:last-child{margin-bottom:0; border-bottom:0;} 
.sidebar .widget ul li figure{float:left; margin: 0 10px 0 0; max-width: 180px; border: 1px solid #ccc; padding: 0 0 3px; border-radius: 5px;} 
.sidebar .widget ul li .btn{background:#505050; border:0; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:14px; position: relative; z-index: 1; display: inline-block; text-align: center; color: #fff; padding: 9px 9px 8px; min-width:150px; border:0; overflow:hidden; text-shadow:none; box-shadow:none; text-transform: capitalize;}
.sidebar .widget ul li .btn:hover{color: #fff;}
.sidebar .widget ul li .btn:after{content: ''; position: absolute; height: 100%; right: -20px; top: 0; width: 20%; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background-color: #f00f00; z-index:-1; transform: skewX(-25deg);}
.sidebar .widget ul li .btn:hover:after{width: 150%;}

.Online-Slots-Game{position:relative; padding:30px 0 30px;}
  .Online-Slots-Game h2{color:#000; font-size:30px; padding:0 0 20px; margin:0 0 15px; position:relative;}
  .Online-Slots-Game h2::after{background: #f00f00; bottom: 0; content: ""; height: 3px; width: 40px; display:inline-block; vertical-align:middle; margin:0 0 0 20px;}
  .Online-Slots-Game .btn-wrap{text-align:right;}
  .Online-Slots-Game .btn-wrap .btn{background:#000; border:0; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:14px; position: relative; z-index: 1; display: inline-block; text-align: center; color: #fff; margin:0 0 10px 10px; padding:10px 40px 10px 20px; border:0; overflow:hidden; text-shadow:none; box-shadow:none; text-transform: capitalize;}
  .Online-Slots-Game .btn-wrap .btn:hover{color: #fff;}
  .Online-Slots-Game .btn-wrap .btn:after{content: ''; position: absolute; height: 100%; right: -20px; top: 0; width: 20%; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background-color: #f00f00; z-index:-1; transform: skewX(-25deg);}
  .Online-Slots-Game .btn-wrap .btn:hover:after{width: 150%;}
  .Online-Slots-Game .osg-coll{-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
  .Online-Slots-Game .osg-box{cursor:pointer; margin: 0 0 30px; overflow:hidden; position:relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); padding: 15px; text-align:center;}
  .Online-Slots-Game .osg-box figure img{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
  .Online-Slots-Game .osg-box .inner{position: absolute; left: 0; bottom: -100%; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); -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 .25s ease-out; display: flex; align-items: center; justify-content: center;}
  .Online-Slots-Game .osg-box:hover .inner{bottom: 0;}
  .Online-Slots-Game .osg-box .rate-cont{margin:0 0 15px; font-family: 'PoppinsSemiBold_0';}
  .Online-Slots-Game .osg-box .rate-cont i{color:#fe8e00; margin:0 3px;}
  .Online-Slots-Game .osg-box h4{color:#fff;}
  .Online-Slots-Game .osg-box p{margin:0;}
  .Online-Slots-Game .osg-box .btn{background:#505050; border:0; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:14px; position: relative; z-index: 1; display: inline-block; text-align: center; color: #fff; padding: 9px 9px 8px; min-width:150px; border:0; overflow:hidden; text-shadow:none; box-shadow:none; text-transform: capitalize;}
  .Online-Slots-Game .osg-box .btn:hover{color: #fff;}
  .Online-Slots-Game .osg-box .btn:after{content: ''; position: absolute; height: 100%; right: -20px; top: 0; width: 20%; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background-color: #f00f00; z-index:-1; transform: skewX(-25deg);}
  .Online-Slots-Game .osg-box .btn:hover:after{width: 150%;}

.Why-You-Should{position:relative; padding:30px 0 50px;}
  .Why-You-Should h2{color:#000; font-size:30px; margin:0 0 15px; position:relative;}
  .Why-You-Should h2::after{background: #f00f00; bottom: 0; content: ""; height: 3px; width: 40px; display:inline-block; vertical-align:middle; margin:0 0 0 20px;}
  .Why-You-Should .box-coll{margin:0 0 30px;}
  .Why-You-Should .box-wrap{position: relative; margin: 0; text-align: center; padding:20px 20px; background: #f00f00; background: -moz-linear-gradient(top, #f00f00 0%, #000000 100%); background: -webkit-linear-gradient(top, #f00f00 0%,#000000 100%); background: linear-gradient(to bottom, #f00f00 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f00f00', endColorstr='#000000',GradientType=0 ); height: 100%; color: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
  .Why-You-Should .box-inner{border:2px solid #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 45px 45px 25px;}
  .Why-You-Should .box-wrap figure{display: block; width: 150px; border-radius: 100%; overflow: hidden; border: 3px solid #ffbab0; padding: 10px; margin: 0 auto 20px;}
  .Why-You-Should .box-wrap figure img{-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; box-shadow: 0 0px 8px 2px #fff;}
  .Why-You-Should .box-wrap h3{color:#fff;}

.text-grid{position:relative; padding:0 0 30px;}
  .text-grid h2{color:#000; font-size:30px; margin:0 0 15px; position:relative;}
  .text-grid h2::after{background: #f00f00; bottom: 0; content: ""; height: 3px; width: 40px; display:inline-block; vertical-align:middle; margin:0 0 0 20px;}
  .text-grid h4{color: #f00f00;}
  
.faq-sec{position:relative; padding:30px 0 30px;}
  .faq-sec h2{color:#000; font-size:30px; margin:0 0 15px; position:relative;}
  .faq-sec h2::after{background: #f00f00; bottom: 0; content: ""; height: 3px; width: 40px; display:inline-block; vertical-align:middle; margin:0 0 0 20px;}
  .faq-sec figure img{width:100%;}
  .faq-sec .panel-heading{padding:0; background:none;}
  #accordion5 .panel{border: none; border-radius: 0; box-shadow: none; margin: 0 0 19px;} 
  #accordion5 .panel-title a{display: block; padding: 10px 20px 10px 45px; background: #f00f00; border-radius: 5px; border: 2px solid #e00000; font-size: 15px; color: #fff; position: relative; font-weight: normal; font-family: 'PoppinsMedium'; text-transform: capitalize;} 
  #accordion5 .panel-title a.collapsed{border: 2px solid #000; background: #fff; color: #000;} 
  #accordion5 .panel-title a:before, #accordion5 .panel-title a.collapsed:before{content: "\f107"; font-family: FontAwesome; font-weight: 900; width: 32px; height: 32px; line-height: 32px; border-radius: 5px; background: #000; font-size: 18px; color: #fff; text-align: center; position: absolute; top: 2px; left: 2px; z-index: 1; transition: all 0.3s ease 0s;} 
  #accordion5 .panel-title a.collapsed:before{content: "\f105"; background: #000; border: none;} 
  #accordion5 .panel-body{padding: 10px 15px 0; margin: 0 0 0 30px; border: none; font-size: 14px; color: #333; line-height: 28px; position: relative;} 
  #accordion5 .panel-body:before{content: ""; display: block; width: 4px; height: 90%; background: #f00f00; position: absolute; top: 0; left: -13px;} 
  #accordion5 .panel-body:after{content: ""; border-top: 12px solid #f00f00; border-left: 12px solid transparent; border-right: 12px solid transparent; position: absolute; bottom: 0; left: -22px;}

.tag-sec{background-image: url('images/banner-bg.webp'); background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; position:relative; color:#fff; position:relative; padding:60px 0 40px; margin:0; text-align:center;}  
  .tag-sec::before{content: ""; background: #000; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8;}
  .tag-sec .container{position:relative;}  
  .tag-sec .tag-coll{padding: 0 10%;}
  .tag-sec h2{color:#fff; font-size:30px; margin:0 0 25px; position:relative;}
  .tag-sec h2 span::after{background: #fff; bottom: 0; content: ""; height: 2px; width: 30px; display:inline-block; vertical-align:middle; margin:0 0 0 20px;}
  .tag-sec h2 span{display:block; color:#fff; font-size:16px; margin:15px 0 0; position:relative;}
  .tag-sec p{text-align:center;}
  .tag-sec .p-tag{font-style:italic; font-size:12px; line-height:18px;}
  .tag-sec figure{margin: 20px 30px 20px 0; float: left;}
  .tag-sec .btn{background:#505050; border:0; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:16px; font-family: 'PoppinsSemiBold_0'; position: relative; z-index: 1; display: inline-block; text-align: center; color: #fff; margin:15px 0 0; padding: 13px 9px 12px; min-width:300px; border:0; overflow:hidden; text-shadow:none; box-shadow:none; text-transform: uppercase;}
  .tag-sec .btn:hover{color: #fff;}
  .tag-sec .btn:after{content: ''; position: absolute; height: 100%; right: -20px; top: 0; width: 20%; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background-color: #f00f00; z-index:-1; transform: skewX(-25deg);}
  .tag-sec .btn:hover:after{width: 150%;}

.top-rate{position:relative; padding:60px 0 50px; text-align:center;}
  .top-rate h2{color:#000; font-size:30px; margin:0 0 25px; position:relative;}
  .top-rate h2::before, .top-rate h2::after{background: #f00f00; bottom: 0; content: ""; height: 2px; width: 30px; display:inline-block; vertical-align:middle; margin:0 20px;}
  .top-rate .owl-pagination{display: none; text-align: center; position: relative; right: 0; top: 0; margin: 30px 0 0;}
  .top-rate .owl-theme .owl-controls .owl-page span{background:none; border:1px solid #f3941e; opacity:1; height:10px; width:10px;}
  .top-rate .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background: #f3941e; background: -moz-linear-gradient(left,  #f3941e 0%, #000 100%); background: -webkit-linear-gradient(left,  #f3941e 0%,#000 100%); background: linear-gradient(to right,  #f3941e 0%,#000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3941e', endColorstr='#000',GradientType=1 );}
  .top-rate .owl-theme .owl-controls .owl-page.active span{width:20px;}
  .top-rate .item{position: relative; margin: 0 15px;}
  .top-rate .item img{-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); transition-duration: .3s; border:1px solid #f9f9f9; padding:0 0 5px; transition-property: transform;}
  .top-rate .item:hover img{transform: scale(1.1);}
  .top-rate .item figure{position: relative; margin:0 0 20px; display:block;}
  .top-rate .owl-theme .owl-controls .owl-buttons div{display: block; background:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; color:#000; position:absolute; left:-55px; top:40px; margin:0; height:44px; width:44px; opacity:1; text-indent:-99999px;}
  .top-rate .owl-theme .owl-controls .owl-buttons div.owl-next{right:-55px; left:inherit;}
  .top-rate .owl-theme .owl-controls .owl-buttons div.owl-prev:before{background-image: url(images/arrow-left-black.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%;}  
  .top-rate .owl-theme .owl-controls .owl-buttons div.owl-next:before{background-image: url(images/arrow-right-black.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%;}
   
.thumb{position: relative; cursor:pointer;}
  .thumb:hover:before{transform: scaleX(0); opacity: 1;}
  .thumb:hover:after{opacity: 1; transform: scaleY(0);}
  .thumb:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); opacity: 0; transform: scaleX(1); -moz-transform: scaleX(1); -webkit-transform: scaleX(1); transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in;}
  .thumb:after{content: ''; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); opacity: 0; transform: scaleY(1); -moz-transform: scaleY(1); -webkit-transform: scaleY(1); transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;}     
  
.footer{padding: 60px 0 0; background: #000; color: #fff; position: relative; left: 0; right: 0; bottom: 0; width: 100%; z-index: 0;}   
  .footer:before{background-image: url('https://wallpapercave.com/wp/wp4035445.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: scroll; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.1;}
  .footer a{color:#fff;}
  .footer a:hover{color:#f00f00;}
  .footer .ft-coll{-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
  .ft-logo{padding:0;}
  .wg-1{margin:0 0 30px 0;}
  .wg-1 h4{color:#fff; font-size:20px; margin:0 0 20px 0; position:relative;}
  .wg-1 h4::after{content: ""; background: #fff; height: 3px; width: 35px; display: inline-block; margin: 0 0 0 15px; position: relative; top: -5px;}
  .wg-1 ul{margin:0; padding:0;}
  .wg-1 ul li{list-style:none; position:relative; padding:0 0 15px 20px;}
  .wg-1 ul li::before{content: "\f105"; font-family: FontAwesome; position: absolute; left: 0; top: 0;}
  .wg-1 address{margin: 0 0 20px; overflow: hidden; position: relative;}  
  .wg-1 address i{color: #fff; float: left; font-size: 17px; margin: 2px 20px 0 0; text-align: center; width: 15px;}
  .wg-1 address div{margin:0; overflow:hidden;}
  .copy-right{text-align: right; margin: 6px 0;}
  .icon-ft{margin:0;}
  .icon-ft i{border-radius: 3px; -webkit-border-radius:3px; -moz-border-radius: 3px; color:#fff; display: inline-block; font-size: 24px; line-height: 40px; margin: 0 2px 7px; height: 40px; text-align: center; width: 40px; position: relative; z-index: 1;}
  .icon-ft .fa-facebook{background:#0549ae;}  
  .icon-ft .fa-twitter{background:#00aded;}
  .icon-ft .fa-google-plus{background:#d64937;}
  .icon-ft .fa-youtube{background:#f00;}
  .icon-ft .fa-linkedin{background:#1783bc;}
  .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-rss{background:#ef6d12;}
  .icon-ft i:hover{background:none; 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{border-top:1px solid rgba(250, 250, 250, 0.5); color:#fff; margin:20px 0 0; padding:25px 0 8px; position:relative; z-index:2;}
  .ft-bottom ul{margin:0; padding:0;}
  .ft-bottom ul li{list-style:none; display:inline-block; position:relative; padding:0 30px 0 0;}
  .ft-bottom ul li::before{content: ""; background: #fff; position: absolute; right: 12px; top: 5px; height: 10px; width: 1px;}
  .ft-bottom p{margin:0 0 15px;}  
  
.banner-inner{background:url(images/slider-01.png) no-repeat scroll center 0; background-size:cover; border-bottom: 1px solid #999; height: 350px; overflow: hidden; position: relative;}
.banner-inner:before{background:#000; content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0.4;}
.banner-inner .textblock{height: 350px; position: relative;}
.banner-inner .block{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 {overflow: hidden; position: relative; padding: 0;}
.banner-inner h1 {color: #fff; margin: 0; font-size: 40px; padding:0 0 150px; text-align:center;}

.breadcrumb{font-size: 13px; line-height: 15px; position: relative; z-index: 5; margin: 39px 0 5px; background: none; border-radius: 0; text-align:center; color:#fff;}
.breadcrumb > li {margin: 0 0 5px;}
.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;}     

.mid-wrap{background:#f2f2f2; padding:50px 0;}
  .mid-wrap .container{background: #fff; margin: 0 auto; padding: 30px 30px 15px;}
  .mid-wrap h1{color:#272727; font-size:50px;}

.sibar-title{color:#fff; background:#000; font-size: 20px; text-transform: uppercase; padding: 15px 15px 11px; border-radius: 5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; margin: 0;}

.left-wrap .list-group{border-radius: 0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px;}
.left-wrap .list-group-item:first-child{border-top-left-radius: 0; border-top-right-radius: 0;}

.form-block{margin:0;}
  .form-block form{overflow: hidden; background:#F00F00; padding: 25px 15px; margin: 0 0 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position:relative;}  
  .form-block .col-pad{padding: 0 10px;}
  .form-block form .form-control{background: #fff; border-radius: 0; border:0; color: #000; height: 40px;}
  .form-block form .form-control::-webkit-input-placeholder {color: #000;}
  .form-block form .form-control::-moz-placeholder {color: #000;}
  .form-block form .form-control:-ms-input-placeholder {color: #000;}
  .form-block form .form-control:-moz-placeholder {color: #000;}
  .form-block form textarea{height:80px !important;}
  .form-block form .btn{background:#000; color: #fff; font-family: 'open_sansbold'; text-align: center;  padding: 12px; width: 100%; position:relative; text-shadow:none; white-space: nowrap; letter-spacing: 1px; display: inline-block; text-transform: uppercase; -webkit-animation-delay: 2s; animation-delay: 2s;  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius:0;}
  .form-block form .btn:hover, .enquiry form .btn:active{color: #fff; background:#212121; -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out; transition: background 0.5s ease-in-out, color 0.5s ease-in-out;}

  
    /** Smartphones **/
@media (min-width: 320px) and (max-width: 480px) {
   
   .menu-head{font-size: 14px;}
   .menu-head::after{display:none;}
   .menu-head .navbar-brand{padding: 20px 0;}   
   .menu-head .nav-logo{position: relative; text-align: left; float:left;}   
   .menu-head nav{padding:0;}
   .menu-head .navbar-header{position:relative; z-index:2; float: none; width: 100%;}
   .menu-head .navbar-toggle{border: 0;color: #fff;margin: 8px 0;border-radius: 0;float: none;position: relative;padding: 10px 6px;width: 100%;}
   .menu-head .navbar-toggle .sr-only{position: absolute;width: inherit;height: inherit;padding: 0;margin: 0;overflow: inherit;clip: inherit;border: 0;right: 0;top: 7px;text-transform: uppercase;text-align: right}
   .navbar-default .navbar-toggle .icon-bar{background-color:#fff;}
   .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:none;}
   .menu-head .navbar-collapse{border:none; box-shadow: none;}
   .menu-head .navbar-collapse.in ul{margin: 0; box-shadow: none; border: 0;}
   .menu-head .navbar-nav{margin: 0; text-align:left; top: 0;}
   .menu-head .navbar-nav > li:before{display:none;}
   .menu-head .navbar-nav > li{display:block; margin:0; padding:0; border-bottom: 1px solid  #5f5f5f;}
   .menu-head .navbar-nav > li > a::before{content: '';position: static;top: inherit;left: inherit;width: 0;height: 2px;display: inline-block;vertical-align: middle;margin: 0 10px 0 0 !important;}
   .menu-head .navbar-nav > li:last-child{border-bottom:0;}
   .menu-head .navbar-nav .li-mrg{margin-right: 0 !important;}
   .menu-head .navbar-nav > li > a{padding: 10px 0; border: 0; color:#fff;}
   .menu-head .navbar-nav > li > a:focus, .menu-head .navbar-nav > li > a:hover, .menu-head .navbar-nav > .open > a, .menu-head .navbar-nav > .open > a:focus, .menu-head .navbar-nav > .open > a:hover, .menu-head .navbar-nav .current-menu-item a{color: #41c7ee;}
   .menu-head .sub-menu > li > a:focus, .menu-head .sub-menu > li > a:hover{background: #9f2121210 !important;}
   .menu-head .sub-menu{border:0;position: relative !important;top: 0 !important;margin: 0 !important;left: 0 !important;display: block !important;height: auto !important;visibility: visible !important;opacity: 1 !important;-moz-transform: inherit !important;-webkit-transform: inherit !important;-o-transform: inherit !important;-ms-transform: inherit !important;transform: inherit !important;width: auto;background: none;padding:0;}
   .menu-head .sub-menu > li > a{background:none !important; padding:7px 15px 7px 30px; width: auto; color:#fff !important;}
   .menu-head .sub-menu > li > a::before{display: none;}
   .menu-head .sub-menu > li > a:focus, .menu-head .sub-menu > li > a:hover, .menu-head .sub-menu > li.current_page_item > a{
   padding: 7px 15px 7px 30px;}

   .head-top .logo{padding:20px 25px 0; text-align:center;}
   .head-top .head-right{text-align:center; padding:0 15px 25px;}
   .head-right h1{font-size: 32px; letter-spacing: -1px;}
   .banner{margin:0;}
   .banner-image{display: none;}
   .banner-text{position: relative; padding: 50px 20px 200px; float: none; width: auto;}
   .banner-text h2{font-size: 26px; line-height: 36px;}
   .banner-text h5{font-size:14px; line-height:22px;}
   .banner-text figure{display: block !important;width: 100px;margin: 0 auto;position: absolute;right: 0;left: 0;bottom: 0;}
   .banner-text .btn{font-size:14px; padding: 14px 30px 12px; margin: 0;}
   .course-categories h3{font-size:30px;}
   .course-categories .col-md-12.pad-0{margin: 0 15px;}
   .course-categories figure img{width:100%;}
   .course-categories .about-listing .col-sm-12{padding:0;}
   .listing-card{display: block; flex-direction: inherit; flex-wrap: inherit; overflow: hidden; width: auto; margin: 0 auto 30px;}
   .listing-card .width-full{float: none; width: auto; text-align: center;}
   .listing-card-pic-area img{position: relative; z-index: 2;}
   .listing-card-logo-area .rank-grid{height: 70px; line-height: 70px;}
   .listing-card-description-area ul{text-align:left;}
   .text-grid{padding:70px 0 230px;}
   .text-grid .col-sm-12{padding:0 15px; position: static;} 
   .text-grid figure{top: inherit; width: 200px; bottom: -80px; right: 0; left: 0; margin: auto;}
   .tags-wrap{padding:100px 0 50px;}
   .tags-wrap .btn{padding:12px 20px 10px;}
   .mid-wrap h1{font-size:40px;}   
       
}


/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {
   
   .menu-head{font-size: 14px;}
   .menu-head::after{display:none;}
   .menu-head .navbar-brand{padding: 20px 0;}   
   .menu-head .nav-logo{position: relative; text-align: left; float:left;}   
   .menu-head nav{padding:0;}
   .menu-head .navbar-header{position:relative; z-index:2; float: none; width: 100%;}
   .menu-head .navbar-toggle{border: 0;color: #fff;margin: 8px 0;border-radius: 0;float: none;position: relative;padding: 10px 6px;width: 100%;}
   .menu-head .navbar-toggle .sr-only{position: absolute;width: inherit;height: inherit;padding: 0;margin: 0;overflow: inherit;clip: inherit;border: 0;right: 0;top: 7px;text-transform: uppercase;text-align: right}
   .navbar-default .navbar-toggle .icon-bar{background-color:#fff;}
   .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:none;}
   .menu-head .navbar-collapse{border:none; box-shadow: none;}
   .menu-head .navbar-collapse.in ul{margin: 0; box-shadow: none; border: 0;}
   .menu-head .navbar-nav{margin: 0; text-align:left; top: 0;}
   .menu-head .navbar-nav > li:before{display:none;}
   .menu-head .navbar-nav > li{display:block; margin:0; padding:0; border-bottom: 1px solid  #5f5f5f;}
   .menu-head .navbar-nav > li > a::before{content: '';position: static;top: inherit;left: inherit;width: 0;height: 2px;display: inline-block;vertical-align: middle;margin: 0 10px 0 0 !important;}
   .menu-head .navbar-nav > li:last-child{border-bottom:0;}
   .menu-head .navbar-nav .li-mrg{margin-right: 0 !important;}
   .menu-head .navbar-nav > li > a{padding: 10px 0; border: 0; color:#fff;}
   .menu-head .navbar-nav > li > a:focus, .menu-head .navbar-nav > li > a:hover, .menu-head .navbar-nav > .open > a, .menu-head .navbar-nav > .open > a:focus, .menu-head .navbar-nav > .open > a:hover, .menu-head .navbar-nav .current-menu-item a{color: #41c7ee;}
   .menu-head .sub-menu > li > a:focus, .menu-head .sub-menu > li > a:hover{background: #9f2121210 !important;}
   .menu-head .sub-menu{border:0;position: relative !important;top: 0 !important;margin: 0 !important;left: 0 !important;display: block !important;height: auto !important;visibility: visible !important;opacity: 1 !important;-moz-transform: inherit !important;-webkit-transform: inherit !important;-o-transform: inherit !important;-ms-transform: inherit !important;transform: inherit !important;width: auto;background: none;padding:0;}
   .menu-head .sub-menu > li > a{background:none !important; padding:7px 15px 7px 30px; width: auto; color:#fff !important;}
   .menu-head .sub-menu > li > a::before{display: none;}
   .menu-head .sub-menu > li > a:focus, .menu-head .sub-menu > li > a:hover, .menu-head .sub-menu > li.current_page_item > a{
   padding: 7px 15px 7px 30px;}

   .head-top .logo{padding:20px 15px 0; text-align:center;}
   .head-top .logo img{max-width: 350px;}
   .head-top .head-right{text-align:center; padding:0 15px 25px;}
   .head-right h1{font-size: 44px; letter-spacing: -1px;}
   .banner{margin:0;}
   .banner-image{display: none;}
   .banner-text{position: relative; padding: 50px 20px 30px; float: none; width: auto;}
   .banner-text h2{font-size: 26px; line-height: 36px;}
   .banner-text h5{font-size:14px; line-height:22px;}
   .banner-text figure{display: block !important; float: right; width: 30%; margin: 0 -20px 0 0;}
   .banner-text .btn{font-size:14px; padding: 14px 30px 12px; margin: 0;}
   .course-categories .col-md-12.pad-0{margin: auto; width: 430px;}
   .course-categories figure img{width:100%;}
   .course-categories .about-listing .col-sm-12{padding:0;}
   .listing-card{display: block; flex-direction: inherit; flex-wrap: inherit; overflow: hidden; width: 430px; margin: 0 auto 30px;}
   .listing-card .width-full{float: none; width: auto; text-align: center;}
   .listing-card-pic-area img{position: relative; z-index: 2;}
   .listing-card-logo-area .rank-grid{height: 70px; line-height: 70px;}
   .listing-card-description-area ul{text-align:left;}
   .text-grid{padding:70px 0 230px;}
   .text-grid .col-sm-12{padding:0 15px; position: static;} 
   .text-grid figure{top: inherit; width: 200px; bottom: -80px; right: 0; left: 0; margin: auto;}
   .tags-wrap{padding:100px 0 50px;}
   .mid-wrap h1{font-size:46px;}
   
}

/* Tablets */
@media (min-width: 768px) and (max-width: 959px) {
         
   .header{position: relative;}
   .container{width: 730px;}
   .head-top .logo{width:40%; padding:20px 15px 25px;}
   .head-top .head-right{width:60%;}
   .head-right h1{font-size: 44px; letter-spacing: -1px;}
   .banner{margin:30px 30px 0;}
   .banner-image{display: none;}
   .banner-text{position: relative; padding: 50px 30px 30px; float: none; width: auto;}
   .banner-text h2{font-size: 30px; line-height: 40px;}
   .banner-text figure{display: block !important; float: right; width: 27%; margin: 0 -20px 0 0;}
   .banner-text .btn{font-size:14px; padding: 14px 30px 12px; margin: 0;}
   .about-listing .col-sm-12{padding:0;}
   .listing-card{display: block; flex-direction: inherit; flex-wrap: inherit; overflow: hidden; width: 45.8%; float: left; margin:0 15px 30px;}
   .listing-card .width-full{float: none; width: auto; text-align: center;}
   .listing-card-pic-area img{position: relative; z-index: 2;}
   .listing-card-logo-area .rank-grid{height: 70px; line-height: 70px;}
   .listing-card-description-area ul{text-align:left;}
   .text-grid .col-sm-12{padding:0 15px;}
   .text-grid .p-padd{padding: 0 35% 0 0;}
   .text-grid figure{top: inherit; width: 42%; bottom: -160px;}
   .footer .col-sm-6{width: 38%;}
   .footer .col-sm-3{width: 31%;}
   
}

/* Desktop */
@media (min-width: 960px) and (max-width: 1090px) { 
    
   .container{width:900px;}
   .logo{padding:20px 15px 22px;}
   .head-right h1{font-size: 44px; letter-spacing: -1px;}
   .banner{margin:30px 30px 0;}
   .banner-text{padding:60px 15px 50px 50px; width:67%;}
   .banner-image{width:33%;}
   .banner-text .btn{font-size:14px; padding: 14px 30px 12px; margin: 0;}
   .about-listing .col-sm-12{padding:0;}
   .listing-card{display: block; flex-direction: inherit; flex-wrap: inherit; overflow: hidden; width: 45.8%; float: left; margin:0 15px 30px;}
   .listing-card .width-full{float: none; width: auto; text-align: center;}
   .listing-card-pic-area img{position: relative; z-index: 2;}
   .listing-card-logo-area .rank-grid{height: 70px; line-height: 70px;}
   .listing-card-description-area ul{text-align:left;}
   .text-grid .col-sm-12{padding:0 15px;}
   .text-grid .p-padd{padding: 0 35% 0 0;}
   .text-grid figure{top: inherit; width: 33%; bottom: -200px;}
   .footer .col-sm-6{width: 38%;}
   .footer .col-sm-3{width: 31%;}

}

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