/* CSS Style Sheet */

body { font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 22px; /* font-family: 'Cuprum', sans-serif; */ }
a:hover, a:focus { text-decoration: none; }

/* header start here */
header { margin: 0; padding: 5px 0; font-size: 14px; }
header h1 { text-align: center; }
header h1 img { width: 200px; }
/* header end here */

/* navigation section start here */
#navigation { background: #fff; border-top: 1px solid #e6e6e6; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35); }
#navigation > div > div > div:nth-child(2) { text-align: center; }
#navigation > div > div > div:last-child { text-align: right; }
#navigation > div > div > div:last-child li { list-style: none; }
#navigation > div > div > div { line-height: 60px; }
#navigation > div > div > div:first-child a:nth-child(1) i { color: #3B5998 !important; }
#navigation > div > div > div:first-child a:nth-child(2) i { color: #00aced !important; }
#navigation > div > div > div:first-child a:nth-child(3) i { color: #c4302b !important; }
#navigation > div > div > div:first-child a:nth-child(4) i { color: #d34836 !important; }
#navigation i { margin-right: 3px; }
#navigation a i:hover { opacity: .5; }
#navigation form { margin-top: 14px; } 
#navigation form label { display: none; } 
#navigation form input[type=text] {border: 1px solid #111; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; padding: 2px 10px; width: 125px; color: #666; margin: 0; line-height: 25px; float: left; border-right: 0; } 
#navigation form input[type=submit] { border: 1px solid #111; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; background-color: #111; color: #f5f5f5; padding: 0px 6px; font-size: 17px; line-height: 29px; float: left; cursor: pointer; }
#navigation nav.navbar { padding: 0; }
#navigation img { display: inline-block; width: 290px; }
#navigation .navbar-brand { padding-top: 10px; padding-bottom: 10px; margin-right:15px; font-family: 'Lobster', cursive; font-size: 35px; }
#navigation .navbar-brand img { width: 75px; }
#navigation .navbar-brand span { display: block; font-size: 15px; text-align: center; font-weight: bold; color: #fff; width: 180px; margin-top: 5px; }
#navigation nav ul { margin:0; padding:0; list-style:none; }
#navigation nav ul li { float:left; position:relative; z-index: 100; }
#navigation nav ul li:hover a { color: #999; transition: .5s; }
#navigation nav ul li a { margin:0; display:block; padding: 0 16px; color:#111; transition: .5s; line-height: 60px; font-weight: bold; text-transform: uppercase; }
#navigation nav ul li a:hover, header nav ul li.current-menu-item a, header nav ul li.current-menu-parent a { text-decoration:none; color: #999; transition: .5s; }
#navigation nav ul li:last-child a { padding-right: 0;}

/* dropdown menu start here */
#navigation nav ul li ul {position: absolute; width:220px; left: 18px; background: #111; display: none; text-align: left; }
#navigation nav ul li:hover ul { left: 12px; top: 60px; display:inline-block; transition: .5s; }
#navigation nav ul li ul li { float:none; border-bottom: 1px dotted #f5f5f5;  }
#navigation nav ul li ul li:last-child { border: 0; }
#navigation nav ul li ul li a { font-size:16px; color:#fff !important; padding: 0; line-height: 35px; margin: 0; border: 0 !important; text-transform: capitalize; padding-left: 10px; }
#navigation nav ul li ul li a:hover { border:0 ; padding-left: 10px; color:#fff !important; background: #999; }
#navigation nav ul li:hover ul li ul {position: absolute; width:220px; left: 0px; top: 0px; background-color: #2ab23e; z-index:9999; opacity:0; }
#navigation nav ul li:hover ul li:hover ul { left: 220px; top: 0; opacity:1; background-color: #66CDF5; }
/* navigation section end */

/* main-slider section start */
.main-slider { position: relative; }
.main-slider h2 { font-weight:bold; color: #fff; font-family: 'Vollkorn', serif; text-transform: uppercase; font-size: 40px; background-color: rgba(0,120,170,.6); padding: 0 25px; line-height: 65px; }
.main-slider .text { padding:15px; background-color: rgba(230,126,3,.5); }
.btn-style-one{ position:relative; padding:8px 30px; line-height:20px; text-transform:uppercase; display:inline-block; background:#007a47; color:#ffffff !important; font-size:11px; font-style:normal; border:2px solid #fff !important; border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; }
.btn-style-one .icon { position:relative; padding-left:5px; }
.btn-style-one:hover { background:#ffffff; color:#007a47 !important; border-color:#007a47 !important; }
/* main-slider section end */

/* map start here */
#map { height: 400px; }
#map > div { overflow: hidden; }
/* map end here */

/* newsEvent start here */
#newsEvent { padding: 50px 0;}
#newsEvent a { color: #1e7707; transition: .5s; }
#newsEvent a:hover { color: #111; transition: .5s; }
#newsEvent h3 { font-size: 25px; margin-bottom: 0; }
#newsEvent h2 { font-family: 'Cuprum', sans-serif; font-size: 35px; margin-bottom: 20px; line-height: 35px; }
#newsEvent h2 span { font-family: 'Roboto', sans-serif; font-size: 16px; float: right; }
#newsEvent h2 span a { color: #111; }
#newsEvent h2 span a:hover { text-decoration: underline; }
#newsEvent img { width: 100%; height: auto; transition:.3s; }
#newsEvent img:hover { -ms-transform: scale(1.15, 1.15); -webkit-transform: scale(1.15, 1.15); -moz-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); transition:.3s; }
#newsEvent .item > div { position: relative; overflow: hidden; height: 150px; width: 100%; margin-bottom: 15px; }
/* newsEvent end here */

/* newsletter start here */
#newsletter { padding: 50px 0; background: #f2f2f8; text-align: center;  }
#newsletter a { color: #2a344f; height: 50px; width: 50px; line-height: 50px; text-align: center; margin-right: 10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: inline-block; background: #e6e6ec; }
#newsletter a:last-child { margin: 0; }
#newsletter a i { transition: .5s; font-size: 18px; }
#newsletter > div > div > div > div > a:nth-child(1) i { color: #3B5998 !important; }
#newsletter > div > div > div > div > a:nth-child(2) i { color: #00aced !important; }
#newsletter > div > div > div > div > a:nth-child(3) i { color: #c4302b !important; }
#newsletter > div > div > div > div > a:nth-child(4) i { color: #d34836 !important; }
#newsletter > div > div > div > div > a:nth-child(1) i { color: #3B5998 !important; }
#newsletter > div > div > div > div > a:nth-child(2) i { color: #00aced !important; }
#newsletter > div > div > div > div > a:nth-child(3) i { color: #c4302b !important; }
#newsletter > div > div > div > div > a:nth-child(4) i { color: #d34836 !important; }
#newsletter a:hover { color: #111; transition: .5s; }
#newsletter h2 { font-size: 40px; font-family: 'Cuprum', sans-serif; }
#newsletter li { list-style: none; padding: 0; margin: 25px auto; }
#newsletter h2 small { display: block; line-height: 20px; font-weight: 300; font-size: 20px; font-family: 'Roboto', sans-serif; }
#newsletter form input[type=email] { border: 1px solid #fff; padding: 10px 20px; width: 320px; color: #111; margin: 0; line-height: 25px; border-right: 0; display: inline; } 
#newsletter form input[type=email]:focus::placeholder { color: transparent; } 
#newsletter form input[type=submit] { border: 1px solid #f4da58; background-color: #f4da58; color: #111; padding: 10px 20px; font-size: 17px; line-height: 25px; cursor: pointer; display: inline; }
/* newsletter end here */

/* counter start here */
#counter { background: url('../img/training-center.jpg') top left no-repeat; background-size: 100% auto; }
/* counter end here */

/* aboutUs start here */
#aboutUs { padding: 50px 0; text-align: center; }
#aboutUs i { font-size: 35px; margin-bottom: 20px; color: #000353; }
#aboutUs > div > div > div { margin-bottom: 20px; }
#aboutUs > div > div > div:first-child { text-align: center; }
#aboutUs > div > div > div > div {  height: 80px; }
#aboutUs h3 { font-size: 23px; margin-bottom: 15px; }
#aboutUs h2 { font-size: 35px; margin-bottom: 10px; color: #111; font-family: 'Cuprum', sans-serif; }
/* aboutUs end here */

/* feedback start here */
#feedback { padding: 50px 0; text-align: center; background: #f2eada;  }
#feedback img { width: 75px; height: 75px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100%; border: 3px solid #fff; margin: 0 auto; margin-top: -33px; }
#feedback .item { margin: 0 10px; }
#feedback .item > div { padding: 15px 15px 45px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); }
#feedback .item p { margin: 0; }
#feedback h3 { font-size: 20px; margin-bottom: 5px; }
#feedback h2 { font-size: 35px; margin-bottom: 25px; font-family: 'Cuprum', sans-serif; color: #530706; }
/* feedback end here */

/* courses start here */
#courses { padding: 50px 0; }
#courses h3 { font-size: 28px; margin-bottom: 20px; }
#courses h4 { font-size: 22px; margin-bottom: 0; }
#courses h4 a { color: #111; }
#courses img { width: 100%; height: auto; transition:.3s; }
#courses button { background: #111; border: 1px solid #111; color: #fff; font-size: 13px; }
#courses img:hover { -ms-transform: scale(1.15, 1.15); -webkit-transform: scale(1.15, 1.15); -moz-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); transition:.3s; }
#courses > div > div > div > div > div > div:first-child { position: relative; overflow: hidden; height: 130px; width: 100%;  border: 1px solid #999; border-bottom: 0; }
#courses > div > div > div > div > div > div:nth-child(2) { padding: 10px 15px;  border: 1px solid #999; border-top: 0; border-bottom: 0; position: relative; color: #999; font-size: 14px; }
#courses > div > div > div > div > div > div:nth-child(2) p:nth-child(2) { display: inline-block; margin: 0; }
#courses > div > div > div > div > div > div:nth-child(2) p:last-child { float: right;  margin: 0; }
#courses > div > div > div > div > div > div:last-child { padding: 10px 15px;  border: 1px solid #999; border-top: 0; position: relative; margin-bottom: 20px; }
#courses > div > div > div > div > div > div:last-child > div { display: inline-block; }
#courses > div > div > div > div > div > div:last-child a { float: right; color: #fff; background-color: #111; padding:1px 6px; font-size: 13px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #111; transition: .5s; margin-top: -5px; }
#courses > div > div > div > div > div > div:last-child a:hover { color: #111; background-color: #fff; text-decoration: none; transition: .5s; }
/* courses end here */

/* gallery start here */
#gallery { position: relative; }
#gallery img { width: 16.7%; height: 175px; margin: -2px; }
#gallery .btn-success { position: absolute; top: 42%; left: 46%; background: #f5f5f5; color: #111; font-weight: 300; border-radius: 0; border: 0; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35); }
/* gallery end here */

/* video start here */
#video { padding: 20px 0; background-size: 100% auto; color: #fff; }
#video h2 { font-size: 45px; text-transform: uppercase; font-weight: bolder; margin-bottom: 35px; }
#video h2 small { font-size: 25px; text-transform:none; font-weight: 300; color: #f4da58; display: block; }
#video .btn-success { background: #f4da58; padding: 10px 35px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #111; border: 0; margin-top: 25px; }
#video .btn-success:focus { border: 0; }
/* video end here */

/* footerContent start here */
#footerContent { padding: 35px 0; background: #f5f5f5; color: #111; }
#footerContent .table td, #footerContent .table th { border: 0; padding-left: 0; padding-top: 0; }
#footerContent ul { margin: 0; padding: 0; }
#footerContent ul li { list-style: none; line-height: 30px; }
#footerContent ul li a { color:#213F99; transition: .5s; }
#footerContent ul li a:hover { opacity: .5; transition: .5s; }
/* footerContent end here */

/* footer start here */
footer { padding: 10px 0; background: #111; color: #f5f5f5; }
footer p { margin: 0; display: inline-block; }
footer p:last-child { float: right; text-align: right; }
footer a { color: #999; }
footer a:hover { color: #999; opacity: .5; }
/* footer end here */

/* catPage section start */
#catPage { padding:0; }
#catPage a { color: #891c57; transition: .3s; }
#catPage a:hover { color: #2e3192; transition: .3s; }
#catPage img { width: 100%; height: auto; }
#catPage ul { padding: 0 15px; margin: 20px 0; background-color: #f5f5f5; font-size: 15px;  }
#catPage ul li { list-style: none; display: inline; margin-right: 10px; }
#catPage ul li.separator { font-size:18px; font-weight:100; color:#ccc; }
#catPage ul li i { padding-right: 8px; }
#catPage ul li a { line-height: 35px; color:#213F99; }
#catPage ul li a:hover { color:#ef0610; }
#catPage > div > div > div > div:first-child { position: relative; overflow: hidden; height: 100px; width: 100%; background: url(../img/home-background.jpg) top left no-repeat; background-size: 100% 100%; border: 1px solid #999; border-bottom: 0; }
#catPage > div > div > div > div:last-child { padding: 10px 15px;  border: 1px solid #999; border-top: 0; position: relative; margin-bottom: 20px; }
#catPage > div > div > div > div:last-child p { text-align: center; margin: 0; }
/* catPage section end */

/* archive section start */
#archive { padding:0 0 25px; }
#archive a { color: #111; transition: .3s; }
#archive a:hover { transition: .3s; opacity: .5; }
#archive h2 { font-size: 27px; margin: 0 0 10px; font-weight:bold; line-height: 45px; background-color: #f5f5f5; padding-left: 20px; }
#archive h3 { font-size: 20px; margin: 0; font-weight:bold; line-height: 34px; }
#archive img { width: 100%; height: auto; transition: .5s; }
#archive > div > div > div:first-child { background-color: #f5f5f5; margin-bottom: 20px; }
#archive > div > div > div:first-child ul { padding: 0; margin: 0; font-size: 15px;  }
#archive > div > div > div:first-child ul li { list-style: none; display: inline; margin-right: 10px; line-height: 45px; }
#archive > div > div > div:first-child ul li.separator { font-size:18px; font-weight:100; color:#ccc; }
#archive > div > div > div:first-child ul li i { padding-right: 8px; }
#archive > div > div > div:first-child ul li a { line-height: 35px; color:#213F99; }
#archive > div > div > div:first-child ul li a:hover { opacity: .75; }
#archive > div > div > div > div > div > div:first-child { position: relative; overflow: hidden; height: 150px; width: 100%;  border: 1px solid #999; border-bottom: 0; }
#archive > div > div > div > div > div > div:last-child { padding: 10px 15px;  border: 1px solid #999; border-top: 0; position: relative; margin-bottom: 20px; }
#archive > div > div > div > div > div > div:last-child p { text-align: center; margin: 0; }
#archive > div > div > div > div > div > div:nth-child(2) { padding: 10px 15px;  border: 1px solid #999; border-top: 0; border-bottom: 0; position: relative; color: #999; }
#archive > div > div > div > div > div > div:nth-child(2) p:nth-child(2) { display: inline-block; margin: 0; }
#archive > div > div > div > div > div > div:nth-child(2) p:last-child { float: right;  margin: 0; }
#archive > div > div > div > div > div > div:last-child { padding: 10px 15px; border: 1px solid #999; border-top: 0; position: relative; margin-bottom: 20px; }
#archive > div > div > div > div > div > div:last-child > div { display: inline-block; }
#archive > div > div > div > div > div > div:last-child a { float: right; color: #fff; background-color: #111; padding:1px 6px; font-size: 13px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #111; transition: .5s; margin-top: -5px; }
#archive > div > div > div > div > div > div:last-child a:hover { color: #111; background-color: #fff; text-decoration: none; transition: .5s; opacity: 1; }
/* archive section end */

/* archiveTeacher section start */
#archiveTeacher { padding:0 0 25px; }
#archiveTeacher a { color: #111; transition: .3s; }
#archiveTeacher a:hover { transition: .3s; opacity: .5; }
#archiveTeacher h4 { font-size: 22px; margin: 0; font-weight:bold; line-height: 26px; }
#archiveTeacher img { width: 100%; height: auto; transition: .5s; }
#archiveTeacher > div > div > div:first-child { background-color: #f5f5f5; margin-bottom: 20px; }
#archiveTeacher > div > div > div:first-child ul { padding: 0; margin: 0; font-size: 15px;  }
#archiveTeacher > div > div > div:first-child ul li { list-style: none; display: inline; margin-right: 10px; line-height: 45px; }
#archiveTeacher > div > div > div:first-child ul li.separator { font-size:18px; font-weight:100; color:#ccc; }
#archiveTeacher > div > div > div:first-child ul li i { padding-right: 8px; }
#archiveTeacher > div > div > div:first-child ul li a { line-height: 35px; color:#213F99; }
#archiveTeacher > div > div > div:first-child ul li a:hover { opacity: .75; }
#archiveTeacher > div > div > div > div > div { text-align: center; }
#archiveTeacher > div > div > div > div > div > div:first-child { position: relative; overflow: hidden; height: 175px; width: 175px;  border: 5px solid #fff; margin:0 auto 20px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); }
#archiveTeacher > div > div > div > div > div > div:last-child a { color: #fff; background-color: #111; padding:0 15px; font-size: 13px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #111; transition: .5s; line-height: 25px; display: inline-block; }
#archiveTeacher > div > div > div > div > div > div:last-child a:hover { color: #111; background-color: #fff; text-decoration: none; transition: .5s; opacity: 1; }
/* archiveTeacher section end */

/* singlePage section start*/
#singlePage { padding:0 0 25px; }
#singlePage > div > div > div:first-child { background-color: #f5f5f5; margin-bottom: 20px; }
#singlePage > div > div > div:first-child ul { padding: 0; margin: 0; font-size: 15px;  }
#singlePage > div > div > div:first-child ul li { list-style: none; display: inline; margin-right: 10px; line-height: 45px; }
#singlePage > div > div > div:first-child ul li.separator { font-size:18px; font-weight:100; color:#ccc; }
#singlePage > div > div > div:first-child ul li i { padding-right: 8px; }
#singlePage > div > div > div:first-child ul li a { line-height: 35px; color:#213F99; }
#singlePage > div > div > div:first-child ul li a:hover { opacity: .75; }
#singlePage h2 { font-size: 45px; color: #111; line-height: 50px; margin-bottom: 40px; }
#singlePage h2 small { color: #999; font-weight: 300; display: block; }
#singlePage h2 i { color: #999; }
#singlePage h3 { font-size: 22px; color: #111; line-height: 35px; margin-bottom: 25px; }
#singlePage h4 a { color: #111; transition: .5s; }
#singlePage h4 a:hover { color: #999; transition: .5s; }
#singlePage h4 small { font-size: 14px; color: #888; line-height: 20px; display: block; }
#singlePage h4 { font-size: 20px; color: #111; line-height: 35px; }
#singlePage img { height: auto; width: 100%; transition: .5s; }
#singlePage img:hover { transform: scale(1.10, 1.10); transition: .5s; }
#singlePage table tr td { border: 1px solid #e6e6e6; padding: 5px 10px; line-height: 30px; }
#singlePage > div > div > div:nth-child(2) > div { margin-bottom: 25px; }
#singlePage > div > div > div:nth-child(2) > div > table { width: 100%; }
#singlePage > div > div > div:last-child { text-align: center; }
#singlePage > div > div > div:last-child > div:nth-child(2) img { width: 100%; height: auto; }
#singlePage > div > div > div:last-child > div:nth-child(3) img { width: 20%; margin-right: 8px; display: inline; }
#singlePage > div > div > div:last-child > div:nth-child(4) a { color: #fff; margin-right: 25px; line-height: 35px; padding: 0 15px; display: inline-block; }
#singlePage > div > div > div:last-child > div:nth-child(4) a:nth-child(2) { background: #25D366; border: 1px solid #25D366; transition: .5s; }
#singlePage > div > div > div:last-child > div:nth-child(4) a:nth-child(3) { background: #3b5998; border: 1px solid #3b5998; transition: .5s; }
#singlePage > div > div > div:last-child > div:nth-child(4) a:hover { color: #999; background: transparent; color: #222; }
#singlePage > div > div > div:last-child > div:nth-child(2) > div > div { width: 150px; height: 150px; margin: 0 auto; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; overflow: hidden; border: 3px solid #fff; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); margin-bottom: 15px; }
#singlePage > div > div > div:last-child > div:nth-child(2), #singlePage > div > div > div:last-child > div:nth-child(3) { margin-bottom: 50px; }
.ui-widget.ui-widget-content { padding: 0; border-radius: 0; }
.ui-widget-header { background: #f6f6f6; border-radius: 0; border: 0; }
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0; }
.ui-tabs .ui-tabs-nav li { margin: 0; padding: 0; border: 0; border-radius: 0; line-height: 30px; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background: #fff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #213F99 !important; }
/* singlePage section end */

/* detailsPage section start*/
#detailsPage { padding:0 0 25px; }
#detailsPage a { color: #213F99; transition: .5s; }
#detailsPage a.button { color: #fff; transition: .5s; margin-top: 10px; }
#detailsPage a:hover { color: #ef0610; transition: .5s; }
#detailsPage a.button:hover { color: #fff; transition: .5s; }
#detailsPage img { width: 100%; height: auto; }
#detailsPage > div > div > div:first-child { background-color: #f5f5f5; margin-bottom: 20px; }
#detailsPage > div > div > div:first-child ul { padding: 0; margin: 0; font-size: 15px;  }
#detailsPage > div > div > div:first-child ul li { list-style: none; display: inline; margin-right: 10px; line-height: 45px; }
#detailsPage > div > div > div:first-child ul li.separator { font-size:18px; font-weight:100; color:#ccc; }
#detailsPage > div > div > div:first-child ul li i { padding-right: 8px; }
#detailsPage > div > div > div:first-child ul li a { line-height: 35px; color:#213F99; }
#detailsPage > div > div > div:first-child ul li a:hover { opacity: .75; }
#detailsPage > div > div > div:last-child ul { padding: 0; margin: 0;  }
#detailsPage > div > div > div:last-child ul li { list-style: none; border-bottom: 1px dotted #e6e6e6; }
#detailsPage > div > div > div:last-child ul li:last-child { border-bottom: 0; }
#detailsPage > div > div > div:last-child ul li a { line-height: 35px; color:#213F99; }
#detailsPage > div > div > div:last-child ul li a:hover { opacity: .75; }

#detailsPage .btn-default { background-color: #111; border: 1px solid #111; color: #f5f5f5; padding: 5px 10px; transition: .7s; }
#detailsPage .btn-default:hover { background-color: #fff; color: #111; padding: 5px 10px; transition: .7s; }
#detailsPage input[type=text], #detailsPage input[type=email], #detailsPage input[type=date], #detailsPage select { width: 65%; border:1px solid #111; color: #111; padding:5px 10px; margin-bottom:12px; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
#detailsPage option { line-height: 29px; height: 27px; }
#detailsPage textarea { width: 65%; border:1px solid #111; color:#111; padding:5px 10px; margin-bottom:15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 150px; }
#detailsPage input::placeholder, #detailsPage textarea::placeholder {color: #4a3d35; }
#detailsPage input:focus::placeholder, #detailsPage textarea:focus::placeholder {color: transparent !important; }
/* detailsPage section end */

/* contactPage section start*/
#contactPage { padding:50px 0; color:#213F99; }
#contactPage a { color: #213F99; transition: .5s; margin-top: 10px; }
#contactPage a:hover { color: #ef0610; transition: .5s; }
#contactPage li { list-style: none; }
#contactPage h2 { font-size: 28px; margin-bottom: 15px; font-family: 'Muli', sans-serif; }
#contactPage h3 { font-size: 25px; margin-bottom: 25px; line-height: 40px; font-family: 'Muli', sans-serif; }
#contactPage form input[type=text], #contactPage form input[type=email], #contactPage form input[type=tel], #contactPage form textarea  { width: 100%; border: 1px solid #213F99; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 4px 10px; margin-bottom: 8px; line-height: 25px; }
#contactPage form textarea { height: 150px; }
#contactPage input::placeholder, #contactPage textarea::placeholder { color: #213F99; }
#contactPage input:focus::placeholder, #contactPage textarea:focus::placeholder {color: transparent !important; }
#contactPage input[type=submit] { border: 1px solid #213F99; background: #213F99; color: #fff; cursor: pointer; padding: 3px 20px; border-radius: 5px; transition: .5s; }
#contactPage input[type=submit]:hover { background: transparent; color: #213F99; transition: .5s; }
/* contactPage section end */

/* searchPage section start*/
#searchPage { padding:20px 0; }
#searchPage a { color: #999; transition: .3s; }
#searchPage a:hover { color: #999; opacity: .5; transition: .3s; }
#searchPage h3 { font-size: 25px; font-family: 'Raleway', sans-serif; }
#searchPage h3 small { display: block; font-family: 'Arimo', sans-serif; font-size: 18px; }
#searchPage h4 { font-size: 20px; font-family: 'Raleway', sans-serif; color: #111; margin: 0; }
#searchPage p { margin: 0; }
#searchPage img { height: auto; width: 100%; }
#searchPage .btn-default { background-color: #72BF44; border: 1px solid #72BF44; color: #fff; padding: 3px 10px; transition: .7s; }
#searchPage .btn-default:hover { background-color: #fff; color: #72BF44; transition: .7s; }
#searchPage > div > div > div {  border: 1px solid #e6e6e6; margin-bottom: 20px; padding: 15px; }
#searchPage > div > div > div > div > div:first-child { overflow: hidden; position: relative; }
#searchPage > div > div > div { overflow: hidden; }
/* searchPage section end */

/* searchLose section start*/
#searchLose > div { padding-top: 60px; padding-bottom: 60px; text-align: center; background-color: #fff; }
#searchLose h2 { font-size: 170px; line-height: 175px; color: #213F99; font-weight: 600; font-family: 'Cuprum', sans-serif; }
#searchLose h2 small { display: block; font-size: 60px; line-height: 60px; color: #888; font-weight: normal; }
#searchLose a { color: #213F99; text-decoration: underline; transition: .5s; }
#searchLose a:hover { color: #ef0610; text-decoration: none;transition: .5s; }
/* searchLose section end */

/* Pagination Start Here */
.wp-pagenavi { padding: 25px 0; text-align: center; }
.wp-pagenavi span { border:1px solid #213F99 !important; color: #fff; background: #213F99 !important; ; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { border:1px solid #213F99; font-weight: normal !important }
.wp-pagenavi span.pages { display: none; }
.wp-pagenavi > a  {float:none; margin:0 2px; padding:3px 5px; line-height: 25px; background-color:#fff; border:1px solid #213F99; transition: .2s; color: #213F99;  }
.wp-pagenavi > a:hover,#catPage .wp-pagenavi span.current { color: #fff !important; background-color: #213F99; border: 1px solid #213F99; transition: .2s; }
.wpcf7 { margin-top: 25px; }
/* Pagination End Here */


/*======================================================================================
                 media query start here
=======================================================================================*/

@media (min-width:320px) and (max-width:480px) {
    #navigation .navbar-brand { margin-right: 0; }
    #navigation nav ul li { float: none; }
    #navigation nav ul li a { line-height: 40px; }
    #navigation nav ul li:hover ul { top: 0; float: none; position: relative; }
    #navigation nav ul li ul { background: transparent; width: 100%; position: relative; display: block; }
    #navigation nav ul li ul li { border: 0; display: inline-block; }
    #navigation nav ul li ul li a { color: #2ab23e !important; padding: 0 15px 0 0; }
    #navigation nav ul li ul li a:hover { padding: 0 15px 0 0; background: transparent; color: #ef0610 !important; }
    #archive ul, #detailsPage ul, #singlePage ul, #catPage ul { font-size: 12px; }
    #archive ul li, #detailsPage ul li, #singlePage ul li, #catPage ul li { margin-right: 0; }
    #courses, #readymade, #danim { padding: 25px 0; }
}

@media (min-width:450px) and (max-width:639px) {    
    #navigation .navbar-brand { margin-right: 0; }
    #navigation nav ul li { float: none; }
    #navigation nav ul li a { line-height: 40px; }
    #navigation nav ul li:hover ul { top: 0; float: none; position: relative; }
    #navigation nav ul li ul { background: transparent; width: 100%; position: relative; display: block; }
    #navigation nav ul li ul li { border: 0; display: inline-block; }
    #navigation nav ul li ul li a { color: #2ab23e !important; padding: 0 15px 0 0; }
    #navigation nav ul li ul li a:hover { padding: 0 15px 0 0; background: transparent; color: #ef0610 !important; }
    #archive ul, #detailsPage ul, #singlePage ul, #catPage ul { font-size: 12px; }
    #archive ul li, #detailsPage ul li, #singlePage ul li, #catPage ul li { margin-right: 0; }
    #courses, #readymade, #danim { padding: 25px 0; }
}

@media (min-width:640px) and (max-width:768px) {
    #navigation .navbar-brand { margin-right: 0; }
    #navigation nav ul li { float: none; }
    #navigation nav ul li a { line-height: 40px; }
    #navigation nav ul li:hover ul { top: 0; float: none; position: relative; }
    #navigation nav ul li ul { background: transparent; width: 100%; position: relative; display: block; }
    #navigation nav ul li ul li { border: 0; display: inline-block; }
    #navigation nav ul li ul li a { color: #2ab23e !important; padding: 0 15px 0 0; }
    #navigation nav ul li ul li a:hover { padding: 0 15px 0 0; background: transparent; color: #ef0610 !important; }
    #archive ul, #detailsPage ul, #singlePage ul, #catPage ul { font-size: 12px; }
    #archive ul li, #detailsPage ul li, #singlePage ul li, #catPage ul li { margin-right: 0; }
    #courses, #readymade, #danim { padding: 25px 0; }
}

@media (min-width:769px) and (max-width:992px) {
    #navigation .navbar-brand { margin-right: 15px; }
    #navigation .navbar-brand span { width: 130px; font-size: 10px; line-height: 14px; }
    #navigation .navbar-brand img { width: 130px; }
    #navigation nav ul li a { padding: 0 7px; font-size: 13px; }
    #courses > div > div > div > div > div > div:last-child p, #danim > div > div > div > div > div > div:last-child p, 	#readymade > div > div > div > div > div > div:last-child p { width: 50%; }
    #navigation nav ul li:hover ul { padding: 0 7px; top: 50px; }
}

@media (min-width:993px) and (max-width:1050px) {
    #navigation .navbar-brand { margin-right: 50px; }
    #navigation nav ul li a { padding: 0 11px; }
    #navigation nav ul li:hover ul { padding: 0 11px; }
}

/** custom CSS date : 26012020   */
.block-notice_event:hover{
	background: skyblue none repeat scroll 0 0;
    box-shadow: 0 2px 20px rgba(34, 30, 31, 0.4);
}
    
.block-notice_event {
    background-color:#e8edea ;
    border-bottom: 1px solid blue;
    padding: 0px 5px 0px 5px;
	text-align: center;
}

.event-news-notic-style{
	font-size:20px; line-height:35px; 
	
    border-top: 1px solid #2c3532;
}

.view_all{
	padding: 10px;
    background-color: greenyellow;
    border: 1px solid #1e1e1e;
}