/*
Theme Name: Computer Services Ltd.

Theme URI: http://computerservicesbd.com/

Author: ATM Hasan

Author URI: https://bd.linkedin.com/in/atmhasan

Description: CSL is a responsive WordPress theme which is specially designed for Computer Services Ltd.

Compatible with contact form 7, WooCommerce, NextGen Gallery and is translation ready. 

Translated into 23 ready languages and is compatible with WPML, qTranslate X, polylang etc.

Version: 1.1

Text Domain: Computer Services Ltd.

CSLTags: blue,black,white,gray,dark,yellow,one-column,two-columns,right-sidebar,responsive-layout,custom-background,custom-header,custom-menu,editor-style,featured-images,full-width-template, sticky-post,theme-options,threaded-comments,translation-ready,photoblogging

*/



body {
    margin: 0;
    padding: 0;
    line-height: 30px;
    font-size: 15px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    background: url(images/bodybg.jpg) repeat left top;
    background: #212f3d;
}
.bodyContent{
    min-height: 550px;
}
.layer{
    background: rgba(67,70,76,0.6);
    min-height: 550px;
}
*{
    margin: 0;
    padding: 0;
    outline: none;
}

img {
    border: none;
    margin: 0;
    padding: 0;
    height: auto;
}

.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .aligncenter {
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #1874c1;
}

a:hover {
    color: #5da1db;
}

ol,ul {
    margin: 0;
    padding: 0;
}

ul li ul, ul li ul li ul, ol li ol, ol li ol li ol {
    margin-left: 10px;
}

h1,h2,h3,h4,h5,h6 {
    color: #484f5e;
    font-family: 'Arial', Arial;
    margin: 0 0 20px;
    padding: 0;
    line-height: 1.1;
    font-weight: 600;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
    color: white;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

.clear {
    clear: both;
}

.alignnone {
    width: 100% !important;
}

img.alignleft, .alignleft {
    float: left;
    margin: 0 15px 0 0;
    padding: 5px;
    border: 1px solid #cccccc;
}

img.alignright, .alignright {
    float: right;
    margin: 0 0 0 15px;
    padding: 5px;
    border: 1px solid #cccccc;
}

blockquote {
    background: url(images/icon_quote.png) no-repeat 20px 22px;
    padding: 15px 15px 15px 60px !important;
    font-style: italic;
    color: #888;
    font-size: 14px;
    line-height: 1.5;
}

.left {
    float: left;
}

.right {
    float: right;
}

.space50 {
    clear: both;
    height: 50px;
}

.space100 {
    clear: both;
    height: 100px;
}

.pagination {
    display: table;
    clear: both;
}

.pagination ul {
    list-style: none;
    margin: 20px 0;
}

.pagination ul li {
    display: inline;
    float: left;
    margin-right: 5px;
}

.pagination ul li span, .pagination ul li a, .page-numbers {
    background: #646262;
    color: #fff;
    padding: 5px 10px;
    display: inline-block;
}

.pagination ul li .current, .pagination ul li a:hover, .current {
    background: #34c6f6 !important;
}

#comment-nav-above .nav-previous, #comment-nav-below .nav-previous {
    float: none !important;
    margin: 10px 0;
}

ol.comment-list li {
    list-style: none;
    margin-bottom: 5px;
}

.container {
    width: 98%;
    margin: 0 auto;
    position: relative;
}
/*header menu css*/
.menubar {
    background-color: #1874c1;
}

.toggle {
    display: block;
}

.toggle a {
    color: #ffffff;
    background: url(images/mobile_nav_right.png) no-repeat right center #1874c1;
    padding: 10px 10px;
    margin-top: 5px;
    font-size: 16px;
    text-align: left;
}

.toggle a:hover {
    color: #ffffff !important;
}

.sitenav {
    display: none;
}

.sitenav ul {
    margin: 0;
    padding: 0;
    /*font-family:'Roboto', sans-serif;*/
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    cursor: pointer;
    display: block;
}

.sitenav ul li {
    display: inline-block;
    margin: 0;
    position: relative;
    text-align: center;
    padding: 8px 0;
}

.sitenav ul li a {
    border-right: 1px solid #1367b1 !important;
    color: #fff !important;
    display: block !important;
    padding: 0 20px !important;
    text-decoration: none !important;
}

.sitenav ul li:last-child a {
    border: none !important;
}

.sitenav ul li ul li {
    display: block;
    position: relative;
    float: none;
    top: -1px;
    border-bottom: 1px solid #1367b1;
    padding: 10px 0;
}

.sitenav ul li ul li a {
    display: block;
    position: relative;
    top: 1px;
    text-align: left;
    border: none !important;
}

.sitenav ul li a:hover, .sitenav ul li.current_page_item a {
    color: #ffb400 !important;
}
.sitenav ul li a:hover, .sitenav ul li.mega-current-menu-item a {
    color: #ffb400 !important;
}

.sitenav ul li ul {
    display: none;
    z-index: 9999999;
    position: relative;
}

.sitenav ul li:hover > ul {
    display: block;
    width: 200px;
    position: absolute;
    left: 0;
    text-align: left;
    background-color: #1874c1;
    box-shadow: 0 2px 2px #333;
}

.sitenav ul li:hover ul li ul {
    display: none;
    position: relative;
}

.sitenav ul li:hover ul li:hover > ul {
    display: block;
    position: absolute;
    left: 200px;
    top: 1px;
}
/*Mega menu*/
#mega-menu-wrap-primary {
    background: inherit;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    background: rgba(67,70,76,1);

}
/* = header top css-------------------------------------------------------------- */.headertop {
    background-color: #B6BCCC;
}

.topleft {
    float: left;
    padding: 20px 0;
    width: 85%;
    position: relative;
    top: 2px;
    margin-bottom: -5px;
}

.topleft ul {
    margin: 0;
    padding: 0;
    font: 400 12px/12px 'Roboto';
}

.topleft ul li {
    display: inline-block;
    padding: 0 10px 0 0;
    margin: 0 10px 5px 0;
    text-align: center;
    text-transform: capitalize;
    border-right: #c1c1c1 1px solid;
}

.topleft ul li:last-child {
    border-right: none;
}

.topleft ul li a {
    padding: 0;
    margin: 0;
    color: #8a8a8a;
    display: block;
}

.topleft ul li a:hover {
    padding: 0;
    margin: 0;
    color: #1874c1;
    display: block;
}

.topright {
    float: right;
    text-align: right;
}/* = social icons css-------------------------------------------------------------- */.social-icons a {
    border-left: 1px solid #e0e0e0;
    color: #7a7a7a;
    width: 35px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    display: table-cell;
}

.social-icons br {
    display: none;
}

.social-icons a:hover {
    color: #1874c1;
}

.social-icons .fb {
    background: url(images/icon-fb.png) no-repeat center center;
}

.social-icons .tw {
    background: url(images/icon-tw.png) no-repeat center center;
}

.social-icons .gp {
    background: url(images/icon-gp.png) no-repeat center center;
}

.social-icons .in {
    background: url(images/icon-in.png) no-repeat center center;
}/* = header top sign in  css-------------------------------------------------------------- */

#pagefixed {
    background-color: #212f3d;
}

.header {
    width: 100%;
    z-index: 999999;
    background-color: #212f3d;
}

.logo {
    float: left;
    z-index: 999;
    padding: 25px 0;
    color: #8a8a8a;
    width: 80%;
}

.logo h1 {
    font-weight: 900;
    margin: 0;
    line-height: 28px;
    color: #333;
    text-transform: uppercase;
    font-size: 20px;
}

.logo h1 span {
    color: #333;
}

.logo a {
    color: #333;
}

.header_right {
    float: right;
    width: 70%;
    padding: 10px 0;
}

.headerinfo {
    color: #8a8a8a;
    float: right;
    text-align: center;
}

.headerinfo span {
    display: block;
    color: #333;
    font-weight: 600;
    line-height: 24px;
}

.headerinfo .headcol-1 {
    width: 218px;
    float: left;
    background: url(images/icon-watch.png) no-repeat left 6px;
    padding: 0 15px 0 25px;
    margin-right: 20px;
    border-right: 1px solid #f5f5f5;
}

.headerinfo .headcol-2 {
    width: 125px;
    float: left;
    background: url(images/icon-phone.png) no-repeat left 6px;
    padding: 0 15px 0 25px;
    border-right: 1px solid #f5f5f5;
    margin-right: 20px;
}

.headerinfo .headcol-3 {
    width: 200px;
    float: left;
    background: url(images/icon-email.png) no-repeat left 7px;
    padding: 0 0 0 25px;
}
.homeRight{
    float: right;
    color: black;
}
section#home_slider {
    padding: 0;
}

#wrapfirst {
    padding: 40px 0;
}

h2.section-title {
    color: #454545;
    font: 300 36px/40px 'Roboto',san-serif;
    text-align: center;
}/*services section css*/

#pagearea {
    margin-top: 20px;
}

#pagearea .threebox {
    width: 28%;
    float: left;
    margin: 0 30px 0 0;
    padding: 35px 20px;
    background-color: #f5f5f5;
    color: #333;
    text-align: center;
}

#pagearea .threebox h3 {
    font-size: 18px;
    margin: 15px 0 10px;
    font-weight: 600;
    color: #3a3a3a;
    text-transform: uppercase;
}

#pagearea .threebox a {
    display: block;
}

#pagearea .threebox:hover {
    background-color: #1874c1;
    cursor: pointer;
    color: #fff;
}

#pagearea .threebox:hover h3 {
    color: #fff;
}

a.ReadMore {
    background-color: #1874c1;
    color: #fff;
    padding: 5px 15px;
    font: normal 18px/22px 'Roboto';
    text-transform: uppercase;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

a.ReadMore:hover {
    background-color: #865628;
    color: #fff;
}/* = Services section css-------------------------------------------------------------- */

.last_column {
    clear: right;
    margin-right: 0 !important;
}

.MoreLink {
    background-color: #262626;
    color: #fff;
    display: inline-block;
    padding: 6px 15px;
}

.welcomewrap {
    text-align: center;
}

.welcomewrap img {
    float: right;
    margin: 10px 0 0 30px;
    padding: 7px;
    background-color: #fff;
    border: 1px solid #e6e5e5;
}

.welcomewrap p {
    margin-bottom: 15px;
}/* = Page lay out css-------------------------------------------------------------- */

.site-main {
    width: 790px;
    float: left;
    margin: 0;
    padding: 0;
}

#sitefull {
    width: 100%;
    float: none;
}

#sitefull p {
    margin-bottom: 15px;
}

.page_content {
    padding: 35px 0;
    background-color: #212f3d;
}

.page_content p {
    margin-bottom: 20px;
    line-height: 20px;
}

.blog_lists {
    margin-bottom: 30px;
}

.blog_lists h3 {
    margin-bottom: 0px;
    text-transform: none;
}

.blog_lists h3 a {
    color: #484f5e;
}

.blog_lists h3 a:hover {
    color: #1874c1;
}

.blog_lists p {
    margin-bottom: 10px;
}

.blog-meta {
    font-style: italic;
    margin-bottom: 8px;
}

.post-date, .post-comment, .post-categories {
    display: inline;
    color: #000000;
}

.single_title {
    margin-bottom: 5px;
}

.BlogPosts {
    width: 31.2%;
    float: left;
    margin: 0 3% 0 0;
}

.BlogPosts img {
    width: 100%;
}

.BlogPosts h3 {
    margin: 10px 0;
    font-size: 22px;
}

.post-thumb {
    width: 20%;
    float: left;
    margin: 5px 25px 5px 0;
}/* = sidebar-------------------------------------------------------------- */#sidebar {
    width: 330px;
    float: right;
}

#sidebar .sub-menu {
    background-color: transparent !important;
}

aside.widget {
    margin-bottom: 30px;
    background-color: #f6f4f4;
    padding: 20px;
    border: 1px solid #edecec;
}

aside.widget ul {
    list-style: disc;
}

h3.widget-title {
    background-color: #1874c1;
    padding: 12px 15px;
    margin-bottom: 1px;
    color: #fff;
}

h3.widget-title a {
    color: #FFF;
}

#sidebar ul li {
    border-bottom: 1px dashed #2c2c2c;
    padding: 10px 0 10px 15px;
    list-style: none;
    background: url(images/sidebar-arrow.png) 0 16px no-repeat;
    word-wrap: break-word;
}

#sidebar ul li a {
    padding: 0;
    color: #3b3b3b;
}

#sidebar ul li a:hover {
    color: #34c6f6;
}

#sidebar ul li:last-child a {
    border: none;
}

#sidebar table {
    width: 100%;
    text-align: center;
}

#sidebar input[type="text"], #sidebar input[type="search"] {
    width: 70%;
    height: 30px;
    margin-bottom: 10px;
    padding-left: 10px;
}

#prev {
    text-align: left;
}

#next {
    text-align: right;
}

input.search-submit, .post-password-form input[type=submit], .wpcf7-form input[type=submit] {
    border: none;
    color: #ffffff;
    padding: 7px 15px;
    cursor: pointer;
    background-color: #1874c1;
}/* = Footer css-------------------------------------------------------------- */#footer-wrapper {
    background: url(images/footer-bg.jpg) repeat fixed center top;
    position: relative;
    padding: 45px 0 0;
    color: #fff;
}

.cols-3 {
    width: 31%;
    float: left;
    margin: 0 3% 2% 0;
}

.widget-column-3 {
    margin-right: 0px !important;
}

.cols-3 h5 {
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.cols-3 ul {
    margin: 0;
    padding: 0;
    list-style: inside disc;
    -moz-column-count: 2;
    -moz-column-gap: 1em;
}

.cols-3 ul li {
    padding: 0;
}

.cols-3 ul li a {
    color: #fff;
    font: normal 12px/24px Arial, Helvetica, sans-serif;
    padding: 0 0 0 10px;
}

.cols-3 ul li a:hover, .cols-3 ul li.current_page_item a {
    color: #ffb400;
}

.cols-3 a.readmore span {
    color: #fff;
}

.cols-3 p {
    margin-bottom: 15px;
}

.cols-3 h1, .cols-3 h2, .cols-3 h3, .cols-3 h4, .cols-3 h5, .cols-3 h6 {
    color: #fff;
}

.phone-no {
    margin: 10px 0 20px;
    line-height: 22px;
}

.phone-no a {
    color: #d6d6d6;
}

.phone-no a:hover {
    color: #d6d6d6;
}

.phone-no strong {
    display: inline-block;
    color: #1874c1;
}

.cols-3 .phone-no p {
    margin-bottom: 0;
}

.widget-column-2 a {
    font: 400 20px/24px 'Roboto',san-serif;
}/*footer recent post*/div.recent-post {
    display: block;
    line-height: 18px;
    padding: 0 0 15px 0px;
    background: none;
    margin-bottom: 15px;
    border-bottom: #4d4f5b 1px dashed;
    min-height: 70px;
}

div.recent-post img {
    float: left;
    margin: 5px 15px 0 0;
    border: #4d4f5b solid 2px;
}

div.recent-post span {
    font-size: 11px;
}

div.recent-post a {
    text-decoration: none;
    background: transparent;
}

div.recent-post a:hover {
    text-decoration: none;
}

div.recent-post:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

div.recent-post p {
    display: inline;
    line-height: 22px;
    margin: 0;
}

.copyright-wrapper {
    background-color: #1c2833;
    position: relative;
    padding: 15px 0;
}

.copyright-txt {
    text-align: center;
}

.copyright-txt span {
    color: #1874c1;
}

.design-by {
    float: right;
}

.footerfix {
    margin-bottom: 30px;
    border-bottom: 1px solid #4d4f5b;
    padding-bottom: 40px !important;
}

.fixed3 {
    font: 400 13px/20px 'Roboto';
    width: 28.7%;
    float: left;
    margin: 0 30px 0 0;
    border: 1px solid #4d4f5b;
    padding: 20px 15px;
}

.fixed3 span {
    display: block;
    color: #a8a8a8;
    font-size: 14px;
    font-weight: 600;
}

.addressbx {
    background: url(images/footericon1.jpg) no-repeat left 5px;
    padding: 0 0 0 70px;
    min-height: 60px;
}

.phonebx {
    background: url(images/footericon2.jpg) no-repeat left 5px;
    padding: 0 0 0 70px;
    min-height: 60px;
}

.emailbx {
    background: url(images/footericon3.jpg) no-repeat left 5px;
    padding: 0 20px 0 70px;
    min-height: 60px;
}/* Buttons */.button {
    background-color: #ff6565;
    border-bottom: 4px solid #e44545;
    color: #fff;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
}

.button:hover {
    background-color: #34c6f6;
    border-color: #1898c2;
    color: #fff;
}/* woocommerce CSS================================================*/a.added_to_cart {
    background: #e1472f;
    padding: 5px;
    display: inline-block;
    color: #fff;
    line-height: 1;
}

a.added_to_cart:hover {
    background: #000000;
}

a.button.added:before {
    content: '' !important;
}

#bbpress-forums ul li {
    padding: 0;
}

#subscription-toggle a.subscription-toggle {
    padding: 5px 10px;
    display: inline-block;
    color: #e1472f;
    margin-top: 4px;
}

textarea.wp-editor-area {
    border: 1px #ccc solid;
}

.woocommerce input[type=text], .woocommerce textarea {
    border: 1px #ccc solid;
    padding: 4px;
}

form.woocommerce-ordering select {
    padding: 5px;
    color: #777777;
}

.woocommerce table.shop_table th, .woocommerce-page table.shop_table th {
    font-family: 'Roboto',san-serif;
    color: #1874c1;
}

.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
    color: inherit !important;
}

h1.product_title, p.price {
    margin-bottom: 10px;
}

.woocommerce table.shop_table th, .woocommerce-page table.shop_table th {
    font-family: 'Roboto',san-serif;
    color: #1874c1;
}

.woocommerce ul.products li, #payment ul.payment_methods li {
    list-style: none !important;
}

.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
    color: inherit !important;
}

.woocommerce table.shop_table th, .woocommerce table.shop_table td {
    border-bottom: 0px !important;
}/* Text meant only for screen readers. */.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */;
}
/* ============= Contact Page =========== */
.wpcf7 {
    margin: 30px 0 0;
    padding: 0;
}
.contactContent{
    padding: 20px;
}

.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"] {
    width: 40%;
    border: 1px solid #cccccc;
    box-shadow: inset 1px 1px 2px #ccc;
    height: 35px;
    padding: 0 15px;
    color: #797979;
    margin-bottom: 0;
}

.wpcf7 textarea {
    width: 60%;
    border: 1px solid #cccccc;
    box-shadow: inset 1px 1px 2px #ccc;
    height: 150px;
    color: #797979;
    margin-bottom: 25px;
    font: 12px arial;
    padding: 10px;
    padding-right: 0;
}

.wpcf7 input[type="submit"] {
    background-color: #1874c1;
    width: auto;
    border: none;
    cursor: pointer;
    font: 18px 'Roboto',san-serif;
    color: #ffffff;
    padding: 10px 40px;
    border-radius: 3px;
}	/* ============= Comment Form ============ */h1.screen-reader-text {
    font: 22px 'Roboto',san-serif;
}

.site-nav-previous, .nav-previous {
    float: left;
}

.site-nav-next, .nav-next {
    float: right;
}

h3#reply-title {
    font: 300 18px 'Roboto',san-serif;
}

#comments {
    margin: 30px 0 0;
    padding: 0;
}

nav#nav-below {
    margin-top: 15px;
}

select option {
    width: 275px;
    height: 30px;
}

.none {
    display: none;
    visibility: hidden;
}

body.wp-site-logo .logo h1 {
    display: none;
}

body.wp-custom-logo .logo h1 {
    display: none;
}

.getaquote {
    float: right;
    position: relative;
    top: -50px;
    margin-bottom: -50px;
}

.getaquote ul li {
    margin: 0 !important;
    padding: 0 !important;
}

.getaquote ul li a {
    background-color: #ffb400;
    border: none;
    padding: 15px 42px;
}

.getaquote ul li a:hover {
    color: #fff !important;
}

.search-form input[type="search"] {
    height: 32px;
    padding: 5px;
    background-color: #1c2833;
    border: 2px none;
}

.news {
    font-weight: bold;
    margin-top: 30px;
    font-size: 15px;
    font-family: san-serif;
}
.newsRoom{
    padding: 15px 0px;
    border-bottom: 1px solid black;
}
.newsRoom a:hover{
    text-decoration:none;  
}
.excerpt{
    padding-bottom:15px;
}
.excerpt a{
    color:#fff;
}
.search-field {
    /*border-radius:10px;*/;
}

.search-submit {
    /*border-radius:10px;*/;
}

.bodyContent {
    background-color: #212f3d;
}/*social icon starts*/
.social-icons-top{
    padding: 5px 0 10px;
}
ul.social-icons-top li {
    display: inline-block;
}

ul.social-icons-top li a {
    color: #f6f4ea;
}
li .fa-facebook{
    background-color: #3b64a1;
}
li .fa-linkedin{
    background-color: #0279b3;
}
ul.social-icons-top li i {
    border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    line-height: 1;
    margin-left: 8px;
    min-width: 24px;
    padding: 4px 0;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    vertical-align: top;
}
ul.social-icons-top li i:hover{
    color:#ffb400;
}
.right_top i {
    font-size: 1.6em;
    margin-right: 4px;
    margin-top: 4px;
}/*social icon ends*/#huge_it_portfolio_content_2 {
    margin-left: 40px;
}/*starts Left sideber*/#headingOne {
    float: left;
    padding-right: 20px;
}

#headingOne li {
    border-bottom: 1px dotted #db9e3c;
    display: inline;
}

#headingOne li a:hover {
    color: #FFB42C !important;
}

#headingOne li a {
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    line-height: 16px;
    padding: 4px 0 8px 15px;
    text-decoration: none;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0) url("./image/arrow.png") no-repeat scroll left top;
}

.panel-default > .panel-heading {
    background-color: #566573;
    border-color: #566573;
    color: #ABB2B9;
}

.panel-group .panel {
    border: 2px none;
    border-radius: 10px;
    margin-bottom: -11px;
}

.panel-title>a {
    display: block;
    /* padding: 20px; */
    text-decoration: none;
    display: block;
    line-height: 16px;
    color: #555;
    padding: 6px 0 6px 1.0em;
    cursor: pointer;
    line-height: 16px;
    text-transform: uppercase;
}

.panel-title>a:hover {
    color: black;
}

.panel {
    background-color: #1c2833;
}

.panel a {
    display: block;
    /* padding: 20px; */
    text-decoration: none;
    display: block;
    line-height: 16px;
    color: #555;
    padding: 6px 0 6px 1.0em;
    cursor: pointer;
    line-height: 16px;
}

.panel a:hover {
    color: green;
}

.multilevel-linkdiv-0 a:hover, .multilevel-linkdiv-1 a:hover, .multilevel-linkdiv-2 a:hover, .multilevel-linkdiv-3 a:hover, #main_content .panel-title>a:hover {
    background-color: #8A2A35;
    color: #fff;
}

#main_content {
    padding: 5px 30px 30px;
    /*text-align: justify;*/;
}

.panel-group {
    /*float: right;*/;
}

.breadcrumb {
    background-color: #212f3d;
    font-size: 15px;
    font-weight: bold;
    margin-left: -15px;
}

.breadcrumb a {
    color: white;
}

.breadcrumb h3 {
    color: white;
    /*font*/;
}

.leftMenu {
    float: left;
    margin-left: -25px;
    max-width: 210px;
    margin-top: -15px;
}

.content-area {
    text-align: justify;
}

.panel-heading {
    background-color: #808080;
    border-bottom: 0px solid #808080;
    color: #fff;
}

.sitenav .sub-menu li {
    background-color: #1C2833;
    border-bottom: 1px solid #1367B1;
}

#headingOne .sub-menu li a {
    background-color: #212F3D;
    border-bottom: 0px solid #808080;
}

#headingOne .sub-menu {
    background-color: #212F3D;
}

#headingOne .sub-menu li a:hover {
    border-bottom: 0px solid #808080;
}

.nav-menu {
    font-family: "DINMedium",DIN-Medium;
    text-transform: uppercase;
    font-size: 11px;
}

.panel-title li a {
    font-family: "DINMedium",DIN-Medium;
    text-transform: uppercase;
    font-size: 11px;
}

.breadcrumb a {
    font-family: "Arial",Arial;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.content-area img {
    padding-bottom: 10px;
/*     min-width: 100%; */
}

.content-area h3 {
    padding-top: 20px;
    color: #00b2d9;
    text-transform: uppercase;
}
.panel-body p {
    margin-bottom: 0 !important;
}
.content-area p {
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 20px;
    text-shadow: 1px 1px #000;
	color: #fff;
}
/*starts clients list tab*/
.nav-tabs > li > a {
    color: #fff;
    font-weight: 600px;
    font-size: 12px;
    background-color: #1874C1;
    font-family: "DINMedium",DIN-Medium;
    text-transform: uppercase;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    font-weight: bold;
    text-transform: uppercase;
    font-family: "DINMedium",DIN-Medium;
}/*ends clients list tab*//*starts portfolio*/
.portfolio_area {
    /*        height: 205px !important;            max-width: 273px !important;            position: relative;            width: 100%;*/;
}

.portfolio_content {
    text-align: center;
}

.portfolio_content a {
    text-decoration: none;
    text-transform: none;
    color: #fff;
    font-size: 18px;
}

.portfolio_area img {
    height: 200px !important;
    max-width: 273px !important;
    position: relative;
    width: 100%;
    min-width: 200px;
    padding-top: 15px;
    margin-top: 10px;
    border-radius: 50%;
    /*    -webkit-transform: rotate(360deg);        -moz-transform: rotate(360deg);        -o-transform: rotate(360deg);        -ms-transform: rotate(360deg);        transform: rotate(360deg);*/;
}

.portfolio_area img:hover {
    /*    height: 205px !important;        max-width: 273px !important;        position: relative;        width: 100%;        min-width: 200px;        padding-top: 15px;        margin-top: 10px;*/;
}

.portfolio_area a {
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}

.portfolio_area a:hover {
    /*background-color: red;*/;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.pic {
    border: 3px solid #fff;
    /*float: left;*/
    height: 200px;
    width: 200px;
    margin: 20px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-box-shadow: 5px 5px 5px #111;
    box-shadow: 5px 5px 5px #111;
    margin-bottom: 5px;
    display: inline-block;
}
/*GROW*/
.grow img {
    height: 200px;
    width: 200px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.grow img:hover {
    width: 300px;
    height: 300px;
}/*FOCUS*/.focus {
    border: 25px solid #273746;
    border-radius: 50%;
}

.focus:hover {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    border: 0px solid #273746;
    /*border-radius: 50%;*/;
}/*GROW*//*.grow img {    height: 300px;    width: 300px;    -webkit-transition: all 1s ease;    -moz-transition: all 1s ease;    -o-transition: all 1s ease;    -ms-transition: all 1s ease;    transition: all 1s ease;}.grow img:hover {    width: 400px;    height: 400px;}*//*ends portfolio*//*news section*/.news_update {
    height: 205px !important;
    margin-top: 10px;
    max-width: 273px !important;
    min-width: 200px;
    padding-top: 15px;
    position: relative;
    width: 100%;
    border: 3px solid #C8C8C8;
    padding-left: 15px;
    background-color: #E0E0E0;
    margin-bottom: 50px;
}

.milestone_project {
    background-color: #E0E0E0;
    border: 3px solid #C8C8C8;
    padding-left: 15px;
    height: 205px !important;
    margin-top: 30px;
    max-width: 273px !important;
    min-width: 200px;
    padding-top: 15px;
    position: relative;
    width: 100%;
}

marquee a {
    color: #fff;
}

.address {
    margin-top: 60px;
}

.affiliates img {
	height: 55px;
    margin: 45px auto;
}

#subcontent {
    margin: 0 0 10px;
    /*width: 222px;*/;
}

.subcontentbox {
    background: #f3f3f3 none repeat scroll 0 0;
    margin-bottom: 10px;
    padding: 0 10px 1em;
    position: relative;
}

.subcontentbox h3 {
    background: #e0e0e0 url("./image/subcontentbox_head.gif") no-repeat scroll 0 0;
    color: #333 !important;
    font-weight: bold;
    margin: 0 -10px 1em;
    padding: 8px 10px 7px;
    font-size: 13px;
}

a.buttoninspiring {
    background: rgba(0, 0, 0, 0) url("./image/inspiring2.gif") no-repeat scroll 0 0;
    display: block;
    height: 32px;
    line-height: 32px;
    margin-top: 5px;
    overflow: hidden;
    padding-left: 38px;
}

.milestoneProjects a {
    font-size: 20px;
    font-weight: bold;
    text-transform: capitalize;
    font-family: "DINMedium",DIN-Medium;
    color: #000;
    text-decoration: none;
}

.milestoneProjects h4 a {
    font-size: 13px;
    color: #fff;
    text-decoration: none;
}

.milestoneProjects h4 {
    margin-bottom: -3px;
}
.milestones {
    max-height: 420px;
}

.singleMilestone {
    margin-bottom: 15px;
}

marquee a:hover {
    text-decoration: none;
}

.newsHorizontal h1 {
    padding-left: 5px;
    /*background-color: #1874C1;*/
}

.newsHorizontal {
    margin-top: -30px;
}

.newsContent a {
    /*background-color: #1874C1;#5da1db*/
    color: #ffb400;    
    padding-right: 40px;
    margin-top: 5px;
}
.newsContent a:hover {
    /*background-color: #1874C1;#5da1db*/
    color: #1874C1 !important;
}

.newsContent {
    /*background-color: #1874C1;*/    /*color: #fff;*/
    margin-left: -15px;
    margin-top: 5px;
}

.featuredImage {
    margin-top: 0px;
    width: 100%;
}

.menubarNew {
    background-color: #1C2833;
}

.studentprofileorange {
    background: #1C2834 url("./image/base.jpg") no-repeat scroll 0 100%;
    margin: 0 5px;
    padding: 0 10px 35px;
    position: relative;
    width: 222px;
}

.studentprofileheadorange {
    background: #fff url("./image/top.jpg") no-repeat scroll 0 0;
    height: 18px;
    margin: 0 -10px;
}

.quotehead {
    color: #01AED4;
}

.studentprofileorange h2 {
    color: #fff;
    font-size: 18px;
    margin-top: -5px;
    text-align: center;
}

ul li a {
    text-transform: none !important;
}

.rightMenu {
    margin-top: 20px;
}

.webMail {
    margin-left: 50px;
}

.webMail a {
    text-decoration: none;
}

.portfolio_summary p {
    line-height: 15px;
    font-size: 13px;
    font-family: times new roman;
    padding: 0 25px;
}

.portfolio_title {
    font-weight: 900;
}

.newsTitle {
    color: #00BAE3;
}

.entry-content p {
    text-align: justify;
}

.panel-body {
    color: black;
    text-align: justify;
    padding: 0 15px;
}

.panel-title-new {
}
.panel:hover {
    background-color: #212f3d;
}

.panel-title-new a {
    color: #fff;
    text-decoration: none;
}

.panel-title-new a:hover {
    color: #fff !important;
}

.panel-heading {
    padding: 5px;
    max-height: 50px;
}
.iso{
display: inline-flex;
}
.iso img{
/*width: 50%;
    height: 50%;*/
}
.bd_peer {
    text-align: center;
    max-height: 120px;
}
.bd_peer h4, h1{
    margin-bottom: 0;
}
.ca_csl {
    text-align: center;
}

.searchSocial {
    text-align: center;
    margin-top: 13px;
}

.yearsCount {
	margin: 22px auto 0;
	display: table;
}

div.wpcf7 img.ajax-loader {
    border: medium none;
    margin-left: 4px;
    max-height: 0;
    vertical-align: middle;
}

.eventLogo img{
    max-height: 60px;
    min-height: 60px;
}

ul .sub-menu{
    background-color: #212f3d !important;
}
@media only screen and (max-width: 500px) {
    .yearsCount {
        float: none;
    }
}

/*Image Coulumn boxes Starts*/
.columnBox h3 {
    color: #00b2d9;
    margin-bottom: 10px;
    padding-top: 10px;
}
.columnBox{
    padding: 15px;
    text-align: justify;
}
.columnBoxes a{
    color: #fff;
}
.columnBoxes a:hover{
    text-decoration:none;
}
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.hover-opacity {
    max-width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.hover-opacity:hover{
    opacity:0.9;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
#mega-menu-wrap-primary .mega-menu-toggle {
    background: inherit;
}
.navMobile ul li a.mega-menu-link {
    color: #fff !important;
}
.navMobile ul li a:hover, .navMobile ul li.mega-current-menu-item a {
    color: #ffb400 !important;
}
td, th {
    border: 2px solid;
padding: 10px;
}
a.career{
color:#fff;
}
.career a{
color:#fff;
}
.career {
    margin: 0 auto;
    width: 90%;
}
.panel-body p{
	font-weight: 300;
	font-size: 15px; 
}