/* CSS Document */

html, body {
    height: 100%;
}
body {
    font-size: 13px;
	color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 1.5;
}
/*.wrapper {
    margin-bottom: -344px;
    min-height: 100%;
}*/

*::after, *::before {
    box-sizing: border-box;
}
*::after, *::before {
    box-sizing: border-box;
}

/*.wrapper::after {
    content: "";
    display: block;
    height: 344px;
}*/

h1, h2, h3, h4, h5, h6 {
    font-family: "open sans",arial,sans-serif;
    font-weight: 300;
}
.h4, .h5, .h6, h4, h5, h6 {
    margin-bottom: 10px;
    margin-top: 10px;
}

a {
    color: #2f3191;
    transition: all 0.4s ease-in-out 0s;
}
a:hover {
    color: #365d7e;
    text-decoration: none;
}
a:focus {
    text-decoration: none;
}
.page-wrapper .page-content h4 {
    font-size: 18px;
    font-weight: normal;
}
.container::after, .container::before, .navbar-nav::after, .navbar-nav::before, .clearfix::after, .clearfix::before, 
.row::after, .row::before {
    content: " ";
    display: table;
}

.container::after, .container::before, .navbar-nav::after, .navbar-nav::before, .clearfix::after, .clearfix::before, 
.row::after, .row::before {
	clear: both;
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
	width: 980px; 
}

.btn-theme {
    background: none repeat scroll 0 0 #00b9f0;
    border: 1px solid #00b9f0;
    color: #fff;
}
.btn {
    background-clip: padding-box;
    border-radius: 0;
    transition: all 0.4s ease-in-out 0s;
}

.row-end { margin-right: 0 !important; padding-right: 0 !important; }

.text-highlight { color: #2f3191; }

.read-more { display: block; font-size: 13px; transition: all 0.4s ease-in-out 0s; }
.read-more .fa { margin-left: 5px; position: relative; top: 1px; }

/**** Header ****/

.header .top-bar { background-color: #050755; }

.col-md-6 { width: 50%; }

.social-icons { list-style: outside none none; margin-bottom: 0; padding: 10px 0; }
.social-icons li { float: left; }
.header .social-icons li.row-end { margin-right: 0; }
.header .social-icons a { background: none repeat scroll 0 0 #27435a; }

.header .social-icons a .fa { color: rgba(255, 255, 255, 0.4); }
.header .social-icons a:hover { background-color: #6091ba;}
.header .social-icons a:hover .fa { color: #fff; }

.header .top-bar .search-form { padding: 10px 0; }
.header .search-form { border: 0 none; box-shadow: none; }

.header .top-bar .search-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }
.header .search-form .form-control { background: none repeat scroll 0 0 #f5f5f5; transition: all 0.4s ease-in-out 0s; 
	width: 260px; height: 16px; }

.header .header-main { padding: 15px 0; }

.header h1.logo { margin-bottom: 0; margin-top: 0; font-size: 25px; }
.header h1.logo a { color: #000; font-weight: bold; background: url(../images/IDP-logo.jpg) no-repeat; display:block; width:167px; height:70px; }
.col-md-4 { width: 28%; }
.col-md-8 { width: 64%; }

.header .menu-top { margin: 0; padding: 0; text-align: right; }
.header .menu-top li { float: left; font-family: "open sans",arial,sans-serif; font-size: 11px; list-style: outside none none; }
.header .menu-top li.divider a { border-right: 1px solid #c3c3c3; }
.header .menu-top li a { color: #777777; display: inline-block; padding: 0 10px; }
.header .menu-top li:last-child a { padding-right: 0; }

.header .contact { font-family: "open sans",arial,sans-serif; /*font-size: 20px;*/ font-weight: 300; margin-top: 10px; }
.header .contact p.phone { margin-right: 30px; }
.header .contact p { float: left; margin-bottom: 0; }
p { color: #222; margin: 0 0 15px; }

.header .contact .fa.fa-phone { font-size: 22px; top: 2px; }
.header .contact .fa { color: #00b9f0; font-size: 18px; margin-right: 8px; position: relative; top: 1px; }
.header .contact p a { color: #444444; }

/***** Navigation ****/

.main-nav { background-color: #2f3191; margin-bottom: 30px; }
.main-nav .nav .nav-item { font-family: "open sans",arial,sans-serif; font-weight: 600; text-transform: uppercase; z-index: 100; }


.main-nav .nav .nav-item.active > a::before { bottom: -8px; content: ""; display: block; font-family: FontAwesome; 
font-size: 12px; left: 0; position: absolute; text-align: center; width: 100%; }
	
.main-nav .nav .nav-item.active > a,.main-nav .nav .nav-item > a:hover { background-color: #00b9f0; color: #fff; }

.main-nav .nav .nav-item a { color: #dce7f0; transition: all 0.4s ease-in-out 0s; }
.navbar-nav { float: left; margin: 0; }
.main-nav .nav .nav-item { font-family: "open sans",arial,sans-serif; font-weight: 600; text-transform: uppercase; z-index: 100; }
.navbar-nav > li { float: left; }
.nav > li { display: block; position: relative; }
.nav > li > a { font-size: 13px; }
.navbar-nav > li > a { padding-bottom: 15px; padding-top: 15px; }
.navbar-nav > li > a { line-height: 20px; padding-bottom: 10px; padding-top: 10px; }
.nav > li > a { display: block; padding: 10px 15px; position: relative; }



.home-page .news { position: relative; }
.home-page section, .section { background: none repeat scroll 0 0 #f5f5f5; margin-bottom: 30px; overflow: hidden; }
.home-page h1.section-heading { color: #2f3191; font-size: 22px; font-weight: 300; line-height: 2; margin-top: 0; }
.home-page h1.section-heading .line { border-top: 2px solid #2f3191; display: inline-block; padding: 5px 15px 0; }

.home-page .section-content { padding: 0 15px 15px; }
.banner { margin: 0 0 30px; }

.home-page .news h2.title a { color: #444; }
.home-page .news h2.title { font-size: 18px; margin-top: 0; }

.home-page .news .news-item { padding-left: 115px; position: relative; padding-right: 15px; }
.home-page .news .thumb { left: 0; position: absolute; top: 0; }
.home-page .col-md-4 { width: 20%; }


.col-md-8 { width: 69%; padding-right: 26px; position: relative; }
.col-md-3 { width: 25%; padding: 0 15px; position: relative; }
.col-md-5 { width: 28%; /*padding: 0 15px;*/ position: relative; }

.page-wrapper .page-content .title { font-weight: 300; margin-bottom: 15px; margin-top: 0; }
.page-wrapper .page-content h3 { font-size: 20px; font-weight: normal; }

.page-wrapper .page-content .album-cover {
    border: 1px solid #e8e8e8;
    margin-bottom: 30px;
	text-align: center;
}
.album-cover p { font-size: 12px; font-weight: bold; margin: 5px 0;}
.album-cover h4 { font-size: 14px !important; }
.album-cover em { color: #6091ba; }
.page-wrapper .page-content .album-cover img { display: block; max-width: 100%; height: auto; }
.page-wrapper .album-cover {
    min-height: 360px;
}
.page-wrapper .album-cover {
    min-height: 290px;
}


/*.showcase-slide:hover a img {
	transition: all 1s ease 0s;
    opacity: 0.7;
    transform: scale(1.2);
}*/

.page-wrapper .page-content .album-cover .desc::before {
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    display: block;
    position: absolute;
    top: -10px;
}

.page-wrapper .page-content .album-cover .desc {
    padding: 15px 10px;
    position: relative;
}

/*.page-wrapper .page-content h4 {
    font-size: 14px;
    font-weight: normal;
}*/

.team h1.section-heading { line-height: 1.4; }
.team .section { margin-bottom: 14px; }

/***** Side Bar *****/

.page-sidebar .custom-sidebar-title { background-color: #f5f5f5; border-top: 1px solid #64a5c4; font-size: 13px; 
margin-bottom: 5px; padding: 8px 14px; color: #000; font-weight: bold; }


.social-icons a { background: none repeat scroll 0 0 padding-box #95b6d1; border-radius: 50%; display: inline-block; float: left;
    font-size: 18px; height: 26px; margin-right: 10px; padding-top: 8px; text-align: center; width: 32px; }

.social-icons a {
    font-size: 18px;
    text-align: center;
}


/***** Footer *****/
.footer { color: #fff; margin-top: 30px; }
.footer .bottom-bar { background-color: #2b2b2b; padding: 16px 0; }

/**** Contact Form ****/

.form-group { margin-bottom: 15px; }
label {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 5px;
    max-width: 100%;
}