
body {
    width:100%;
    font-family: SolaimanLipiNormal;
    background: url(../images/2.jpg);
    font-size: 17px;
	}


.main_website{
    background:#ffffff;
    border-radius:2px;
}


.scrool_1{
    padding:8px;
    background: #228B22;
    background: -webkit-linear-gradient(-90deg, #00de00, #228B22);
    background: -o-linear-gradient(-90deg, #00de00, #228B22);
    background: -moz-linear-gradient(-90deg, #00de00, #228B22);
    background: linear-gradient(-90deg, #00de00, #228B22);
    color:#fff;
    font-size:17px;
    text-align:left;
    padding-left:10px;
}	
.catagory_title{
    padding: 7px;
    color:#fff;
    margin-bottom:10px!important;
    font-size:18px;
    font-weight:400;
    margin:0;
    overflow:hidden;
    background: #228B22;
    background: -webkit-linear-gradient(-90deg, #00de00, #228B22);
    background: -o-linear-gradient(-90deg, #00de00, #228B22);
    background: -moz-linear-gradient(-90deg, #00de00, #228B22);
    background: linear-gradient(-90deg, #00de00, #228B22);
}	


.catagory_title_5{
    padding: 7px;	
    margin-top:0px!important;
    color:#fff;
    font-size:18px;
    font-weight:400;
    margin:0;
    overflow:hidden;
    background: #228B22;
    background: -webkit-linear-gradient(-90deg, #00de00, #228B22);
    background: -o-linear-gradient(-90deg, #00de00, #228B22);
    background: -moz-linear-gradient(-90deg, #00de00, #228B22);
    background: linear-gradient(-90deg, #00de00, #228B22);
}
.social-link ul li a i {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 33px;
    height: 33px;
    line-height: 33px;
    background:#3987E6;
}	
.section_2{ 
    background:#0082CF;
    padding:10px;
}

.root{
    padding:10px;
}								
.root_01{  
    color:#fff;
    font-size:16px;
}
.root_02{
    text-align:right;
    color:#fff;	
    font-size:17px;
}
.root_02 a{
    color:#000;
    font-weight:800;
    text-decoration:none;
}
.root_02 a:hover{
    color:#fff;
}	
.facebook_title{
    background: #228B22;
    background: -webkit-linear-gradient(-90deg, #00de00, #228B22);
    background: -o-linear-gradient(-90deg, #00de00, #228B22);
    background: -moz-linear-gradient(-90deg, #00de00, #228B22);
    background: linear-gradient(-90deg, #00de00, #228B22);
    padding:10px;
    margin-bottom:5px;
}
.fb-root{
    margin-bottom:5px;
}
.facebook_title a{
    color:#fff;
    font-size:16px;

}
.contact_us_hadding{
    color:#fff;
    font-size:20px;
    font-weight:;
    text-decoration:none;
    padding:7px;
    background: #228B22;
    background: -webkit-linear-gradient(-90deg, #00de00, #228B22);
    background: -o-linear-gradient(-90deg, #00de00, #228B22);
    background: -moz-linear-gradient(-90deg, #00de00, #228B22);
    background: linear-gradient(-90deg, #00de00, #228B22);
}

/*Widget Title=========*/
.widget_area{ margin:5px 0px 5px 0px;}
.widget_area li{margin:2px 0px 5px 0px;}
.widget_area h3{
    padding: 7px;
    color:#fff;
    margin-bottom:10px!important;
    font-size:16px;
    text-align:left;
    margin:0;
    overflow:hidden;
    background: #228B22;
    background: -webkit-linear-gradient(-90deg, #00de00, #228B22);
    background: -o-linear-gradient(-90deg, #00de00, #228B22);
    background: -moz-linear-gradient(-90deg, #00de00, #228B22);
    background: linear-gradient(-90deg, #00de00, #228B22);
}
#bs-example-navbar-collapse-1 {
    background-color: #228B22;
    font-size: 16px;
}
#nav .navbar-default .navbar-nav > li > a{color: #FFFFFF;
    padding: 7px 30px 7px 30px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff !important; 
    margin: 0px;
    background-color: #74010D;}
#nav .navbar-collapse {padding: 0px; border-bottom : 2px solid #74010D;}


/* Goto Top============================ */
#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #013C57; /* Set a background color */
    color: #fff; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
}


#myBtn:hover {
    background-color: #013C57; /* Add a dark-grey background on hover */
    opacity: 0.5;
}



/* shuvo css start */

/* home page css start here */

.slider .carousel .item img{
    height: 400px;
}

ul li{
    list-style: none;
    color: #fff;
}

.foter-area ul li a{
    color: #cecece;
    font-size: 14px;
    font-weight: lighter;
}

.fa-phone-square{
    transform: rotate(90deg);
}



.slider .carousel .item img{
    height: 400px;
}

/* fahim css start */

.social_icon .list-inline > li {
    width: 40px;
    height: 40px;
    text-align: center;
    border: 1px solid #00BAFF;
    border-radius: 50%;
    margin-left: .5rem;
    margin-right: .5rem;
    cursor: pointer;
    transition: .3s;
}

.social_icon .list-inline > li > a {
    text-decoration: none;
    color: #00BAFF;
    line-height: 40px;
    transition: .3s;
}

.social_icon .list-inline > li:hover a {
    color: #fff;
    transition: .3s;
}

.social_icon .list-inline > li.social-f:hover {
    background-color: #3b5998;
    border-color: #3b5998;
    transition: .3s;
}

.social_icon .list-inline > li.social-t:hover {
    background-color: #55acee;
    border-color: #55acee;
    transition: .3s;
}

.social_icon .list-inline > li.social-l:hover {
    background-color: #0077b5;
    border-color: #0077b5;
    transition: .3s;
}

.social_icon .list-inline > li.social-i:hover {
    background-color: #dd4b39;
    border-color: #dd4b39;
    transition: .3s;
}

#printable_area table {
    width: 100% !important;
}

#printable_area table tbody, 
#printable_area table {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

#printable_area table.bordered > tbody > tr, 
#printable_area table.bordered > thead > tr {
    font-size: 14px;
    border: 1px #999 solid;
    line-height: 2.1;
}

#printable_area table.bordered td {
    box-sizing: border-box !important;
    padding: 5px !important;
    border: 1px solid #d8d8d8 !important;
    vertical-align: top;
    line-height: 1.2em;
}

#printable_area .pagination li {
    float: left;
    text-align: center;
    list-style: none;
}

#printable_area .pagination li a {
    text-decoration: none;
    margin: 10px 5px;
    padding: 5px;
    width: 30px;
    color: #000;
    background-image: linear-gradient(to bottom, #666, #a6a6a6);
    text-align: center;
    background-color: #a6a6a6;
}


.header-bg-color {
    color: #FFF;
    background: -webkit-linear-gradient(-90deg, #00de00, #228B22);
    background: -o-linear-gradient(-90deg, #00de00, #228B22);
    background: linear-gradient(-90deg, #00de00, #228B22);
}

.footer {
    background: url(../../footer-top.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-position: center;
    background-size: cover;
    height: 92px;
    margin: 0 auto;
    clear: both;
}

/* fahim css end   */



/*      shuvo css stylesheet                */
/*      shuvo css stylesheet                */
/*      shuvo css stylesheet                */
/*      shuvo css stylesheet                */


.register .btn {
    width: 100px;
    padding: 5px 5px;
    background-color: rgba(221, 221, 221, 0.3);
    font-size: 16px;
    border-radius: 0px;
    transition: all ease-in-out .3s;
    
}
.register .btn:hover {
   background-color: #f3e7e7;
   transition: all ease-in-out .3s;
    
}






#gallery img { width: 100%; height: 180px; }


/*                                   sujon css style                                   */
/*                                   sujon css style                                   */
/*                                   sujon css style                                   */
/*                                   sujon css style                                   */
/*                                   sujon css style                                   */
/*                                   sujon css style                                   */
/*                                   sujon css style                                   */
/*                                   sujon css style                                   */
/*                                   sujon css style                                   */
/*                                   sujon css style                                   */
/*  

sujon css style                                   */

.mt-5, .mb-5{
    margin-top: 30px;
}


.mt-5, .mb-5{
    margin-top: 30px;
}


.notice_box a {
    padding: 15px 0px !importand;
}

.notice_box ul li {
    list-style: none;
}

.btn-default {
    font-size: 17px;
    background-color: #f7f4f4;
    transition: all ease-in-out .3s;
}
.btn-default:hover {
    background-color:rgba(255, 255, 255, 0.87);
    transition: all ease-in-out .3s;
}
.video-button{
    background-image: url(assest/images/slide-5.jpg); 
    background-size: cover; 
    background-position: center;
    padding: 20px 0;
    padding-bottom: 50px;
}

.end_footer p {
    text-align: right;
}

.form_box input[type=text] {

    border-radius: 0;
    padding: 20px 5px;
}

.form-group input[type=email] {

    border-radius: 0;
    padding: 2px 5px;
}
.sub-group input[type=password] {

    border-radius: 0;
    padding: 2px 5px;
}

.Chat-group textarea {
    width: 100%;
    padding: 10px 5px;
    border-radius: 0;
}

label {
    font-weight: 100;
    margin-top: 15px;
}



@media screen and (max-width:768px) {

    .end_footer p {
        text-align: left !important;
    }
}