body
{
    margin: 0;
    padding: 0;
    font-family: roboto /* 'Open Sans', sans-serif*/;
    color: #7B7B7B;
    overflow-x: hidden;
}
a, button, input[type=button]
{
    text-decoration: none !important;
    outline: none !important;
}
.relative
{
    position: relative;
}

/****************************************** 
    topbar 
******************************************/

.darkred {
     background-color:rgba(0, 0, 0, 0.15);
     color:#fff;
}
 .darkred:hover {
     background-color:#a9610d;
     color:#fff;
}
 #topbar {
     background:#ed8812;
     color:#fff;
}
#topbar ul {
     padding: 0;
     margin: 0;
     list-style-type: none;
}
 #topbar ul li {
     display: inline-block;
     margin: 5px 0px;
     position: relative;
}
 #topbar ul li a {
     color: #fff;
     position: relative;
     display: block;
     margin-right: 5px;
}
 #topbar .topbar-left li a.btn {
     padding:4px 10px;
}
#topbar .topbar-right li a {
     border-right: 1px solid #fff;
     padding-right: 10px;
}
 #topbar .topbar-right li a:hover {
     color: #13040d;
}
 #topbar .topbar-right {
     text-align:right;
}
 .IDAWebsites .IDAWebsitesAnc {
     background: #fff;
     color: #5f5b56 !important;
}
 .IDAWebsites .IDAWebsitesAnc:before, .IDAWebsites .IDAWebsitesAnc:after {
     background:#5f5b56;
}
 .IDAWebsites .IDAWebsitesAnc.selected:before, .IDAWebsites .IDAWebsitesAnc.selected:after {
     background: #fff;
}
.IDAWebsites .IDAWebsitesAnc.selected {
     background: rgba(0, 0, 0, 0.15);
     color: #fff !important;
}
 #IDAWebsitesContainer .FirstLevel a:hover {
     color: #ed8812 !important;
}

/****************************************** 
    // topbar 
******************************************/
header
{
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background: rgba(255, 255, 255, 0.94);
    z-index: 99;
    width: 100%;
}

header.fixed
{
    position: fixed;
    top: 0;
    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
}
.logo
{
    display: inline-block;
    width: 160px;
   /* margin: 0 0 10px 0;
    float: left;*/
}
.logo img
{
    /*-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;*/
}
/*.top-right
{
    float: right;
}
.top-right ul
{
    list-style-type: none;
}
.top-right ul li
{
    display: inline-block;
    padding: 5px;
}
.top-right ul li a
{
    color: #727272;
}
.top-right ul li a:hover
{
    color: #ef8714;
}*/
.didyouknow span
{
    color: #1976d2;
    font-weight: 500;
}
div#overlay
{
    display: none;
}
a#toggle
{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    border-radius: 2px;
    width: 35px;
    height: 35px;
    background-color: #ef8714;
    text-align: center;
    color: #fff;
    display: none;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
    line-height:35px;
    padding:0px;
}
a#toggle i
{
    /*position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 35px;*/
}
main#content
{
    padding: 0;
}

header.fixed #menu
{
    border: 0;
}
#menu-container
{
    /*text-align: center;
    border-top: 1px solid rgba(0, 0, 0, 0.1);*/
}
#menu
{
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}
#menu a
{
    color: #4c4a4a;
}
#menu ul
{
    margin: 0;
    padding: 0;
    text-align: right;
}
#menu ul li
{
    display: inline-block;
    position: relative;
}
#menu > ul > li > a
{
    display: inline-block;
    padding: 0px 10px;
    line-height: 100px;
}
#menu ul li a:hover
{
    color: #ef8714;
}
/*#menu > ul > li > a:before
{
    background-color: rgba(0, 0, 0, 0.1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    -ms-transform: skew(-25deg);
    -o-transform: skew(-25deg);
    transform: skew(-25deg);
    width: 1px;
}*/
#menu > ul > li:hover:after
{
    opacity: 1;
    width: 100%;
}
#menu > ul > li:after
{
    content: "";
    position: absolute;
    width: 0%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 3px;
    bottom: -0px;
    left: 46%;
    opacity: 0;
    background: #ef8714;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
#menu > ul > li > a > i, #menu > ul > li > ul > li > a > i
{
    margin-left: 5px;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}
#menu ul li ul
{
    display: block;
    position: absolute;
    top: 100%;
    left: -7px;
    min-width: 200px;
    max-width: 500px;
    z-index: 9999;
    text-align: left;
    white-space: nowrap;
    z-index: 9999;
    text-align: left;
    border: 1px solid #ddd;
    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    -moz-transition: opacity 0.35s, -webkit-transform 0.35s;
    -ms-transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -webkit-transform: translate3d(0, -15px, 0);
    -moz-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    -o-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
}

#menu ul li:hover > ul
{
    display: block;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}


#menu ul li ul ul
{
    left: 100%;
    top: 0;
}
#menu ul li ul li
{
    display: block;
}
#menu ul li ul li a
{
    display: block;
    padding: 7px 10px;
    text-decoration: none;
    background: #fff;
}
#menu ul li ul li a:hover
{
    background-color: #f3f3f3;
}

#menu ul li:hover > a > i
{
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

/*----------------------------------
       INNER PAGE START
----------------------------------*/
.loader
{
    border-top: 10px solid #ef8714 !important;
    border-bottom: 10px solid #ef8714 !important;
}
.sub_heading
{
    color: #50B1F8;
}
.sub_heading:before
{
    color: #50B1F8;
}
.sub_heading1
{
    color: #615F5F;
}
.sub_heading1:before
{
    color: #50B1F8;
}
.p_icon:before
{
    color: #302E32;
}

.modal-header
{
    background: #00911a;
    color: #fff;
    border-radius: 0px;
}
.table11 > tbody > tr:hover > td:nth-child(1), .table11 > tbody > tr:hover
{
    border-left-color: #ef8714;
}

/*----------------------------------
       INNER PAGE END
----------------------------------*/

/****************************************** 
Modal 
******************************************/

 .modal.left .modal-dialog, .modal.right .modal-dialog {
     position: fixed;
     margin: auto;
    /*width: 600px;
    */
     height: 100%;
     -webkit-transform: translate3d(0%, 0, 0);
     -moz-transform: translate3d(0%, 0, 0);
    /*-ms-transform: $transform;
    */
     -o-transform: translate3d(0%, 0, 0);
     transform: translate3d(0%, 0, 0);
}
 .modal.left .modal-content, .modal.right .modal-content {
     max-height: -webkit-calc(100vh - 0px);
     max-height: -moz-calc(100vh - 0px);
     max-height: -ms-calc(100vh - 0px);
     max-height: -o-calc(100vh - 0px);
     max-height: calc(100vh - 0px);
     height: 100%;
     border-radius: 0;
     border: none;
}
 .modal.left.fade .modal-dialog {
     left: -320px;
     -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
     -ms-transition: opacity 0.3s linear, left 0.3s ease-out;
     -o-transition: opacity 0.3s linear, left 0.3s ease-out;
     transition: opacity 0.3s linear, left 0.3s ease-out;
}
 .modal.left.fade.in .modal-dialog {
     left: 0;
     z-index: 9999;
}
 .modal.right.fade .modal-dialog {
     right: -320px;
     -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
     -ms-transition: opacity 0.3s linear, right 0.3s ease-out;
     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
     transition: opacity 0.3s linear, right 0.3s ease-out;
}
 .modal.right.fade.in .modal-dialog {
     right: 0;
     z-index: 9999;
}
 .modal.left .modal-header, .modal.right .modal-header {
     border-bottom-color: #eee;
     background-color:#ed8812;
     padding: 10px 15px !important;
     min-height:auto;
}
 .modal.left .modal-header .modal-title, .modal.right .modal-header .modal-title {
     color: #fff;
     font-size: 120%;
     font-weight: 400;
}
 .modal.left .modal-header .close, .modal.right .modal-header .close {
     color: #fff;
     text-shadow: 0 1px 0 #fff;
     -webkit-filter: alpha(opacity=80);
     -moz-filter: alpha(opacity=80);
     -o-filter: alpha(opacity=80);
     -ms-filter: alpha(opacity=80);
     filter: alpha(opacity=80);
     opacity: .8;
     margin: -2px 0 0;
}
 .modal.left .modal-small, .modal.right .modal-small {
     width: 300px;
}
 .modal.left .modal-middle, .modal.right .modal-middle {
     width: 500px;
}
 .modal-content {
     border: 1px solid #898E95;
     background-color: #fff;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
    /*-ms-border-radius: $radius;
    */
     border-radius: 3px;
     -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    /*-ms-box-shadow: $box-shadow;
     -o-box-shadow: $box-shadow;
    */
     box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
     position: relative;
     display: -webkit-box;
     display: -moz-box;
     display: box;
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -moz-box-orient: vertical;
     box-orient: vertical;
     -webkit-flex-direction: column;
    /*-moz-flex-direction: $flex-direction;
    */
     -ms-flex-direction: column;
     -o-flex-direction: column;
     flex-direction: column;
     max-height: -webkit-calc(100vh - 60px);
     max-height: -moz-calc(100vh - 60px);
     max-height: -ms-calc(100vh - 60px);
     max-height: -o-calc(100vh - 60px);
     max-height: calc(100vh - 60px);
     width: 100%;
}
 .modal-body {
     overflow: auto;
}
/****************************************** 
// Modal 
******************************************/

/*----------------------------------
        Banner
----------------------------------*/
#carousel-banner
{
}
#carousel-banner .item:before
{
    content: "";
    background: rgba(0, 0, 0, 0.30);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.carousel-caption
{
    top: 50%;
    bottom: inherit;
    left: 12%;
    right: 12%;
    padding: 0;
    text-align: inherit;
    text-shadow: 0 3px 5px rgba(0,0,0,.6);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.carousel-caption h3 span
{
    font-weight: 300;
}
.carousel-caption h3:first-child
{
    animation-delay: 1s;
    font-weight: 800;
    font-size: 240%; /*text-transform: capitalize;*/
}
.carousel-caption h3:nth-child(2)
{
    animation-delay: 2s;
    font-weight: 800;
    font-size: 260%; /*text-transform: capitalize;*/
    margin: 30px 0 0;
}
.carousel-caption h4
{
    animation-delay: 3s;
    margin: 30px 0;
    font-size: 110%;
    font-weight: normal;
}
.carousel-caption button
{
    animation-delay: 4s;
    border-radius: 3px;
    background: transparent;
    padding: 10px 40px;
    border: 0;
    color: #fff;
    border: 2px solid #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.carousel-caption button:hover
{
    background: #fff;
    color: #555;
    border: 2px solid #fff;
}

.carousel-control.left, .carousel-control.right
{
    background-image: none;
}

.carousel-control.right .glyphicon-chevron-right:before
{
    content: "\f105" !important;
    font-family: fontawesome;
    font-size: 40pt;
    line-height: 0;
}
.carousel-control.left .glyphicon-chevron-left:before
{
    content: "\f104" !important;
    font-family: fontawesome;
    font-size: 40pt;
    line-height: 0;
}



/*@media (min-width:1500px)
{
   #carousel-banner .item{height:600px; overflow:hidden;}
   #carousel-banner img{width:100%;} 
}*/

/*----------------------------------
        //Banner
----------------------------------*/


.heading
{
    text-align: center;
}
.heading h2
{
    font-size: 200%;
    font-weight: 500;
    padding: 0 0 50px;
    margin: 0 auto 40px;
    display: inline-block;
    text-align: center;
    position: relative;
    color: #323232;
}
.heading.white h2
{
    color: #fff;
}

.heading.white h2:after
{
    background: #fff;
}
.heading.white h2:before
{
    border-color: #fff;
}


.heading h2:after
{
    content: "";
    position: absolute;
    width: 40px;
    bottom: 12px;
    left: 50%;
    height: 1px;
    background: #ef8714;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.heading h2:before
{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 5px;
    width: 25px;
    height: 15px;
    border-top: 1px solid #ef8714;
    border-bottom: 1px solid #ef8714;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}


.sec1
{
    padding: 80px 0;
    background: #fff;
    overflow: hidden;
}
.sec2
{
    padding: 80px 0;
    background: #f3f3f3;
    overflow: hidden;
}



.btn-block
{
    margin-top: 20px;
}
.btn-d
{
    background: #ef8714;
    color: #fff;
}
.btn-d:hover
{
    background: #d26e00;
    color: #fff;
}


.btn-1
{
    border-radius: 5px;
    border: 1px solid #e3e3e3;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.abt-txt
{
    text-align: justify;
}
/*.abt-txt img{border-radius:500px; position:relative;}*/
.abt-txt img
{
    width: auto;
    height: auto;
    margin: 0 auto 50px;
    z-index: 2;
    position: relative;
    display: block;
    border-radius: 20px;
}

/*.abt-txt img:nth-child(2) 
{
    width: 150px;
    height: 150px;
    position: absolute;
    left: 20%;
    top: 60%;
    z-index: 1; 
}
.abt-txt img:nth-child(3)     
{
    width: 200px;
    height: 200px;
    position: absolute;
    top: 47%;
    right: 10%;
    z-index: 2; 
}
*/
/*****************************************
			Cards
*****************************************/

.cards a
{
    position: relative;
    display: block;
    background: #fff;
    color: #727272;
    width: 50%;
    padding: 15px;
    float: left;
    text-align: justify;
    text-decoration: none;
    border-bottom: 2px solid #f3f3f3;
    border-right: 2px solid #f3f3f3;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.cards a:hover
{
    background: #ef8714;
    color: #fff;
}
.cards a:hover h5
{
    color: #fff;
}
.cards a h5
{
    font-size: 110%;
    font-weight: 400;
    color: #ef8714;
}
.cards a img
{
    float: left;
    margin-right: 15px;
    width: 178px;
}
.cards a p
{
    margin: 0;
    line-height: 1.5em;
    height: 6em;
    overflow: hidden;
}

/*****************************************
			//Cards
*****************************************/

/*****************************************
            mission/vision
*****************************************/
.box_div
{
    box-shadow: 0px 2px 7px #b7b6b6;
    width: 80%;
    padding-left: 20px;
    padding-top: 25px;
    padding-right: 20px;
    text-align: center;
    background: #fff;
    margin-top: -56px;
}
.box_div h4
{
    font-size: 120%;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 15px;
}

.box_div ul li
{
    text-align: justify;
}

.box_div p
{
    font-size: 90%;
    text-align: justify;
    margin-bottom: 0;
}
.miss
{
    margin-top: 80px;
}
.vision
{
    padding-bottom: 70px;
    background: #ef8714;
    color: #fff;
}
.vision:hover
{
}
.mission
{
    padding-bottom: 25px;
    margin-left: 90px;
    margin-top: -50px;
    color: #052447;
}

/*****************************************
            //mission/vision
*****************************************/

/*****************************************
			HealthySmileHappySmile
*****************************************/
.HealthySmileHappySmile
{
    background: url(../images/nohp/nohp_ban3.jpg) no-repeat center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}



.HealthySmileHappySmile .container
{
    width: 700px;
    padding-top: 15px;
    padding-bottom: 15px;
    background: rgba(255, 255, 255, 0.78);
    border-radius: 3px;
}
.HealthySmileHappySmile:before
{
    content: "";
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.HealthySmileHappySmile img
{
    margin-top: 20px;
    padding: 15px;
    background: #fff;
    border-radius: 2px;
}


.HealthySmileHappySmile .submenu a
{
    display: block;
    font-size: 110%;
    color: #ef8714;
    text-decoration: none;
    position: relative;
    padding: 10px 10px 10px 50px;
}
.HealthySmileHappySmile .submenu a:hover
{
    color: #fff;
}

.HealthySmileHappySmile .submenu a:before
{
    content: "\f00c";
    position: absolute;
    left: 15px;
    top: 7px;
    font-size: 150%;
    font-family: fontawesome;
}


/*****************************************
			//HealthySmileHappySmile
*****************************************/

#IDACertifiedCentres .item
{
    text-align: center;
    border: 2px solid #ccc;
    box-shadow: 2px 2px 3px #ccc;
    padding: 15px;
}
#IDACertifiedCentres .item:hover
{
    border: 2px solid #e8a55a;
    box-shadow: 2px 2px 3px #e8a55a;
}
/*****************************************
			Media Center
*****************************************/

.mediacenter
{
    background: url(../images/nohp/ban2.jpg) no-repeat center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}

.mediacenter:before
{
    content: "";
    background: rgba(0, 0, 0, 0.80);
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}
/*.mediacenter .nav-tabs
{
    margin-bottom: 40px; 
}*/

.mediacenter .nav-tabs > li
{
    width: 33.33%;
    text-align: center;
    margin-bottom: -2px;
}

.mediacenter .nav-tabs > li > a
{
    font-size: 120%;
    position: relative;
    margin: 0;
    padding: 10px 0;
    color: #fefefe;
}
.mediacenter .nav-tabs > li > a:hover
{
    border-color: transparent;
    background: transparent;
}

.mediacenter .nav-tabs > li.active:before
{
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #fff;
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    bottom: -11px;
    z-index: 1;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.mediacenter .nav-tabs > li.active > a
{
    background: #fff !important;
    border: none !important;
    font-weight: 500;
    color: #ef8714;
}

.mediacenter .nav-tabs > li > a:hover
{
    background-color: rgba(255, 255, 255, 0.18);
}

/*.mediacenter .nav-tabs>li>a:before
{
    content: "";
    position: absolute;
    width: 0%;
    height: 4px;
    left: 50%;
    bottom: -1px;
    opacity: 0;
    z-index: 1;
    background: #EF8714;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); 
}

.mediacenter .nav-tabs>li.active>a:before, .mediacenter .nav-tabs>li>a:hover:before{
    opacity: 1;
    width: 80%;
}*/


.mediacenter .tab-content
{
    border-top: 2px solid #4CCFAD;
    padding: 30px 0;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.24);
    border-radius: 0 0 5px 5px;
}

.mediacenter .name
{
    font-weight: 500;
    font-size: 115%;
    color: #000;
    border-bottom: 1px dashed #EE8613;
}

.mediacenter .date
{
    font-weight: 500;
    font-style: italic;
}

.media-hdr
{
    display: none;
}

.mediacenter .item
{
    background: #fff;
    box-shadow: -1px 0px 10px 0px rgba(65, 65, 65, 0.12);
}

.media-img
{
    height: 200px;
    overflow: hidden;
}
.media-dis
{
    padding: 15px 20px 20px;
}
.media-dis p.details
{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.5em;
    height: 4.5em;
    margin: 0;
}

.mediacenter .owl-controls .owl-page span.owl-numbers
{
    width: 25px;
    height: 25px;
    padding: 5px;
    margin: 0 2px;
    border-radius: 25px;
    background: #EF8714;
    color: #fff;
}
.mediacenter .owl-controls.clickable .owl-page:hover span
{
    background: #ED1B23;
}

/******************************************
            //Media Center
******************************************/


/*****************************************
			Blog
*****************************************/
#blogs
{
    margin-top: 43px;
}
#blogs .owl-page.active span
{
    background: #ef8714;
}
.blog .item
{
    background: rgba(255, 255, 255, 0.24);
    color: #fff;
    border: 2px solid #E0E0E0;
}
.blog_img
{
    position: relative;
}
.blog .details
{
    padding: 10px;
}
.blog .details h4
{
    color: #4CCFAD;
    font-size: 110%;
}
.blog .details p
{
    margin: 15px 0 0 0;
    color: #fff;
    height: 115px;
    text-align: justify;
    overflow: hidden;
}
.blog .details a
{
    margin: 13px 0 0 0;
    display: inline-block;
}
.blog .details a:hover
{
    background: #ff9800;
    color: #fff;
}
.blog_img span
{
    position: absolute;
    top: 15px;
    left: 15px;
    width: 65px;
    text-align: center;
    color: #223C78;
    font-size: 80%;
    font-weight: bold;
    background: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}
.blog .blog_img
{
    width: 100%;
    height: 225px;
}
.blog_name
{
    font-size: 110%;
    color: #4CCFAD;
    line-height: 23px;
    padding-bottom: 22px;
    margin: 0;
}
.blog_desc
{
    color: #fff;
    font-size: 100%;
    line-height: 21px;
    text-align: center;
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
    margin-bottom: 25px;
    height: 130px;
}
.blog_desc a
{
    color: #4CCFAD;
    text-decoration: none;
}
.blog_desc a:hover, .blog_desc a:focus
{
    color: #fff;
}
.blog_img img
{
    width: 100%;
}
/*****************************************
			//Blog
*****************************************/


/*****************************************
			Collaborations
*****************************************/

.Collaborations
{
}

.Collaborations
{
    overflow: hidden;
}
/*.Collaborations.right:before
{
    content: "";
    width: 100%;
    display: block;
    position: absolute;
    top: -70px;
    bottom: -50px;
    left: -76%;
    border-radius: 100%;
    border: 1px dashed #000;
}*/


.Collaborations.left a
{
    padding: 20px 60px 20px 15px;
    margin: 20px 40px 40px 0px;
}

.Collaborations.right a
{
    padding: 20px 15px 20px 60px;
    margin: 20px 0px 40px 40px;
}
.Collaborations.right a span
{
    left: -40px;
}
.Collaborations.left a span
{
    right: -40px;
}

.Collaborations a
{
    border: 1px solid #ddd;
    background: #f5f5f5;
    display: block;
    font-size: 105%;
    font-weight: 500;
    color: #5d5d5d;
    position: relative;
    border-radius: 5px;
    text-decoration: none;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


.Collaborations a:hover
{
    background: #3a3c3e;
}




.Collaborations a span
{
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    display: inline-block;
    font-size: 140%;
    border-radius: 50%;
    position: absolute;
    color: #fff;
    top: 50%;
    z-index: 2;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.Collaborations a:hover span
{
    font-size: 150%;
}

.Collaborations a:hover span:after
{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.Collaborations a span:after
{
    top: -7px;
    left: -7px;
    padding: 7px; /*box-shadow: 0 0 0 4px #009587;*/
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


.Collaborations a:nth-child(1) span
{
    background: #f9704f;
}
.Collaborations a:nth-child(2) span
{
    background: #1bc768;
}
.Collaborations a:nth-child(3) span
{
    background: #65a4e4;
}
.Collaborations a:nth-child(4) span
{
    background: #fcd746;
}
.Collaborations a:nth-child(5) span
{
    background: #f58b3c;
}
.Collaborations a:nth-child(6) span
{
    background: #da6540;
}
.Collaborations a:nth-child(7) span
{
    background: #9d6bd6;
}
.Collaborations a:nth-child(8) span
{
    background: #0dc0c0;
}

.Collaborations a:nth-child(1):hover span:after
{
    border: 1px dashed #f9704f;
}
.Collaborations a:nth-child(2):hover span:after
{
    border: 1px dashed #1bc768;
}
.Collaborations a:nth-child(3):hover span:after
{
    border: 1px dashed #65a4e4;
}
.Collaborations a:nth-child(4):hover span:after
{
    border: 1px dashed #fcd746;
}
.Collaborations a:nth-child(5):hover span:after
{
    border: 1px dashed #f58b3c;
}
.Collaborations a:nth-child(6):hover span:after
{
    border: 1px dashed #da6540;
}
.Collaborations a:nth-child(7):hover span:after
{
    border: 1px dashed #9d6bd6;
}
.Collaborations a:nth-child(8):hover span:after
{
    border: 1px dashed #0dc0c0;
}

.Collaborations a:nth-child(1):hover
{
    border-color: #f9704f;
    color: #f9704f;
}
.Collaborations a:nth-child(2):hover
{
    border-color: #1bc768;
    color: #1bc768;
}
.Collaborations a:nth-child(3):hover
{
    border-color: #65a4e4;
    color: #65a4e4;
}
.Collaborations a:nth-child(4):hover
{
    border-color: #fcd746;
    color: #fcd746;
}
.Collaborations a:nth-child(5):hover
{
    border-color: #f58b3c;
    color: #f58b3c;
}
.Collaborations a:nth-child(6):hover
{
    border-color: #da6540;
    color: #da6540;
}
.Collaborations a:nth-child(7):hover
{
    border-color: #9d6bd6;
    color: #9d6bd6;
}
.Collaborations a:nth-child(8):hover
{
    border-color: #0dc0c0;
    color: #0dc0c0;
}

.dr
{
}





/*****************************************
			Collaborations
*****************************************/



/*****************************************
			Examination
*****************************************/
#examination
{
    padding: 80px 0px;
    background: #f3f3f3;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}

.Recommdenation, .Examination
{
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid #f2f2f2;
    text-align: left;
}

.Recommdenation:hover, .Examination:hover, .Recommdenation:hover h1:after, .Examination:hover h1:after
{
    background: rgb(239, 136, 18);
    color: #FFF;
}

.Recommdenation h1, .Examination h1
{
    background-color: rgba(27, 27, 27, 0.88);
    margin-top: 0px;
    margin-bottom: 30px;
    font-size: 180%;
    color: #fff;
    font-weight: 300;
    padding-left: 30px;
    padding-top: 35px;
    padding-bottom: 40px;
    position: relative;
}

.Recommdenation h1:after, .Examination h1:after
{
    content: "";
    background: #fff;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    bottom: -7px;
    transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    -webkit-transform: rotate(44deg);
    -moz-transform: rotate(44deg);
    -o-transform: rotate(44deg);
}

.self_img
{
    margin: 0% auto;
    margin-bottom: 15px;
    width: 300px;
    border: 2px solid #fff;
}

.Recommdenation p, .Examination p
{
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 30px;
}

.Recommdenation
{
    margin-top: 110px;
}

/*****************************************
			//Examination
*****************************************/



/*****************************************
			Testimonials
*****************************************/
.Testimonials .owl-wrapper
{
    padding: 0 0 20px 0;
    margin-top: 100px;
    position: relative;
}
.Testimonials .item
{
    text-align: center;
    color: #fff;
    padding: 70px 15px 25px;
    background: #ef8714;
    border-radius: 5px;
}
.Testimonials .item img
{
    width: 140px;
    height: 140px;
    border-radius: 50%;
    margin-bottom: 20px;
    position: absolute;
    top: -85px;
    left: 50%;
    background-color: #FFF;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.Testimonials .item .name
{
    font-size: 150%;
    font-weight: 500;
    font-style: italic;
    color: #000;
    margin-bottom: 2px;
}
.Testimonials .item .desc
{
    height: 80px;
    overflow: hidden;
}
/*.Testimonials .item .dis{ font-size:90%;font-style: italic; display: inherit;}*/
.Testimonials.owl-theme .owl-controls
{
    margin-top: 10px;
    text-align: center;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span
{
    background: #ef8714;
}

/*****************************************
			//Testimonials
*****************************************/


/*****************************************
			Events
*****************************************/

.Events
{
    background-image: url(../images/nohp/events.jpg);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}

.Events:before
{
    content: "";
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.Events .item
{
    padding: 25px 20px;
    background: rgba(255, 255, 255, 0.86);
    border-radius: 3px;
}
.Events .owl-carousel .owl-item
{
    padding: 0;
}
.Events .owl-controls .owl-buttons div
{
    background: #ef8714;
}
.Events .owl-controls .owl-buttons div:hover
{
    background: #00911a !important;
}
.Events .item > div:nth-child(1)
{
    padding-left: 0;
}
.Events .item h2
{
    margin: 0;
    font-size: 160%;
    line-height: 1.3em;
    color: #ef8714;
}
.Events .item h2 span
{
    display: block;
    font-family: Georgia;
    color: #00911a;
}
.Events .item p
{
    margin: 15px 0 0;
    clear: both;
    height: 100px;
    overflow: hidden;
}



.highlights .list-group
{
    margin: 0 auto;
    width: 300px;
}
.highlights .list-group-item
{
    background-color: rgba(255, 255, 255, 0.86);
    padding-left: 35px;
    font-size: 110%;
}
.highlights .list-group-item:hover
{
    color: #ef8714;
}

.highlights .list-group-item:before
{
    content: "\f00c";
    position: absolute;
    left: 10px;
    top: 12px;
    font-family: fontawesome;
    color: #ef8714;
}


/*****************************************
			//Events
*****************************************/



/*****************************************
			Did you know
*****************************************/
.didyouknow .group
{
    margin-top: 80px;
}
.didyouknow .panel-group
{
    margin-bottom: 0;
}
.didyouknow .panel-heading
{
    padding: 0;
    background-color: #fff !important;
}
.didyouknow .panel-heading a
{
    padding: 10px 15px;
    display: block;
    text-decoration: none;
    color: #727272;
    font-size: 100%;
    font-weight: 500;
    position: relative;
}

.didyouknow .panel-heading a:before
{
    content: "\f107";
    position: absolute;
    right: 10px;
    top: 50%;
    font-size: 12pt;
    font-family: fontawesome;
    line-height: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
    background: #61aae4;
    color: #fff;
    border-radius: 50px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all ease-out 0.1s;
    -moz-transition: all ease-out 0.1s;
    -ms-transition: all ease-out 0.1s;
    -o-transition: all ease-out 0.1s;
    transition: all ease-out 0.1s;
}
.didyouknow .panel-heading a:not(.collapsed):before
{
    content: "\f106";
}
.didyouknow .panel-heading a:not(.collapsed)
{
    background: #61aae4;
    color: #fff;
}
.didyouknow .panel-body
{
    padding: 15px;
}
.didyouknow .panel-body p
{
    display: block;
    text-decoration: none;
    position: relative;
    padding: 0 0 0 20px;
}
.didyouknow .panel-body p:before
{
    content: "\f00c";
    position: absolute;
    left: 0;
    top: 0;
    font-family: fontawesome;
}

/*****************************************
			//Did you know
*****************************************/



/******************************************
            Gallery
******************************************/
#portfolio
{
    width: 100%;
}

.portfolio-content
{
    display: inline;
    width: 100%;
}
.portfolio-menu
{
    display: inline;
    float: left;
    width: 100%;
}
.portfolio-menu ul
{
    display: inline-block;
    width: 100%;
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.portfolio-menu ul li:first-child
{
    border-radius: 4px 0 0 4px;
}
.portfolio-menu ul li:last-child
{
    border-radius: 0 4px 4px 0;
}

.portfolio-menu ul li
{
    cursor: pointer;
    display: inline-block;
    font-size: 110%;
    padding: 7px 15px;
    margin-left: -4px;
    background: #e5e5e5;
    color: #64686d;
    position: relative;
}

.portfolio-menu ul li.active, .portfolio-menu ul li:hover
{
    background: #ef8714;
    color: #fff;
    box-shadow: 0 -3px 0 0 #944f02 inset;
    -webkit-box-shadow: 0 -3px 0 0 #944f02 inset;
}

.portfolio-menu ul li.active:after, .portfolio-menu ul li:hover:after
{
    content: " ";
    position: absolute;
    bottom: -17px;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: #944f02 transparent transparent transparent;
}

.portfolio-container
{
    display: inline;
    float: left;
    margin-left: -9px;
    margin-top: 30px;
    width: 100%;
}
.single-portfolio
{
    display: inline;
    float: left;
    padding: 9px;
    width: 25%;
    position: relative;
}

/*.single-portfolio img {
    border: 8px solid #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}*/

#mixit-container .mix
{
    display: none;
}

.portfolio-sec-hover
{
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 20px;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.single-portfolio:hover .portfolio-sec-hover
{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.portfolio-sec-hover > span
{
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.corner-top-left:before
{
    background-color: #fff;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 52px;
}
.corner-top-left:after
{
    background-color: #fff;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
    height: 52px;
}
.corner-top-right:before
{
    background-color: #fff;
    content: "";
    height: 1px;
    right: 0;
    position: absolute;
    top: 0;
    width: 52px;
}
.corner-top-right:after
{
    background-color: #fff;
    content: "";
    right: 0;
    position: absolute;
    top: 0;
    width: 1px;
    height: 52px;
}
.corner-bottom-left:before
{
    background-color: #fff;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 52px;
}
.corner-bottom-left:after
{
    background-color: #fff;
    content: "";
    left: 0;
    position: absolute;
    bottom: 0;
    width: 1px;
    height: 52px;
}
.corner-bottom-right:before
{
    background-color: #fff;
    content: "";
    height: 1px;
    right: 0;
    position: absolute;
    bottom: 0;
    width: 52px;
}
.corner-bottom-right:after
{
    background-color: #fff;
    content: "";
    right: 0;
    position: absolute;
    bottom: 0;
    width: 1px;
    height: 52px;
}
.portfolio-sec-hover-inner
{
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.portfolio-sec-hover-inner a
{
    color: #fff;
    font-size: 200%;
    font-weight: bold;
}
.youtube
{
    position: relative;
    color: #E22C29 !important;
}
.youtube i
{
    line-height: 0.5em;
    background: #fff;
    border-radius: 100px;
}

.btn-container
{
    margin: 15px 0px;
}
.btn1
{
    position: relative;
    display: inline-block;
    color: #fff;
    padding: 7px 15px;
    border-radius: 5px;
    background-color: #EF8714;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.btn1:hover
{
    padding-right: 50px;
    color: #fff;
}
.btn1:hover i
{
    color: #fff;
    right: 18px;
    visibility: visible;
    opacity: 1;
}

.btn1 i
{
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -8px;
    -webkit-transition: 0.32s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
/******************************************
            //Gallery
******************************************/


/******************************************
            Subscribe
******************************************/


.subscribe
{
    background: rgba(0, 0, 0, 0.88);
    border-top: 2px solid #f8931d;
    padding: 40px 0;
}
.subscribe .input-group-addon
{
    background: #00911a;
    color: #fff;
    border-color: #00911a;
    text-decoration: none;
}
.subscribe .form-control
{
    font-weight: 500;
}
.subscribe .form-control:focus
{
    border-color: #00911a;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #00911a;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #00911a;
}
.subscribe p
{
    text-align: center;
    color: #fff;
    font-size: 150%;
    line-height: 40px;
    padding-left: 50px;
    padding-right: 50px;
}

/******************************************
            //Subscribe
******************************************/


/*******************************************
        oral health magazine
*******************************************/

.ohm_bg
{
    background: #56be67;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
}
.ohm_bg p
{
    text-align: center;
    margin: 0;
    color: #fff;
}
.ohm_img_div
{
    padding: 0px;
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 45%;
}

/*******************************************
       //oral health magazine
*******************************************/

/*******************************************
       FAQ
*******************************************/

.faqdv
{
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #fff;
}
.faqdv:hover
{
    background: #f9f9f9;
    cursor: pointer;
}
.faqdv [class*="openfaqdiv_"] + div
{
    margin-top: 10px;
    margin-left: 15px;
}
.faqdv [class*="openfaqdiv_"]
{
    font-weight: 500;
    padding: 0 0 0 15px;
    position: relative;
}
.faqdv [class*="openfaqdiv_"] i
{
    position: absolute;
    left: 0;
    top: 4px;
    font-weight: bold;
}

/*******************************************
       //FAQ
*******************************************/


/*****************************************
			footer
*****************************************/

#footer
{
    background: #252525;
    padding: 50px 0;
    margin-top: 50px;
}
#footer h5 a
{
    color: #f8931d; /*border-bottom: 1px solid #999;*/
    padding: 0 0 10px 0;
    font-size: 16px;
}
#footer ul
{
    padding-right: 0px;
    margin: 0;
    list-style-type: none;
}
#footer li a
{
    color: #9d9d9d;
    text-decoration: none !important;
    padding: 4px 0;
    display: block;
}
#footer li a:hover
{
    color: #fff;
}
#footer li a:before
{
    font-family: fontawesome;
    content: "\f105";
    margin-right: 8px;
    font-size: 90%;
    color: #fff;
}
.address, .phone, .email
{
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}
.address:before, .phone:before, .email:before
{
    font-family: fontawesome;
    font-size: 125%;
    color: #fff;
    position: absolute;
    left: 0;
}
.address:before
{
    content: "\f041";
}
.phone:before
{
    content: "\f095";
}
.email:before
{
    content: "\f003";
}
.com-name
{
    font-size: 110%;
    color: #fff;
    white-space: nowrap;
}

#back-top
{
    bottom: -30px;
    color: #ffffff !important;
    font-size: 16px;
    height: 79px;
    line-height: 42px;
    position: fixed;
    right: -50px;
    text-align: center;
    text-decoration: none !important;
    width: 120px;
    background: #ef8714;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
    -moz-transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
    -o-transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
    transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
}
#back-top i
{
    display: block;
    font-size: 20px;
    padding-top: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.copy
{
    padding: 20px 0px;
    text-align: center;
    background: rgba(0, 0, 0, 0.88);
}
.social-icons
{
    text-align: right;
}
.social-icons a
{
    display: inline-block;
    margin-right: 8px;
    text-align: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.social-icons a i
{
    line-height: 35px;
}
.social-icons a.Facebook:hover
{
    color: #3B5998;
}
.social-icons a.GooglePlus:hover
{
    color: #DC493C;
}
.social-icons a.Twitter:hover
{
    color: #2CAAE1;
}
.social-icons a.Youtube:hover
{
    color: #E22C29;
}
.social-icons a.Linkedin:hover
{
    color: #007BB6;
}

.social-icons a.Facebook
{
    background: #3B5998;
}
.social-icons a.GooglePlus
{
    background: #DC493C;
}
.social-icons a.Twitter
{
    background: #2CAAE1;
}
.social-icons a.Youtube
{
    background: #E22C29;
}
.social-icons a.Linkedin
{
    background: #007BB6;
}

.social-icons a
{
    color: #fff;
}
.social-icons a:hover
{
    background: #fff;
}
.App{background: #252525;}
.App .container
{
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    border-top: 1px solid #6d6c6c;
    border-bottom: 1px solid #6d6c6c;
}
.App a {
    border-radius: 5px;
    display: block;
    background-color: #000;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.App a:hover {
    box-shadow: inset 0 0 transparent, 0 0 0 4px #f8931d;
    -moz-box-shadow: inset 0 0 transparent, 0 0 0 4px #f8931d;
    -webkit-box-shadow: inset 0 0 transparent, 0 0 0 4px #f8931d;
}


 /*****************************************
			//footer
*****************************************/


/*****************************************
			Support
*****************************************/

.Support_Modal {
    text-align: center;
    z-index: 1033;
    position: fixed;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.Support_Modal .Support
{
    background-color: #0000ff;
    position: relative;
    height: 75px;
    padding: 10px 0;
    cursor: pointer;
    width: 30px;
    color: #fff;
    display: inline-block;
    line-height: 35px;
   /* border: 1px solid transparent;*/
   font-size:14px;
       font-weight: 400;
 }
 .Support_Modal .Support>div {
        transform: rotate(90deg);
}

.Support_Modal .Support span a
{
    width: auto;
    height: auto;
    background: transparent;
    border: none;
    display: block;
    color: #bbb;
    font-size: 13px;
    line-height: 35px;
    font-family: sans-serif;
}

 .Support_Modal .Support span {
    font-family: Montserrat!important;
    font-size: 90%;
    position: absolute;
    background-color: #232323;
    color: #fff;
    white-space: nowrap;
    padding: 0 20px;
    left: 0px;
    top: 0;
    bottom: 0;
    border-radius: 3px;
    opacity: 0;
    z-index: -100;

      -webkit-transform: translateX(35%);
    -moz-transform: translateX(35%);
    -ms-transform: translateX(35%);
    -o-transform: translateX(35%);
    transform: translateX(35%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height:110px;
}

 .Support_Modal .Support:hover span {
    opacity: 1;
    -webkit-transform: translateX(-110%);
    -moz-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    -o-transform: translateX(-110%);
    transform: translateX(-110%);
      
}

.Support_Modal .Support span a:hover
{
  color:#fff;    
  text-decoration:none;
}

.Support_Modal .Support span:before {
    content: "";
    z-index: 1;
    border-left-color: #232323!important;
    border: 6px solid transparent;
    border-right: 0;
    position: absolute;
    right: -5px;
    top: 20%;
    -webkit-transform: translateY(-20%);
    -moz-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%);
    margin-top: -6px;
}


#SupportModal.modal
{
  overflow:hidden;    
}
#SupportModal .modal-body{height: 500px;}
#SupportModal .modal-body iframe{ width:100%; height: 100%;}
#SupportModal .modal-content{ background:#fff; }



/*****************************************
			//Support
*****************************************/

@media screen and (max-width: 1199px) 
{
    #menu > ul > li > a { padding:0px 6px; line-height: 85px; }
    .logo { width:auto; }
}

@media (max-width:1023px)
{
    header .col-md-2 { width:100%; }
    .logo { width: 140px; }
    
    header.fixed .logo img
    {
      /*  height: 60px;*/
    }
   /* header .top-right
    {
        display: none;
    }*/
    header.fixed a#toggle
    {
      /*  top: 17px;*/
    }
    #menu-container .container
    {
     /*   padding: 0;*/
    }
    .carousel-caption h3:first-child
    {
        font-size: 140%;
    }
    .carousel-caption h3:nth-child(2)
    {
        font-size: 150%;
        margin-top: 15px;
    }
    .cards a
    {
        width: 100%;
    }
    #blogs
    {
        margin: 0;
    }
    .Collaborations a
    {
        font-weight: 400;
        padding-left: 60px !important;
        padding-right: 20px !important;
        margin-left: 40px !important;
        margin-right: 0 !important;
    }
    .Collaborations.left a span
    {
        left: -40px;
    }
    .Collaborations:before
    {
        display: none;
    }
    #Collaborations .dr
    {
        display: none;
    }
    .mediacenter .tab-content
    {
        margin-bottom: 40px;
    }
    .single-portfolio
    {
        width: 33%;
    }
    .didyouknow .container
    {
        width: 90%;
    }
    .doyouknow-top
    {
        margin-bottom: 3px;
    }
    .doyouknow-left
    {
        display: none;
    }
    .highlights
    {
        margin-top: 40px;
    }
    .didyouknow .panel-group
    {
        margin-bottom: 0;
        margin-top: 0px;
    }
    .didyouknow .group
    {
        margin-top: 0;
    }
    #SupportModal.modal
    {
      overflow:auto !important;    
    }
    a#toggle
    {
        display: block;
        z-index: 1000;
    }
    main#content
    {
        margin-top: 65px;
        -webkit-transition: all ease-out 0.3s;
        -moz-transition: all ease-out 0.3s;
        -ms-transition: all ease-out 0.3s;
        -o-transition: all ease-out 0.3s;
        transition: all ease-out 0.3s;
    }
    #menu
    {
        position: fixed;
        width: 250px;
        height: 100%;
        top: 0;
        left: 0;
        overflow: hidden;
        overflow-y: auto;
        background-color: #fff;
        -webkit-transform: translateX(-250px);
        -moz-transform: translateX(-250px);
        -ms-transform: translateX(-250px);
        -o-transform: translateX(-250px);
        transform: translateX(-250px);
    }
    #menu ul
    {
        text-align: left;
        background-color: transparent;
    }
    #menu ul li
    {
        display: block;
    }
    #menu ul li a
    {
        display: block;
        padding:10px;
        line-height:normal;
    }
    #menu ul li ul li a
    {
        padding-left: 25px;
    }
    #menu ul li ul li ul li a
    {
        padding-left: 40px;
    }
    #menu ul li a:hover
    {
        background: #f3f3f3;
    }
    #menu > ul > li > a:before, #menu > ul > li:after
    {
        display: none;
    }
    #menu ul li a > i
    {
        float: right;
    }
    #menu ul li ul
    {
        display: none;
        position: static;
        width: 100%;
        white-space: inherit;
        background-color: rgba(22,160,133, 0.2);
        border: 0;
        box-shadow: none;
        visibility: visible;
        opacity: 10;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        -webkit-transform: inherit !important;
        -moz-transform: inherit !important;
        -ms-transform: inherit !important;
        -o-transform: inherit !important;
        transform: inherit !important;
    }

    #menu ul li:hover > ul
    {
        display: block;
        visibility: visible;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 10;
        display: none;
    }
    #menu ul li:hover > a > i
    {
        -webkit-transform: rotateZ(0);
        -moz-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        -o-transform: rotateZ(0);
        transform: rotateZ(0);
    }
    #menu ul li.open > a
    {
        background-color: rgb(239, 135, 20) !important;
        color: #fff;
    }
    #menu ul li.open > a > i
    {
        -webkit-transform: rotateZ(90deg);
        -moz-transform: rotateZ(90deg);
        -ms-transform: rotateZ(90deg);
        -o-transform: rotateZ(90deg);
        transform: rotateZ(90deg);
    }
    #menu ul li.open > ul
    {
        display: block;
    }
    div#overlay
    {
        display: block;
        visibility: hidden;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 99;
        opacity: 0;
        -webkit-transition: all ease-out 0.3s;
        -moz-transition: all ease-out 0.3s;
        -ms-transition: all ease-out 0.3s;
        -o-transition: all ease-out 0.3s;
        transition: all ease-out 0.3s;
    }
    html.open-menu
    {
        overflow: hidden;
    }
    html.open-menu div#overlay
    {
        visibility: visible;
        opacity: 1; /*width: calc(-150%); 	    left: 250px;*/
    }
    /*html.open-menu a#toggle,  html.open-menu main#content {
    	    transform: translateX(250px);
        }*/
    html.open-menu #menu
    {
        z-index: 999;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    
     #menu ul li.topMenu > a {
         text-align:left;
         background:transparent;
    }
}

@media (max-width:767px)
{
    .carousel-caption
    {
        text-align: center !important;
    }
    .HealthySmileHappySmile .container
    {
        width: auto;
    }
    .HealthySmileHappySmile .submenu
    {
        width: 300px;
        margin: 20px auto 0;
    }
    .Collaborations .dr
    {
        display: none;
    }
    #fdiivocular img
    {
        width: 100%;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
    }
    .Recommdenation
    {
        margin-top: 50px;
    }
    .mediacenter .nav-tabs
    {
        display: none;
    }
    .media-hdr
    {
        display: block;
        padding: 15px 0;
        text-align: center;
        font-weight: 400;
        font-size: 120%;
        color: #fff;
        margin-bottom: 20px;
        border-bottom: 2px solid #EE8613;
    }
    .mediacenter .tab-content
    {
        border-top: 0;
        padding: 0;
        background: none;
        border-radius: 0;
    }
    .mediacenter .tab-content > .tab-pane
    {
        display: block !important;
        opacity: 10;
        margin: 0 0 30px 0;
        padding-bottom: 15px;
        background: rgba(255, 255, 255, 0.24);
        border-radius: 6px;
        box-shadow: 3px 3px 0 #f0f0f0;
    }
    .mediacenter .item
    {
        box-shadow: none;
    }
    .mediacenter .item img
    {
        width: 100%;
    }
    .dr
    {
        display: none;
    }
    .ohm_img_div
    {
        display: none;
    }

    .hmhb .logo_div
    {
        margin: 0 auto 20px;
        padding-bottom: 5px;
        padding-top: 0px;
        width: 80%;
        height: auto;
    }

    .hmhb .comm_logo, .hmhb .hmhb_logo
    {
        height: auto;
    }
}


@media (max-width: 639px)
{

    .heading h2
    {
        margin: 0px auto 26px;
        font-size: 160%;
    }
    .carousel-caption h3:first-child
    {
        font-size: 110% !important;
    }
    .carousel-caption h3:nth-child(2)
    {
        font-size: 120% !important;
        margin-top: 10px;
    }
    .box_div
    {
        width: 100%;
    }
    .box_div ul
    {
        margin: 0;
        padding: 0px 15px;
    }
    .mission
    {
        margin: 0px;
    }
    .cards a
    {
        width: 100%;
        height: auto;
    }
    .res_media
    {
        margin-bottom: 20px;
        text-align: center;
        width: 100%;
    }
    .copy .row > div
    {
        width: 100%;
        text-align: center;
    }
    .copy .row > div.social-icons
    {
        margin-top: 15px;
    }
    .HealthySmileHappySmile .container .row div
    {
        width: 290px;
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    .HealthySmileHappySmile .container .row div img
    {
        margin-bottom: 20px;
    }
    .portfolio-container
    {
        margin-left: 0;
    }
    .abt-txt img
    {
        display: none !important;
    }
    .small-banner
    {
        margin-bottom: 50px;
        height: auto;
    }
    .TableText h3
    {
        font-size: 153%;
    }
    .hmhb p
    {
        padding: 20px;
    }
    .single-portfolio
    {
        width: 100% !important;
    }
    .news_img img
    {
        width: 100%;
        height: 250px;
    }
    #footer .row > div
    {
        margin-bottom: 20px;
        width: 100%;
    }
}

@media (max-width:479px)
{
    .tabbable-line > .nav-tabs > li
    {
        width: 100%;
    }
    .cards a
    {
        width: 100%;
        margin-bottom: 10px;
    }
    .cards a img
    {
        width: 100%;
        float: none;
    }
    .Events .item > div
    {
        width: 100% !important;
        padding: 0;
    }
    .Events .item > div:nth-child(1)
    {
        margin-bottom: 20px;
    }
    .didyouknow .panel-group
    {
        margin-bottom: 0;
        margin-top: 0px;
    }
}

@media (min-width:1000px)
{
   /* header.fixed .logo-container
    {
        display: none;
    }*/
    #Collaborations
    {
        padding-bottom: 0;
    }
    #Testimonials.owl-carousel .owl-item
    {
        padding: 0 30px;
    }
    .doyouknow-top
    {
        display: none;
    }
}

@media (min-width:1024px) and (max-width:1024px)
{
    .Collaborations:before
    {
        top: -50px;
        bottom: -30px;
        left: -72%;
    }
}


@media (min-width:1300px)
{
    .carousel-caption h3:first-child
    {
        font-size: 440%;
    }
    .carousel-caption h3:nth-child(2)
    {
        font-size: 440%;
        -webkit-text-stroke-width: 3px;
        -webkit-text-stroke-color: #ef8715;
    }
    .ohm_bg
    {
        margin-top: 160px;
    }
    .heading h2
    {
        font-size: 280%;
    }
    .Collaborations.right a:nth-child(2), .Collaborations.right a:nth-child(7)
    {
        margin-left: 75px;
    }
    .Collaborations.right a:nth-child(3), .Collaborations.right a:nth-child(6)
    {
        margin-left: 115px;
    }
    .Collaborations.right a:nth-child(4), .Collaborations.right a:nth-child(5)
    {
        margin-left: 135px;
    }

    .Collaborations.left a:nth-child(2), .Collaborations.left a:nth-child(7)
    {
        margin-right: 75px;
    }
    .Collaborations.left a:nth-child(3), .Collaborations.left a:nth-child(6)
    {
        margin-right: 115px;
    }
    .Collaborations.left a:nth-child(4), .Collaborations.left a:nth-child(5)
    {
        margin-right: 135px;
    }
}

@media (min-width:1300px) and (max-width:1499px)
{
    #carousel-banner .item
    {
        height: 550px;
        overflow: hidden;
    }
    #carousel-banner img
    {
        width: 100%;
    }
}