/**

 * @package Olivine Limited

 * @author Olivine Limited <info@olivineltd.com>

 * @link http://olivineltd.com

 * @author Md. Pomerul Islam <pomerul@olivineltd.com>

 * @link http://pomerulbd.com

 * @version  2.0.0

 * @copyright ©-2011 - Olivine Limited.

 * @last-modified 01/11/2017.

 */



/* global tags */

body {

    margin: 0;

    padding: 0;

    overflow-x: hidden;

    padding-right: 0px !important;

    line-height: 20px;

    font-size: 13px;

    background: url('../images/body_bg.gif');

}

a,a:hover,a:focus,a:active {

    transition: 500ms;

    text-decoration: none;

}

textarea {

    resize: vertical;

}



/* override classes */

.container {

    max-width: 100%;

}

.navbar-nav a {

    font-weight: 500;

    font-size: 14px;

    text-align: center;

}

.navbar-nav a:hover {

    font-weight: 500;

}





/* custom classes */

.pd-0 {

    padding: 0;

}

.pd-left-0 {

    padding-left: 0;

}

.pd-right-0 {

    padding-right: 0;

}



/* style classes */

.page-wrapper {

    position: relative;

    margin: 0 auto;

    width: 100%;

    min-width: 300px;

    max-width: 1020px;

    background: #3E5050;

    box-shadow: 0px 0px 20px -1px grey;

}

.header {

    background: #3E5050;

}



.logo {

    margin-top: 5px;

    margin-bottom: 5px

}

.siteTitle {

    font-size: 40px;

    text-transform: uppercase;

    font-weight: bold;

    color: #fff;

    line-height: 100px;

    vertical-align: middle;

}

.topBar {

    background-color: #2c2c2c;

    border-bottom: 2px solid #27c667;

    color: #fff;

    padding: 5px 0;

}

.topBar ul {

    margin: 0;

    padding: 0

}

.topBar ul li {

    display: inline-block;

    color: #fff;

}

.appointmentButton {

    background: #222 !important;

    border: 1px solid #27C667 !important;

    border-radius: 0;

    padding: 4px;

}

ul.accountMenu {

    list-style: none;

    margin: 0;

    padding: 0;

    box-shadow: 1px 1px 10px grey;

}

ul.accountMenu li {

    float: left;

    border-left: 1px solid #fff;

}

ul.accountMenu li a{

    padding: 10px 38px;

    display: block;

    background: #27c667;

    color: #fff;

    text-decoration: none;

    font-size: 15px;

    clear: both;

}

ul.accountMenu li a .counter{

    font-size: 40px;

    display: inline-block;

    height: 100%;

}

ul.accountMenu li a .counter-label {

    display: inline-block;

    line-height: 15px;

}

ul.accountMenu li a:hover{

    background: #9ab973;

}



ul.accountMenu li:first-child a{

    padding-left: 5px;

    position: relative;

}

ul.accountMenu li:first-child  a:before{

    content: " ";

    position: absolute;

    top: 0;

    right: 100%;

    border: 26px solid #27c667;

    border-left-color: transparent;

    border-bottom-color: transparent;

    transition: 500ms;

}

ul.accountMenu li a:hover:before{

    border-color: #9ab973;

    border-left-color: transparent;

    border-bottom-color: transparent;

}

#globalSearch .form-control {

    font-size: 11px;

    border-radius: 0;

    margin-top: 8px;

    background: transparent;

    color: #fff;

}

#globalSearch .btn {

    background-color: #27c667;

    border-color: #27c667;

    border-radius: 0;

    margin-top: 8px;

    color: #3e5050;

}

.oRightPanel {

    background: #3E5050;

    border:1px solid #27C667;

    border-radius: 0;

}

.oRightPanel .panel-heading {

    background: #3E5050;

    font-size: 16px;

    color: #367858;

    font-weight: bold;

    border-left: 3px solid #367858;

    padding: 11px 15px;

    color: #fff;

    font-family: 'Raleway', sans-serif;

    border-bottom: 1px solid rgb(39,198,103);

}

.oRightPanel .panel-body {

    padding: 10px 15px;

}

.video{

    overflow:hidden;

    position:relative;

    height:250px;

}

.video iframe{

    left:0;

    top:0;

    height:100%;

    width:100%;

    position:absolute;

}

.notice p {

    color: #fff;

    font-size: 14px;

    font-family: 'Raleway', sans-serif;

}

.notice p i {

    margin-right: 5px;

    font-size: 16px;

    color: rgb(39,198,103);

}

.notice a {

    color: #fff;

}

.notice a:hover {

    text-decoration: underline;

    color: rgb(39,198,103);

}

.read a {

    font-size: 14px;

    font-family: 'Raleway', sans-serif;

    color: rgb(39,198,103);

    margin: 30px 0px;

    text-decoration: none;

}

.read a:hover {

    text-decoration: underline;

}

a.readMore {

    color: #9ab973;

    font-style: italic;

}

a.readMore:hover {

    color: #27C667;

}

.fbpage {

    margin: 0 auto;

    max-width: 280px;

}

#portfolio .owl-pagination {

    position: absolute;

    right: 0;

    z-index: 999;

}

.oViewAllButton {

    background-color: #27c667;

    border-color: #27c667;

    border-radius: 0;

    color: #fff;

}

.location p {

    margin: 0 !important;

    display: inline;

    font-size: 14px;

}

.testimonial-item p {

    font-size: 14px;

}

.box-inner p {

    display: inline;

}

.footer_part {

    padding: 5px 0px;

    background: #2E2E2E;

}

.footer_part span {

    position: relative;

    text-align: center;

    color: #fff;

    font-size: 10px;

    font-family: 'Raleway', sans-serif; 

    margin-top: 10px;

    font-weight: 400;

    margin-right: 5px;

    font-family: sans-serif;

}

.footer_part span:before,.footer_part span:after {

    position: absolute;

    top: 6px;

    right: -45%;

    content: '';

    width: 100px;

    height: 1px;

    background: #fff;

}

.footer_part span:before {

    right: 105%;

}

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

    .logo {

        float: none;

        text-align: center;

    }

    .logo img {

        padding-left: 0

    }

    .wrapAccountMenu {

        padding-right: 15px;

    }

    ul.accountMenu {

        margin-right: -15px;

    }

    ul.accountMenu li a {

        padding: 5px 10px;

    }

    ul.accountMenu li a .counter {

        font-size: 25px;

    }

    ul.accountMenu li a .counter-label {

        font-size: 11px;

    }

    #globalSearch {

        padding-right: 0;

    }

}