@charset "utf-8";
/* CSS Document */


/*	ESSNI		*/
body{
border-radius: 5px;
display: inline;
border: red;
top: 20px;
background-color: #2B2A2A; /* white;*/
color: black;
margin-bottom: 10px;
padding: 5px;
justify-content: center;
align-items: center;  
}


 /* Three image containers (use 25% for four, and 50% for two, etc) */
.nicacolumn {
  float: left;
  width: 25%;
  padding: 5px;
}

/* Clear floats after image containers */
.nicarow::after {
  content: "";
  width: 100%;
  clear: both;
  display: table;
  float: left;
} 
}



 /* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 25%;
  padding: 5px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
} 








.nicaopening {
background-color: #ffff;
text-align: center;
justify-content: center;
align-items: center;
font-family: "Times New Roman", Times, serif;
font-size: 20px;
}


body {
background-color: #2B2A2A;
justify-content: center;
align-items: center;
}

.review_txt {
 font-family: "Times New Roman", Times, serif;
 color:   #000000;
 font-size: 16px;
 padding: 10;
 font-weight: bold;
 font-style: italic;
 text-align: center;
 align-items: center;

 }


.black {
 font-family: serif, "Times New Roman", Times, serif;
 color:   #000000;
 font-size: 14px;
 font-weight: bold;
 font-style: italic;
 text-align: center;
 justify-content: center;
 align-items: center;
 }




.white {
 font-family: "Times New Roman", Times, serif;
 color:   #fafaf5  ;
 font-size: 26px;
 font-weight: bold;
 font-style: italic;
 text-align: center;
 justify-content: center;
 align-items: center;
 }

 .whites {
  font-family: "Times New Roman", Times, serif;
  color:   #fafaf5;
  font-size: 20px;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  justify-content: center;
  align-items: center;
  border: 0px solid red;
  }

  .whitetxt {
    font-family: "Times New Roman", Times, serif;
    color:   #fafaf5;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    justify-content: center;
    align-items: center;
    border: 0px solid red;
    }

.index {
  font-family: "Times New Roman", Times, serif;
  color:   #ffff;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  text-align: center;
  justify-content: center;
  align-items: center;
  border: 0px solid red;
  }

.red {
color: #FF0000;
text-align: center;
justify-content: center;
align-items: center;
}

.green {
 color:   #00FF00  ;
 font-size: h2;
 font-weight: bold;
 text-align: center;
 justify-content: center;
 align-items: center;
  text-align: center;
  justify-content: center;
  align-items: center;
 }

.scrollgreen {
 color:   #00FF00;
 font-size: 20px;
 font-weight: bold;
 text-align: center;
 justify-content: center;
 align-items: center;
 }

.notgov {
 color:   #e499ab;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 justify-content: center;
 align-items: center;
 }


.blue {
 color:   #a2abfb  ;
 font-size: 15px;
 font-weight: bold;
 text-align: center;
 justify-content: center;
 align-items: center;
 }

.yellow {
 text-align: center;
 font-family: "Times", serif;Times New Roman;
 color:   #FFFF00;
 font-size: 20px;
 font-weight: bold;
 font-style: italic;
 text-align: center;
 justify-content: center;
 align-items: center;
 }

.yellows {
 text-align: center;
 font-family: "Times New Roman", serif;Times;
 color:   #FFFF00;
 font-size: 15px;
 font-weight: bold;
 font-style: italic;
 text-align: center;
 align-items: center;
 }


.contact {
 text-align: center;
 font-family: "Times New Roman", serif;Times;
 color:    #fafaf5;
 font-size: 15px;
 font-weight: bold;
 font-style: italic;
 text-align: center;
 align-items: center;
 }








/* define a fixed width for the entire menu */
/*        .navigation {
  width: 300px;
}            */

/* reset our lists to remove bullet points and padding */
.mainmenu, .submenu {
  list-style: none;
  visibility:1;
  border: 0px solid white;
  padding: 10;
  margin: 0;
  border: 0px solid red;
}

/* make ALL links (main and submenu) have padding and background color */
.mainmenu a {
  display: block;
  border: 2px solid blue;
  background-color: #2B2A2A;
  text-decoration: none;
  padding: 10px;
  color: #2B2A2A;
  border: 0px solid red;





}

/* add hover behaviour */
.mainmenu a:hover {
    background-color: #2B2A2A;
    border: 0px solid red;
}


/* when hovering over a .mainmenu item,
  display the submenu inside it.
  we're changing the submenu's max-height from 0 to 200px;
*/

.mainmenu li:hover .submenu {
  display: block;
  max-height: 250px;
}

/*
  we now overwrite the background-color for .submenu links only.
  CSS reads down the page, so code at the bottom will overwrite the code at the top.
*/

.submenu a {
  background-color: #808080;
   border: 0px solid green;

}

/* hover behaviour for links inside .submenu */
.submenu a:hover {
  background-color: #FF0000;
  border: 0px solid red;

}

/* this is the initial state of all submenus.
  we set it to max-height: 0, and hide the overflowed content.
*/
.submenu {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.5s ease-out;
  border: 0px solid green;

}








*{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{ width:100%; height:100%; margin:0px; padding:0px;}
body{ margin:0px; padding:0px; font-family: 'Roboto', sans-serif; font-size:16px; font-weight:400; color:#ffff; line-height:26px; background:#2B2A2A; min-height:100%;}
p{ margin:0px; padding:0px 0 20px 0; font-family: 'Roboto', sans-serif; font-size:16px; text-align: center; font-weight:400; color:#ffff; line-height:24px;}
h1{padding: 0; font-family: 'Heebo', sans-serif; font-weight: 700; font-size: 42px; color: #ffff; margin: 0 0 35px; text-align: center;}
h1 span {color: #ffff;}
h2{ padding: 0; font-family: 'Heebo', sans-serif; font-weight: 700; font-size: 42px; color: #ffff margin: 0 0 35px; text-align: center;}
h2 span {color: #FFFFFF;}
h3{ margin: 0; padding: 0; font-family: 'Heebo', sans-serif; color: #ffff;}
h4{ margin: 0; padding: 0; font-family: 'Heebo', sans-serif; color: #ffff;}
h5{ margin: 0; padding: 0; font-family: 'Heebo', sans-serif; color: #ffff;}
h6{ margin: 0; padding: 0; font-family: 'Heebo', sans-serif; color: #ffff;}

h3{ margin: 0; padding: 0; font-family: 'Heebo', sans-serif; font-weight: 700; font-size: 30px; color: #FFFf; text-align: center;}
address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; }
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;}



a{ text-decoration:none; border: 0px; outline: none; transition: all .5s;}
a:hover, a:focus, a:active{ text-decoration:none; border: 0px; outline: none; transition: all .5s; color:#4c7998;}
a img{ border:none; outline: none;}
a:focus {outline:none; }




border{ border-collapse:collapse;}
hr{ height:1px; background:#333333; border:none;}
.clear{ clear:both;}
.clearfix:before,
.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}

/*                                              .clearfix { *zoom: 1;}                                    */
.clearfix { *zoom: 1;}


img {max-width: 100%;height: auto;object-fit: cover; -webkit-object-fit: cover; }

.no-pad { padding:0px !important;}
.no-mag { margin:0px !important;}

/*	Reset style			*/
::-moz-selection { color: #fff; background: #0093dd;}
::selection {  color: #fff; background: #0093dd;}

.form-control::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#000000;opacity:1}
.form-control::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder {color:#000000;opacity:1}
.form-control:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, 
textarea:-ms-input-placeholder {color:#000000;opacity:1}
.form-control:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="password"]:-moz-placeholder, textarea:-moz-placeholder 
{color:#000000;opacity:1}

.form-control, input[type="text"],input[type="tel"],input[type="email"],textarea,input[type="password"],input[type="number"], select { display: block; width: 100%;  font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; color: #000000; height: auto; background: none; padding: 14px 10px; margin-bottom: 15px; outline: none; border-radius: 0; box-shadow: none; line-height: normal; border: 1px solid #000000;appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none; webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
textarea.form-control, textarea {height:150px;resize:none; overflow:hidden;}
.form-control:focus,textarea.form-control:focus {outline:none;box-shadow:none; border:none; background-color:transparent; box-shadow: none;}

select.form-control{-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; border: 1px solid #7d8fa5; border-radius: 5px; box-shadow: none; background: url(../images/down-arrow-black.png) no-repeat 94.5% center; font-size: 15px; color: #7e7e7e; height: 41px; padding: 0 15px; font-family: 'Roboto', sans-serif; line-height: normal; font-weight: 400; text-transform: none; cursor: pointer; background-color: #fff;}
select.form-control:focus {border:1px solid #244c7e;outline: none;background:url(../images/down-arrow-black.png) no-repeat 94.5% center;}
select.form-control option {color:#1f1f1f; font-size:12px; font-weight:400;}

.btn{ position:relative; font-size: 15px; font-weight: 400; line-height: 18px; padding: 13px 50px; color: #fff; outline: none; border: none; 
border-radius: 0; background-repeat: no-repeat; background-size: 100% 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; overflow:hidden; border-radius:0; font-family: 'Roboto', sans-serif; text-transform: uppercase; background: rgba(0,113,199,1);
background: -moz-linear-gradient(left, rgba(0,113,199,1) 0%, rgba(255,153,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,113,199,1)), color-stop(100%, rgba(255,153,0,1)));
background: -webkit-linear-gradient(left, rgba(0,113,199,1) 0%, rgba(255,153,0,1) 100%);
background: -o-linear-gradient(left, rgba(0,113,199,1) 0%, rgba(255,153,0,1) 100%);
background: -ms-linear-gradient(left, rgba(0,113,199,1) 0%, rgba(255,153,0,1) 100%);
background: linear-gradient(to right, rgba(0,113,199,1) 0%, rgba(255,153,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071c7', endColorstr='#ff9900', GradientType=1 );}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline:0;box-shadow:none; color:#fff;}
.btn:hover { color:#fff; background: rgba(255,153,0,1);
background: -moz-linear-gradient(left, rgba(255,153,0,1) 0%, rgba(0,113,199,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,153,0,1)), color-stop(100%, rgba(0,113,199,1)));
background: -webkit-linear-gradient(left, rgba(255,153,0,1) 0%, rgba(0,113,199,1) 100%);
background: -o-linear-gradient(left, rgba(255,153,0,1) 0%, rgba(0,113,199,1) 100%);
background: -ms-linear-gradient(left, rgba(255,153,0,1) 0%, rgba(0,113,199,1) 100%);
background: linear-gradient(to right, rgba(255,153,0,1) 0%, rgba(0,113,199,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#0071c7', GradientType=1 );}

.btn.purple {background-color:#3e333f; color:#fff;}
.btn.purple:hover {background-color:#fc4442; color:#fff;}

.btn.white {background-color:#fff; color:#5a5a5a;}
.btn.white:hover {background-color:#fc4442; color:#fff;}
 
.padTopbtm{padding:90px 0;}
.displayTable{display:table;height:100%;width:100%; position:relative;}
.displayCell{display:table-cell;vertical-align:middle}
.tableWidth-full {width:100%;}
.tableWidth-half {width:50%; height:100%}

/*-----------------------------------------------------		menu style	--------------------------------------------------------	*/



/*                      .navWrap {position:relative; z-index:9; margin: 0px 0 0 0px; float:left; }       */
.navWrap {position:relative; z-index:9; margin: 0px 0 0 0px; float:left; }





.navigation ul{ margin:0px; padding: 0px; list-style: none;  }
.navigation ul li{ float: none; display: inline-block; vertical-align: top;position: relative; margin:0 15px;}
.navigation ul li:last-child:after { display:none;}
.navigation ul li:last-child { margin-right:0px;}
.navigation ul li:first-child { margin-left:0px;}


/* Horizontal top menu                     .navigation ul > li a {font-family: 'Roboto', sans-serif; font-weight:500; color: #002f54; line-height:normal; display: block; font-size:17px;                 */


.navigation ul > li a {font-family: 'Roboto', sans-serif; font-weight:500; color: #fff; line-height:normal; display: block; font-size:17px;
 padding: 5px; margin:0;}
.navigation ul > li.arrow a {padding-right:18px;}
.navigation ul > li.arrow:after {content:''; display:block; position:absolute; left: -20px; top:0; bottom:0; margin:auto;  width: 0; height: 0;  border-left: 5px solid transparent; border-right: 5px solid transparent; border-top:5px solid #0093dd;}
.navigation ul > li > a:hover {color:#FF9900;}
.navigation ul > li.active > a { color:#FF9900;}

.navigation ul > li ul { visibility: hidden; opacity: 0; position: absolute; top: 111px; left: -20px; width: 100%; transform: translateY(-20%); z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; min-width: 210px; background: #fff; border: 0; border-radius: 0px; padding: 0px 0px; box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.2);}
.navigation ul > li:hover ul {visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%);transition-delay: 0s, 0s, 0.3s; }
.navigation ul li > ul li{ display: block; margin: 0px; padding:0;}
.navigation ul li > ul li a {color: #013253; border:0; padding: 13px 20px 13px 24px; margin:0; font-weight:600; border-radius:0; height:auto; line-height:normal; font-size:12px; text-transform:none;}
.navigation ul li > ul li:last-child a {border-bottom:0;}
.navigation ul li > ul li:hover > a:after { display:none;}
.navigation ul li > ul li.active > a { color:#204662;}
.navigation ul li > ul > li.active > a:after { display:none;} 
.navigation ul li > ul li:hover > a, .navigation ul li > ul li.active > a {color:#fff; background-color:#3e78c1;}

a.meanmenu-reveal{display:none}
.mean-container .mean-bar{float:left;width:auto; padding:4px 0;min-height:42px;z-index:999999}
.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:12px 13px 10px 13px;position:relative;top:0px;right:0;left:0 !important;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family: 'Roboto', sans-serif;font-weight:500; background-color:#001525; margin:0;}
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}
.mean-container .mean-nav{float:left;width:100%;background:#333;margin-top:14px; position: absolute;}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li{position:relative;float:left;width:100%; box-sizing: border-box;}
.mean-container .mean-nav ul li a{display:block;float:left;width:100%;padding:9px 5%; font-size:14px;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,0.5);text-decoration:none;text-transform:uppercase; box-sizing: border-box;}
.mean-container .mean-nav ul li li a{  width: 100%; padding: 10px 30px; border-top: 1px solid #f1f1f1; border-top: 1px solid rgba(255,255,255,0.25);opacity: .75; filter: alpha(opacity=75); text-shadow: none!important; visibility: visible; box-sizing: border-box; font-size: 13px;}
.mean-container .mean-nav ul li li.active a {background:#4c7898;}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
.mean-container .mean-nav > ul > li.active > a, .mean-container .mean-nav > ul > li.current_page_item > a, .mean-container .mean-nav > ul > li > a:hover{background:#00aeef;}
.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:42px;height:41px;padding:9px 12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,0.1);border:none!important;border-left:1px solid rgba(255,255,255,0.4)!important;border-bottom:1px solid rgba(255,255,255,0.2)!important}
.mean-container .mean-nav ul li a.mean-expand:hover{background:rgb(61, 107, 142);}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}
.small_nav{ position: relative; }


/* -------------------------------------------------------------scroll top */
.scrollTop { position: fixed; width: 48px;bottom: 0; right: 5%; background-color: #333; color: #fff; font-size: 18px; line-height: 35px; opacity: 0; visibilty: hidden; webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 100; text-align: center; /*border: 2px solid #fff;*/ border-radius: 4px 4px 0 0;}
.scrollTop i {font-size:13px;}
.scrollTop:hover, .scrollTop:focus{color:#fff; background-color: #333; border-radius: 4px 4px 0 0;}
.scrollTop.pop{opacity:1; visibility:1;}

/* ----------------------------------------------------------------------- header ---------------------------------------------------*/

/*                     .main-head {position: fixed; left: 0; right: 0; top: 0; z-index:99; padding: 5px 0; box-shadow: 1px 0 5px rgba(0,0,0,.5); background:#2B2A2A; border: 0px solid red;}                 */
.main-head {position: fixed; left: 0; right: 0; top: 0; z-index:99; padding: 5px 0; box-shadow: 1px 0 5px rgba(0,0,0,.5); background:#2B2A2A; border: 0px solid red;}



.logo {float:left; width:394px;}


/*                                  .header-rgt {float:right; margin-top: 20px; margin-bottom: 0px; padding: 0px 0; 0px solid red; border: 1px solid red;} */
.header-rgt {float:right; margin-top: 20px; margin-bottom: 0px; padding: 0px 0; 0px solid red; border: 0px solid red;}







.logo img {float:left; width:100px;}
.logo p {float:left; width:calc(100% - 100px); color:#002f54; font-size:32px; padding:0; margin-top: 35px; padding-left: 5px;}
.logo p strong {font-weight:700;}
.logo p span {font-size:14px; text-align:right; display:block;}


/* -------------------------------------------------home-banner-section------------------------------------------- */
.banner {position:relative; z-index:1; margin-top:130px; width:100%; }
.bannerPic, .bannerPic img {width:100%; position: relative; object-fit: cover; }
.bannerPic:after {content: ''; position: absolute; left: 0;  top: 0px; width: 100%;  height: 100%; border: 0px solid red;}
.bannerPic img {opacity: 0;}

/* auto hor scrolling */
.bannerCaption {position: absolute; left: 0; right:0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 3; border: 0px solid red}


.bannerBox {text-align:left; float:left; position:relative; max-width: 520px; border: 0px solid red}
.bannerBox h2 {font-size:60px; line-height: 72px; color:#fff; text-align:left; margin:0;}
.bannerBox h2 span {color:#fff;}

/*------------------------------------------------------------ hmCourses -------------------------------------------------*/
.hmCourses {position:relative; z-index:1; padding:90px 0; text-align: center; background-color:#fff;}
.hmCoursesDetls {-webkit-box-shadow: 0px 0px 52px -12px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 52px -12px rgba(0,0,0,0.75); box-shadow: 0px 0px 52px -12px rgba(0,0,0,0.75);}
.courseLft {padding:20px; text-align:center;}
.courseBox {background: #002f54; text-align:center; padding:10px 10px 20px; transition: all .5s; margin:0 0 30px;}
.courseIcon {margin:0 0 10px;}
.courseCont h3 { font-weight:700; font-size:18px; color:#fff; margin:0 0 10px;}
.courseCont p {font-size:14px; color:#fff; line-height: 22px; padding:0 0 10px;}
.courseCont a {display:inline-block; font-family: 'Roboto', sans-serif; font-weight:700; font-size:14px; background: #FF9900; color:#fff; border-radius:3px; padding: 2px 10px 1px;}
.courseLft [class*=col-] {float: none; display: inline-block; margin: 0 -2px; vertical-align: top;}
.courseBox:hover {background: #0070c7;}
.courseBox:hover .courseCont a {background:#0ece00;}
.courseSidebar {padding:20px; -webkit-box-shadow: inset 8px 0px 11px -9px rgba(0,0,0,0.75); -moz-box-shadow: inset 8px 0px 11px -9px rgba(0,0,0,0.75); box-shadow: inset 8px 0px 11px -9px rgba(0,0,0,0.75);}
.hmCoursesDetls .main-row {margin:0;}
.hmCoursesDetls .main-col {padding:0;}
.sidebarTitle h2 {font-weight:400; color:#fff; font-size:24px; padding-top: 12px; padding-left: 12px; margin:0; text-align:left;}
.sidebarTitle {background:url(../images/title-bg.png) no-repeat 0 0; width:281px; height:57px; margin-left: -2px;}
.sidebarBox {margin:0 0 35px;}
.sidebarBox:last-child {margin:0;}
.block-hdnews {margin-left:15px;}
.list-wrpaaer {height:550px;}
.list-wrpaaer ul.list-aggregate {list-style-type:none; margin:0; padding:0;}
.list-aggregate>li {-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; padding: 10px 0; height:78px;}
.list-wrpaaer ul li h4 {color:#002c4e; font-size:14px; font-weight:600; margin:0 0 5px;}
.list-wrpaaer ul li p {font-size:14px; color:#002c4e; padding:0; font-style:italic; line-height:18px;}


/* -------------------------------------hmOnlineCourses------------------------------------------- */

/* -content div --*/
.hmOnlineCourses {position:relative; z-index:1; padding:5px 0 5px; border: 0px solid red}


.OnlineCourseBx {text-align: center; margin:0 0 40px;}
.OnlineCoursePic {text-align: center; margin:0 0 20px; overflow:hidden;}
.OnlineCoursePic img {width:100%; height:100%;}
.OnlineCoursePic a {display:block;}
.hvr-grow {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); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform;}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { -webkit-transform: scale(1.1); transform: scale(1.1);}
.OnlineCourseCont h3 {font-weight:500; font-size:24px; color: #FFFFFF; margin:0 0 10px;}
.OnlineCourseCont ul {margin:0 0 10px; padding:0; list-style-type:none;}
.OnlineCourseCont ul li {font-family: 'Roboto', sans-serif; font-weight:400; color:#FFFF00; display:inline-block; margin-right:7px; font-size:16px; position:relative; padding-left:10px;}
.OnlineCourseCont ul li:last-child {margin-right:0;}
.OnlineCourseCont ul li:before {content:''; position:absolute; width:5px; height:5px; background:#FF9900; border-radius:50%; left:0; top:10px;}
.OnlineCourseCont p {color:#FFFFFF;}
.OnlineCourseCont h5 {font-weight:500; color:#F00; font-size:20px;}
.OnlineCourseCont h5 a {display:inline-block; color:#0070c7; position:relative; margin-right:15px;}
.OnlineCourseCont h5 a:hover {color: #001525;}
.OnlineCourseCont h5 a:after {content:''; position:absolute; width:2px; height:14px; background:#000; top:0; bottom:0; margin:auto; right:-11px;}
.OnlineCourseCont h5 a:last-child:after {display:none;}
.OnlineCourseCont h5 a:last-child {margin:0;}
.OnlineCourseCont {margin:0 0 30px;}
.reviewBox h4 {font-weight: 500; font-size: 20px; color: #FFFFFF; margin: 0 0 10px; text-transform:uppercase;}
.reviewBox .reviewList {text-align: center; height: 320px; padding:20px; -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.29);
-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.29);
box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.29); overflow: auto;}
.reviewBox .mCSB_scrollTools .mCSB_draggerRail {background-color: #a6a7ab;}
.reviewBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #005991 !important;}
.reviewList p {text-align: center; color:#FFFFFF;}
.reviewList p:last-child {padding:0;}
/*.hmOnlineCourses .row [class*="col-"] {display: none;}*/
.hmOnlineCourses .loadMoreBtn {text-align:center; border: 0px solid red;}

/*----------------------------------------------------------------------hmYoutube */


.hmYoutube {position:relative; z-index:1; padding:10px 0 15px; text-align: center; background:#2B2A2A; border:0px solid blue;}



.hmYoutube h2 {text-align: center; color:#fff; margin:0 0 10px; border: 0;}
.youtubePic {position: relative; z-index: 1;}
.youtubePic img {width: 100%; height: 100%;}
.youtubePica img {width: 100%; max-height: 100%;}
.youtubePicb img {width: 100%; max-height: 100%; object-fit: fill; }

object-fit: fill;

.youtubePic .clickIcon {width: 66px; height: 47px; position: absolute; left: 0; right: 0px; bottom: 0px; top: 0px; margin: auto;}
.youtubeSlider .slick-arrow {width: 33px; height: 33px; text-indent: -99999px; outline: none; position: absolute; z-index: 99; border: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); border-radius: 50%;}
.youtubeSlider .slick-prev {background: #fff url(../images/prev.png) no-repeat center center; left: 0;}
.youtubeSlider .slick-next {background: #fff url(../images/next.png) no-repeat center center; right: 0;}

/* ----------------------------------------------------------------studntsWorld */
.studntsWorld {position:relative; z-index:1; background:#fff4e4; padding:50px 0; overflow:hidden;}
.studntsWorldBx {text-align:center; position:relative;}
.studntsWorldIcon i {color:#FF9900; font-size: 55px;}
.studntsWorldIcon {margin:0 0 15px;}
.studntsWorldCont span.counter {font-weight:400; font-size: 45px; margin: 0 0 20px; display:block;}
.studntsWorldCont span.counter:after {content: '+';}
.studntsWorldCont p {font-size:22px; padding:0;}

/*--------------------------------------------------------------------- hmGuide */
.hmGuide {position:relative; z-index:1; background-size:cover; padding:200px 0; text-align:center;     overflow: hidden;}
.hmGuide:after {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background: rgba(0,0,0,.6);}
.hmGuide h2 {color:#fff; font-weight:600; text-transform:uppercase; letter-spacing:8px; margin:0 0 30px; font-size:48px;}
.hmGuide h4 {font-weight:500; color:#fff; font-size:22px; font-style:italic; margin:0 0 120px;}
.hmGuideForm input[type="text"], .hmGuideForm input[type="email"] {font-size:18px; color:#000; background:#fff; padding:0 10px; height:45px; margin-bottom:0; border:0;}
.hmGuideForm input[type="text"]::-webkit-input-placeholder, .hmGuideForm input[type="email"]::-webkit-input-placeholder {color:#000000;opacity:1}
.hmGuideForm input[type="text"]::-moz-placeholder, .hmGuideForm input[type="email"]::-moz-placeholder {color:#000000;opacity:1}
.hmGuideForm input[type="text"]:-ms-input-placeholder, .hmGuideForm input[type="email"]:-ms-input-placeholder {color:#000000;opacity:1}
.hmGuideForm input[type="text"]:-moz-placeholder, .hmGuideForm input[type="email"]:-moz-placeholder {color:#000000;opacity:1}
.hmGuideForm input[type="submit"] {display: block; width: 100%; font-size:18px; padding:0 10px; height:45px; border:0; background:#0070c7; font-family: 'Roboto', sans-serif; font-weight: 400; outline: none; line-height: normal; transition: all 0.5s; color:#fff; }
.hmGuideForm input[type="submit"]:hover {background:#FF9900;}
.hmGuideFormDetls {padding: 0 160px; margin:0 0 120px;}
.hmGuideFormDetls p {color: #FF9900 !important; padding: 0;}
.hmGuideForm .row {margin:0 -3px;}
.hmGuideForm [class*=col-] {padding:0 3px;}
.hmGuide p {color:#fff; padding:0; font-size:15px;}

/*----------------------------------------------------------------- hmTestimonial */
.hmTestimonial {position:relative; z-index:1; background: rgba(0,0,0,0.75); padding:80px 0; border-top: 10px solid #2F2F2F;  border-bottom: 10px solid #2F2F2F;}
.hmTestimonial h2 {color:#fff;}
.testimo-wrap {text-align:center;}
.testimo-cont p {color:#fff; line-height:27px; font-style:italic;}
.testimo-cont h4 {font-weight:500; color:#479EF7; font-size:18px;}
.testimo-area {padding:0 130px;}
.testimo-slider .slick-arrow{width:17px;height:33px;text-indent:-99999px;outline:none;position:absolute;z-index:99;border:0;top:15%;
transform:translateY(-15%);-webkit-transform:translateY(-15%);}
.testimo-slider .slick-prev {background: url(../images/prev-icon.png) no-repeat center center; left:-130px;}
.testimo-slider .slick-next {background: url(../images/next-icon.png) no-repeat center center; right:-130px;}
.testimo-slider .slick-prev:hover {background: url(../images/prev-icon-ornge.png) no-repeat center center;}
.testimo-slider .slick-next:hover {background: url(../images/next-icon-ornge.png) no-repeat center center;}

/*-----------------------------------------------------------------footer */
.mainft { width:100%; position:relative;}


.footer-logo {width:394px; margin:0 auto 50px;}
.footer-logo img {float:left; width:100px;}
.footer-logo p {float:left; width:calc(100% - 100px); color:#fff; font-size:32px; padding:0; margin-top: 35px; padding-left: 5px;}
.footer-logo p strong {font-weight:700;}
.footer-logo p span {font-size:14px; text-align:right; display:block;}




.top-footer { width:100%; position:relative; margin:0px; padding:60px 0px; background-color:#17243e; border: 0px solid red;}






.top-footer .link-footer { width:100%; position:relative; margin:0 0 35px; padding:0px; text-align:center;}
.top-footer .link-footer ul { text-align:center; list-style:none; padding:0px; margin:0px;}
.top-footer .link-footer ul li { display:inline-block; position:relative; margin:0px 26px; padding:0px;}
.top-footer .link-footer ul li:after {content: ' '; position: absolute; width: 1px; height: 17px; background-color: #fff; top: 0px; right: -27px;}
.top-footer .link-footer ul li:last-child:after { display:none;}
.top-footer .link-footer ul li a { display:block; position:relative; color:#fff; font-size:16px; line-height:18px; font-weight:400;}
.top-footer .link-footer ul li a:hover {color:#FF9900;}
.bottom-footer { width:100%; position:relative; margin:0px; padding:0px; background-color:#001525;  padding:24px 0px;}
.bottom-footer p { color:#fff; text-align:center; margin:0px; font-size:13px; line-height:16px; padding:0;}
.bottom-footer p a { color:#4487da;}
.bottom-footer p a:hover {color:#FF9900;}
.footer-social {text-align:center;}
.footer-social ul {margin:0; padding:0; list-style-type:none;}
.footer-social ul li {display:inline-block; margin:0 3px;}
.footer-social ul li a {display:block; background:#fff; width:33px; height:33px; color:#001525; border-radius:50%; text-align:center; font-size:20px; line-height: 33px;}
.footer-social ul li a:hover {background:#FF9900;}


/*------------------------------------------------------------------ udemy-courses */
.udemy-courses {position:relative; z-index:1; padding:70px 0 60px; margin-top: 125px;}
.udemy-courses h1 {text-align:left; margin:0 0 105px;}
.udemyCourseArea h2 {font-weight:400; color:#FF9900; text-align:left; font-size: 30px; text-transform:uppercase; border-bottom:2px solid #002c4e; padding:0 0 40px;}
.udemyCourseCont {background:#EEEEEE; padding:15px 30px; text-align:center;}
.udemyCourseCont h3 {color:#000; font-size:18px; font-weight: 400; line-height: 23px; margin: 0 0 30px;}
.udemyCourseCont p {padding:0; color:#000;}
.udemyCourseCont p a {color:#0070c7; font-weight:500;}
.udemyCourseCont p a:hover {color: #FF9900;}
.udemyCourseBox {margin:0 0 30px;}
.udemyCourseArea {margin:0 0 60px;}
.udemyCourseArea:last-child {margin:0;}

/*------------------------------------------------------------- home-featured */
.home-featured {position:relative; z-index:1; padding:30px 0;}
.featured-box h2 {font-size: 25px; margin: 23px 0 0px;}
.featuredPic {height:71px;}
.featured-box {text-align:center;}
.featuredPic a {display:block;}






/* ======================================================inner-banner ========================================*/
.inner-banner {position: relative; top: 2px; border: 0px solid #73AD21; z-index:1; height: 40px; background-color:#17243e; padding:5px 0; margin-top: 5px; border: 0px solid green; }
.inner-banner h2 {color:#fff; margin:0; text-transform:uppercase;}







/* =====================================================================about-pg=================================== */
.about-pg {position:relative; z-index:1; padding:90px 0;}
.about-cont h1 {text-align:left; margin:0 0 30px;}
.about-cont p {color:#000;}
.about-cont {margin-left:40px;}

/*--------------------------------------------------------------------------- contact-pg */
.contact-pg {position:relative; z-index:1; padding:90px 0;}
.contact-details {position:relative; width: 100%; margin: 0 0 90px; padding:0;}
.contact-details-left {padding: 70px 0 70px 90px; background: #001525; position:relative;}
.contact-details-left h1 {text-align:left; color:#fff; font-weight:400;}
.contact-details-left ul {margin:0; padding:0; list-style-type:none;}
.contact-details-left ul li {margin: 0 0 30px;}
.contact-details-left ul li:last-child {margin:0;}
.contact-details-left ul li h3 {font-weight: 400; font-size: 22px; color: #fff; float: left; width: 140px;}
.contact-details-left ul li h3 i {font-size:28px; margin-right:15px; vertical-align:middle;}
.contact-details-left ul li p {color: #fff; padding: 0; float: left; width: calc(100% - 140px);}
.contact-details-left ul li p a {color:#fff;}
.contact-details-left ul li p a:hover {color:#FF9900;}
.contact-details-left ul li:after, .contact-details-left ul li:before {content: ''; display: block; clear: both;}
.contact-map iframe {width:100%; height:100%;}
.contact-query label {display:block; color:#000000; font-weight:400; margin:0 0 5px;}
.contact-query input[type="submit"] {border:none; background-color: #013253; padding: 9px 40px; font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; color:#fff; text-transform:uppercase; margin-top:15px; transition: all .5s;}
.contact-query input[type="submit"]:hover {background-color:#FF9900;}

/* -------------------------------------------------------------------hmProduct------------------------------------------------ */
.project-pg {position:relative; z-index:1; padding:90px 0 20px; width:100%;}
.project-list .tab_drawer_heading { display: none; }
.project-list ul.tabs {margin:0; padding:0; list-style-type:none; text-align:center;}
.project-list ul.tabs li {font-family: 'Heebo', sans-serif; font-weight:400; font-size:16px; color:#8c8c8c; text-transform:uppercase; border-bottom:1px solid #d6d6d6; padding:0 0 24px; margin:0 0 60px; cursor:pointer;}
.project-list ul.tabs li:hover {border-bottom:4px solid #006eb9; padding:0 0 22px; color: #002c4e;}
.project-list ul.tabs li.active {border-bottom:4px solid #006eb9; color: #002c4e; font-weight:700;}
.product-list .tab_container {clear: both;}
.project-list .tab_content {display: none;}
.projectBox {text-align:center; margin:0 0 75px;}
.projectPic {margin:0 0 15px;}
.projectCont h3 {font-family: 'Roboto', sans-serif; font-size:16px; color:#000;}
.projectCont h3 a {color:#000;}
.projectCont h3 a:hover {color: #FF9900;}

/*-------------------------------------------------------------------- cmnTrainingPg */
.cmnTrainingPg {position:relative; z-index:1; padding:90px 0;}
.cmnTrainingPg h1, .cmnTrainingPg h2 {text-align:left; font-weight:400;}
.cmnTrainingPg ul {margin:0 0 20px; padding:0; list-style-type:none;}
.cmnTrainingPg ul li {margin:0 0 12px; position:relative; padding-left:25px; color:#666;}
.cmnTrainingPg ul li:last-child {margin:0;}
.cmnTrainingPg ul li:before {content:''; position:absolute; background:url(../images/tick.png) no-repeat 0 0; width:16px; height:16px; left:0; top:3px;}
.cmnTrainingPg p {color:#FF9900;}
.cmnTrainingPg span {padding:0 0 20px; line-height: 24px; display:block;}


/**			==============	Responsive style start	==========================---------------------------------------------------------------****
*********************************************--------------------------------------------------------------------------------------------------***/

@media only screen and (max-width:1440px){

}

@media only screen and (max-width:1299px){
.logo img {width: 80px;}
.logo p {font-size: 27px; width: calc(100% - 80px); padding-left: 0;}
.logo {width: 329px;}


.navigation ul li {margin: 0 20px;}
.navigation ul > li a {font-size: 8px;}


.footer-logo img {width: 80px;}
.footer-logo p {font-size: 27px; width: calc(100% - 80px); padding-left: 0;}
.footer-logo {width: 329px;}
.banner {margin-top: 102px;}
.courseSidebar {padding: 20px 15px;}
.sidebarTitle {background-size: 100%; width: 234px;}
.sidebarTitle h2 {font-size: 20px; display: inline-block; padding-top: 10px;}
.block-hdnews {margin-left: 10px;}
.list-aggregate>li {height:95px; padding:0;}
.list-wrpaaer ul li h4 {font-size:13px;}
.list-wrpaaer ul li p {font-size:13px;}
.udemy-courses {margin-top: 109px;}
.inner-banner {margin-top: 102px;}




}
/*******----------------------------------------------		end 1299		*/

@media only screen and (max-width: 991px) {


.main-head {padding: 8px 0 5px;}
.logo {float:none; margin:0 auto;}
.header-rgt {float: left; margin-top: 0px; width: 100%;}
.navWrap {float:none; }
.mean-container .mean-bar {float:none;}
.mean-container a.meanmenu-reveal {margin:auto;}
.mean-container .mean-nav {margin-top: 9px;}

.banner {margin-top: 160px;}
.bannerBox h2 {font-size: 50px; line-height: 62px;}

/--	 App Title --/

.hmOnlineCourses {padding:20px 0; border:0px solid red;}


.OnlineCourseCont h3 {font-size: 21px;}
.reviewBox .reviewList {height: 200px; padding:15px;}
.reviewList p {font-size:15px;}
.OnlineCourseCont ul li {font-size:15px;}
.OnlineCourseCont p {font-size:15px;}
.OnlineCourseCont h5 {font-size:18px;}






/**.hmYoutube {padding: 60px 0 70px;} **/
.hmYoutube {padding: 30px 0 40px;

}



.hmYoutube h2 {margin: 0 0 30px;}
.hmCourses {padding: 60px 0;}
.sidebarTitle {background-size: 100%; width: 239px;}
.list-aggregate>li {height:85px;}
.hmGuide h2 {font-size: 35px; letter-spacing: 4px;}
.hmGuide h4 {font-size: 20px; margin: 0 0 60px;}
.hmGuideFormDetls {padding: 0; margin: 0 0 60px;}
.hmGuide {padding: 60px 0;}
.hmTestimonial {padding: 60px 0 115px;}
.testimo-slider .slick-arrow {top: auto;  -webkit-transform: none; transform: none; bottom: -65px;} 
.testimo-slider .slick-next {right: 50%;  -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-right:-25px;}
.testimo-slider .slick-prev {left: 50%;  -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-left: -25px;}
.testimo-area {padding:0;}
.featured-box h2 {font-size: 18px;  margin: 27px 0 0px;}
.udemy-courses {padding: 60px 0; margin-top: 157px;}
.udemy-courses h1 {font-size: 35px; margin: 0 0 60px;}
.udemyCourseArea h2 {font-size: 27px; padding: 0 0 30px; margin: 0 0 25px;}
.udemyCourseCont {padding: 15px 20px;}
.udemyCourseArea {margin: 0 0 50px;}
.inner-banner {margin-top: 157px;}
.about-cont {margin-left: 0;}
.about-pg {padding: 60px 0;}
.contact-pg {padding:60px 0;}
.contact-details-left {padding: 50px 0 50px 30px;}
.contact-details-left ul li h3 i {font-size: 20px; margin-right: 5px;}
.contact-details-left ul li h3 {font-size: 18px; width: 110px;}
.contact-details-left ul li p {width: calc(100% - 110px); font-size:15px; line-height: 19px;}
.contact-details {margin: 0 0 60px;}
.project-pg {padding:60px 0 20px;}
.projectBox {margin:0 0 60px;}
.cmnTrainingPg {padding: 60px 0;}
.studntsWorldCont span.counter {font-size: 42px; margin: 0 0 18px;}

}

/*******----------------------------------------------------		end 991		*/

@media only screen and (max-width: 767px) {
h1 {font-size: 30px; margin: 0 0 20px;}
h2 {font-size: 30px; margin: 0 0 20px;}

.logo {width: 259px; margin: 0 auto 10px;}
.logo img {width: 50px;}
.logo p {font-size: 23px; width: calc(100% - 50px); line-height: 20px; margin-top: 17px; padding-left: 2px;}	
.logo p span {font-size: 13px;}
.footer-logo {width: 259px; margin: 0 auto 20px;}
.footer-logo img {width: 50px;}
.footer-logo p {font-size: 23px; width: calc(100% - 50px); line-height: 20px; margin-top: 17px; padding-left: 2px;}	
.footer-logo p span {font-size: 13px;}
.top-footer {padding: 30px 0px;}
.top-footer .link-footer ul li:after {display:none;}
.top-footer .link-footer ul li {display: block; margin: 0 0 8px;}
.top-footer .link-footer {margin: 0 0 20px;}
.bottom-footer {padding: 15px 0px;}

.banner {margin-top: 122px;}


.bannerCaption {position:static; -webkit-transform:none; transform:none; background-color: #2B2A2A; text-align:center; padding: 5px 0;}


.bannerBox h2 br {display:none;}
.bannerBox h2 br.res {display:block;}
.bannerBox h2 {text-align:center; font-size: 30px; line-height: 40px;}
.bannerBox {text-align: center; float: none; max-width: 100%; width:100%;}
.hmOnlineCourses {padding: 30px 0;}
.OnlineCoursePic img {width:100%;}
.OnlineCoursePic {margin: 0 0 15px;}
.OnlineCourseCont {text-align:center; margin: 0 0 25px;}
.OnlineCourseCont h3 {font-size: 20px;}
.OnlineCourseCont ul li {display: block; margin-right: 0; padding-left: 0; line-height:24px;}
.OnlineCourseCont ul li:before {position:static; display:inline-block; margin-right:6px; vertical-align:middle;}


.reviewBox {text-align:center;}
.reviewList p {text-align:left;}


.OnlineCourseBx {margin: 0 0 25px;}
.hmOnlineCourses [class*=col-]:last-child .OnlineCourseBx {margin:0;}



.hmYoutube {padding: 20px 0;}



.hmYoutube h2 {margin: 0 0 20px;}
.hmCourses {padding: 30px 0;}
.hmCoursesDetls .main-row {margin:0 -15px;}
.hmCoursesDetls .main-col {padding:0 15px;}
.courseLft {padding: 20px 15px; -webkit-box-shadow: 0px 0px 52px -12px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 52px -12px rgba(0,0,0,0.75); box-shadow: 0px 0px 52px -12px rgba(0,0,0,0.75); margin: 0 0 30px;}
.courseLft [class*=col-] {display:block; width:100%; margin:0;}
.courseBox {padding: 15px; margin: 0 0 20px;}
.courseLft [class*=col-]:last-child .courseBox {margin:0;}
.hmCoursesDetls {box-shadow:none;}
.courseSidebar {-webkit-box-shadow: 0px 0px 52px -12px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 52px -12px rgba(0,0,0,0.75); box-shadow: 0px 0px 52px -12px rgba(0,0,0,0.75); text-align:center;}
.sidebarTitle {background:none; margin-left: 0; width:100%; height:auto;} 
.sidebarTitle h2 {font-size: 30px; display:block; margin: 0 0 20px; background:#0070c7; padding: 10px; text-align:center;}
.block-hdnews {margin-left: 0;}
.list-wrpaaer ul.list-aggregate {width:100%;}
.list-wrpaaer ul li h4 {font-size: 15px;}
.list-wrpaaer ul li p {font-size: 15px; line-height:24px;}
.list-aggregate>li {height: 70px;}
.studntsWorld {padding: 30px 0;}
.studntsWorldCont span.counter {margin: 0 0 15px;}
.studntsWorldCont p {font-size: 20px;}
.studntsWorldBx {margin:0 0 25px;}
.studntsWorld [class*=col-]:last-child .studntsWorldBx {margin:0;}
.hmGuide {padding: 30px 0;}
.hmGuide h2 {font-size: 30px; margin: 0 0 20px;}
.hmGuide h4 {margin: 0 0 20px; font-size: 18px;}
.hmGuideForm input[type="text"], .hmGuideForm input[type="email"] {margin-bottom:15px;}
.hmGuideFormDetls {margin: 0 0 20px;}
.hmTestimonial {padding: 30px 0 95px;}
.testimo-cont p {font-size: 15px; line-height: 24px;}
.featured-box h2 {font-size: 28px; margin:0;}
.featured-box.displayTable {display:block;}
.featuredPic.displayCell {display:block; width:100%; vertical-align:top;}
.featuredPic {height:auto;}
.featured-box {margin:0 0 25px;}
.home-featured [class*=col-]:last-child .featured-box {margin:0;}
.udemy-courses {padding: 30px 0; margin-top: 132px;}
.udemy-courses h1 {font-size: 26px; margin: 0 0 30px; text-align: center;}
.udemyCourseArea h2 {font-size: 20px; padding: 0 0 12px; margin: 0 0 20px; text-align: center; line-height: 25px;}
.udemyCoursePic img {width:100%;}
.udemyCourseCont {padding: 15px;}
.udemyCourseCont h3 {margin: 0 0 20px;}
.udemyCourseBox {margin: 0 0 22px;}
.udemyCourseArea [class*=col-]:last-child .udemyCourseBox {margin:0;}
.udemyCourseArea {margin: 0 0 40px;}
.inner-banner {padding: 60px 0; margin-top: 132px;}
.about-pg {padding: 30px 0;}
.about-img {margin:0 0 15px; text-align:center;}
.about-cont h1 {margin: 0 0 15px;}
.about-cont p {font-size: 14px; line-height: 22px; padding:0 0 15px;}
.about-cont p:last-child {padding:0;}
.contact-pg {padding: 30px 0;}
.contact-details.displayTable {display:block; width:100%;}
.contact-details {margin:0 0 20px;}
.contact-details .displayCell {display:block; width:100%; vertical-align:top;}
.contact-details .tableWidth-half {width:100%; height:auto;}
.contact-details-left {padding: 15px; text-align:center; margin:0 0 20px;}
.contact-details-left ul li h3 {float:none; width:100%; margin:0 0 5px;}
.contact-details-left ul li p {float:none; width:100%; font-size: 14px; line-height: 22px;}
.contact-details-left h1 {text-align:center;}
.contact-details-left ul li h3 i {margin-right: 0; display: block; margin-bottom:5px;}
.contact-details-left ul li {margin: 0 0 15px;}
.contact-map iframe {height:270px;}
.contact-query {text-align:center;}
.contact-query label {text-align:left; font-size:15px; margin: 0 0 2px;}
.contact-query input[type="text"], .contact-query input[type="email"], .contact-query textarea {padding: 12px 10px; margin-bottom: 10px;}
.contact-query input[type="submit"] {margin-top:10px;}
.project-pg {padding: 30px 0 10px;}
.project-list ul.tabs {display:none;}
.project-list .tab_drawer_heading {font-family: 'Heebo', sans-serif; font-weight: 400; font-size: 15px; color: #8c8c8c; text-transform: uppercase; border-bottom: 1px solid #d6d6d6; padding: 0 0 8px; margin: 0 0 15px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; line-height: 22px; text-align: center;}
.project-list .d_active {font-weight: 700; border-bottom: 4px solid #006eb9; color: #002c4e;}
.projectBox {margin: 0 0 35px;}
.projectCont h3 {font-size:15px;}
.projectPic {margin: 0 0 10px;}
.cmnTrainingPg {padding: 30px 0;}
.cmnTrainingPg p {font-size:15px; line-height: 22px; padding: 0px 0 15px 0;}
.cmnTrainingPg ul li {font-size:15px; margin: 0 0 10px;}
.cmnTrainingPg span {font-size:15px; line-height: 22px; padding: 0px 0 15px 0;}
.OnlineCourseCont p {padding:0 0 15px;}

}
/*******------------------------------------------------------	 end 767		*******/

@media only screen and (max-width: 639px){




.bannerBox h2 {text-align:center; font-size: 21px; line-height: 24px;}
.bannerPic img {width: 100%; height: 100%; object-fit: cover;}



.OnlineCourseCont ul li {font-size: 14px; line-height: 22px;}
.OnlineCourseCont p {font-size: 14px; line-height: 22px;}
.reviewList p {font-size: 14px; line-height: 22px;  padding:0 0 15px;}
.sidebarTitle h2 {font-size: 24px;}
.list-wrpaaer ul li h4 {font-size: 14px;}
.list-wrpaaer ul li p {font-size: 14px; line-height: 22px;}
.list-aggregate>li {height: 78px;}
.hmGuide h2 {font-size: 25px; margin: 0 0 15px;}
.hmGuide h4 {font-size: 16px; line-height: 22px;}
.hmGuideForm input[type="text"], .hmGuideForm input[type="email"] {font-size: 15px; margin-bottom: 10px;}
.hmGuide p {font-size: 14px; line-height: 21px;}
.testimo-cont h4 {font-size: 16px; line-height: 22px;}
.featured-box h2 {font-size: 25px;}
.udemyCourseCont h3 {margin: 0 0 15px; font-size: 16px; line-height: 22px;}
.cmnTrainingPg p {font-size: 14px; line-height: 21px; padding: 0px 0 10px 0;}
.cmnTrainingPg ul li {font-size: 14px; line-height: 21px;}
.cmnTrainingPg span {font-size: 14px; line-height: 21px; padding: 0px 0 10px 0;}

}
/*******---------------------------------------------	 end 639		*******/

@media only screen and (max-width: 480px){
.footer-social ul li a {width: 31px; height: 31px; font-size: 18px;}
.footer-social ul li {margin: 0;}

}

@media only screen and (max-width: 439px){
.project-list [class*=col-] {float:left; width:50%;}
.projectBox {margin: 0 0 25px;}

}
/*******----------------------------------------------------	 end 439		*******/

@media only screen and (max-width: 400px){

}
/*******----------------------------------------------	 end 400		*******/