﻿@charset "utf-8";
/* CSS Document */
/* @font-face {
	font-family:Arial, Helvetica, sans-serif;
	src: url('../fonts/FRABK.eot');
	src: url('../fonts/FRABK.eot') format('embedded-opentype'), url('../fonts/FRABK.woff2') format('woff2'), url('../fonts/FRABK.woff') format('woff'), url('../fonts/FRABK.ttf') format('truetype'), url('../fonts/FRABK.svg#FRABK') format('svg');
*/
/* ============================ Top Header Started ============================ */

body { font-family:Arial, Helvetica, sans-serif;}
.tob_bar {
	height: 40px;
	background: red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #004c93 73%, #fdaf18 27%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #004c93 73%, #fdaf18 27%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #004c93 73%, #fdaf18 27%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #004c93 73%, #fdaf18 27%); /* Standard syntax (must be last) */
	font-family: 'FranklinGothic-Book';
}
ul.head_left_call li {
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 25px;
	float: left;
	margin: 0px 10px 0 0;
	font-size: 14px;
}
ul.head_right li {
	list-style-type: none;
	display: inline;
	float: right;
	font-family:Arial, Helvetica, sans-serif;
	position: relative;
	line-height: 40px;
	background: #fdaf18;
}
ul.head_right>li>a {
	color: #fff;
	font-size: 13px;
	padding: 0px 0 0 10px;
	float: left;
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-ms-transition: all 400ms;
	-o-transition: all 400ms;
	transition: all 400ms;
}
ul.head_right>li>a:focus{ outline:none;}
ul.head_right>li>a:hover {
	text-decoration: none;
	color: #004c93;
}
ul.head_right>li:nth-child(4)>a {
	background: #ccc;
	padding: 0px 15px 0px 15px;
	color: #fff;
	background: #d99107;
}
.head_serch {
	outline: none;
	padding: 10px;
	margin: 0px 0px 0 10px;
	float: left;
	border: none;
	width: 150px;
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-ms-transition: all 400ms;
	-o-transition: all 400ms;
	transition: all 400ms;
	display: none;
}
ul.head_right>li:hover .head_serch {
	display: block;
}
/* ============================ Top Header Ended ============================ */



/* ========================== Logo Part Start ========================== */
.logo img.img-responsive {
	height: 105px;
}
ul.top-social {
	margin:08px 0 0 0;
}
ul.top-social li {
	display: inline;
	float: left;
	margin: 05px 0 0 05px;
	padding: 0px;
}
ul.top-social li a {
	float: left;
	padding: 05px 10px;
	border: 1px solid #ccc;
	color: #646464;
	border-radius: 03px;
	-webkit-border-radius: 03px;
	-moz-border-radius: 03px;
	-ms-border-radius: 03px;
	-o-border-radius: 03px;
	width: 35px;
	text-align: center;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
ul.top-social li:first-child a:hover {
	color: #fff;
	background: #29c5f6;
	border: 1px solid #29c5f6;
}
ul.top-social li:nth-child(2) a:hover {
	color: #fff;
	background: #dc4a38;
	border: 1px solid #dc4a38;
}
ul.top-social li:nth-child(3) a:hover {
	color: #fff;
	background: #1458ab;
	border: 1px solid #1458ab;
}
ul.top-social li:last-child a:hover {
	color: #fff;
	background: #007bb6;
	border: 1px solid #007bb6;
}
.dalsco_menu {
	margin: 15px 0 0 0
}
.nav>li {
   position: static;
    display: block;
    
}
.dalsco_menu .navbar-nav>li>a {
	
    padding:08px 11px;
	border-right: 1px solid #ededed;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.dalsco_menu .nav>li>a:hover, .dalsco_menu .nav>li.active>a {
	text-decoration: none;
	background-color: #004c93;
	color: #fff;
}

.dalsco_menu .nav>li>a.active {
	background-color: #004c93;
	color: #fff;
}
.dalsco_menu .navbar-nav>li ul {display: none;
    position: absolute;
    top: 36px;
    right: 15px;
    z-index: 1000;
    background: #fff;
    padding: 10px;
    min-width: 300px;
    margin: 0px;
    width: 90.2%;
}

.dalsco_menu .navbar-nav>li ul::-webkit-scrollbar {
    width: 0.3em;
}
 
.dalsco_menu .navbar-nav>li ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.dalsco_menu .navbar-nav>li ul::-webkit-scrollbar-thumb {
  background-color: #fdaf19;
  outline: 1px solid slategrey;
}



.dalsco_menu .navbar-nav>li ul li {
   padding: 05px 10px;
    border-bottom: 1px dashed #ccc;
    list-style-type: none;
    width: 46%;
    float: left;
    margin-right: 30px;}
.dalsco_menu .navbar-nav>li ul li:hover { background:#004c93;}
.dalsco_menu .navbar-nav>li ul li:hover a { color:#fff; text-decoration:none;} 
.dalsco_menu .navbar-nav>li:hover ul { display:block;}



/* ========================== Logo Part Ended ========================== */

/* ========================== Welcome Part Started ========================== */

.welcome_part {
	background-color: #fdaf19;
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	border-top: 3px solid #fff;
	height: 368px;
	overflow: hidden;
}
.welcome_right_img {
	position: absolute;
	right: 0px;
	width: 50%;
	top: 0px;
	overflow: hidden;
	border-left: 3px solid #fff;
}
.welcome_left_inner h2 {
	font-size: 24px;
	color: #fff;
	border-bottom: 1px dashed #fff;
	padding-bottom: 05px;
}
.welcome_left_inner p {
	color: #fff;
	font-size: 14px;
}
.read-more_btn {
	float: right;
	background: #fff;
	padding: 10px 20px;
	margin: 13px 0 30px 0;
}
.read-more_btn:hover {
	text-decoration: none;
}
.left-triangle {
	width: 0;
	height: 0;
	border-right: 30px solid #fff;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	float: right;
	margin: 13px 0 0px 0;
}
/* ========================== Welcome Part Ended ========================== */



/* ========================== Content Part Started ========================== */
.content {
	background: #f3f3f3;
	padding: 30px 0px;
}
.box {
	background: #fff;
	box-sizing: border-box;
	padding: 15px;
	position: relative;
	height: 188px;
	overflow: hidden;
}
.box h3 {
	margin-top: 25px;
	color: #006699;
	font-size: 24px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.box p {
	color: #999;
}
.box_a {
	color: #fff;
	background: url(../images/raed_more.png) no-repeat right center;
	line-height: 25px;
	padding: 05px 20px 05px 05px;
}
.line_box_blue {
	width: 100%;
	float: left;
	height: 03px;
	background: #004d93
}
.line_box_orange {
	width: 100%;
	float: left;
	height: 03px;
	background: #fdaf19
}
.box1 h3 {
	margin-top: 05px;
	margin-bottom: 15px
}
.box1 .box_a {
	line-height: 40px;
}
.box_a:hover {
	text-decoration: none;
	color: #fff;
}
.box_img {
	height: 188px;
	width: 100%;
}
/* Radial Out */
.hvr-radial-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	overflow: hidden;
	background: #004d93;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	width: 60px;
	height: 60px;
	padding: 07px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	text-align: center;
	font-size: 30px;
	position: absolute;
	top: 42%;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	z-index: 100;
}
.hvr-radial-out1 {
	top: 42%;
	background: #fdaf19;
}
.hvr-radial-out:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #333333;
	border-radius: 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
	color: white;
}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
	-webkit-transform: scale(2);
	transform: scale(2);
}
/* ========================== Content Part Ended ========================== */



.mission_visson_part {
	background: url(../images/vision_bg.jpg) no-repeat top center;
	background-size: 100%;
	padding: 10px 0 15px 0px;
}
.icon_sty {
	margin: 20px 10px 0 0;
	border: 2px solid #fdaf19;
	padding: 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.mission_visson_part h3 {
	color: #fdaf19;
}
.mission_visson_part p {
	color: #cfcdcd;
}
.mission_visson_part hr {
	border: none;
	border-bottom: 1px dashed #aaa;
}
.mission_visson_part .box_a {
	float: right;
}
/* ========================== Home Enquiry Form Part Started ========================== */

.bg_yellow {
	background: #fdaf19;
	border-top: 2px solid #fff;
}
ul.home_form {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 20px 0 10px 0;
}
ul.home_form li {
	list-style-type: none;
	width: 20%;
	float: left;
	display: inline;
	margin-right: 15px;
}
ul.home_form li:last-child {
	width: 13%;
	float: right;
	margin: 0px;
}
ul.home_form li .form-control {
	border: 1px solid #926000;
	border-radius: 0px !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
ul.home_form li .form-group label {
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 16px;
}
ul.home_form li .form-group input[type=submit] {
	border: none;
	margin-top: 0px;
}
.btn_div { position:relative; margin-top:25px;}
.btn_div .log-btn2 { outline:none;float:left; position:absolute; left:43px; top:0px;  height:37px; color:#fdaf19; text-decoration:none !important; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; line-height:37px;  background: url(../images/log-aerrow3a.jpg) no-repeat top right #FFF; padding:0px 20px 0px 12px; margin-top:25px;}

.btn_div:hover .log-btn2 { background: url(../images/log-aerrow3a-rol.jpg) no-repeat top right #435362; color:#FFF;}

.btn_div span { width:42px;height:37px; position:absolute; left:0px; top:0px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; float:left;background: url(../images/log-aerrow3.jpg) no-repeat top left; margin-right: 20px; }

.btn_div:hover span { width:42px;height:37px;  float:left;background: url(../images/log-aerrow-rol.jpg) no-repeat top left; margin-right: 20px;}
.error-msg {
    color: #fff;
    font-size: 13px;
    background: red;
    padding: 3px 10px;
    position: relative;
    float: left;
    width: 100%;
    border: 1px solid #7b0105;
    margin: 2px 0 0 0;
    border-radius: 0px 10px 0 10px;
}
ul.home_form li .form-control.err-line {border: 1px solid red;}



.btn_div1 { position:relative; margin-top:25px;}
.btn_div1 .log-btn2 { float:left; outline:none; position:absolute; left:43px; top:0px;  height:37px; color:#fdaf19; text-decoration:none !important; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; line-height:37px;     background: url(../images/log-aerrow2.jpg) no-repeat top right #fdaf18; padding:0px 20px 0px 12px; border:none; color:#fff;}

.btn_div1:hover .log-btn2 { background: url(../images/log-aerrow2-rol.jpg) no-repeat top right #435362;
    color: #FFF;}

.log-btn3 { float:left; outline:none; position:absolute; left:43px; top:0px;  height:37px; color:#fdaf19; text-decoration:none !important; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; line-height:37px;     background: url(../images/log-aerrow2.jpg) no-repeat top right #fdaf18; padding:0px 20px 0px 12px; border:none; color:#fff; outline:none;}

.log-btn3 { background: url(../images/log-aerrow2-rol.jpg) no-repeat top right #435362;
    color: #FFF;}

.contact-fom-adj .form-group {    margin-bottom: 5px;}

.btn_div1 span { width:42px;height:37px; position:absolute; left:0px; top:0px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; float:left;background: url(../images/log-aerrow.jpg) no-repeat top left; margin-right: 20px; }

.btn_div1:hover span { width:42px;height:37px;  float:left;    background: url(../images/log-aerrow-rol.jpg) no-repeat top left; margin-right: 20px;}

.eeror-msg-pop { color: Red;
    visibility: visible;
    position: absolute;
    bottom: -20px;
    width: 100%;
    left: 0px;
    font-size: 13px;}


/* ========================== Home Enquiry Form Part Ended ========================== */


/* ========================== Footer Part Starete ========================== */
footer {
	padding: 10px 0px;
	background: #343434;
}
footer h3 {
	color: #fdaf19;
	font-size: 20px;
}
footer p {
	color: #cccccc;
}
ul.qucik_link {
	margin: 0px;
	padding: 0px;
}
ul.qucik_link li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	color: #ccc;
	font-size: 14px;
	float: left;
	width: 50%;
}
ul.qucik_link li a {
	color: #ccc;
	font-size: 14px;
}
ul.qucik_link li a:hover {
	color: #fdaf19;
}
ul.footer_social {
	padding: 0px;
	margin: 0px;
}
ul.footer_social li {
	padding: 0px;
	margin: 0px 05px 0 0;
}
ul.address {
	margin: 0px;
	padding: 0px;
}
ul.address li {
	margin: 0px;
	padding: 0px;
	color: #fff;
	font-size: 14px;
	color: #ccc;
	list-style-type: none;
}

/* ========================== Footer Part Ended ========================== */

.bottom_footer {
	background: #272727;
	padding: 15px 0 05px 0px
}
.bottom_footer p {
	color: #ccc;
}
.bottom_footer a {
	color: #fdaf19;
}
.tsb_adj { margin-bottom:0px;}




/* ========================== Login Page ========================== */

.login_page { margin:20px 0 0 0; padding-bottom:30px; border-top:1px solid #004c93; background: url(../images/bg.jpg) no-repeat top center #f8f8f8}
.panel-info>.panel-heading { background:#004c93; color:#fff; position:relative;}
.panel-info>.panel-heading a { color:#ccc; font-size: 12px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 10px;
    right: 10px;}

.btn-success { background:#fdaf18;border-color: #d99107; padding:08px 30px 08px 30px; }
	.btn-success:hover {
    color: #fff;
    background-color: #004c93;
    border-color: #004c93;
}

.log-btn {
    float: left;
    height: 37px;
    color: #fff;
    text-decoration: none !important;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    line-height: 37px;
    background: url(../images/log-aerrow2.jpg) no-repeat top right #fdaf18;
    padding: 0px 20px 0px 20px;
    border: none;
}

.log-btn:hover { background: url(../images/log-aerrow2-rol.jpg) no-repeat top right #435362; color:#FFF;}

a.log-btn span { width:42px;height:37px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; float:left;background: url(../images/log-aerrow.jpg) no-repeat top left; 
margin-right: 20px; }
	
a.log-btn:hover span { width:42px;height:37px;  float:left;background: url(../images/log-aerrow-rol.jpg) no-repeat top left; margin-right: 20px;}




.m-top{
	margin-top:10px;}


/* ========================== About Page ========================== */

.other_page {margin:20px 0 0 0; padding-bottom:30px; border-top:1px solid #004c93;font-family:Arial, Helvetica, sans-serif; }
.main-title {
    color: #000;
        font-size: 24px;
    text-align: center;
    padding: 0 0 10px 0;
	border-bottom: 1px solid #e7eaf1;
}
.main-border {
    text-align: center;
    margin: -12px auto 30px;
	 border-bottom: 2px solid #004c93;
	     width: 35px;
}
blockquote { font-size: 14px;}
.register .form-horizontal .control-label { font-weight:normal; font-size:14px; color:#555;}


.breadcrumb {background-color: #004c93;border-radius: 0 0 04px 4px; }
.breadcrumb li a { color:#8ac7ff;}
.breadcrumb li { color:#fff;}
.breadcrumb>.active { color:#fff;}

ul.service_li { margin:0px; padding:0px;}
ul.service_li li { margin:0px; padding:0px; list-style-type:none; background:url(../images/li_icon.jpg) no-repeat center left; padding: 05px 05px 05px 50px; font-size:15px; color:#004c93;}
ul.service_list { margin: 55px 0 0 0; padding:0px; background:#333333; }
ul.service_list h3{ background:#fdaf18; font-size:24px; color:#fff;}

ul.service_list li { margin:0px;list-style-type:none; padding:0px;  }
ul.service_list h3 {
    background: #fdaf18;
    font-size: 24px;
    color: #fff;
    padding: 7px 15px;
	margin:0px;
}
ul.service_list li a { float:left; width:100%; box-sizing:border-box; padding:0px;margin:0px 0 01px 0;padding: 5px 05px 5px 10px; text-decoration:none;font-size:15px;border-bottom:1px dashed #aaa;color:#004c93; }
ul.service_list li a:hover, ul.service_list li a.active { background:#004c93; color:#fff;}
.btn_border { border-bottom:1px dashed #ddd;}




/* ========================== Contact Page ========================== */

.adrs{
	border-bottom:dashed 1px #CCC;
	padding-bottom:1%;
}

.adrs li{
	list-style-type:none;
	line-height:24px;
	}
	
.adrs li i{
	padding-right:2%;
	}
	
	
	.line-hd { }
	
	.vido_cls { width:100px; height:100px;}
    .img-vd { position:absolute;bottom:0px; width:120px; background:none; border:none; height:34px;}

.padd-left{
    padding-left: 0px !important;
}


    

/* cube-1 */
.cube-2{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	margin:0.3125em;
	padding:0;
	float:left;
}

.cube-2 .thumbs{
	width:100%;
	height:100%;
}

.cube-2 .thumbs img{
	position:relative;
	/*min-width:100%;
	max-height:120%;*/
	width:263px;
	height:263px;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-mos-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
	z-index:-2;
}

.cube-2:hover .thumbs img{
	-webkit-transform: scale(1.5,1.5);
	-moz-transform: scale(1.5,1.5);
	-mos-transform: scale(1.5,1.5);
	-o-transform: scale(1.5,1.5);
	transform: scale(1.5,1.5);
}

.cube-2 figcaption .fill:nth-child(1){
	position:absolute;
	width:50%;
	height:50%;
	left:-11em;
	bottom:-11em;
	color:#fff;
	background: rgba(9, 80, 160, 0.9);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-mos-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
	z-index:5;
}

.cube-2:hover figcaption .fill:nth-child(1){
	bottom:0;
	left:0;
}

.cube-2 figcaption .fill:nth-child(1):after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0em;
	right: 0em;
	border-right: 9.5em solid rgba(34,34,34,0.25);
	border-bottom: 9.5em solid transparent;
}

.cube-2 figcaption .fill:nth-child(1):before{
	content: "";
	display: block;
	position: absolute;
	bottom: 0em;
	right: 0em;
	border-left: 9.5em solid rgba(247,247,247,0.25);
	border-bottom: 9.5em solid transparent;
	z-index:1;
}

.cube-2 figcaption .fill:nth-child(2){
	position:absolute;
	width:50%;
	height:50%;
	right:-11em;
	bottom:-11em;
	color:#fff;
	background: rgba(9, 80, 160, 0.9);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-mos-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
	z-index:5;
}

.cube-2:hover figcaption .fill:nth-child(2){
	bottom:0;
	right:0;
}

.cube-2 figcaption .fill:nth-child(2):after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0em;
	right: 0em;
	border-right: 9.5em solid rgba(247,247,247,0.25);
	border-bottom: 9.5em solid transparent;
}

.cube-2 figcaption .fill:nth-child(2):before{
	content: "";
	display: block;
	position: absolute;
	bottom: 0em;
	right: 0em;
	border-left: 9.5em solid rgba(34,34,34,0.25);
	border-bottom: 9.5em solid transparent;
	z-index:1;
}

.cube-2 figcaption .fill:nth-child(3){
	position:absolute;
	width:50%;
	height:50%;
	left:-11em;
	top:-11em;
	color:#fff;
	background: rgba(9, 80, 160, 0.9);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-mos-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
	z-index:5;
}

.cube-2:hover figcaption .fill:nth-child(3){
	top:0;
	left:0;
}

.cube-2 figcaption .fill:nth-child(3):after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0em;
	right: 0em;
	border-right: 9.5em solid rgba(34,34,34,0.25);
	border-top: 9.5em solid transparent;
}

.cube-2 figcaption .fill:nth-child(3):before{
	content: "";
	display: block;
	position: absolute;
	bottom: 0em;
	right: 0em;
	border-left: 9.5em solid rgba(247,247,247,0.25);
	border-top: 9.5em solid transparent;
	z-index:1;
}

.cube-2 figcaption .fill:nth-child(4){
	position:absolute;
	width:50%;
	height:50%;
	right:-11em;
	top:-11em;
	color:#fff;
	background: rgba(9, 80, 160, 0.9);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-mos-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
	z-index:5;
}

.cube-2:hover figcaption .fill:nth-child(4){
	top:0;
	right:0;
}

.cube-2 figcaption .fill:nth-child(4):after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0em;
	right: 0em;
	border-right: 9.5em solid rgba(247,247,247,0.25);
	border-top: 9.5em solid transparent;
}

.cube-2 figcaption .fill:nth-child(4):before{
	content: "";
	display: block;
	position: absolute;
	bottom: 0em;
	right: 0em;
	border-left: 9.5em solid rgba(34,34,34,0.25);
	border-top: 9.5em solid transparent;
	z-index:1;
}

.cube-2 .rotate{
	position: absolute;
    bottom: 20px;
    left: 0;
    right: 0px;
    width: 34%;
    margin: 0 auto;
    height: 34%;
    background: #fff;
    font-size: 0.2em;
    font-weight: 400;
    color: #555;
    text-decoration: none;	
    z-index:10;
	-webkit-transform:rotate(0deg) scale(0,0);
	-moz-transform:rotate(0deg) scale(0,0);
	-mos-transform:rotate(0deg) scale(0,0);
	-o-transform:rotate(0deg) scale(0,0);
	transform:rotate(0deg) scale(0,0);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-mos-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}

.cube-2:hover .rotate{
	-webkit-transform:rotate(45deg) scale(1.05,1.05);
	-moz-transform:rotate(45deg) scale(1.05,1.05);
	-mos-transform:rotate(45deg) scale(1.05,1.05);
	-o-transform:rotate(45deg) scale(1.05,1.05);
	transform:rotate(45deg) scale(1.05,1.05);
}
.cube-2 .rotate a{
	position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    line-height: 60px;
    font-size: 20px;
    margin: 0 auto;
	text-decoration:none;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-mos-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.cption-hd { position:absolute; top:0px; width:100%; left:0px; right:0px; text-align:center; padding:10px 10px; font-size:18px; color:#fff; background:rgba(0,0,0, 0.7); white-space:nowrap; text-overflow:ellipsis; width:100%; overflow:hidden;}
.cube-2:hover .cption-hd  { display:none;
}

.over-flow-hid { width:100%; float:left; margin:0px; padding:0px;overflow:hidden; position:relative; padding-top:44px;}

.modal.fade.in .modal-dialog .panel.panel-info .panel-body { padding-bottom:50px;}


.about-us-content p span{
    font-size:24px;
    color:#004c93;
    font-weight:bold;
}

.insp-title{
    color:#004c93;
    border-top:solid 1px #EEE;
    padding-top:2%;
    margin-top:3%;
}

.insp-span{
    color:#fdaf19;
    font-size:15px;
}

.insp-span a{
    color:#fdaf19;
    transition:all 0.5s;
    text-decoration:none;
}

.insp-span a:hover{
    color:#CCC;
}


.accreditations-div .c-tabs-nav { float:left; width:30%; display:block;}

.accreditations-div .c-tabs-nav__link {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 4px;
    padding: 12px;
    color: #fff;
    background-color: #555;
    text-align: center;
    -webkit-transition: color .3s;
    transition: color .3s;
    float: left;
    margin-bottom: 2px;
    /* margin-right: 5px; */
    width: 100%;
    box-sizing: border-box;
    /* min-height: 80px; */
}

.accreditations-div .c-tab {
    float: right;
    width: 70%;
}
.c-tabs-nav__link.is-active {
    color: #fff !important;
    background-color: #004c93 !important;
}
.c-tab__content ul { margin:0px; padding:0px;}

.sectom-logo { background:#eee;padding-bottom: 15px;}



/*==================== Login =======================*/
#wrapper {
    margin: 0 auto;
    position:relative;
    max-width: 400px;
    margin-top:3%;
    margin-bottom:3%;
}



#login {
    z-index: 22;
    border: solid 4px #EEE;
    border-radius: 8px;
    padding-top: 20px;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.32);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.32);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.32);
}

#reg-wrapper {
    margin: 0 auto;
    position:relative;
    max-width: 550px;
    margin-top:3%;
    margin-bottom:3%;
}


.site_title {
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 24px;
    width: 100%;
    color: #ECF0F1 !important;
    margin-left: 0 !important;
    line-height: 54px;
    display: block;
    margin: 0;
    padding-left: 10px;
}

.login_content h1 {
    font: normal 25px Helvetica, Arial, sans-serif;
    letter-spacing: -0.05em;
    line-height: 20px;
    margin: 20px 0 10px;
    text-align:center;
}

.login_content div .reset_pass {
    margin-top: 13px !important;
    margin-right: 39px;
    float: right;
}

ul.head_right2 li {
    list-style-type: none;
    display: inline;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    line-height: 40px;
    padding-right:15px;
}

ul.head_right2 li a:hover {
    text-decoration:none;
}

.logo2 img.img-responsive {
    height: 69px;
    margin-top:1%;
}

.certificate-btn a{
width:auto; text-align:center; background-color:#fdaf19; font-size:19px; color:#FFF; padding:3px 15px; border-radius:3px; transition:all 0.5s;
text-decoration:none; float:left; font-weight:bold;
}

.certificate-btn a span{
font-size:26px;
}


.certificate-btn a:hover{
    background-color:#004c93;
}


/*==================== Admin =======================*/

.x_panel {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 17px;
    display: inline-block;
    background: #fff;
    border: 1px solid #E6E9ED;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    opacity: 1;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}

.x_title {
    border-bottom: 2px solid #E6E9ED;
    padding: 1px 5px 6px;
    margin-bottom: 10px;
}

.x_panel h3{
    margin-top:4px !important;    
    margin-bottom: 4px !important;
}




table.jambo_table thead {
    background: #004c93;
    color: #ECF0F1;
    border-radius:3px;
    font-weight:none !important;
    font-size:14px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
    font-size:14px;
}

.table>tbody>tr>td, .table>tfoot>tr>td {
    color: #000 !important;
    font-size:14px;
}

table.jambo_table {
    border: 1px solid rgba(221, 221, 221, 0.78);
}




.paging_full_numbers {
    width: 400px;
    height: 22px;
    line-height: 22px;
}



    .paging_full_numbers a.paginate_active {
        background-color: #fdaf18 !important;
        border-color: #fdaf18 !important;
        color: #fff;
    }

.dataTables_paginate {
    float: right;
    text-align: right;
}

.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
}

.dataTables_paginate a {
    padding: 6px 9px !important;
    background: #004c93 !important;
    border-color: #004c93 !important;
    color:#FFF;
    font-size:13px;
}


.dataTables_filter {
    width: 50%;
    float: right;
    text-align: right;
}


.dataTables_length {
    width: 40%;
    float: left;
}

.dataTables_info {
    width: 60%;
    float: left;
}

.admin-form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin-bottom: 8%;
}

.control-label {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}

.forgot-text {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #777;
    margin-bottom: 3%;
}

.x_content .form-group .log-btn{float:right !important;}

.admin-btn {
    float: right;
    outline: none;
    position: relative;
    left: 0px;
    top: 0px;
    height: 37px;
    color: #fdaf19;
    text-decoration: none !important;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    line-height: 37px;
    background: url(../images/log-aerrow2.jpg) no-repeat top right #fdaf18;
    padding: 0px 20px 0px 12px;
    border: none;
    color: #fff;
}

.admin-btn:hover{    background: url(../images/log-aerrow2-rol.jpg) no-repeat top right #435362;
    color: #FFF;
}

.ajax__calendar_container{
    z-index:10000;
}


