@charset "utf-8";
/* CSS Document */
	
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video {
	margin:0 auto;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration:none;
	list-style:none;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.ie8 *{ outline:none;}
body{ background:#fff; font-family: 'proxima_nova_rgregular', Arial, Helvetica, sans-serif;}

/*----- html5 tags ------*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}

.nex {color:#fff;}


h1, h2, h3, h4, h5 { padding:0 0 15px; display:block; font-weight:normal;}

h1{ font-size:38px; color:#ba7128; line-height:30px; font-family: 'proxima_nova_rgregular'; color:#fff; text-shadow:1px 0 1px #000;}
h2{ font-size:36px; color:#ba7128;}
h3{ }
h4{ }
h5{ }

p {font-size:15px; line-height:22px; color:#4b4b4b; padding:0 0 15px; font-family: 'proxima_nova_rgregular'; display:block;}
p.more-padding { padding:0 0 30px;}
.middle-content-area ul{ margin:0px; padding:0px;}
.middle-content-area ul li{ background:url(images/bullet.png) no-repeat 0 1px; font-size:14px; color:#062a52; padding:0 0 10px 15px; line-height:16px; list-style:none;  
font-family: 'proxima_novasemibold';}
.middle-content-area ul li a {text-decoration:none; color:#062a52;}
.middle-content-area ul li:hover a {color:#cb382f;}


input[type="text"], input[type="password"] { outline: none; }
textarea:focus, input:focus, a, div, img { outline: none; }

/*----- wrapper part ------*/
#wrapper{ width:100%; height:auto; background:#fff; }
.container{width:980px; margin:0 auto;}
.cf {clear: both; display: block;}

/*----- header part ------*/
header { width:100%; position:relative; z-index:9; background:url(images/header-bg.jpg) repeat-x top left; height:145px; box-shadow:6px 0 16px rgba(0, 0, 0, 20);}
header .logo { float:left; display:block; height:65px; width:275px;}
header .logo img { display:block;}
header .top-area {  margin:20px 0 17px; display:block; float:left; width:100%;}
header .top-right-side { float:right; width:250px;}
header .top-right-side div { float:right; display:block; width:100%; margin:0 0 5px; text-align:right;}
header .top-right-side div strong {font-family: 'proxima_novasemibold'; font-size:18px; color:#ef4035; font-weight:normal;}
header .top-right-side div a {font-family: 'proxima_novalight'; font-size:18px; color:#003e78; text-decoration:none;}
header .top-right-side div a:hover { text-decoration:underline;}
header .top-right-side div span { font-size:18px; color:#003e78; font-family: 'proxima_nova_rgregular';}
header .menu-area { width:100%; display:block;}
header .menu-area nav { float:left; display:block; position:relative; z-index:999;}
header .menu-area nav ul { margin:0px; padding:0px;}
header .menu-area nav ul li { float:left; display:block; position:relative; list-style:none; background:none; font-size:15px; line-height:17px;}
header .menu-area nav ul li a {font-family: 'proxima_nova_rgregular'; padding:13px 30px; color:#fff; display:block; text-decoration:none;}
/*header .menu-area nav ul li:hover a, header .menu-area nav ul li.current a  { background:url(images/menu-bg.jpg) repeat-x top left; color:#003e78;}*/
header .menu-area nav ul li:hover a, header .menu-area nav ul li.current_page_item a  { background:url(images/menu-bg.jpg) repeat-x top left; color:#003e78;}

header .menu-area nav ul li span {display:none;} 
/*header .menu-area nav ul li:hover span, header .menu-area nav ul li.current span { display:block; position:absolute; bottom:-8px; background:url(images/menu-bottom-arrow.png) no-repeat center bottom; height:8px; width:100%;}*/
header .menu-area nav ul li:hover span, header .menu-area nav ul li.current_page_item span { display:block; position:absolute; bottom:-8px; background:url(images/menu-bottom-arrow.png) no-repeat center bottom; height:8px; width:100%;}
/*------- second leval ----------*/
header .menu-area nav ul li:hover > ul { display:block;}
header .menu-area nav ul li ul { display:none; position:absolute; width:230px; top:42px; left:0px; background:#fff; padding:10px 0;}
header .menu-area nav ul li:hover ul li { float:none; display:block; width:100%; font-size:14px; line-height:16px;}
header .menu-area nav ul li:hover ul li a { padding:7px 10px 7px 32px; color:#003e78; background:url(images/sub-menu-bullet.png) no-repeat 18px -1px;}
header .menu-area nav ul li:hover ul li a:hover {background:url(images/sub-menu-bullet.png) no-repeat 18px -31px #003e78; color:#fff;}
header .menu-area nav ul li:hover ul li.arrow { display:block; position:absolute; bottom:-8px; background:url(images/menu-bottom-arrow.png) no-repeat center bottom; height:8px; width:100%;}

/*------- third leval ---------*/
header .menu-area nav ul li ul li:hover > ul { display: block;}
header .menu-area nav ul li ul li ul { display:none; position:absolute; width:230px; top:0px; left:230px; background:#fff; padding:10px 0 10px;}
header .menu-area nav ul li ul li:hover ul li { float:none; display:block; width:100%; font-size:12px; line-height:16px; text-transform:uppercase;}
header .menu-area nav ul li ul li:hover ul li a { padding:7px 10px 7px 32px; color:#003e78; background:url(images/sub-menu-bullet.png) no-repeat 18px -1px;}
header .menu-area nav ul li ul li:hover ul li a:hover {background:url(images/sub-menu-bullet.png) no-repeat 18px -31px #003e78; color:#fff;}
header .menu-area nav ul li ul li:hover ul li.arrow { display:block; position:absolute; bottom:-8px; background:url(images/menu-bottom-arrow.png) no-repeat center bottom; height:8px; width:100%;}

.ie7 header .menu-area nav ul li:hover ul li.arrow { bottom:-22px;}
header .menu-area .social { float:right; background:url(images/social-bg.jpg) repeat-x top left; width:100px; padding:9px 10px 6px 14px;}
header .menu-area .social a { float:left; margin:0 6px 0 0px; display:block; transition:all .3s; -webkit-transition:all .3s;}
header .menu-area .social a.last { margin:0px;}
header .menu-area .social .facebook { background:url(images/fb-icon.png) no-repeat top left; height:28px; width:28px;}
header .menu-area .social .facebook:hover { background:url(images/fb-icon.png) no-repeat bottom left;}
header .menu-area .social .twitter { background:url(images/twitter.png) no-repeat top left; height:28px; width:28px;}
header .menu-area .social .twitter:hover { background:url(images/twitter.png) no-repeat bottom left;}
header .menu-area .social .linkedin { background:url(images/linked-in.png) no-repeat top left; height:28px; width:28px;}
header .menu-area .social .linkedin:hover { background:url(images/linked-in.png) no-repeat bottom left;}


/*------- banner part --------*/
.home-banner { background:url(images/home-page-big-banner.jpg) no-repeat top center; background-size:cover; width:100%; display:block; height:432px; padding:58px 0 0; margin:0 0 16px;}
.banner-box { padding:8px; display:block; background:#fff; margin:0 0 70px;}
.ie8 .banner-box, .ie7 .banner-box { margin:0 0 61px;}
.banner-box .banner-txt-box { background:url(images/home-page-about-txt-bg.jpg) no-repeat top left; float:left; height:265px; width:477px; text-align:center;}
.banner-box .banner-txt-box span { font-family: 'proxima_novathin'; display:block; font-size:22px; color:#fff; padding:40px 42px 20px; line-height:28px;}
.banner-box .banner-txt-box a { background: #c9362d; /* Old browsers */
background: -moz-linear-gradient(top,  #c9362d 0%, #f25f55 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9362d), color-stop(100%,#f25f55)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c9362d 0%,#f25f55 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c9362d 0%,#f25f55 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c9362d 0%,#f25f55 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c9362d 0%,#f25f55 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9362d', endColorstr='#f25f55',GradientType=0 ); /* IE6-9 */
 border-radius:20px; -webkit-border-radius:20px; color:#fff;  font-family: 'proxima_nova_rgregular'; text-transform:uppercase; font-size:17px; display:block; width:135px; padding:10px 30px; transition:all .3s; -webkit-transition:all .3s; box-shadow:0px 1px 0px rgba(255, 255, 255, 0.5);}
.banner-box .banner-txt-box a em { background:url(images/contact-person.png) no-repeat top left; padding:0 0 0 25px; display:block; font-size:17px; line-height:18px; font-family: 'proxima_nova_rgregular'; font-style:normal; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.5); font-size:17px;}
.banner-box .banner-txt-box a:hover em {background:url(images/contact-person.png) no-repeat bottom left; color:#0055a5;}

/* slider part */
.banner-box #slides	{ width:477px; height:265px; float:right; position:relative;}
.banner-box #slides .slides_container { width:477px; display:none;}
.banner-box #slides .slides_container div { width:477px; height:265px; display:block; }
.banner-box #slides .pagination { margin:0; padding:0; display:block; position:absolute; z-index:9; right:0px; bottom:7px; width:12%;}
.banner-box #slides .pagination li { float:left; width:14px; height:14px; margin:0 3px 0 0; }
.banner-box #slides .pagination a { background:url(images/banner-bullet.png) no-repeat top left; float:left; display:block; height:14px; width:14px; text-indent:-9999px;}
.banner-box #slides .pagination a:hover, .banner-box #slides .pagination .current a {background:url(images/banner-bullet.png) no-repeat bottom left;}
.banner-box #slides .prev{ display:none;}
.banner-box #slides .next{display:none;}

/* slogan part */
.slogan { background:url(images/slogan-txt-bg.png) repeat top left; height:80px; width:100%; display:block; border-radius:10px 10px 0px 0; -webkit-border-radius:10px 10px 0px 0;}
.slogan p {font-family: 'proxima_novathin'; font-size:23px; line-height:27px; padding:13px 20px; display:block; color:#fff; text-align:center;}

/* inner banner part */
.inner-container { background:url(images/inner-banner.jpg) no-repeat top center; width:100%; display:block;}
.inner-container .banner-part { height:275px; width:100%; display:block;}
.inner-container .left-side-content { width:650px; float:left; margin:30px 0 0;}
.inner-container .left-side-content table { border-left: 1px solid #003E78; border-top: 1px solid #003E78; margin: 0 0 30px; padding: 0; width: 100%;}
.inner-container .left-side-content table td { border-bottom: 1px solid; border-right: 1px solid; font-size: 13px; margin: 0; padding: 5px 10px;}
.inner-container .left-side-content table td strong span { font-size:14px !important; }

.inner-container .left-side-content img {border: 1px solid #CCCCCC; padding: 3px; margin: 5px;}
.inner-container .left-side-content .featured-image {float:right}
.inner-container aside { float:right; width:300px; margin:30px 0 0;}
.inner-container aside#gradient-bg { background:url(images/gradient-bg.jpg) repeat-y top left; width:300px; min-height: 450px;}
.inner-container aside#gradient-bg .service-main-bx { margin:0px;}
.inner-container aside#gradient-bg .service-box { width:300px; float:none; margin:0px;}
.inner-container aside#gradient-bg .service-box .text-area { background:none; border:none; height:auto;}

/*-------- middle-part ----------*/
.middle-content-area { width:100%; display:block;}
.middle-content-area .service-main-bx { width:100%; display:block; float:left; margin:0 0 20px;}
.middle-content-area .service-box { width:320px; float:left; margin:0 10px 0 0;}
.middle-content-area .last { margin:0px;}
.middle-content-area .service-box .title { position:relative; width:100%; text-align:center; display:block; padding:10px 0; font-family: 'proxima_novalight'; font-size:20px; line-height:22px; color:#e9e9e9; background:#003e78;}
.middle-content-area .service-box .title em { background:url(images/service-top-arrow.png) top center no-repeat; width:100%; height:8px; position:absolute; top:-8px; left:0px;}
.middle-content-area .service-box .text-area img { border:2px solid #003e78; display:block; margin:0 auto 5px;}
.middle-content-area .service-box .text-area {background:#e9eaea; border:1px solid #cccccc; border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; padding:10px 14px; height:165px;}
.middle-content-area .service-box .text-area p { color:#4b4b4b; font-size:14px; line-height:normal; padding:0 0 5px;}
.middle-content-area .service-box .text-area .read { text-transform:uppercase; color:#003e78; background:url(images/read-more.png) no-repeat 0 -3px; padding:0 0 0 18px; font-size:13px; line-height:15px; transition:all .3s; -webkit-transition:all .3s;}
.middle-content-area .service-box .text-area .read:hover { background:url(images/read-more.png) no-repeat bottom left; color:#cb382f;}
.middle-content-area .service-box .text-area ul { padding:8px 0 0 5px;}
.middle-content-area .service-box .text-area ul li { padding:0 0 15px 15px;}
.middle-content-area h1.home { padding:0 0 5px; font-size:24px; font-family: 'proxima_novalight'; color:#062a52; text-shadow:none;}
.middle-content-area h1.home span {color:#cb382f;}
.widget_sp_image-image-link{width : 40px;}




/*------- Footer --------*/
footer { background:#003e78; border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; padding:25px 0; width:100%; margin:0 0 15px;}
.ie7 footer { padding:25px 0 0px;}
footer .left-side { float:left; padding:0 0 0 30px; width:600px;}
footer .left-side .menu { width:100%; display:block; margin:0 0 15px; float:left;}
footer .left-side .menu ul { margin:0px; padding:0px;}
footer .left-side .menu ul li { background:url(images/foot-menu-bullet.png) no-repeat left center; padding:0 0 0 20px; margin:0 0 0 20px; float:left; font-family: 'proxima_nova_rgregular'; font-size:13px; line-height:15px;}
footer .left-side .menu ul li:first-child { padding:0px; margin:0px; background:none;}
footer .left-side .menu ul li a { color:#fff; transition:all .3s; -webkit-transition:all .3s; text-decoration:none;}
footer .left-side .menu ul li a:hover { color:#CB382F;}
footer .left-side p { padding:0px; color:#fff;}
footer .left-side p strong { font-family: 'proxima_nova_rgregular'; font-weight:normal; font-size:14px; display:block; line-height:16px;}
footer .left-side p span {font-family: 'proxima_novalight'; font-size:13px; display:block;}
footer .right-side { float:right; text-align:right; width:250px; padding:0 30px 0 0;}
footer .right-side span {font-family: 'proxima_novalight'; font-size:13px; display:block; padding:0 0 12px; text-align:right; width:100%; color:#fff;}
footer .right-side a { float:right; margin:0 0 0 8px; display:block;}


/*------- Julie --------*/

img {
        border: 0;
}
.alignleft {
        float: left;
        padding: 0 10px 0 10px;	
}

.alignright {
        float: right;
        padding: 0 10px 0 10px;
}
.aligncenter {
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;	
}



/* ============================== */
/* !     R E S P O N S I V E 	   */
/* ============================== */


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

body{ float: none; width: 100%; }

img{ max-width: 100%; height: auto; }

#wrapper, .container{ width: 100%; }

header{ height: auto; background: none; box-shadow: 0 0 0; }

header .top-area{
    margin: 20px 0 0 0;
    float: none;
}

header .logo, header .top-right-side, header .menu-area nav{
    float: none;
}

header .top-right-side{
    margin-top: 10px;
}

header .menu-area nav ul li{
    float: none;
    line-height: 1;
    text-align: center;
    margin-bottom: 1px;
}

header .menu-area nav ul li a{
    padding: 12px 0;
    background: #003E77;
}

header .menu-area nav ul li ul{
    position: static;
    width: 90%;
    background: none;
    padding: 0;
    margin: 0 auto;
    margin-top: 1px;
    list-style: none;
}

header .menu-area nav ul li:hover > ul, header .menu-area nav ul li ul li:hover > ul{ display: none; }

header .menu-area nav ul li:hover ul li, header .menu-area nav ul li ul li{
    line-height: 1;
    font-size: 15px;
}

header .menu-area nav ul li:hover ul li a, header .menu-area nav ul li ul li a{
    padding: 12px 0;
    background: #003E77;
    color: #fff;
}

header .menu-area nav ul li ul li ul{
    position: static;
    width: 90%;
    background: none;
    padding: 0;
}

header .menu-area nav ul li ul li:hover ul li, header .menu-area nav ul li ul li ul li{
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
}

header .menu-area nav ul li ul li:hover ul li a, header .menu-area nav ul li ul li ul li a{
    background: #003E77;
    padding: 12px 0;
    color: #fff;
}

header .menu-area .social, .banner-box .banner-txt-box{
    display: none;
}

.home-banner{
    height: auto;
    background: none;
    margin: 0;
    padding: 0;
}

.banner-box{
    background: none;
    margin: 0;
}

.banner-box #slides{
    width: 100%;
    height: auto;
    float: none;
}

.banner-box #slides .slides_container{
    width: 100%;
}


.slogan{
    height: auto;
}

.middle-content-area .service-main-bx{
    float: none;
}

.middle-content-area .service-box{
    float: none;
    margin: 20px auto;
}

.middle-content-area .last{
    margin: 20px auto;
}

p.more-padding, .middle-content-area h1.home{
    padding: 10px;
}

footer{
    margin: 0;
    padding: 10px 0;
}

footer .left-side, footer .right-side{
    float: none;
    width: 100%;
    text-align: center;
    padding: 0;
}

footer .left-side .menu{
    display: none;
}

footer .right-side span{
    text-align: center;
}

.inner-container .left-side-content{
    float: none;
    width: 96%;
    padding: 0 2%;
}

.inner-container aside{
    float: none;
    margin: 20px auto;
}

.inner-container .banner-part{
    height: 260px;
}

iframe, .form-all{
    width: 100% !important;
}

.inner-container .left-side-content table textarea, .inner-container .left-side-content table input[type="text"]{
    width: 100% !important;
}

}


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

.middle-content-area .service-box, .inner-container aside#gradient-bg{ width: 90%; }

.inner-container aside#gradient-bg .service-box{ width: 100%; }

img.alignleft{
    float: none;
}

h1{ font-size: 28px; }

.inner-container .left-side-content img{ width: 95%; }

textarea{
    width: 95%;
}
    
}