/* CSS Document */



/* default */

img{border:0;}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt { padding:0; margin:0;}

ul,ol { list-style:none;}

a { text-decoration:none;}

.hidden{ text-indent:-999em; overflow:hidden;}

hr.hide-line{ padding:0; margin:0; display:none;}

.clear{ clear:both;}

.clearfix:after { height:0; clear:both;visibility:hidden;}

.container { max-width: 960px; position: relative; width: 100%; margin: 0 auto; padding: 0; }

.slicknav_menu { background: #0E74BB !important; text-align: left; display: none; }

.slicknav_btn { background-color: #273891 !important; }

/*.clearfix {display:inline-block;}*/

/* Hide from IE Mac \*/

/*.clearfix {display:block;}*//* End hide from IE Mac */



/* Clearfix */

.clrfix:before,

.clrfix:after {

    content: " ";

    display: table;

}

.clrfix:after {

    clear: both;

}

.clrfix {

    *zoom: 1;

}



/* Body */

body{ font: 100% Arial, Helvetica, sans-serif; background:url(../images/body-bg-top.jpg) repeat-x #FFF; margin:0 auto; padding:0; text-align: center; color:#000; }



/*header*/

#header { margin:0 auto; padding:0 0 20px; background:#fff; position: relative; }

#header .logo { float: left; position: relative; margin-top: 10px; }

#header .top-left { float: right; position: relative; width: 595px; }

#header .top-left h2 { font-family: 'Oswald', sans-serif; font-weight: 400; color: #25AAE0; font-size: 15px; text-align: right; padding: 10px 0 15px; }

#header .top-left h2 a { color: #283891; margin-left: 10px; }

#header .top-left h2 a:hover { text-decoration: underline; }

#header .top-left h2 span a { color: #fff; font-size: 20px; }

#header .top-left h2 span { background: url(../images/top-span.png) no-repeat center top; background-size: 100% 100%; position: relative; padding: 15px 20px; margin-left: 15px; }

#nav { margin: 20px auto 0; padding:0; }

#nav ul { padding:0; margin:0; text-align: right; }

#nav ul li { display: inline-block; vertical-align: middle; padding:0 10px; margin:0; font-family: 'Oswald', sans-serif; font-weight: 400; color: #6C6D71; font-size: 15px; }

#nav ul li:first-child { padding-left: 0; }

#nav ul li:last-child { padding-right: 0; }

#nav ul li a { display:block; margin:0; padding:0; text-align:center; color: #6C6D71; padding: 0 0 10px; }

#nav ul li a:hover, #nav ul li.active-menu a { color: #0F75BC; background: url(../images/hov.png) no-repeat center bottom; background-size: 100% 2px; }



/*header*/

#banner{ margin:0 auto; padding: 0 0 40px; background: url(../images/banner-desktop.png) no-repeat center bottom; background-size: 100% auto; position: relative; }

#banner .nivoSlider { overflow: visible; }

#banner .theme-default .nivoSlider { box-shadow: 0 0 0 0; margin-bottom: 0; }

#banner .theme-default .nivo-controlNav { padding: 10px 0; position: absolute; z-index: 9999; bottom: 11px; margin: 0 auto; left: 0; right: 0; background: url(../images/bnr-nav.png) no-repeat center top; background-size: 100% 100%; max-width: 156px; width: 100%; }

#banner .theme-default .nivo-directionNav a { background: none; width: 11px; height: 25px; opacity: 1; }

#banner .theme-default a.nivo-prevNav { background: url(../images/ctrl-left.png) no-repeat center left; left: -30px; }

#banner .theme-default a.nivo-nextNav { background: url(../images/ctrl-right.png) no-repeat center left; right: -30px; }

#banner .theme-default .nivo-controlNav a { margin: 0; }



/* main */

#main { margin:0 auto; padding:0; }



/* content */

#content { margin:0; padding:0 0 45px; }
#content.hom { margin:0; padding:0; }

#content h1 { font-family: 'Oswald', sans-serif; font-weight: 700; color: #0E74BB; font-size: 45px; margin: 0 0 10px; }

#content h2 { color: #0E74BB; }

#content h1 span { color: #273891; }

#content.con p { margin: 0 auto 20px; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;  font-size: 17px; color: #6C6C71; max-width: 850px; line-height: 1.4; }

#content.con dl { position: relative; margin-top: 20px; padding: 15px 0 0; display: inline-block; vertical-align: top; width: 303px; }

#content.con dl:nth-of-type(2) { margin-right: 20px; margin-left: 20px; }

#content.con dl dt { margin: 0; padding: 0; position: relative; }

#content.con dl dt img { width: 100%; }

#content.con dl dd { margin: 5px auto 0; padding: 0; font-family: 'Oswald', sans-serif; font-weight: 400; color: #273891; font-size: 25px; }

#content.con dl dd a { color: #273891; }

#content.con dl dd a span { color: #0D73BA; }

#content.con dl dd a:hover { color: #0D73BA; }



/* contact */

.contactBox { width: 49%; margin:0 auto; padding:10px 0 10px; background:#DBDBDB; border: 1px #283891 solid; color:#000; float: left; }

.contactBox p { padding:0 10px 0 !important;}

.contactBox a { color:#000 !important;}

.contactBox strong { color:#25AAE1; font-family: 'Oswald', sans-serif; font-weight: 400; }

.contactBox-left { float:left; width:49%; margin:0; padding:0;}

.contactBox-right { float:right; width:49%; margin:0; padding:0;}



.contactForm { width:49%; margin:0 auto; padding:0 0 10px; background:#DBDBDB; border: 1px #283891 solid; color:#000; float: right; }

.contactForm label { display:block; margin:0; padding:5px 0 5px 25px; font-size:14px; line-height:120%;}

.contactForm input[type=text] { display:block; width:90%; margin:0 auto; padding: 5px; font-size:15px; border: 1px solid #25AAE1; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.contactForm input[type=submit] { display:block; width:100px; margin:0 auto; padding:0 0 2px 0; text-align:center; font-size:14px; line-height:120%; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; }

.contactForm textarea { resize: none; display:block; width:90%; margin:0 auto; padding: 5px; border: 1px solid #25AAE1; font-size:15px; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



/*content bottom*/

#content-bottom { background: url(../images/content-bottom.jpg) no-repeat center top; background-size: 100% 100%; position: relative; margin: 0 auto; padding: 30px 0 45px; }

#content-bottom h2 { font-family: 'Oswald', sans-serif; font-weight: 700; color: #fff; font-size: 45px; }

#content-bottom p { font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;  font-size: 17px; color: #fff; max-width: 820px; margin: 5px auto 20px; line-height: 1.3; }

#content-bottom .cb-box { display: inline-block; vertical-align: top; position: relative; width: 303px; margin-bottom: 15px; padding: 15px 0 0; background: url(../images/cb-line.png) no-repeat left top; }

#content-bottom .cb-box.margin-sides { margin-left: 15px; margin-right: 15px; }

#content-bottom .cb-box dl { margin: 0; padding: 0; position: relative; }

#content-bottom .cb-box dl dt { margin: 0; padding: 0; position: relative; }

#content-bottom .cb-box dl dt img { width: 100%; position: relative; }

#content-bottom .cb-box dl dd { position: absolute; bottom: 11px; right: 7px; margin: 0; padding: 5px 20px; font-family: 'Oswald', sans-serif; font-weight: 400; color: #fff; font-size: 18px; background: url(../images/dd.png) no-repeat center top; background-size: 100% 100%; }

#content-bottom .cb-box h3 { margin: 5px 0 0; font-family: 'Oswald', sans-serif; font-weight: 400; color: #fff; font-size: 25px; text-align: left; }

#content-bottom .cb-box h3 span { font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;  font-size: 17px; padding: 0 15px; position: relative; bottom: 5px; }



/*footer*/

#footer { background: url(../images/ftr.jpg) no-repeat center bottom; background-size: 100% 100%; position: relative; margin:0 auto; padding: 0 0 25px; }

#footer #ftr-top { position: relative; max-width: 710px; margin: 0 auto 25px; }

#footer #ftr-top h2 { font-family: 'Oswald', sans-serif; font-weight: 400; color: #283891; font-size: 17px; line-height: 1.5; margin: 0 0 15px; }

#footer #ftr-top img { display: inline-block; vertical-align: middle; }

#footer #ftr-top img:nth-of-type(2) { margin: 0 40px; }

#footer ul { background: url(../images/ftr-line.png) no-repeat center top; padding: 25px 0 0; margin: 0 auto 10px; }

#footer ul li { display: inline-block; vertical-align: middle; position: relative; font-family: 'Oswald', sans-serif; font-weight: 400; color: #6C6D71; font-size: 15px; margin: 0; padding: 0 15px; }

#footer ul li:first-child { padding-left: 0; }

#footer ul li:last-child { padding-right: 0; }

#footer ul li a { color: #6C6D71; display: block; }

#footer ul li a:hover, #footer ul li.active-menu a { color: #283891; }

#footer p { margin: 0; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;  font-size: 13px; color: #273891; letter-spacing: 2px; }



/*inner pages*/

#main.inner { border-top: 5px solid #283891; padding: 30px 0 0; }

#main.inner #content { min-height: 450px; }

#main.inner #content h1 { text-align: left; }

#main.inner #content h3 { text-align: left; margin: 10px 0; font-family: 'Oswald', sans-serif; font-weight: 400; color: #283891; font-size: 25px; }

#main.inner #content p { text-align: left; margin: 15px auto; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;  font-size: 16px; color: #6C6C71; line-height: 1.3; }

#main.inner.services-page #content ul { text-align: left; margin: 15px 0; padding: 0 0 0 20px; list-style: square; }

#main.inner.services-page #content ul li { font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;  font-size: 16px; color: #6C6C71; line-height: 1.5; }


#main.inner #content .certificate-gallery ul { margin: 0; padding: 0; list-style: none; }

#main.inner #content .certificate-gallery ul li { display: inline-block; vertical-align: top; }

#main.inner #content .certificate-gallery img { display: inline-block; vertical-align: middle; margin: 5px 7px; /*width: 150px;*/ width: 260px; height: 201px; border: 2px solid #283891; }

#main.inner #content .certificate-gallery img:hover { border: 2px solid #25AAE1; }


#main.inner #content .project-gallery ul { margin: 0; padding: 0; list-style: none; }

#main.inner #content .project-gallery ul li { display: inline-block; vertical-align: top; }

#main.inner #content .project-gallery img { display: inline-block; vertical-align: middle; margin: 5px 7px; /*width: 150px;*/ width: 200px; height: 150px; border: 2px solid #283891; }

#main.inner #content .project-gallery img:hover { border: 2px solid #25AAE1; }

#main.inner #content .page_navigation{ padding:20px 0 20px 0; margin:0; text-align:center;}

#main.inner #content .page_navigation a,.ellipse{ text-align:center; display:inline-block; margin:0 3px; color: #283891; background:none; padding:3px 5px 3px 5px; text-decoration:none; font-size:12px; font-weight:bold; font-family:Arial; border:1px solid #283891;}

#main.inner #content .page_navigation a:hover, #main.inner #content .page_navigation a.active_page{ display:inline-block; margin: 0 3px; color: #fff; background: #283891; }

#footer.inner-ftr { background: url(../images/ftr-inr.jpg) no-repeat center top; background-size: 100% 100%; }

#footer.inner-ftr ul { background: none; }



/*project styles*/

.project-page h2 { text-align: left; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;  font-size: 20px; color: #6C6C71; line-height: 1.5; }

.project-page ul { text-align: left; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;  font-size: 16px; color: #6C6C71; line-height: 1.5; margin: 0 0 15px; padding: 0; }

.project-page .project-gallery { margin: 0 0 25px; }

.project-page .bottom-line { padding: 0 0 15px; border-bottom: 5px solid #0E74BB; }