@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');
@import url('../css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

/* General */
body
{
    font-family: 'Open Sans' , sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    position: relative;
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6
{
    font-family: "Roboto Condensed" , sans-serif;
    font-weight: 400;
    margin: 0;
}
a, a:focus, a:hover
{
    outline: medium none;
    text-decoration: none;
}
ul, ol
{
    padding: 0;
    margin: 0;
    list-style: none;
}
.no-padding
{
    padding: 0;
}


.header-main
{
    background: #000000c4;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 3;
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.175);
    webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}

.header-main.fixed
{
    position: fixed;
    z-index: 9;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    height: 0;
    left: 0;
    right: 0;
    top: 0;
    height: auto;
}

.logo
{
    background: #00a0e3;
    padding: 14px 12px;
    position: absolute;
    z-index: 6;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    top: -34px;
}
.fixed .logo
{
    background: #00a0e3;
    padding: 4px 12px;
    position: absolute;
    z-index: 6;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    top: -14px;
}
.top-header
{
    background: #00a0e3;
    padding: 10px 0;
    font-size: 13px;
}
.top-header .since a
{
    font-size: 13px;
    color: #fff;
}


ul.head-contacts
{
    margin-left: 0;
    display: inline-block;
}
.head-contacts li
{
    margin-left: 25px;
}
.head-contacts li a, .head-social li a
{
    color: #fff;
    font-size: 15px;
    font-weight: 400;
}
.head-contacts .fa, .head-social .fa
{
    font-size: 14px;
    color: #fff;
    padding: 6px 8px;
}
.head-social li a
{
    border: 1px solid #fff;
    border-radius: 50%;
}

/* ----------title---------------*/
.h-title
{
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    padding: 0px 0 16px 0;
    margin: 0;
    letter-spacing: 0.5px;
    color: #353535;
    margin-bottom: 18px;
}
.h-title:before
{
    background-color: #242424;
    bottom: 6px;
    content: "";
    height: 1px;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    width: 99px;
}
.h-title:after
{
    background-color: #242424;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    width: 59px;
}
.h-title span
{
    color: #00a0e3;
}
.h-title.center
{
    text-align: center;
}
.h-title.center:before
{
    margin: 0 auto;
}
.h-title.center:after
{
    margin: 0 auto;
}


/*** 	Section Title **/

.sec-title
{
    position: relative;
    margin-bottom: 32px;
}

.sec-title .title
{
    font-size: 18px;
    color: #777777;
    font-style: italic;
    line-height: 1.8em;
}

.sec-title h2
{
    font-size: 32px;
    color: #222222;
    font-weight: 900;
    line-height: 1.4em;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.sec-title h2 span
{
    color: #00a0e3;
}

.sec-title h2:after
{
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 40px;
    height: 2px;
    background-color: #00a0e3;
}

/*--------- inner header -----------*/

.page-head
{
    background-image: url(../images/1.jpg);
    position: relative;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 100px 0 15px 0;
    text-align: center;
    position: relative;
}

.page-head:before
{
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: #000000c4;
}


.page-head h1
{
    margin: 0;
    padding: 0;
    font-size: 35px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-weight: 500;
}
.breadcrumb
{
    text-align: center;
    background: transparent;
    margin: 0;
    padding: 0;
}
.breadcrumb > li
{
    font-size: 13px;
    color: #fff;
}
.breadcrumb > li > a
{
    color: #fff;
}


.jbgallery
{
}
.jbgallery .box3
{
    padding: 0;
}




/***  About Section  ***/

.about-section
{
    position: relative;
    padding: 30px 0px 10px;
}


.about-section .content-column .icon-box
{
    position: absolute;
    right: 75%;
    top: 0px;
    margin-left: 20px;
    line-height: 1em;
    color: #00a0e30d;
    font-size: 280px;
}

.about-section .content-column .inner-box
{
    position: relative;
    padding-right: 65px;
}

.about-section .content-column .inner-box .text
{
    position: relative;
    margin-bottom: 34px;
}

.about-section .content-column .inner-box .text .dark-text
{
    color: #222222;
    margin-bottom: 20px;
}

.about-section .content-column .inner-box .text p
{
    position: relative;
    color: #777777;
}


/***  Services Block Four  ***/
.services-column {    padding-top: 111px;}
.services-block-four
{
    margin-bottom: 35px;
}

.services-block-four .inner-box
{
    position: relative;
    padding-left: 130px;
}

.services-block-four .inner-box .icon-box
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100px;
    height: 100px;
    color: #777777;
    font-size: 40px;
    line-height: 98px;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 20px !important;
    background-color: #f3f6fa;
}

.services-block-four .inner-box .icon-box:before
{
    position: absolute;
    content: '';
    left: 50%;
    top: 100%;
    width: 1px;
    height: 100%;
    background-color: #f3f6fa;
}

.services-block-four:last-child .inner-box .icon-box:before
{
    display: none;
}
.services-block-four .inner-box .icon-box .fa
{
    padding: 30px 0;
}

.services-block-four .inner-box h3
{
    position: relative;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
}

.services-block-four .inner-box h3 a
{
    color: #222222;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.services-block-four .inner-box h3 a:hover
{
    color: #00a0e3;
}

.services-block-four .inner-box .text
{
    font-size: 14px;
    color: #777777;
    margin-top: 8px;
    margin-bottom: 10px;
}

/*========================= Page Middle Banner ==================*/
.page-middle-banner
{
    position: relative;
    padding: 65px 0 60px 0;
    background: #00a0e3;
}
.page-middle-banner.m-fix
{
    margin-top: 80px;
}
.page-middle-banner:before, .page-middle-banner:after
{
    content: '';
    position: absolute;
    width: 60%;
    height: 100%;
    border-radius: 200px 0 0 0;
    right: 0;
    top: 0;
}
.page-middle-banner:before
{
    background-size: cover;
}
.page-middle-banner:after
{
    background: rgba(0,0,0,0.84);
}
.page-middle-banner .left-side h3
{
    color: #fff;
    font-size: 35px;
}
.page-middle-banner .left-side p
{
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    margin: 14px 0 40px 0;
}
.page-middle-banner .left-side a
{
    font-size: 12px;
    width: 155px;
    line-height: 40px;
    margin-left: 15%;
    text-align: center;
    color: #fff;
    border-radius: 30px;
    background: #ff6828;
}
.page-middle-banner .left-side a:hover
{
    background: #212121;
}
.page-middle-banner .right-side
{
    text-align: center;
}
.page-middle-banner .right-side h2
{
    font-size: 50px;
    margin-bottom: 35px;
    color: #00a0e3;
}
.page-middle-banner .right-side p
{
    color: #fff;
}
.page-middle-banner .right-side
{
    position: relative;
    z-index: 3;
}

/***   Fact Counter ***/


.fun_fact
{
    position: relative;
    text-align: center;
    background: url(../images/1.jpg) center center no-repeat;
    
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0px 60px;
}
.fun_fact:before
{
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0,0,0,0.70);
}
.fun_fact_box
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); */
    border-radius: 2px;
}

.fact_box
{
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    transition: all 100ms ease-out;
    
    position: relative;
    padding: 20px 0 16px 0;
    /*border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    background-color: #ffffff;*/
    vertical-align: middle;
}
.fact_box:last-of-type
{
    border-right: 0;
    border-bottom: 0;
}
.fact_icon
{
    color: #ffffff;
    margin-right: 10px;
    vertical-align: middle;
    transition: all 100ms ease-out;
    font-size: 50px;
}
.fu50{font-size: 60px !important;}
.fact_box h4
{
   vertical-align: middle;
    display: inline-block;
    font-size: 40px;
    color: #00a0e3;
    transition: all 100ms ease-out;
    font-weight: bold;
    position: absolute;
    top: 19px;
    margin-left: 5px;
}

.fact_box p
{
    font-size: 24px;
    margin-top: 20px;
    font-weight: normal;
    margin-bottom: 0;
    color: #fffdfd;
    font-family: "Roboto Condensed" , sans-serif;
}

@media (min-width: 768px)
{
    .fun_fact_box
    {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .fact_box
    {
        /* border-right: 1px dashed rgba(0, 0, 0, 0.2); */
        border-bottom: 0;
    }
}
/*-----doctor*------*/

.doctor .docbox
{
    background-color: #fff;
    -webkit-box-shadow: 0 3px 5px 1px rgba(0,0,0,0.07);
    -moz-box-shadow: 0 3px 5px 1px rgba(0,0,0,0.07);
    box-shadow: 0 3px 5px 1px rgba(0,0,0,0.07);
    padding: 5px;
    border: 1px solid #eee;
}
.doctor .item
{
    padding: 0px;
}
.doctor img
{
}

.doctor h4
{
    font-size: 19px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    color: #00a0e3;
    padding: 10px 5px;
}

.doctor p
{
    display: block;
    text-align: center;
    margin-bottom: 6px;
    line-height: 18px;
    min-height: 75px;
}
.doctor b
{
    display: block;
}



/*-------service box-----*/
.service
{
    border-radius: 8px;
    margin-bottom: 0;
    text-align: center;
    padding: 50px 25px 50px;
}

.service i
{
    border: 1px solid #dfe4ed;
    border-radius: 50%;
    padding: 22px 20px;
    width: 65px;
    height: 65px;
    font-size: 21px;
    margin-top: 10px;
}
.service h3
{
    font-size: 23px;
    font-weight: 500;
    line-height: 30px;
    color: #00a0e3;
    margin: 25px 0 10px;
}
.service p
{
    color: #6a7788;
    font-size: 15px;
}
.service a
{
    color: #273b7b;
    background-color: #ffffff;
    width: 85px;
    height: 85px;
    display: inline-block;
    border-radius: 50%;
    box-shadow: 0px 12px 38px 0px rgba(0,0,0,0.04);
}



/*=========== FIRST ABOUT SECTION ==========*/
.section
{
    padding: 30px 0 30px 0;
}
.sectionbg
{
    background: #F3F2F2;
    padding: 30px 0 45px 0;
}



/*-------text description-----------*/
.text-desc h1:first-child, .text-desc h2:first-child, .text-desc h3:first-child, .text-desc h4:first-child, .text-desc h5:first-child
{
    margin: 0px 0 5px 0;
}
.text-desc h1, .text-desc h2, .text-desc h3, .text-desc h4, .text-desc h5
{
    margin: 14px 0 5px 0;
}
.text-desc table
{
    border-collapse: collapse;
    margin: 0px 0 20px 0;
    width: 100%;
}
.text-desc table thead, .text-desc table th
{
    background: #f1f1f1;
    text-align: center;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}
.text-desc table td, .text-desc table th
{
    border: 1.5px solid #C0C0C0;
    padding: 8px 3px 7px 9px;
    color: #000;
    vertical-align: middle;
}
.text-desc table td
{
    text-align: center;
    font-size: 15px;
}
.text-desc ul, .text-desc ul ul
{
    margin-left: 17px;
    margin-bottom: 22px;
}

.text-desc ul li
{
    list-style-type: disc;
}
.text-desc ul ul li
{
    list-style-type: circle;
}

.text-desc h2
{
    color: #0087C7;
}
.text-desc h3
{
    margin-top: 30px;
    text-align: center;
    font-size: 26px;
    line-height: 44px;
    text-transform: uppercase;
    font-weight: 500;
    color: #00a0e3;
}
.text-desc h3:after
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    display: block;
    content: "";
    background-color: #00a0e3;
    background: -moz-linear-gradient(left, rgba(253,181,0,0) 0%,#00a0e3 40%,#00a0e3 50%,#00a0e3 60%,rgba(253,181,0,0) 100%);
    background: -webkit-linear-gradient(left, rgba(253,181,0,0) 0%,#00a0e3 40%,#00a0e3 50%,#00a0e3 60%,rgba(253,181,0,0) 100%);
    background: linear-gradient(left, rgba(253,181,0,0) 0%,#00a0e3 40%,#00a0e3 50%,#00a0e3 60%,rgba(253,181,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb500', endColorstr='#fdb500',GradientType=1 );
    width: 260px;
    height: 2px;
    margin-top: 5px;
    margin-bottom: 20px;
}
.text-desc tt
{
    font-size: 26px;
    font-weight: 300;
    font-family: 'Open Sans' , sans-serif;
    line-height: 32px;
}
.text-desc h4
{
    color: #00a0e3;
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    padding: 0px 0 6px 0;
    margin: 0;
    letter-spacing: 0.5px;
    /* margin-bottom: 8px; */
    position: relative;
}
.text-desc h4:before
{
   font-family: FontAwesome;
   content: "\f0a4";
   padding-right: 10px;
}

.text-desc h2 + hr, .text-desc h4 + hr
{
    border-color: #d0d0d0;
    width: 55%;
    text-align: center;
    display: inline-block;
}
.text-desc img
{
    display: inline-block !important;
    padding:15px;
}


.text-desc [class^="col-sm"], .text-desc [class*=" col-sm"] {padding:0px}
ul.services
{
    padding: 0px;
}
ul.services li
{
    width: 24%;
    display: inline-block;
    vertical-align: top;
    transition: all 0.7s ease 0s;
    padding: 12px 8px;
}

@media screen and (max-width: 990px)
{
    ul.services li
    {
        width: 32%;
    }
}
@media screen and (max-width: 749px)
{
    ul.services li
    {
        width: 32%;
    }
}
@media screen and (max-width: 600px)
{
    ul.services li
    {
        width: 42%;
    }
    ul.services
    {
        text-align: center;
    }
}
@media screen and (max-width: 470px)
{
    ul.services li
    {
        width: 99%;
    }
}
.service-desc img{width:100%}
/*------------product box------------*/
/*
.box2
{
    padding-top: 0px;
    background: #fff;
}

.box2 .box2_img
{
    padding: 4px;
    border: 1px solid #d8d6d6;
    text-align: center;
    background: #fff;
}
.box2 h4
{
    text-transform: none;
    font-weight: 300;
    padding-top: 12px;
    font-size: 16px;
    color: #000;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.box2 h4 a
{
    color: #000000;
}

*/



.box2
{
    padding-top: 26px;
    border: 1px solid #4a4a4a;
    text-align: center;
    height: 160px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.box2:hover
{
    background: #333;
    border-color: #333;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.box2 img
{
    width: 55px;
}
.box2 h4
{
    text-transform: none;
    font-weight: 300;
    padding-top: 12px;
    font-size: 16px;
    color: #000;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
    transition: all 0.7s ease 0s;
    letter-spacing: 0.5px;
}
.box2:hover h4
{
    color: #fff;
}

.service-img
{
    padding: 30px;
    border: 1px solid #EEE;
    margin-right: 25px;
    margin-bottom: 15px;
    -webkit-box-shadow: 5px 5px 0 0 #f1f1f1;
    -moz-box-shadow: 5px 5px 0 0 #f1f1f1;
}

.box3
{
    padding-top: 0px;
    text-align: center;
    padding: 5px;
}
.box3 img
{
    border: 1px solid #EEE;
    padding: 4px;
    margin-bottom: 7px;
    text-align: center;
    width: 100%;
    transition: all 0.7s ease 0s;
    -webkit-box-shadow: 5px 5px 0 0 #f1f1f1;
    -moz-box-shadow: 5px 5px 0 0 #f1f1f1;
}
.box3 h4
{
    font-weight: 300;
    font-size: 16px;
    color: #565656;
    text-transform: uppercase;
    margin: 0;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
    padding: 7px 13px;
    transition: all 0.7s ease 0s;
}



/*accessorie list*/
.accessorielist
{
}
.accessorielist li
{
    width: calc(88%/6);
    display: inline-block;
    vertical-align: top;
    margin: 8px 8px;
}
.accessorielist li img
{
    border: 1px solid #e4e4e4;
    width: 100%;
    padding: 2px;
}
.accessorielist li h4
{
    width: 100%;
    padding: 4px 1px;
    font-size: 15px;
    color: #4c4c4c;
    text-align: center;
    width: 100%;
    display: block;
}
.accessorielist li h4:hover
{
    color: #00a0e3;
}

@media screen and (max-width: 1199px)
{
    .accessorielist li
    {
        width: calc(87%/6);
    }
}
@media screen and (max-width: 990px)
{
    .accessorielist li
    {
        width: calc(85%/5);
    }
}
@media screen and (max-width: 750px)
{
    .accessorielist li
    {
        width: calc(86%/4);
    }
    .page-middle-banner:before, .page-middle-banner:after
    {
        border-radius: 0;
    }
    .service-img
{
 float:none!important
}
}
@media screen and (max-width: 590px)
{
    .accessorielist li
    {
        width: calc(86%/3);
    }

}
@media screen and (max-width: 420px)
{
    .accessorielist li
    {
        width: calc(86%/2);
    }
}


/*-----------gallery----------*/
.video .col-sm-4
{
    padding: 10px;
}

.gallery .box2
{
    margin-left: 0px !important;
}
.gallery .col-sm-3
{
    padding: 10px;
}


/*------------ enquiry box ----------*/
.form button
{
    margin-top: 30px;
}
.form textarea.text-field
{
    height: 80px;
}
.form .cust-btn
{
    background: #1f425d none repeat scroll 0 0;
    margin-top: 15px;
    padding: 14px 30px;
    border: medium none;
}
.form .select
{
    margin: 0 !important;
    font-size: 15px !important;
}
.form .text-field
{
    background: #fff;
    border: 1px solid #efeeee;
    color: #858585;
    font-size: 14px;
    margin: 10px 0;
    padding: 10px 15px;
    width: 100%;
}
.form .text-field:focus, .form .text-field:hover
{
    border-color: #ffa2a4;
    box-shadow: none;
    border-width: 1px;
}
.errorbox, .errorbox span, .errorbox li
{
    color: #D90000;
}
.errorbox .sucmsg
{
    color: #046310;
}
.jb-btn
{
    padding: 0 35px;
    background: #00a0e3;
    position: relative;
    display: inline-block;
    border: none;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    transition: 400ms all;
    -webkit-transition: 400ms all;
}
.jb-btn:hover
{
    text-decoration: none;
    background: #1e346c;
    color: #fff;
}







/*** 
=============================================
    Contact Area style
=============================================
***/
.contact-area
{
    padding-bottom: 80px;
    padding-top: 80px;
}
.contact-area .title
{
    padding-bottom: 35px;
    margin-top: -4px;
}
.contact-area .title h2
{
    color: #303030;
    font-size: 24px;
    font-weight: 400;
    text-transform: capitalize;
}
.contact-area .form
{
    background: #f7f7f7;
    display: block;
    padding: 40px 30px 40px;
}
.contact-area .form .jb-btn
{
    display: block;
    width: 100%;
}



.contact-info
{
    background: #f7f7f7;
    display: block;
    padding: 40px 30px 30px;
}

.contact-area .contact-info-list li
{
    border-bottom: 1px solid #e0edf4;
    margin-bottom: 15px;
    padding-bottom: 16px;
    padding-left: 45px;
    position: relative;
}
.contact-area .contact-info-list li:last-child
{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0px solid;
}
.contact-area .contact-info-list li .icon-holder
{
    position: absolute;
    top: 3px;
    left: 9px;
}
.contact-area .contact-info-list li .icon-holder span:before
{
    color: #00a0e3;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
}

.contact-area .contact-info-list li .text-holder h5
{
    color: #303030;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.4px;
}

/*-----------contact list------------*/


.address li
{
    margin: 0 0 5px;
}
.address h4
{
    font-size: 19px;
    color: #7a7a7a;
}
.address .fa
{
    color: #7a7a7a;
    font-size: 15px;
}
.address i
{
    display: inline-block;
    margin: 2px 8px 0 0;
    vertical-align: top;
}
.address > li > i
{
    margin-top: 6px;
}
.address p
{
    display: inline-block;
    text-align: left !important;
    margin: 0;
}

/*-------social-----*/
.social
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.social li
{
    display: inline-block;
}
.social a
{
    margin-right: 5px;
    cursor: pointer;
    display: block;
    width: 35px;
    height: 35px;
    border: 1px solid #7a7a7a;
    text-align: center;
    padding-top: 10px;
    text-decoration: none;
    color: #7a7a7a;
}
.social a:hover
{
    background: #00a0e3;
    color: #fff;
}


/*------------fottor-----------*/
.footer
{
    background-image: url(../images/1.jpg);
    position: relative;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 30px 0 0px 0;
    -webkit-box-shadow: 0px 3px 8px 3px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0px 3px 8px 3px rgba(0, 0, 0, 0.175);
    box-shadow: 0px 3px 8px 3px rgba(0, 0, 0, 0.175);
    position: relative;
}

.footer:before
{
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: #000000c4;
}
.footer img
{
    display: inline-block;
    padding-top: 50px;
}
.footer p, .footer a
{
    color: #e4e4e4;
    font-size: 14px;    line-height: 24px;
}
.footer .address h4, .footer .address .fa
{
    color: #e4e4e4;
}

.footer ul.list li
{
    list-style: none;
    margin: 0 0 5px 0;
}

.footer ul.list li a:hover
{
    opacity: 0.7;
}
.footer ul.list li i
{
    padding: 0 8px 0 0;
}

.footer h3
{
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    margin: 0 0 15px;
    position: relative;
}

.copyrights
{
    padding: 10px 0;
    overflow: hidden;
    /* font-size: 9px; */
    color: #999;
    background-color: #000000;
    position: relative;
}
.copyrights p, .copyrights a
{
    margin: 0;
    font-size: 13px;
}
@media (max-width: 1220px)
{


}
@media (max-width: 992px)
{.about-section{    padding: 0;}
.about-section .content-column .inner-box{padding:0}
.sec-title{    margin-bottom: 12px;}
.services-column{padding:0}

    .header-main
    {
        position: inherit;
        padding: 0;
        background: #00a0e3;
    }
    .top-header
    {
        background: #000;
        padding: 5px 0;
    }
    .header
    {
        padding: 0 15px;
    }
    .header-main .col-sm-12
    {
        position: inherit;
        top: 0px;
    }
    .page-head
    {
        padding: 8px 0 8px 0;
    }
    .logo
    {
        text-align: center;
        position: inherit;
        border-radius: 0;
    }
    .page-middle-banner:before, .page-middle-banner:after
    {
        height: 50%;
        top: 50%;
        width: 100%;
        border-radius: 0;
    }
    .page-middle-banner
    {
        padding: 36px 0 0px 0;
    }
    .page-middle-banner .right-side
    {
        padding-top: 20px;
    }
    .page-middle-banner .right-side h2{margin-bottom: 4px;}
    .page-middle-banner .left-side
    {
        text-align: center;
    }
    .footer .col-md-3, .footer .col-md-2, .footer .col-md-4
    {
        padding-bottom: 20px;text-align:center
    }
    .address .fa{display:none}
    .address p{text-align:center !important}
    
    .footer h3{text-decoration:underline}
    .footer ul.list li
    {    display: inline-block;
    padding: 0 4px;}
    .footer img
    {
        display: inline-block;
        padding-top: 0px;
    }
    ul.head-contacts
    {
        margin-left: 0;
        display: inherit;
        float: none !important;
        text-align: center;
    }
    .head-social
    {
        float: none !important;
        text-align: center;
    }
    .top-header .since
    {
        float: none !important;
        text-align: center;
    }
    .headerright
    {
        float: none !important;
    }
}
@media (max-width: 720px)
{
.fun_fact{    padding: 30px 0; }
.fact_box{   border-bottom: 1px dotted #eeeeee7a;}
.fact_icon{display:block}
.fact_box h4{display:block;    position: initial;    margin: 12px 0px 0 0;  }
.fact_box p{display:block;    margin-top: 4px;}
    .header-main
    {
        position: inherit;
        padding: 0;
    }
    .top-header .top-icons ul
    {
        padding-left: 0;
        margin-bottom: 0;
        display: inline-block;
        border-top: 1px solid #eee;
        margin-top: 11px;
        text-align: center;
        float: none;
    }
    .top-header .top-icons
    {
        text-align: center;
        float: none;
    }
}