@import url("import_styles.css");

body {
 margin: 0;
 padding: 0;
 font-family: 'Tahoma';
 background: url(../Images/body_bg.png) repeat;
}
#toprow {
 width: 100%;
 height: 40px;
 border-bottom: solid 0px #5d0005;
 background: #ffffff;
 border-top:solid 3px #1c529c;
 border-bottom:solid 1px #a7abaa;
}
.wrapper {
 margin: 0px auto;
 padding: 0px;
 width: 1225px;	
}
.outerDiv {
 margin: 0px auto;
 padding: 15px 15px 2px 15px;
 width: 1265px;
 min-height: 700px;
	
 -webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.56);
 -moz-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.56);
 box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.56);
}
.bannerBox {
 height: 217px; 
 padding:10px;
 background-color: #fff; 
 border: 1px solid #c7c7c7; 
 border-radius: 8px;
}
.bannerBox .inner  {
 margin: 0 auto; left: 0px;  
}
.bannerBox .inner img {
 width: 100%;
 height: 100%;
    }
.date {
 padding-top: 9px;
 color: #666; 
 font-size: 13px;
 font:bold;
 padding-left:25px;
}
.right_links {
 padding-top:6px;
 float: right;	
}
.right_links ul li {
 margin: 0 auto;
 padding:06px 0;
 display: inline;
 list-style-type: none;
 border-right: solid 0px #E0E0E0;	
}
.right_links ul li a {margin: 0 auto; padding: 0px 6px;}
.right_links ul li i { margin-right: 6px; font-size: 16px;}
.right_links ul li a:hover { text-decoration: none;}

/*== Header CSS ==*/
.media-icons { padding: 1px 5px; font-size: 40px; color: #FFF; background:#587aa7;-webkit-border-radius: 100px;
-moz-border-radius: 100px; border-radius:100px;}
.media-icons:hover {color: #FFF; background: #587aa7;}
.searchDiv { margin-top: 20px; margin-bottom:5px; color: #7A7A7A;}
.followUs { margin-top:20px; margin-bottom:10px;}
/*.input-group { width: 100% !important;}*/

/*== MAIN MENU ==*/
.mainMenu { margin:0; padding:0; width: 100%; height:30px; float:left;padding-top:10px;
 -webkit-box-shadow: 0px 3px 4px 0px rgba(33, 33, 31, 0.36);
 -moz-box-shadow: 0px 3px 4px 0px rgba(33, 33, 31, 0.36);
 box-shadow: 0px 3px 4px 0px rgba(33, 33, 31, 0.36);
}
.navbar { margin-bottom: 0px; border-radius: 0; border: none; background: none;
}
.navbar-default { background-color: none !important;
}
.dropdown-submenu{
    position:relative;
} 
.dropdown-submenu > .dropdown-menu
{
    top:0;
    left:100%;
    margin-top:-1px;
    margin-left:-1px;
    /*-webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;*/
} 
.dropdown-submenu:hover > .dropdown-menu{
    display:block;
}
 
.dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
 
.dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
}
 
.dropdown-submenu .pull-left{
    float:none;
}
 
.dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
.devider_line { width: 0px; height:15px; border-left: solid 1px #082857; margin-top: 14px; margin-left: 2px; margin-right: 2px;  }
.devider_line li:hover { background: none;} 
.root:hover > .dropdown-menu{
    display: block; color: #ffffff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background-color: #FF7F2A;
color: #FFF;
}
.navbar-default .navbar-nav > li > a { color: #082857;}
.navbar-default .navbar-nav > li > a:hover { color: #ffffff; }
.navbar-default .navbar-nav > li > a:active { color: #ffffff; }
.navbar-default { background: none;}
.bg-main-menu { padding: 0; float:left; width: 100% ;border-left: solid 0px #D5D5D5;  }

.navbar { margin-bottom: 0px; position: relative; min-height: 0px; border: 0px solid transparent; float: right; }
.navbar-brand { padding: 10px 0px; }
.navbar-header a { display: block; font-family: 'Trebuchet MS'; font-size: 15px; font:bold; color: #153568; text-decoration: none;}
.navbar-toggle .icon-bar { width: 18px; height: 3px; }
.navbar-collapse { padding:0;padding-top:15px;}

.nav { margin: 0px; height:30px; }
.nav > li > a {margin-top:10px; margin: 0; padding: 0px 15px; padding-top:10px; padding-bottom:10px; font-family:Arial; font-size: 16px; font:bold; color: #153568; display:block; text-decoration: none;}
.nav > li > a:hover, .nav > li > a:focus { color: #fff; }
.nav > li > a.e {background-color:none; padding-left:10px; padding-top:05px;}
.nav > li > a.e:hover{ background-color:none;}
.nav > li:hover { color: #ffffff; background-color:#f16521;}
.nav > li:hover .dd-active { color: #fff;}
.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus { color: #fff; background-color:#f16521; }
.navbar-nav > .active > a:hover { color: #fff; background-color:#f16521; }  
.dropdown-menu { margin: 0px 0 0; padding: 0px 0; position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; color:#fff; background-color:#f26622; 
  min-width: 200px; list-style: none; border: 0; border-radius: 0 0 0px 0px;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .175);
  box-shadow: 0 0px 0px rgba(0, 0, 0, .175);}
  
.dropdown-menu > li > a:hover, .dropdown > li > a:focus  { background-color:#183a6b; color:#fff }
.dropdown-menu > li > a { padding: 8px 15px; display: block; clear: both; font-family:Arial; font-size:16px; color: #fff;   line-height: 1.42857143;  white-space: nowrap; border-top: dotted 0px #fff;
}

.dropdown-menu i { margin-right: 7px;}
.dropdown-menu > li > a:hover { color: #fff;  }
.dropdown-menu > li { border-top: solid 1px #fff; }
.dropdown-menu > li:last-child { border-bottom: dotted 0px #fff; }
.dropdown:hover .dropdown-menu { padding: 0; display: block;} 
.dropdown:hover .open .dropdown >li > a:hover { color:#fff; }

/*== CONTENT ==*/
#banner { padding: 8px; border: solid 1px #bebebe; background: #d8d8d8;}
#banner img { width: 100%; border: solid 1px #FFF;}
.productBox { margin: 0 0 10px 3px; padding: 5px 5px 10px 5px; width: 200px; height: auto; text-align:center; display: inline-block; cursor:pointer; border: solid 0px #D5D5D5; transition: all 0.5s ease;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
 }
.productBox:hover {border: solid 0px #feb7b7; box-shadow: 3px 3px 5px #c8c8c8;}
.productBox.leftalign { width: 232px; margin-left: 5px; margin-bottom: 8px;}
.productBox .img { text-align: center;}
.productBox .offer { margin: 0px auto; padding: 4px 10px 5px 30px; width: 80%; height: 29px; color: #FFF; background: #636363 url(../Images/cart-icon.png) no-repeat left; background-position: 15px 0; text-align: center; transition: all 0.5s ease;}
.productBox:hover .offer {background: #f17d7d url(../Images/cart-icon.png) no-repeat left;background-position: 15px 0;}
.price { color: #c82228; font-weight: 800; font-size: 14px;}
.priceDiv { margin: 5px 0; font-size: 12px;}
.priceDiv.secondproduct { margin-top: 10px;}
.productBottom { margin-bottom: 20px;}


/*== CONTENT ==*/
#banner1 { padding: 8px; border: solid 1px #bebebe; background: #d8d8d8;}
#banner1 img { width: 100%; border: solid 1px #FFF;}
.productBox { margin: 0 0 10px 3px; padding: 5px 5px 10px 5px; width: 215px; height: auto; text-align:center; display: inline-block; cursor:pointer; border: solid 1px #D5D5D5; background: #FFF; transition: all 0.5s ease;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
 }
.productBox1:hover {border: solid 1px #feb7b7; box-shadow: 3px 3px 5px #c8c8c8;}
.productBox1.leftalign { width: 232px; margin-left: 5px; margin-bottom: 8px;}
.productBox1 .img { text-align: center;}
.productBox1 .offer { margin: 0px auto; padding: 4px 10px 5px 30px; width: 80%; height: 29px; color: #FFF; background: #636363 url(../Images/cart-icon.png) no-repeat left; background-position: 15px 0; text-align: center; transition: all 0.5s ease;}
.productBox1:hover .offer {background: #f17d7d url(../Images/cart-icon.png) no-repeat left;background-position: 15px 0;}
.pric1e { color: #c82228; font-weight: 800; font-size: 14px;}
.priceDiv1 { margin: 5px 0; font-size: 12px;}
.priceDiv1.secondproduct { margin-top: 10px;}
.productBottom1 { margin-bottom: 20px;}
/*== LEFT CONTENT ==*/
#quickLinksBox {
 padding: 1px; width: 100%; min-height:310px; border: solid 1px #E3E3E3;
}
.quickLinksBox1 {
 padding: 1px; width: 110%; margin-left:20px; min-height:82px; border: solid 0px #E3E3E3;
}
.quickLinksHeader {
 margin: 0px auto;
 padding: 8px 0 0 15px;
 width: 100%;
 height: 40px;
 text-transform: uppercase; font-size: 16px; color: #FFF;
 background: #636363;	
}

#Imgsud {

 background: url(../Images/student_n.png) repeat;
 height: 82px;
    width: 155px;
}
#Imgsud:hover {

 background: url(../Images/student_h.png) repeat;
 height: 82px;
    width: 155px;
}

#Imgtrainee {

 background: url(../Images/trainee_n.png) repeat;
 height: 82px;
    width: 155px;
}
#Imgtrainee:hover {

 background: url(../Images/trainee_h.png) repeat;
 height: 82px;
    width: 155px;
}

#Imginterships {

 background: url(../Images/interships_n.png) repeat;
 height: 82px;
    width: 155px;
}
#Imginterships:hover {

 background: url(../Images/interships_h.png) repeat;
 height: 82px;
    width: 155px;
}

#Imgemployee {

 background: url(../Images/employee_n.png) repeat;
 height: 82px;
    width: 155px;
}
#Imgemployee:hover {

 background: url(../Images/employee_h.png) repeat;
 height: 82px;
    width: 155px;
}

#Imgcountry {

 background: url(../Images/country_n.png) repeat;
 height: 82px;
    width: 155px;
}
#Imgcountry:hover {

 background: url(../Images/country_h.png) repeat;
 height: 82px;
    width: 155px;
}

#Imgaccoumdation {

 background: url(../Images/accoumdation_n.png) repeat;
 height: 82px;
    width: 155px;
}
#Imgaccoumdation:hover {

 background: url(../Images/accoumdation_h.png) repeat;
 height: 82px;
    width: 155px;
}
.dashboard {
 margin:0;
 padding:10px;
 width: 100%;	
}
.dashboard ul {
 list-style: none;
 margin: 0;
 padding: 0;
 border: none;
} 
.dashboard li {
 border-bottom: 1px solid #fff;
 margin: 0;
 width: auto;	
}
.dashboard li a { 
 display: block;
 padding: 5px 0px 5px 10px;
 border-bottom: 1px dashed #e5e5e5;
 color: #3F3F3F;
 text-decoration: none;
 width: auto;
 transition: all 0.1s ease;
}
.dashboard i { margin-right:4px;}
.dashboard li a:hover {
 color: #cf0001;
 padding-left: 12px;	
}
.dashboard li a.active {
 padding-left: 15px;
 color: #cf0001;	
}
.add { margin: 10px 0; border: solid 1px #E3E3E3; text-align:center;}
/*== /LEFT CONTENT ==*/

/*== PAGINATION ==*/
#pagination-box {
 background-color: #FBFBFB;
 border: 1px solid #EFEFEF;
 border-radius: 2px;
 font-size: 11px;
 margin: 10px 0;
 padding: 3px;	
}
.pagination {margin: 0;}
.startBy { padding-top: 10px;}
.bs-example { margin:0px; margin-top: 5px;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background:#ef4023; border: solid 1px #e83111;}
/*== /PAGINATION ==*/

/*== Innrpage CSS ==*/
.sizesRow { padding: 10px 10px 0px 10px; border: solid 1px #f0f0f0; background: #f8f8f8;}

.blockHeading {
    color: #333;
    font-family: OpenSans;
    padding-left:0px;
    font-size:15px;
    text-align:justify;
}
.home-blocks {
    font-size: 20px;
     text-transform:uppercase;
     color:#f26622;
}

.Login-more > a {
    background-color: #abadac;
    color: #fff;
    font-family: PTSansNarrow;
    font-size: 14px;
    margin: 0;
    padding: 4px 6px;
    text-transform: uppercase;
    width: auto;
    text-decoration-line:none;
}
.read-more > a {
    background-color: #183a6b;
    color: #fff;
    font-family: PTSansNarrow;
    font-size: 14px;
    margin: 0;
    padding: 4px 6px;
    text-transform: uppercase;
    width: auto;
    text-decoration-line:none;
}
.read-more > a:hover {
    background-color: #f26622;
    color: #fff;
    font-family: PTSansNarrow;
    font-size: 14px;
    margin: 0;
    padding: 4px 6px;
    text-transform: uppercase;
    width: auto;
    text-decoration-line:none;
}

/*accordion menu*/
.product ul {margin: 0; padding:0 0 0 0px; list-style-type: none; }
.accordion {
  width: 100%;
  margin: 10px auto;
  background: #F9F9F9;
  border: solid 1px #E3E3E3;
}

.accordion .link {
  width: 100%;
  cursor: pointer;
  display: block;
  padding: 7px 10px;
  color: #4D4D4D;
  font-size: 13px;
  text-transform: capitalize;
  font-weight: 700;
  border-bottom: 1px solid #E4E4E4;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li:last-child .link { border-bottom: 0; }

.accordion li i {
  position: absolute;
  top: 10px;
  left: 12px;
  font-size: 10px;
  color: #A6A6A6;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 12px;
}

.accordion li.open .link { color: #e83111; }

.accordion li.open i { color: #e83111; }

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/

.submenu {
  display: none;
  background: #FFF;
  font-size: 12px;
}

.submenu li { border-bottom: 1px dotted #DDDDDD; }
.submenu li:last-child { border: none}

.submenu a {
  display: block;
  text-decoration: none;
  color: #565656;
  padding: 5px;
  font-size: 11px;
  text-transform: capitalize;
  padding-left: 10px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.submenu a:hover {
  background: #fef3f1;
  color: #000;  
}
.submenu a:hover, .submenu a.active {
  background: #fef3f1;
  color: #000;
}
/* /accordion */

/*== FOOTER ==*/
.footer { width: 100%; min-height: 300px; background: url(../Images/footer_bg.png) repeat;}

.footer_menu {
 margin:0;
 padding:10px;
 width: 100%;	
 padding-left:80px;
}
.footer_menu ul {
 list-style: none;
 margin: 0;
 padding: 0;
 border: none;
} 
.footer_menu li {

 margin: 0;
 width: auto;	
}
.footer_menu li a { 
 display: block;
 font-size: 12px;
 padding: 5px 0px 5px 10px;
 border-bottom: 1px dotted #c7edfc;
 color: #a7b4c4;
 text-decoration: none;
 width: auto;
 transition: all 0.1s ease;
}
.footer_menu i { margin-right:4px;}
.footer_menu li a:hover {
 color: #fff;
 padding-left: 12px;	
}
.footer-bottom { padding-top: 10px; padding-left:80px; font-size: 12px; color: #949393; min-height: 40px; border-top: solid 1px #053774; background:#082857;}
/*accordian*/
.panel-default { border: none;}
.panel { background: none; margin-bottom: 0;}
.panel-default > .panel-heading { border-bottom: none; background: none; color:#FFF; text-transform: uppercase;}
.panel-title > a { font-size: 13px;}
.panel-body { padding: 0 5px 0 30px;}
.panel-body a { color:#DDDDDD; font-size: 11px;}
.panel-group .panel-heading + .panel-collapse > .panel-body { border: none;}

.breadcrumb { padding-left: 1px; background: none; border-bottom: dashed 1px #D5D5D5;}
.details { padding: 10px; border: solid 1px #D8D8D8;}
.details h3 { margin-top: 0; border-bottom: dashed 1px #E5E5E5; font-size: 20px;}
.details select { padding: 3px; width: 100px; height: 30px;}
.priceDiv { height: 40px; margin-top:10px; padding: 0px 0;}
.priceDiv h2 { color: #E94913}
.cartBtn { margin-top: 10px; background: #007f3d;}
.cartBtn:hover { background: #ef4023}
.p_color { width: 30px; height: 30px; border: solid 1px #2795b0; background: #33313c; cursor:pointer}
.p_color:hover { border: solid 2px #EB8718;}
.addtocrt { margin-top: 10px; color:#FFF; background: #cf0001;}
.addtocrt:hover { color:#FFF; background: #313131}
.background-white{background:#fff !important;}
/*== /FOOTER ==*/

.content { padding: 15px 10px; width: 100%; min-height: 300px; }

.content p {
  font-size: 14px;
}

#page-content-outer p.header {
  font-size: 26px;
}

#page-content-outer p.q {
  font-size: 15px;
  font-weight: bold;
}

#page-content-outer p.a {
  font-style: italic;
}

.content .left { padding: 2px; width: 73%; float: left; border: solid 0px #000; }
.content .right { padding: 2px; width: 25%; float: right; border: solid 1px #000; }

.smartmarquee {
	position: relative;
	overflow: hidden;
}
.smartmarquee .container {
	position: absolute;
}

#DownloadsBox { margin: 0px; padding: 0px; width: 840px; min-height: 100px; float: left; border: solid 1px #000; }
#DownloadsBox .dleft { margin: 0px; padding: 5px 20px 5px 10px; width: 415px; min-height: 100px; float: left; border-right: solid 1px #000; }
#DownloadsBox .dright { margin: 0px; padding: 5px 5px 5px 20px; width: 415px; float: right; }







/* ============================ */

/* Home content style starts here */

#home-content-outer { margin: 30px 0; padding: 5px; width: 1235px; min-height: 300px; border-top: solid 1px #ddd; }
#home-content-outer .left { margin: 0; padding: 5px; width: 870px; min-height: 300px; float: left;}
#home-content-outer .right { margin: 0; padding: 5px; width: 320px; min-height: 300px; float: right; }
#home-content-outer h4 { margin: 0; padding: 10px 0 20px 0; font-family: Arial; font-size: 24px; color: #333; text-transform: capitalize; }

#top-news-box { margin: 0; padding: 10px; width: 300px; min-height: 340px; display: block; position: relative; line-height: 1.42857143; background-color: #fff; border: 2px solid #ccc;
  border-radius: 0px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
}
#top-news-box .inner { margin: 0; padding: 0 0 10px 0; width: 280px; height: auto; display: block; border-bottom: solid 1px #ccc; }
#top-news-box .inner .heading { padding: 5px 0; font-family: Arial; font-size: 14px; font-weight: bold; color: #2e9fc4; }
#top-news-box .inner .description { padding: 0 0 5px 0; font-family: Arial; font-size: 14px; color: #333; }

/* Home content ends here */

/* Page content styles*/

#page-content-outer { margin: 30px 0px; padding: 5px; width: 100%; min-height: 300px; }
#page-content-outer h4 { margin: 0; padding: 0 0 20px 0; font-family: Arial; font-size: 24px; color: #333; text-transform: capitalize; }
#page-content-outer .inner { margin: 0; padding: 10px 0; width: 1190px; height: auto: 300px; }
#page-content-outer .inner .left { margin: 0; padding: 5px; width: 850px; min-height: 300px; float: left;}
#page-content-outer .inner .right { margin: 0; padding: 2px; width: 326px; min-height: 100px; float: right; font-size: 11px; border: solid 1px #ccc; }

#page-content-outer .inner .left .button { margin: 0; padding: 15px 0; border-bottom: dotted 1px #ccc; }
#page-content-outer .inner .left .button a { margin: 0; padding: 6px 12px 4px 12px; font-family: Arial; font-size: 18px; color: #fff; display: inline-block; text-transform: uppercase; background-color: #ff7f2a; border: 0; }
#page-content-outer .inner .left .button a.grey { background-color: #ccc; }
#page-content-outer .inner .left .button a:hover { text-decoration: none; background-color: #18396a; }
#page-content-outer .inner .left .button .top-margin { margin-top: 10px; }

.page-header { margin-top:10px; padding: 3px;  width: 100%; font-family: Arial; font-size: 22px; text-align: left; color: #f16521; text-transform: capitalize; border-bottom: solid 1px #D5D5D5; }

.pagination > li > a, .pagination > li > span { padding: 3px 6px; }

.list-box-outer { margin: 0; padding: 0; width: 100%; min-height: 300px; }
.list-box-outer .row { margin: 0; padding: 0; }
.list-box-outer .header { margin: 0; padding: 6px 3px; width: 100%; font-size: 12px; font-weight: bold; background-color: #eee; border: solid 1px #e4e4e4; }
.list-box-outer .list-row { margin: 0; padding: 10px 3px; width: 100%; font-size: 12px; border-bottom: solid 1px #ddd; }
.list-box-outer .align-right { text-align: right; }
.list-box-outer .align-center { text-align: right; }

/* Details styles */
.details-box-outer { margin: 0; padding: 0 0 20px 0; width: 100%; height: auto; float: left; }
.details-box-outer .row { margin: 0; padding: 5px 0; }
.details-box-outer .left { margin: 0; padding: 0; font-size: 12px; }
.details-box-outer .right { margin: 0; padding: 0; font-size: 14px; }

.details-box-outer .row .mandatory { margin: 0; padding: 0 0 10px 0; font-size: 11px; text-align: center; }


/* blog styles */
.blog-content-outer { margin: 0; padding-bottom: 5px; width: 100%; min-height: 220px; }




.readMore { margin:10px; padding: 5px 10px; border: solid 1px #f16521; float: right;}
.readMore a { color: #f16521; text-decoration: none; }
.readMore a:hover { text-decoration: underline;}
.successMessage { margin-top:15px; border: dashed 1px #a0cea2; padding:30px 0; text-align: center;  }
.successMessage p {font-size: 18px; color: #0d9d4e; line-height: 60px;
}
    .successMessage input { margin-top: 15px; text-align: center;
    }
/* Page content ends here */