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

body { font-family: 'PT Sans', sans-serif; font-size:14px; color:#585858; line-height:20px; padding:0px; margin:0px;}
img { max-width:100%; border:none; outline:none;} 




/*header*/

.header-wrapper { width:100%; background:#ececec; border-top:2px solid #53a7ce; float:left;}
.inner-wrapper { width:1140px; margin:0 auto;}
.logo{ float:left; width:50%;}
.header-menu { width:50%; float:right; height:40px; background:#dddcda;}
.header-bottom { float:right;}
.phone, .mail { float:left; padding:0 15px;}
.phone span, .mail span, .phone a, .mail a  { font-family: 'PT Sans', sans-serif; font-size:14px; color:#6d6d6d; text-decoration:none; line-height:79px; }
.phone { background:url(../images/phone-devider.jpg) no-repeat right;}


/*header*/


/*nav*/
.nav-wrapper{ background:#53a7ce; height:51px; clear:both;}
.nav { width:100%;}
/*nav*/


/*text*/
.text-wrapper { width:100%; margin:14px auto 17px auto;}
.text { background:#e9e9e9; border:1px solid #e9e9e9; border-radius:2px; }
.text p { color:#53a7ce; font-size:15px; font-family: 'PT Sans', sans-serif; max-width:100%; margin:10px 0;}

/*text*/

/*middle*/
.middle-wrapper { width:100%; margin-bottom:20px; float:left;}
.left-bar { width:19.7%; float:left; border-left:1px solid #dbd7d7; border-top:1px solid #dbd7d7; border-bottom:1px solid #dbd7d7; background:#ececec;}
.left-bar ul { width:100%; padding:4px 0; margin:0px;}
.left-bar ul li { list-style:none; border-top:1px solid #dbd7d7;}
.left-bar ul li:first-child { border:none;}
.left-bar ul li a { color:#585858; font-size:14px; font-family: 'PT Sans', sans-serif; padding:10px 0px 10px 30px; text-decoration:none; display:block;}


.slider { width:60.2%; float:left;}

.right-bar { width:19.9%; float:left; border-right:1px solid #dbd7d7; border-top:1px solid #dbd7d7; border-bottom:1px solid #dbd7d7; background:#ececec;}
.right-bar ul { width:100%; padding:4px 0; margin:0px;}
.right-bar ul li { list-style:none; border-top:1px solid #dbd7d7;}
.right-bar ul li:first-child { border:none;}
.right-bar ul li a { color:#585858; font-size:14px; font-family: 'PT Sans', sans-serif; padding:10px 0px 10px 30px; text-decoration:none; display:block;}

/*middle*/

/*tab*/
.tab-wrapper { float:left; width:100%;}


.tabber-con-txt-area h2 { font-size:18px; color:#1e4f9b; text-transform:uppercase; padding:15px 0 25px 0; font-weight:600; margin:0px;}
.tabber-con-txt-area ul li { background:url(../images/bullet.png) no-repeat left; padding-left:40px; list-style:none;}
.tabber-con-txt-area ul li a { color:#494949; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:30px; text-decoration:underline; font-weight:400;}

.tabber-con-area { overflow:hidden;}
.tabber-con-inner {margin-bottom:50px;}
/*tab*/


/*footer*/

.footer-wrapper { background:#4498bf; width:100%; float:left; padding:34px 0;}
.admin, .exam { float:left; width:29.5%;}
.contact { width:41%; float:left;}
.admin h2, .exam h2 { background:url(../images/bullet1.png) no-repeat left; padding-left:20px; color:#72c6ed; font-size:17px; line-height:24px; font-family: 'PT Sans', sans-serif; text-transform:uppercase; }
.admin ul, .exam ul {  list-style:none;}
.admin ul li, .exam ul li { width:47%; float:left; background:url(../images/bullet3.png) no-repeat left; padding-left:10px;}
.admin ul li a, .exam ul li a { font-family: 'PT Sans', sans-serif; font-size:14px; line-height:24px;}
.admin ul li a:hover, .exam ul li a:hover { text-decoration:underline;}
.contact h2 { background:url(../images/bullet1.png) no-repeat left; padding-left:20px; color:#72c6ed; font-size:17px; line-height:24px; font-family: 'PT Sans', sans-serif; text-transform:uppercase; margin-bottom:25px; }
.contact-row { border-bottom:1px solid #448fb2; overflow:hidden;}
.contact-cell { border-right:1px solid #448fb2; width:44%; float:left; padding:3% 2%;}
.row1, .cell1 { border:none;}
.contact h3 { font-family: 'PT Sans', sans-serif; font-size:14px; line-height:24px; color:#fff; text-align:left; padding:0px; margin:0px;}
.contact p { font-family: 'PT Sans', sans-serif; font-size:14px; line-height:24px; color:#fff; text-align:left; padding:0px; margin:0px;}



/*footer*/

/*bottom*/
.bottom-wrapper { background:#53a7ce; float:left; overflow:hidden; width:100%;}
.bottom-wrapper p { font-family: 'PT Sans', sans-serif; font-size:13x;  color:#fff; text-align:center; padding:0px; margin:0px; max-width:100%; padding:8px 0;}

/*bottom*/

#menu-icon { display:none;}

/* inner page css */
.page_content_wra{
	width:100%;
	float:left;
	}
.page_content{
	border: 1px solid #dbd7d7;
	width:99.7%; float:left; background:#ececec;
	height:356px;
	padding-top:10px;
	padding-bottom:10px;
}
.page_content h3{
	font-family: 'PT Sans', sans-serif;
	text-align:left;
	color:#585858;
	font-size:18px;
	margin:0px;
	max-width:90%;
	padding-left:10px;
	padding-bottom:10px;
	}
.page_content p{
	font-family: 'PT Sans', sans-serif;
	text-align:left;
	color:#585858;
	font-size:14px;
	margin:0px;
	max-width:90%;
	padding-left:10px;
	padding-bottom:15px;
	}
.page_content p a{
	color:#585858;
	}
.page_content p a:hover{
	text-decoration:underline;
}

/*---------------------
Light Box Css Start
---------------------*/

.light_box{
	float:left;
	width:30.2%;
	background:#0099FF;
	margin:9px;
	}
/*---------------------
Light Box Css End
---------------------*/
.pagination{
	float:right;
	}
.pagination a{
	color:#000;
	font-size:14px;
	padding-right:18px;
	text-decoration:none;
	font-family: 'PT Sans', sans-serif;
	}
@media screen and (max-width: 1100px) {
	
	.inner-wrapper { width:95%; margin:0 1%;}
	.header-menu #nav1 a { padding:0 14px !important;}
	.nav #nav a { padding:0 27px !important;}
	.left-bar ul li a, .right-bar ul li a { padding:8px 0 7px 30px;}
	.tabber-nav ul li { padding:18px 50px !important;}
	.admin ul li a, .exam ul li a, .contact p { font-size:13px;}
	.admin ul li, .exam ul li { padding-left:8px;}
	.nav #nav > li:last-child ul { right:0 !important;}
	.right-bar{width:19.6%;}
	.page_content{height:311px;}
}

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

.logo { width:40%; margin-top:10px;}
.header-menu { width:58%;}
.header-menu #nav1 a { font-size:12px !important; padding:0 10px !important;}
.nav #nav a { font-size:13px !important; padding:0 13px !important;}
.left-bar ul li a, .right-bar ul li a { padding:3px 0 3px 10px !important; font-size:12px !important;}
.tabber-nav ul li { padding: 14px 29px !important;}
.admin, .exam { width:25%; }
.admin ul, .exam ul { padding-left:10px;}
.admin ul li, .exam ul li { width:98%;}
.contact { width:50%;}
.admin ul li a, .exam ul li a, .contact p, .contact h3 { font-size:12px;}
.light_box{ width:29.3%;}
.page_content{height:230px;}
}

@media screen and (max-width: 767px) {
	.header-menu #nav1 a { font-size: 11px !important; padding: 0 5px !important;}
	.phone, .mail { height:30px;}
	.phone span, .mail span, .phone a, .mail a { line-height:45px;}
	
	
.nav-wrapper .nav { margin-left:0%;}
.nav-wrapper #menu-icon{ display:block; text-align:left; padding:25px 20px; background:url(../images/nav-icon.jpg) 100% center no-repeat; cursor:pointer; }
.nav-wrapper #nav {display:none; }
..#nav-wrap { background:#53a7ce;}
.nav-wrapper #nav li{display:block; width:100%; line-height:30px; background:none; clear:both;}
.nav-wrapper #nav li ul{display:block!important; width:100%; left:0; top:0; position:inherit; background:none;}
.nav #nav li ul { position:inherit !important; width:98% !important; float:right !important;}
.nav #nav ul li ul { float: right !important; left:0px !important; position: inherit !important; width: 97% !important;}
.nav #nav a { text-align:left !important;}
.nav ul li{background:#666666;}
.text {
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
	width:97.5%;
}
.left-bar{border-right:1px solid #dbd7d7; width:99.6% !important;}
.right-bar{border-left:1px solid #dbd7d7; width:99.6% !important;}
.slider{ width:100% !important;}
.nav-wrapper{
	height:auto !important;
}
.nav #nav{
	float:left;
	background:#53a7ce;
	}
}
@media screen and (max-width: 700px) {
	.left-bar ul li a, .right-bar ul li a { font-size: 10px !important; padding: 0px 0 1px 10px !important;}
	.tabber-nav ul li { padding: 14px 18px !important;}
	.page_content{height:313px;}
	
}

@media screen and (max-width: 639px) {
	.logo { width:100%; text-align:center;}
	.header-menu, .header-bottom { width:100%; height:auto !important;}
	.header-menu #nav1 a { padding:0 16px !important; text-align:left !important;}
	.header-menu #nav1 li ul{z-index:9999;}
	.phone, .mail { float:none; text-align:center; margin-bottom:5px; background:none;}
	.phone span, .mail span, .phone a, .mail a { line-height:32px;}
	.left-bar, .right-bar, .slider { width:100%;}
	.left-bar ul li a, .right-bar ul li a { font-size: 14px !important; padding: 4px 0 4px 10px !important;}
	.tabber-nav ul li { padding: 14px 10px !important;}
	.admin, .exam { width:100%;}
	.header-menu #nav1 > li{width:100%; float:left; text-align:left;}
	.tabber-nav ul li{float:left; width:100%;}
	.contact{width:98%;}
	.contact-cell{width:38%;}
	.light_box{ width:45%;}
}
@media screen and (max-width: 360px) {
	.light_box{ width:91%;}
}





.button-dej{
    background-color: #53a7ce;
    display: inline-block;
    padding: 10px;
    margin-left: 10px;
}
.wp-table{
	margin: 10px 20px 10px 10px;
}
#customers{
	width: 100%;
max-width: 100%;
}
#customers td, #customers th {
    border: 1px solid #f9f9f9;
    text-align: left;
    padding: 8px;
    background-color: #ffffff;
    text-align: center;
}
#customers td:last-child{
	width: 65px;
}
#customers td a {
	font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    color: #585858;
    line-height: 20px;
    transition: 0.3s ease-in-out;
    text-decoration: underline;
}
#customers td a:hover {
	font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
        font-weight: 500;
}
.p{
	max-width: 95% !important;
	padding-bottom: 0px !important;
}
.p b{
	float: right;
}
@media only screen and (max-width: 1024px){
	.wp-table{
		overflow-x:auto;
	}
}



