@charset "utf-8";

/* CSS Document */



/*Custom Global Css Start*/

.less_pad{padding-left:0px; padding-right:0px;}

.less_lt{padding-left:0px;}

.less_rt{padding-right:0px;}



body,html

{

	overflow-x: hidden;

}

body

{

	/*color: #898989;*/

	font-family: 'Josefin Sans',sans-serif;

	font-size: 12px;

	font-weight: 400;

	line-height: 1.7;

	position: relative;

	padding:0; margin:0;

}



h4, h5, h6,

h1, h2, h3 {margin: 0;}

ul, ol {margin: 0;}

p {margin: 0; font-style:normal;}

html, body{

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

   font-size: 100%;

   background:#fff;

   

}

a {

  text-decoration: none;

}

a:hover {

  transition: 0.5s all;

  -webkit-transition: 0.5s all;

  -moz-transition: 0.5s all;

  -o-transition: 0.5s all;

  text-decoration: none;

}



.float_l { float: left }

.float_r { float: right }

.cleaner { clear: both; padding:0; margin:0; font-size:0; line-height:0; }







/*--header start here--*/

.topRow{ padding:0; margin:0; border-top:9px solid #f2582a; background:url(../images/top-bg.jpg) repeat-x bottom left;}

.logo{ text-align:left; padding:5px 0px; margin:0;} .logo img{}

.telno{ padding:10px 20px 0 0; margin:0;} .telno p{ text-align:right; color:#043040; font:bold 14px/18px "Tahoma"; text-transform:uppercase;}



/*--banner start here--*/

.banner{ padding:0; margin:0; width:100%;/* min-height:500px; background:url(../images/slide-1.jpg) no-repeat;*/ background-size: cover; position:relative;

/*background-color:#e9e9e9;*/ background:url(../images/bannerBg.jpg);}

.banner-bottom {

    margin-top: 5.5em;

    float: right;

    /*width: 50%;*/

	width: 40%;

	position:absolute; z-index:100; bottom:9em; right:0;

}

.banner-bottom h2 {

    font-size: 1.5em;

    color: #9d0d0a;

    line-height: 1.3em; font-weight:bold;

  	font-family: 'Open Sans', serif;

}

.bann-para {

    margin-top: 3em;

    padding: .5em 1em;

    background: rgba(255, 255, 255, 0.6);

	border-top-left-radius: 2em;

	border-bottom-left-radius: 2em;

}

.bann-para h2{ font: bold 18px/24px "Montserrat";

	padding:10px 10px; text-align:center; color:#cd6b0c;

	}

	

.bann-para p {

    font-size: 0.9em;

    color:#000;

    line-height: 1.2em; padding:10px 0px;

}

.banner-bottom a {

    font-size: 0.95em;

    color: #fff;

    padding: 0.65em 1em;

    background:#A0431B;

    display: block;

    width:25%;

    text-align: center;

   font-family: 'Kreon', serif;

    border-bottom:3px solid #4E2412;

}

.banner-bottom a:hover{

	 background:#fba919;

	 text-decoration:none;

	 border-bottom:3px solid #BA7C10;

}



.navRow{ padding:0; margin:0; width:100%; background:url(../images/navRow-bg.png) repeat-x;}

.navbar-default{ background-color:transparent !important; border:none; padding:0; margin:0;}

.navbar-default .navbar{ padding:0; margin:0; width:100%;   }

.navbar-default .navbar{ padding:0; margin:0; width:100%;   }

.navbar-default .navbar-nav > ul > li{ padding:0 !important; margin:0 !important; }

.navbar-default .navbar-nav > li { padding:0; margin:0px 5px; /*border-left:1px solid #000;*/ text-transform:uppercase;}

.navbar-default .navbar-nav > li > a{ color:#fff !important; padding:18px 18px; font-family:Tahoma; font-weight:bold; font-size:14px;}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-default .navbar-nav > .active > a:focus

{ color:#fff !important; background-color:#f2582a !important; padding:18px 18px; background:url(../images/nav-bg-hvr.jpg) repeat-x;}

.navbar, .navbar-collapse{ padding:0; margin:0;}





/*.carousel-caption{ float:right !important; width:400px; height:200px; border:1px solid #000;}*/





/*--media quries start here--*/

/*@media (min-width:768px) and (max-width:980px){

	.logo {

    width: 50px;

    float: none;

    text-align: center;

}

.img_hlf{ width:50%;}

	}

	



@media (min-width:320px) and (max-width:767px){

.logo {

    width: 50px;

    float: none;

    text-align: center;

}	

}*/



/*====main-body====*/

.main-body{ padding:1px 0px; margin:0; min-height:500px;}











/*====4th ROW - Course Block====*/

.rowblk{ padding:30px 0px; margin:0; background-color:#fff;}

.rowblk p{ padding:10px 0px; margin:0px;}

/*.rowblk img{ padding:0px 0px 20px 0px;}*/



.online-block{ padding:25px 20px; margin:5px 0px; height:152px; width:100%; background-color:#ff8908; text-align:center;

border-radius:20px;

border: 5px solid #fba919;

}





.online-block:hover{ border:5px solid #eb3409;

padding:25px 40px; 

margin:5px 0px;

border-radius:20px;

 transition: 0.5s all;

  -webkit-transition: 0.5s all;

  -moz-transition: 0.5s all;

  -o-transition: 0.5s all;

  }





.jobsearch-block{ padding:22px 22px; margin:5px 0px; height:152px; width:100%; background-color:#9603ff; text-align:center;

border-radius:20px;

border:5px solid #b753ff;

}



.jobsearch-block:hover{ padding:25px 40px; margin:5px 0px; height:152px; width:100%; background-color:#9603ff; text-align:center;

border-radius:20px;

border:5px solid #52057e;

transition: 0.5s all;

  -webkit-transition: 0.5s all;

  -moz-transition: 0.5s all;

  -o-transition: 0.5s all;

}



.certificate-block{  padding:22px 5px; margin:5px 0px; height:152px; width:100%; background-color:#00a0ff; text-align:center;

border-radius:20px;

border:5px solid #b1e0fc;

}



.certificate-block:hover{  padding:25px 20px; margin:5px 0px; height:152px; width:100%; background-color:#00a0ff; text-align:center;

border-radius:20px;

border:5px solid #0a69c2;

transition:0.5s all;

-webkit-transition:0.5s all;

-moz-transition:0.5s all;

-o-transition:0.5s all;

}











/*--banner-bottom --*/

.br-bm-gd-lt .overlay {

    display: block;

    position: absolute;

    height: 200px;

    width: 100%;

    top: 0;

    right: -100%;

    transition: .5s ease-out;

    -webkit-transition: .5s ease-out;

}

.br-bm-gd-lt {

    overflow: hidden;

    display: inline-block;

    position: relative; width:100%;

	/*height: 300px;*/

}

.br-bm-gd-lt img {

    /*width: 100%;*/

}



.br-bm-gd-lt .overlay .arrow-left {

    position: relative;

    left: 0;

    width:100%;

    height: 0;

    top: 0;

    bottom: 0;

    border-bottom: 180px solid transparent;

    border-right:180px solid rgba(91, 9, 247, 0.84);

    background:rgba(200, 217, 247, 0.59);

}

.br-bm-gd-lt .overlay .rectangle {

    display: block;

    margin-left:0px;

    width: 100%;

    height: 100%;

    background-color: rgba(255,255,255,.95);

	/*border:2px solid #fff;*/

}

.br-bm-gd-lt:hover .overlay {

    right: 0;

}

.banner-bottom{

	padding:5em 0 0;

}

.br-bm-gd-lt,.br-bm-gd-lt1,.br-bm-gd-lt2,.br-bm-gd-lt3,.br-bm-gd-lt4,.br-bm-gd-lt5,.br-bm-gd-lt6,.br-bm-gd-lt7{

	/*min-height:300px;*/

	position:relative;

}

.br-bm-gd-lt{

	background:url(../images/1.jpg) no-repeat 0px 0px;

	display:block;

}

.br-bm-gd-lt1{

	background:url(../images/2.jpg) no-repeat 0px 0px;

	display:block;

}

.br-bm-gd-lt2{

	background:url(../images/3.jpg) no-repeat 0px 0px;

	display:block;

}

.br-bm-gd-lt3{

	/*background:url(../images/4.jpg) no-repeat 0px 0px;*/

	display:block;

	border-radius:20px; height:100%;

/*border:5px solid #b1e0fc;

background-color:#9f01ff;

height:140px; padding:20px;*/

}

.br-bm-gd-lt4{

	background:url(../images/5.jpg) no-repeat 0px 0px;

	display:block;

}

.br-bm-gd-lt5{

	background:url(../images/6.jpg) no-repeat 0px 0px;

	display:block;

}

.br-bm-gd-lt6{

	background:url(../images/7.jpg) no-repeat 0px 0px;

	display:block;

}

.br-bm-gd-lt7{

	background:url(../images/8.jpg) no-repeat 0px 0px;

	display:block;

}





/*===ROW-5===*/

.row5 { padding:20px 0px; margin:0px;}

.head-block{ padding:0px 20px; margin:10px 0px; line-height:30px;

  background:url(../images/orn-line.png) no-repeat top left;

}



.news-block{ padding:10px 10px 0 20px; margin:0; }

.news-block p{ padding:10px 0px 0 0; line-height:22px; }

.news-block .news-dt{ color:#dd4415; font-weight:bold; font-size:14px;} .news-dt{ color:#dd4415; font-weight:bold; font-family:"Open sans"; }

.news-txt{ padding:0px 0 10px 0; margin:0; border-bottom:1px solid #666; text-align:justify; color:#444; font-size:15px; clear:both; font-family:"Open Sans";}

.news-txt a{ color:#dd4415;} .news-block a{font-family:"Open Sans";} .news-block a:hover{ text-decoration:underline;}





.video-block{ padding:10px 10px 0 20px; margin:0; }

.vd-txt{ padding:10px 0 12px 0; margin:0; text-align:justify;  border-bottom:1px solid #666; font-size:15px; color:#6c6a6a; line-height:20px;}

.vd-txt p{ padding:10px 0px 0 0; line-height:22px; text-align:justify;}

.vd-txt img{ padding:10px 10px 10px 0px;}

.video-block a{ font-family:"Open Sans";} .video-block a:hover{ text-decoration:underline;}





.feedback{ padding:0 0 20px 0; margin:0 0 0px 0;  border-bottom:1px solid #666;}

.feed-block{ padding:20px 0px 0 5px; margin:0; }

.feed-block img{ padding:4px; margin:0px 10px 10px 0px; border:1px solid #ccc;}

.feed-block p{ padding:10px 0 0 0; margin:5px 0 0 0; }

.feed-txt{ font-size:15px; line-height:21px; text-align:justify; color:#444; font-family:"Open sans";}



/*===ROW-6 [Promotion of the Month] ===*/
.row6.bangkok-sec {background-color: #302f2f;}
.row6{padding:20px 0px; margin:0px;}

.promo-Ad{ padding:10px 20px 20px 20px; margin:0 0 20px x;}

.promo-Ad_logo{border:1px solid #ccc; padding:4px; margin:10px 0;}



/*===ROW-7 [Promotion of the Month] ===*/



/*==Newsletter Block==*/

.newsletter{padding:10px 20px; margin:0 0 20px 0; width:100%;}

.head-block2{ 

	padding:0px 20px; margin:10px 0px; line-height:30px;

  	background:url(../images/blk-line.png) no-repeat top left;

}



.frm-block{ padding:20px; margin:0px; width:100%; height:160px; background:url(../images/newsltr-bg.jpg) no-repeat; display:block;}





/*==Article Block==*/

.article-block{padding:10px 20px 10px 20px; margin:0;}

.article-block p{ font-size:15px; line-height:20px; padding:0px 0px 0px 0; margin:0;  text-align:justify; color:#444;}

.article-block .article-txt{ font-size:15px; line-height:20px; padding:10px 0px 10px 0; margin:0;  text-align:justify; color:#444; border-bottom:1px solid #666; }





/*==Sample Work Block==*/

.sample-work{ padding:0; margin:0;} 

.sample-work ul{ padding:0; margin:0;} 

.sample-work ul li{ float:left; display:inline; padding:3px; border:1px solid #ccc; margin:8px;}

.sample-work img{ padding:0; margin:0; width:187px; /*height:160px;*/} 







/*image zoom*/

a.mask {

    text-decoration: none;

    overflow: hidden;

    display: block;

}

img.zoom-img:hover {

    -webkit-transform: scale(1.1);

    -webkit-transition-timing-function: ease-out;

    -webkit-transition-duration: 1683ms;

    -moz-transform: scale(2.1);

    -moz-transition-timing-function: ease-out;

    -moz-transition-duration: 1683ms;

    overflow: hidden;

}

img.zoom-img {

    -webkit-transform: scale(1, 1);

    -webkit-transition-timing-function: ease-out;

    -webkit-transition-duration: 1683ms;

    -moz-transform: scale(1, 1);

    -moz-transition-timing-function: ease-out;

    -moz-transition-duration: 1683ms;

}





/*==Footer Block==*/

.ftr-top{ padding:40px 0 20px 0; margin:0; background:url(../images/ftr-bg.jpg) repeat-x #222222;}

.ftr-top p{ text-align:justify; padding:10px 0px;}



.social-icons i:hover {

  opacity: 0.4;

}

.social-icons {

 margin-bottom:1em;

 }

.social-icons a i{

	width: 27px;

	height: 50px;

	background: url(../images/img-sprite.png) no-repeat 0px 0px;

	display: inline-block;

	margin: 0 6px;

}

.social-icons a i.icon1{

	background-position:0px 0px;

}

.social-icons a i.icon2{

	background-position:-38px 0px;

}

.social-icons a i.icon3{

	background-position:-76px 0px;

}

.social-icons a i.icon4{

	background-position:-114px 0px;

}

.social-icons a i.icon5{

	background-position:-152px 0px;

}

.social-icons a i.icon6{

	background-position:-188px 0px;

}



.ftr-video-para{ padding:10px 0px 20px 0; margin:0;}

.ftr-video-para img{ padding:0 10px 10px 0; margin:0;}





.ftr_imp-link{ padding:0; margin:0;}

.ftr_imp-link ul{ padding:0px 15px; margin:0px;} .ftr_imp-link ul li{ padding:0px; color:#e6e3e3;} 

.ftr_imp-link ul li a{ color:#e7e4e4; font:normal 14px/16px "Open Sans";}



.ftr_con-link{ padding:0; margin:0;}

.ftr_con-link p{ padding:0px 0px 20px 0; margin:0; font-size:14px; color:#e6e3e3;} .ftr_con-link img{ padding:0; margin:0 10px 0 0;}

.ftr_con-link a{ color:#e6e3e3;}



.ftr-btm{ padding:0; margin:0; color:#fff; background-color:#000;}

.copyright{ font:normal 12px/24px "Open Sans"; padding:10px 20px; color:#e6e3e3; }







/*====Header Style====*/

.head_wht_lg{font:bold 30px/36px "Roboto"; color:#fff; text-transform:uppercase; text-align:center;}

.head_wht_md{font:bold 20px/24px "Roboto"; color:#fff; text-transform:uppercase; text-align:center;}

.head_wht_md-n{font:bold 18px/24px "Roboto"; color:#fff; text-transform:uppercase; text-align:center;}

.head_wht_md_p{font:bold 20px/36px "Roboto"; color:#fff; text-transform:uppercase; text-align:left;

 background:url(../images/pen-bg.png) no-repeat right bottom; padding:0 0 10px 0;}

.head_wht_md_p span{ color:#888585;}

.head_wht_sm{font:bold 14px/18px "Open Sans"; color:#fff; }

.head_blk_md{font:bold 15px/25px "Lato"; color:#363434; text-transform:uppercase;}

.head_blk_md span{font:bold 20px/30px "Lato"; color:#9f9f9e; text-transform:uppercase;}

.head_blk_sm{font:bold 14px/18px "Tahoma"; color:#262626; text-transform:uppercase;}

.head_orng_md{font:normal 20px/30px "Lato"; color:#a1a1a1; text-transform:capitalize;}

.head_orng_sm{font:bold 14px/16px "Lato"; color:#dd4415; text-transform:uppercase;}

.head_dblk_sm{font:bold 14px/18px "Tahoma"; color:#000; }

.head_gry_sm{font:bold 14px/18px "Roboto"; color:#615f5f; text-transform:uppercase;}

.head_gry_sm2{font:bold 14px/18px "Open Sans"; color:#1e1e1e; text-transform:uppercase;}





/*====Font Style====*/

.txt_orn_md{ color:#dd4415; font:normal 17px/24px "Lato"; text-transform:uppercase; }

.txt_orn_sm{ color:#dd4415; font:bold 14px/24px "Roboto";}

.txt_blk_sm2{ color:#444; font:normal 12px/16px "Open Sans";}

.txt_blk_sm{ color:#444; font:bold 12px/16px "Open Sans";}

.txt_blu_sm{ color:#0c7380; font:bold 12px/16px "Open Sans"; }

.txt_wht_sm{ color:#e7e4e4; font:normal 14px/16px "Open Sans"; }

.txt_wht_sm{ color:#e7e4e4; font:normal 14px/16px "Open Sans"; }





/*====Read More Style====*/



.readmore-1{}  .readmore-1 a{ color:#000; background:url(../images/arw-blk.png) no-repeat right 30%; padding:0 20px 0 0;}

.more2 a{ color:#dd4415;} .more2 a:hover{ color:#a12c09; font-weight:bold;}

a.more2{ color:#dd4415;} 

.readmore-2{}  .readmore-2 a{ color:#f25526; background:url(../images/arw-orange.png) no-repeat right 30%; padding:0 20px 0 0;}

.readmore-3{}  .readmore-3 a{ color:#f25526; background:url(../images/arw-sm1.png) no-repeat right 30%; padding:0 15px 0 0;}





/*====Form Style====*/

.form-control::-moz-placeholder{color:#000 !important;}

.form-control:-ms-input-placeholder{color:#999}

.form-control::-webkit-input-placeholder{color:#999}





/*====Inner Pages====*/



/*==Article Block==*/

.article-in{padding:20px 20px 10px 20px; margin:0;}

.article-block-in{padding:10px 20px; margin:10px 0px;  border-bottom:1px dashed #666;}

.article-block-in p{ font-size:14px; line-height:22px; padding:5px 0px 5px 0; margin:0; text-align:justify; }



.feedback-in{ padding:10px; margin:10px 0px; border:1px solid #ccc; border-radius:20px;}



.rht-top{ padding:10px 0 0 0;}

.online-block-in{ padding:10px 20px; margin:5px 0px; height:152px; width:100%; background-color:#ff8908; text-align:center;

border-radius:20px;

border: 5px solid #fba919;

}





.online-block-in:hover{ border:5px solid #eb3409;

padding:10px 20px; 

margin:5px 0px;

border-radius:20px;

 transition: 0.5s all;

  -webkit-transition: 0.5s all;

  -moz-transition: 0.5s all;

  -o-transition: 0.5s all;

  }





.jobsearch-block-in{ padding:10px 20px; margin:5px 0px; height:152px; width:100%; background-color:#9603ff; text-align:center;

border-radius:20px;

border:5px solid #b753ff;

}



.jobsearch-block-in:hover{ padding:10px 20px; margin:5px 0px; height:152px; width:100%; background-color:#9603ff; text-align:center;

border-radius:20px;

border:5px solid #52057e;

transition: 0.5s all;

  -webkit-transition: 0.5s all;

  -moz-transition: 0.5s all;

  -o-transition: 0.5s all;

}



.certificate-block-in{  padding:10px 0px; margin:5px 0px; min-height:152px; width:100%; background-color:#00a0ff; text-align:center;

border-radius:20px;

border:5px solid #b1e0fc;

}



.certificate-block-in:hover{  padding:10px 0px; margin:5px 0px; min-height:152px; width:100%; background-color:#00a0ff; text-align:center;

border-radius:20px;

border:5px solid #0a69c2;

transition:0.5s all;

-webkit-transition:0.5s all;

-moz-transition:0.5s all;

-o-transition:0.5s all;

}





.rht-mid{ padding:10px 0px;}

.frm-block-in{ padding:20px; margin:0px; width:100%; height:160px; background:url(../images/newsltr-bg.jpg) no-repeat; border-radius:20px;}





.merchandise_product{margin:8px 0px; padding:0px; font-weight:bold; text-transform:uppercase; text-align:center;}

.merchandise_product p{color:#dd4415; text-transform:none; margin:5px 0px; padding:0px;}









/*@media(max-width:1440px){



}



@media(max-width:1366px){



}



@media(max-width:1280px){

	

}*/
@media only screen and (max-width: 1199px) {
.online-block, .jobsearch-block, .certificate-block {padding: 15px 10px;}
.head_wht_lg {font: bold 22px/26px "Roboto";}
.head_wht_lg br {display:none;}
.online-block p.readmore-1, .jobsearch-block p.readmore-1, .certificate-block p.readmore-1 {font-size: 14px;}

}

@media only screen and (max-width: 991px) {
.online-block {height:auto;}
.online-block img.img-responsive {float:none; margin:0 auto;}
.online-block .head_wht_lg {display:block; width:100%;}
.online-block:hover {height:auto;}
.jobsearch-block {height:auto;}
.jobsearch-block img.img-responsive {float:none; margin:0 auto;}
.jobsearch-block .head_wht_lg {display:block; width:100%;}
.jobsearch-block:hover {height:auto;}
.certificate-block {height:auto;}
.certificate-block img.img-responsive {float:none; margin:0 auto;}
.certificate-block .head_wht_lg {display:block; width:100%;}
.certificate-block:hover {height:auto;}

}



@media(max-width:1024px){

	.telno{ padding:30px 10px; margin:0;} .telno p{ text-align:left; color:#043040; font:bold 11px/14px "Tahoma"; text-transform:uppercase;}

	

}





@media(max-width:480px){

.logo {

    width: 100%;

   /* float: none;*/

    text-align: center;

}

.logo img{ text-align:center;}

.telno{ padding:30px 10px 0 0; margin:0;} .telno p{ text-align:left; color:#043040; font:bold 11px/18px "Tahoma"; text-transform:uppercase;}



.navbar-default .navbar-nav > li > a{ color:#000 !important; border-bottom:1px solid #ccc; }

.banner-bottom {

    margin-top: 10em;

    float: right;

    width: 50%;

	position:absolute; z-index:100; top:1em; right:0; display:none;

}

}



@media(max-width:320px){

.logo {

    width: 100%;

    /*float: none;*/

    text-align: center;

}



.logo img{ width:50%; text-align:center;}



.telno{ padding:30px 20px; margin:0;} .telno p{ text-align:left; color:#043040; font:bold 11px/18px "Tahoma";}

.navbar-default .navbar-nav > li > a{ color:#000 !important; }

.banner-bottom {

    margin-top: 10em;

    float: right;

    width: 50%;

	position:absolute; z-index:100; top:1em; right:0; display:none;

}

}





@media (min-width:415px) and (max-width:768px) {

.head_wht_lg{font:bold 15px/16px "Roboto"; color:#fff; text-transform:uppercase; text-align:center;}

.news-txt {font-size:10px;}

}

/*Added on 04-08-2016 by Soma*/



.slideshare{padding:10px 0 10px 4px; margin:0 0 20px 0; width:100%;}

.slideshare img{ padding:4px; margin:8px 4px 8px 0px; border:1px solid #ccc; width:110px; height:90px;}



.spanMid{ padding:0; margin:10px 0px;} .spanMid ul{ padding:0; margin:0;} .spanMid ul li{ padding:3px; margin:0px 8px; border:1px solid #ccc; float:left; display:block; list-style-type:none;}







/*Added on 16-09-2016 by Soma*/



.school-Ad{ padding:15px 0 0 0px; margin:10px 0 5px 0; /*border-bottom:1px solid #ccc;*/}

.school-Ad-img { padding:4px; border:1px solid #ccc; margin:0px 10px 0 0;}

.school-Ad p{ text-align:justify; line-height:22px; margin-bottom:20px;}

.policies_bx {text-align:center; border:1px solid #ccc; padding:10px; margin:0 0 10px;}
.policies_icon {margin:0 0 5px;}
.policies_cont p a {font-size:18px; font-weight:bold; color:#000; line-height:22px;}
.policies_cont p a:hover {color:#f2582a;}