@font-face {
    font-family:"IranSans";
    src: url('../fonts/IRANSans.ttf');
}

@font-face {
    font-family:"IranSansFaNum";
    src: url('../fonts/IRANSansWeb(FaNum).woff');
}

body {
    font-family:IranSansFaNum;
    background: #ffffff;
    font-style: normal;
    font-size: 14px;
    overflow-x: hidden;
    line-height: 1.8em;
    font-weight: 200;
}

.iran-sans {
    font-family:IranSansFaNum;
}

#PanelDoctor .form-control{
    direction: ltr;
}
button, input, select, textarea{
    font-family:IRANSans !important;
}

#box_heath_tip > a:focus,#box_heath_tip a:hover{
    color: #009593 !important;
}
.model {
    z-index: 8;
}
/*---------------------------------------
    Typorgraphy
-----------------------------------------*/
h1,h2,h3,h4,h5 {
    font-weight: 100 !important;
}
h1, .jumbotron .h1, .jumbotron h1{
    font-size: 20px !important;
}
h1,h2,h3,h4,h5,b,a,p{
    font-family:IranSans, Tahoma !important;
}
.title{
    font-size: 60px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 22px;
}

h5 {
    color: #ddd;
    padding-top: 10px;
}

h6 {
    color: #666;
    font-weight: 300;

}
a {
    text-decoration: none !important;
    outline: none;
}
a:visited,
a:focus {
    outline: none;
    text-decoration: none !important;
}

.carousel-control.right, .carousel-control.left {
    background-image: none;
    color: #f4511e;
}
.carousel-indicators li {
    border-color: #f4511e;
}
.carousel-indicators li.active {
    background-color: #f4511e;
}
.item h4 {
    font-size: 19px;
    line-height: 1.375em;
    font-weight: 300;
    font-style: italic;
    margin: 70px 0;
}
.item span {
    font-style: normal;
}
.panel {
    border: 1px solid #f4511e;
    border-radius:0 !important;
    transition: box-shadow 0.5s;
}
.panel:hover {
    box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}
.panel-footer .btn:hover {
    border: 1px solid #f4511e;
    background-color: #fff !important;
    color: #f4511e;
}
.panel-heading {
    color: #fff !important;
    background-color: #f4511e !important;
    padding: 25px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.panel-footer {
    background-color: white !important;
}
.panel-footer h3 {
    font-size: 32px;
}
.panel-footer h4 {
    color: #aaa;
    font-size: 14px;
}
.panel-footer .btn {
    margin: 15px 0;
    background-color: #f4511e;
    color: #fff;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 100%;
    margin: auto;
}
.main-menu li a, .sub-menu li a {
    padding: 1rem 1rem;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
}
.main-menu .expand, .sub-menu .expand {
    color: #ffffff;
    font-size: 1.5rem;
}

@media only screen and (max-width: 1220px) {
    .sub-menu {
        background: #777777;
    }
}

/*end 1*/
/*end menu*/
footer .glyphicon {
    font-size: 20px;
    margin-bottom: 20px;
    color: #f4511e;
}
.slideanim {visibility:hidden;}
.slide {
    animation-name: slide;
    -webkit-animation-name: slide;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
}
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(70%);
    }
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
@media screen and (max-width: 768px) {
    .col-sm-4 {
        text-align: center;
        /*margin: 25px 0;*/
    }
    .btn-lg {
        /*width: 100%;*/
        margin-bottom: 35px;
    }
}
@media screen and (max-width: 480px) {
    .logo {
        font-size: 150px;
    }
}
/* Code Css*/
.lang{
    color:#ffffff !important;
    border: 1px solid #ffffff;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 10px;
}
/*COnt*/
html .dashback {
    width: 100%;
}
html .dashback h3 {
    float: right;
}
.why-macras h3 {
    margin-right: 20px;
    color: #5b6369;
}
.why-macras h3 i {
    color: #2ccacf;
    padding-left: 10px;
}
.head .dashed {
    background: url(../images/dash.png) center repeat-x;
    width: 100%;
    height: 20px;
    margin-top: 20px;
}
.why-macras .nav-tabs {
    border-bottom: 0;
    margin-bottom: 20px;
}
.why-macras .nav-tabs li {
    color: #72797e;
}
.nav-tabs>li {
    float: right;
}
.why-macras .nav-tabs > li.active > a {
    color: #ff6c6c;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid #ff6c6c;
}
.why-macras .nav-tabs > li > a {
    border-bottom: 1px solid #d4d9dc;
    margin-left: 10px;
    transition: all 200ms ease-in-out;
}
.why-macras .tab-content p {
    line-height: 25px;
}
/*.mac-tab div {*/
    /*display: block;*/
    /*float: right;*/
/*}*/

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}
.cscroll.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools {
    left: 0;
    right: auto;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools {
    right: 0;
    left: auto;
}
.why-macras h3 {
    margin-right: 20px;
    color: #5b6369; }
.why-macras h3 i {
    color: #2ccacf;
    padding-left: 10px; }
.why-macras .nav-tabs > li > a {
    border-bottom: 1px solid #d4d9dc;
    margin-left: 10px;
    transition: all 200ms ease-in-out; }
.why-macras .nav-tabs > li.active > a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom: 0;
    bottom: -11px;
    left: 40%;
    border-top-color: #ffa6a6;
    border-width: 11px; }
.why-macras .nav-tabs > li.active > a:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom: 0;
    bottom: -10px;
    left: 40%;
    border-top-color: #ff9f9f;
    border-width: 10px; }
.why-macras .nav-tabs > li.active > a {
    color: #ff6c6c;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid #ff6c6c; }
.why-macras .nav-tabs > li.active > a:hover {
    color: #ff6c6c;
    border-bottom: 1px solid #ff6c6c;
    cursor: pointer; }
.why-macras .nav-tabs > li > a:hover {
    background-color: white;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent; }
.why-macras .nav-tabs {
    border-bottom: 0;
    margin-bottom: 20px; }
.why-macras .nav-tabs li {
    color: #72797e; }
.why-macras .nav-tabs li a {
    color: #72797e;
    border-width: 0 0 1px 0; }
.why-macras .tab-content p {
    line-height: 25px; }
.why-macras .extra-more {
    padding-right: 0;
    padding-left: 5px; }
.why-macras .extra-more .fa {
    margin-left: 5px; }
.why-macras .extra-more a {
    color: #5b6369;
    text-decoration: none; }
.why-macras .extra-more:after {
    content: "";
    height: 20px;
    display: block;
}

.software h3 {
    margin-bottom: 15px;
}
.box-login{
    background-color: white;
    text-align: center;
    border: 2px solid #dbe2e8;
    border-radius: 3px;
    z-index: 20;
    width: 94%;
    padding: 5px;
}

.ScrollBox::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #D1FFED;
}

.ScrollBox::-webkit-scrollbar
{
    width: 5px;
    background-color: #D1FFED;
}

.ScrollBox::-webkit-scrollbar-thumb
{
    background-color: #000000;
    border: 2px solid #D1FFED;
    border-radius: 1px;
}
.btn-flat{
    font-family: IranSans;
}
.Button p{
    color: #ffffff;
    font-family: IranSans;
    margin-right: 5px;
}
.Button{
    height: 53px;
    margin-bottom: 4px;
    z-index: 999;
}
.Button i{
    color: #fff;
    font-size: 49px;
    margin: 2px 9px;
    float: left;
}
/*end COunt*/
/* Content*/
.desktop {
    display: block;
}

#featuresHM .skin .body .face .breast{
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
}
#featuresHM .breast, #featuresHM .body, #featuresHM .face, #featuresHM .skin {
    margin: 9px 10px 0 1px;
    float: left;
    width: 230px;
    height: 230px;
    overflow: hidden;
    display: block;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0,0,0,.15);
}
#featuresHM .text {
    padding: 10px 0 0;
    width: 230px;
    height: 230px;
    background: url(../images/featuresHM-text-background.png) no-repeat left top;
    display: block;
    color: #fff;
    text-align: center;
    position: relative;
    left: 0;
    top: 192px;
}
#featuresHM .text h2 {
    margin: 0 0 15px;
    font-size: 1.333em;
    line-height: normal;
    font-weight: normal;
    font-family: IRANSans,Tahoma;
    color: #fff;
}#featuresHM .text ul li {
     margin: 0 0 7px;
     padding: 0;
     background: none;
     line-height: .955em;
 }
#featuresHM .text ul li a {
    padding: 0;
    text-decoration: none;
    line-height: .955em;
}
#featuresHM .text a {
    color: #fff;
    text-decoration: none;
}
#featuresHM ul ul {
    display: none;
}
#lastcontent  ul {
    margin: 0 0 30px;
    list-style-type: none;
}
#galleryWrapper {
    margin: 0 0 25px;
    padding: 30px;
    /*height: 200px;*/
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.15);
}

#galleryWrapper .buttons {
    /* width: 290px; */
    background: url(../images/buttons-border-right.png) no-repeat left center;
    float: right;
}
#galleryWrapper a.buttonHM.specials {
    background: url(../images/buttons-button-border.png) no-repeat right bottom;
}
.text ul li a {
    font-family: IranSans;
}
#galleryWrapper a.buttonHM {
    height: 72px;
    width: 314px;
    background: none;
    line-height: normal;
    font-weight: normal;
    font-family: IranSans;
    font-size: 1.467em;
    color: #231f20;
    cursor: pointer;
    display: block;
    text-decoration: none;
}
#galleryWrapper a.buttonHM span.text {
    color: #009593;
    font-weight: normal;
    font-family: IranSans, Arial, Helvetica, sans-serif;
}
#galleryWrapper a.buttonHM span.arrow {
    height: 14px;
    width: 13px;
    background: url(../images/buttonHM-arrow.png) no-repeat 0 0;
    overflow: hidden;
    display: inline-block;
}
#galleryWrapper .gallery {
    /*width: 565px;*/
    float: right;
}
#galleryWrapper .gallery .buttonHM {
    margin: 0 0 15px;
    /*width: 205px;*/
    height: 50px;
    margin-right: 5px;
}

#meetSurgeonsHM {
    height: 377px;
}
#meetSurgeonsHM .text {
    margin: 35px 0 0;
    /*width: 490px;*/
    /*float: right;*/
}
#meetSurgeonsHM h2 {
    margin: 0 0 15px;
    line-height: normal;
    font-weight: normal;
    font-family: 'NovecentowideBookRegular', Arial, Helvetica, sans-serif;
    font-size: 1.467em;
    color: #231f20;
}

#meetSurgeonsHM ul {
    width: 230px;
    float: right;
}
#meetSurgeonsHM ul li.first {
    padding-top: 0;
}

.cf:before, .cf:after {
    content: "";
    display: table;
}
/** HOME **/
#featuresHM { margin: 0 15px 5px; height: 239px; position: relative; }
#featuresHM .text h2 { margin: 0 0 15px; font-size: 14px; line-height: 16px; font-weight: normal; font-family: 'NovecentowideBookRegular', Arial, Helvetica, sans-serif; color: #fff; }
#featuresHM .text a { color: #fff; text-decoration: none; }
#featuresHM .text a:hover { color: #65caca; }
#featuresHM .text ul li {margin: 0 0 7px;padding: 0;background: none;line-height: .955em;}
#featuresHM .text ul li a { padding: 0; text-decoration: none; line-height: .955em; }
#featuresHM ul ul { display: none; }


#galleryWrapper {margin: 0 0 25px;padding: 30px;/* height: 140px; */background: #fff;box-shadow: 0 1px 3px rgba(0,0,0,.15);}
#galleryWrapper a.buttonHM {
    height: 72px;
    /*width: 314px; */
    background: none;
    line-height: normal;
    font-weight: normal;
    font-size: 1.467em;
    color: #231f20;
    cursor: pointer;
    display: block;
    text-decoration: none;
}
#galleryWrapper a.buttonHM.specials { background: url(../images/buttons-button-border.png) no-repeat right bottom;}
#galleryWrapper a.buttonHM.news { padding: 20px 0 0; height: 50px; }
#galleryWrapper a.buttonHM span.arrow {
    height: 14px;
    width: 13px;
    background: url(../images/buttonHM-arrow.png) no-repeat 0 0;
    overflow:hidden;
    display: inline-block;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    position: relative;
    top: 2px;
    right: 4px;
}
#galleryWrapper a.buttonHM:hover span.text { color: #231f20; }
#galleryWrapper a.buttonHM:hover span.arrow { background-position: -13px 0; }
#galleryWrapper .gallery {
    /*width: 565px; */
    float: right; }
#galleryWrapper .gallery p { margin: 5px; width: 220px; font-size: .933em; line-height: 1.429em; }

#meetSurgeonsHM { height: 377px; }

#meetSurgeonsHM #surgeonImage { width: 100%; height: 377px;  float: left; margin-top: 40px;}
/*#meetSurgeonsHM .text { margin: 115px 0 0; width: 490px; float: left; }*/
#meetSurgeonsHM h2 { margin: 0 0 15px; line-height: normal; font-weight: normal; font-family: 'NovecentowideBookRegular', Arial, Helvetica, sans-serif; font-size: 1.467em; color: #231f20; }
#meetSurgeonsHM h2 span { color: #013646; font-weight: normal; font-family: IranSans, Arial, Helvetica, sans-serif; }
#meetSurgeonsHM p { margin: 0 0 20px;padding-left: 15px; width: 250px; float: right; font-size: .933em; line-height: 1.4em; text-align: justify}
#meetSurgeonsHM ul { width: 230px; float: right; }
#meetSurgeonsHM ul li { margin: 0; background: url(../images/meetSurgeonsHM-li-border.png) no-repeat left bottom; }
#meetSurgeonsHM ul li a { padding: 5px 22px 0px 0px; background: url(../images/meetSurgeonsHM-arrow.png) no-repeat right center; text-decoration: none; display: block; color: #272727; font-weight: bold; }
#meetSurgeonsHM ul li a:hover { color: #069494; }
#meetSurgeonsHM ul li.first { padding-top: 0; }
#meetSurgeonsHM ul li.last { background: none; }
/** CONTENT **/
a.button { padding: 10px 12px; width: auto; background: #272727; font-size: 1em; line-height: 1.18em; color: #fff; text-decoration: none; font-family: 'NovecentowideBookRegular', Arial, Helvetica, sans-serif; display: inline-block; }
a.button:hover { background: #bd001f; }
#contentContainer { margin: 0 auto;  padding: 15px 32px 0;
    width: 1032px;
    /*background: url(../images/mainContentContainerHM-background.jpg) no-repeat center -516px;*/
}

.cont{background: url(../images/mainContentContainerHM-background.jpg) no-repeat center -516px;}
#lastcontent  { padding: 0; width: 100%; }
#lastcontent  h1 { margin: 0 0 10px; font-size: 2.667em; font-weight: normal; font-family: 'NovecentowideBookRegular', Arial, Helvetica, sans-serif; line-height: normal; }
#lastcontent  h2 { margin: 0 0 20px; font-size: 1.4667em; line-height: 1.81em; font-weight: normal; }
#lastcontent  h3 { font-size: 1.2em; line-height: 1.33em; color: #388d8d; }
#lastcontent  p { margin: 0 0 30px; }
#lastcontent  p.callout {  font-size: 1.667em; line-height: 1.43em; font-family: Times, "Times New Roman", serif; color: #069494; font-style: italic; }
#lastcontent  p.nomarg { margin: 0; }
#lastcontent  ul { margin: 0 0 30px; list-style-type: none; }
#lastcontent  ol { margin: 0 0 30px 30px; }
#lastcontent  hr { margin: 0 0 30px; width: 100%; height: 1px; background: #dadada; color: #dadada; }
#lastcontent  p.tools { margin: 0; float: right; }
#lastcontent  p.tools a:hover img { filter: Alpha(opacity= 85); -moz-opacity: .85; opacity: .85; }
#lastcontent  img.practice { margin-bottom: 20px; float: left; }
#lastcontent  a.top:hover { color: #069494; }
/** SIDEBAR **/

 #surgeons { background: #272727; }
 #surgeons .text { padding: 0 32px 15px;  }
 #surgeons h3 { font-family: 'NovecentowideBookRegular', Arial, Helvetica, sans-serif; color: #fff; }
 #surgeons h3 strong { font-family: 'NovecentowideBookNormal', Arial, Helvetica, sans-serif; }
 #surgeons ul li { margin: 0;  }
 #surgeons ul li.last a { border: none; }
/* Mobile*/
.mobile, #mobilecontactmenu, #mobilemenu, #mobileNav, .mobileTerms, #mobileToolbar, #bannerHMobile, #featureDoctor, .fa.fa-caret-left.mobile { display: none; }

/****************************
        Box PM
*************************/

#box-pm {
    /*background: url(../images/contact.jpg) 50% 0 repeat-y fixed ;*/
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    /*color: #ffffff;*/
    position: relative;
}
#box-pm .overlay {
    background: rgba(0, 0, 0, 0.60);
    opacity: 0.9;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.bts-box .description {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
    border-radius: 3px;
    margin: 10px 20px;
    padding: 10px;
}
#box-pm .description p {
    color:#ffffff;
    text-align: justify;
}
.description #mCSB_1_container {
    margin-right: 30px;
    margin-left: 0;
}
.mCustomScrollBox {
     position: relative;
     height: 100%;
     max-width: 100%;
     direction: ltr;
     overflow: hidden;
     outline: 0px;
 }
.bts-box .description p {
    line-height: 25px;
    font-size: 11px;
}
.bts-box-wrapper p {
    font-family:IranSans;
}
.btn-download, .btn-send, .btn-see {
    /*background-color: white;*/
    /*border:1px dashed #dddddd;*/
    position: relative;
    color: #ffffff;
    height:6.75em;
    border-radius: 0;
    font-family: IranSans;
    width: 100%;
}
/*.btn.focus, .btn:focus, .btn:hover{*/
    /*color: #ffffff;*/
/*}*/
.btn-download i, .btn-send i, .btn-see i{
    font-size: 32px;
}
/*.btn-download{*/
    /*color: #ff4d4d;*/
/*}*/
.btn {
    font-size: 11px;
}
.contract{
    margin-bottom: 5px;
}
#box-pm .bts-box h3{
   color: #ffffff !important;
}
.footer-top-wrapper {
    background-color: #363b3f;
    border-top: 4px solid #27c7d6;
    margin-top: -6px;
}
.footer-top {
    color: #c9d4de;
    padding-bottom: 20px;
}
.footer-top h3 {
    color: #d0dce6;
    border-bottom: 1px solid #fff;
    padding-bottom: 14px;
    font-family:IranSans;
    font-size: 18px;
}
.activelab{
    display:block !important;
    margin-top:274px;
    transition: margin-top 0.9s linear;
}
span.title-o {
    position: absolute;
    bottom: 0em;
    right: 0;
    left: 0;
    font-size: 15px;
    color: #fff;
    /*font-weight: bold;*/
    padding-bottom: 3px;
}
/*Append*/
.first{
    background-color: #ececec;
    padding-top: 25px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}


/*---------------------------------------
    Intro #lastcontent
-----------------------------------------*/

#intro {
    background: url('../images/intro-bg.jpg') 50% 0 repeat-y fixed;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 75vh;
    text-align: center;
    position: relative;
    overflow: hidden;
    width: 100%;
}

#intro .gradient-overlay {
    background: rgba(03,03,03,0.8);
    position: absolute;
    top: 0;
    width: 100%;
    height: 75vh;
}

#intro .btn {
    background: #f1c40f;
    border: 3px solid #ffffff;
    border-radius: 100px;
    color: #000;
    font-size: 13px;
    font-weight: 500;

    padding: 14px 42px 14px 42px;
    margin-top: 42px;
    margin-right: 12px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#intro h5{
    margin-top: 14px !important;
}
#intro .btn-danger {
    background: #ffffff;
    color: #444;
}

#intro .btn-danger:hover {
    background: transparent;
    border-color: #ffffff;
    color: #ffffff;
}

#intro .btn-default:hover {
    background: #e67e22;
    color: #000000;
    border-color: transparent;
}
/*---------------------------------------
    Preloader #lastcontent
-----------------------------------------*/
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 110%;
    z-index: 99999;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background: none repeat scroll 0 0 #fff;
    background-image:url('../images/new_loading.gif');
    background-repeat:no-repeat;
    background-position:center;
}


/*---------------------------------------
    Detail #lastcontent
-----------------------------------------*/

#detail {
    background-color: #f0f0f0;
}

#detail h2 {
    padding-bottom: 10px;
}

#detail hr {
    border-bottom: 2px solid #1abc9c;
    width: 42px;
}

#detail .detail-thumb {
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0px 1px 2px 0px rgba(90, 91, 95, 0.15);
    transition: all 0.3s ease-in-out;
    position: relative;
    top: 0px;
    padding: 60px 40px 60px 40px;
    margin-top: 32px;
}

#detail .detail-thumb:hover {
    box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3);
    top: -5px;
}

#detail .detail-thumb .fa {
    font-size: 42px;
}
#detail,
#feature,
#clinic,
#video,
#team,
#physicians,
#pricing,
#testimonial,
#Customers,
#box-pm,
#contact {
    padding-top: 100px;
    padding-bottom: 80px;
}
#detail,
#video,
#team,
#physicians,
#pricing,
#testimonial
 {
    text-align: center;
}
.parallax-section {
    background-attachment: fixed !important;
    background-size: cover !important;
}
/*
myCarousel
*/
.carousel .item {
    height: 300px;
}
/*************************************
    Social
************************************/
.parallax-section-4 {
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100%;
    height: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    vertical-align: middle;
    z-index: 1;
    display: block;
    position: relative;
}
.parallax-section-4 {
    background-image: url(../images/bg-4.jpg);
}
.white {
    color: #fff;
}
.section-title {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 30px;
}
.grey {
    color: #d3d3d3;
}
.subheading {
    font-size: 14px;
    /*line-height: 20px;*/
    font-weight: 400;
    margin-bottom: 42px;
}
.highlight {
    color: rgb(0, 149,147);
}
.subheading.grey:after {
    background: #fff!important;
    opacity: .4;
}
.subheading:after {
    position: relative;
    display: block;
    content: "";
    height: 2px;
    margin: 20px auto 20px;
    width: 115px;
    background: #7a7a7a;
}
.connected-icons {
    display: inline-block;
    list-style: none;
    padding: 0;
}
.connected-icons li {
    display: inline-block;
    padding: 15px 40px;
}
a,.connected-icon a:hover {
    color: rgb(104, 239, 232);
}
a {
    background: transparent;
    outline: none;
    text-decoration: none;
    -webkit-transition: .2s cubic-bezier(0.25,.46,.45,.94);
    transition: .2s cubic-bezier(0.25,.46,.45,.94);
    -webkit-transition-property: background-color,color;
    transition-property: background-color,color;
}

.connected-icon a .icon {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: 0 auto 0 auto;
    -webkit-transition: 0.16s all linear;
    -moz-transition: 0.16s all linear;
    -ms-transition: 0.16s all linear;
    -o-transition: 0.16s all linear;
    transition: 0.16s all linear;
}
.connected-icon a .icon {
    line-height: 1!important;
}
.connected-icon a h4, .connected-icon a span {
    -webkit-transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    -ms-transition: 0.2s all linear;
    -o-transition: 0.2s all linear;
    transition: 0.2s all linear;
}
.connected-icon a span {
    display: block;
}
.size-6x {
    font-size: 6em;
}
.icon-action-redo, .icon-action-undo, .icon-anchor, .icon-arrow-down, .icon-arrow-left, .icon-arrow-right, .icon-arrow-up, .icon-badge, .icon-bag, .icon-ban, .icon-bar-chart, .icon-basket, .icon-basket-loaded, .icon-bell, .icon-book-open, .icon-briefcase, .icon-bubble, .icon-bubbles, .icon-bulb, .icon-calculator, .icon-calendar, .icon-call-end, .icon-call-in, .icon-call-out, .icon-camcorder, .icon-camera, .icon-check, .icon-chemistry, .icon-clock, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-compass, .icon-control-end, .icon-control-forward, .icon-control-pause, .icon-control-play, .icon-control-rewind, .icon-control-start, .icon-credit-card, .icon-crop, .icon-cup, .icon-cursor, .icon-cursor-move, .icon-diamond, .icon-direction, .icon-directions, .icon-disc, .icon-dislike, .icon-doc, .icon-docs, .icon-drawer, .icon-drop, .icon-earphones, .icon-earphones-alt, .icon-emoticon-smile, .icon-energy, .icon-envelope, .icon-envelope-letter, .icon-envelope-open, .icon-equalizer, .icon-eye, .icon-eyeglasses, .icon-feed, .icon-film, .icon-fire, .icon-flag, .icon-folder, .icon-folder-alt, .icon-frame, .icon-game-controller, .icon-ghost, .icon-globe, .icon-globe-alt, .icon-graduation, .icon-graph, .icon-grid, .icon-handbag, .icon-heart, .icon-home, .icon-hourglass, .icon-info, .icon-key, .icon-layers, .icon-like, .icon-link, .icon-list, .icon-lock, .icon-lock-open, .icon-login, .icon-logout, .icon-loop, .icon-magic-wand, .icon-magnet, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-map, .icon-microphone, .icon-mouse, .icon-moustache, .icon-music-tone, .icon-music-tone-alt, .icon-note, .icon-notebook, .icon-paper-clip, .icon-paper-plane, .icon-pencil, .icon-picture, .icon-pie-chart, .icon-pin, .icon-plane, .icon-playlist, .icon-plus, .icon-pointer, .icon-power, .icon-present, .icon-printer, .icon-puzzle, .icon-question, .icon-refresh, .icon-reload, .icon-rocket, .icon-screen-desktop, .icon-screen-smartphone, .icon-screen-tablet, .icon-settings, .icon-share, .icon-share-alt, .icon-shield, .icon-shuffle, .icon-size-actual, .icon-size-fullscreen, .icon-social-dribbble, .icon-social-dropbox, .icon-social-facebook, .icon-social-tumblr, .icon-social-twitter, .icon-social-youtube, .icon-speech, .icon-speedometer, .icon-star, .icon-support, .icon-symbol-female, .icon-symbol-male, .icon-tag, .icon-target, .icon-trash, .icon-trophy, .icon-umbrella, .icon-user, .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-users, .icon-vector, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-wallet, .icon-wrench {
    font-family: Simple-Line-Icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.connected-icon a h4 {
    font-size: 15px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}
.connected-icon a .grey {
    font-size: 13px;
}
#get-connected {
    padding-top: 75px;
    padding-bottom: 70px;
    line-height:2.8em;
    background-position: 50% -4px;
}
.connected-icon a span {
    display: block;
}
.connected-icons {
    display: inline-block;
    list-style: none;
    padding: 0;
}
.connected-icons li {
    display: inline-block;
    padding: 15px 40px;
}
.connected-icon a h4 {
    font-size: 15px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}
.connected-icon a .grey {
    font-size: 13px;
}
.connected-icon a .icon {
    line-height: 1!important;
}
.connected-icon a h4,
.connected-icon a span {
    -webkit-transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    -ms-transition: 0.2s all linear;
    -o-transition: 0.2s all linear;
    transition: 0.2s all linear;
}
.connected-icon a .icon {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: 0 auto 0 auto;

    -webkit-transition: 0.16s all linear;
    -moz-transition: 0.16s all linear;
    -ms-transition: 0.16s all linear;
    -o-transition: 0.16s all linear;
    transition: 0.16s all linear;
}

/* .connected-icon a:hover .icon {
    background: rgba(255,255,255,0.1);
    font-size: 4em;
    padding-top: 22px;
} */

@media (max-width:482px) {
    .connected-icons li {
        padding: 15px 10px;
    }
    .connected-icon a .icon {
        font-size: 4em;
        width: 70px;
        height: 70px;
    }
    /* .connected-icon a:hover .icon {
        font-size: 3em;
        padding-top: 14px;
    } */
}
/***************************
    Slider
    ************************/
.slider_section{
    background-color: #f9f9f9;
}
#main{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
}
/***********************
    slider_right
    *******************/
.slider_one, .slider_two{
    width: 100%;
    background-color: #ffffff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.slider_one{
    height: 245px;
}
.slider_two{
    height: 245px;
}
.nav-pills li{
    background-color: #eee !important;
}
.sidebar_header:after {
    position: relative;
    display: block;
    content: "";
    height: 2px;
    /*margin: 20px auto 20px;*/
    width: 115px;
    background: #7a7a7a;
}
.sidebar_header h2{
    font-size: 12px;
    padding: 10px 6px 0;
}
.sidebar_header:hover :after{
    width: 100%;
}
.media-heading{
    margin-top: 5px !important;
    margin-bottom: 0 !important;
    font-size: 12px;
}
.slider_one ul {
    margin-top: 5px;
}
.slider_one ul>a>li{
    padding-top: 5px;
}
.sidebar a{
    color: #000 !important;
}
.sidebar ul > a >li:hover{
    background-color: #eee;
    border-right: 1px solid #F0A;
}
.media-body h4 small i{
    color: green;
    padding-right: 4px;
}
.best-visit{
    height: 500px;
    width: 100%;
    background-color: #ffffff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
#visit .nav{
    margin-top: 5px;
}
#visit .nav-pills li{
    background: none !important;
    border-bottom: 1px solid #eee;
    width: 49%;
}
#visit .nav-pills li:first-child{
    border-left: 1px solid #eee;
}
#visit .nav-pills li.active > a,
.nav-pills li.active > a:focus ,
.nav-pills li.active > a:hover {
    background-color: #eee;
    color: #ffffff;
}
#visit .tab-content ul {
    margin-top: 6px;
}
/***************************************
    Responsive
    ********************************-***/
@media screen and (min-width: 1024px) {
    .contentContainer {
        margin: 0 auto;
        /*padding: 15px 32px 0;*/
        width: 960px;
    }
}
.btn_ak a:hover{
    color:#ffffff !important;
}

@media screen and (min-width: 990px){
    .doctorFeature {
        display: none;
    }
}

@media screen and (max-width: 990px) {
    .btn_ak{
        width: 100%;
    }
    body{
        line-height: 1.385em;
    }
    .contentContainer {
        margin: 0 auto;
        padding: 10px 70px 0;
        width: inherit;
    }
    .cf {
        display: none;
    }

    .mobile {
        display: block;
    }
    #Group{
        display: none;
    }
    .features { width: 100%; text-align: right; }
    .features img { max-width: 100%; }
    .latestSpecialsBox { background: #ececec; padding: 0px 0px 15px 0px; overflow: hidden; }
    .latestSpecialsBox .specialButtons a { display: block; font-family: 'NovecentowideBookRegular';
        color: #069494; text-decoration: none; text-transform: uppercase; margin: 0 0 15px;
        padding: 12px 15px; width: 100%; background: #fff; box-shadow: 0 0 3px #999; position: relative; }
    .latestSpecialsBox .specialButtons a span { color: #231f20; display: block; font-family: IranSans; }
    .latestSpecialsBox .specialButtons a:before {
        font-family: 'fontawesome'; content: '\f137'; position: absolute; top: 38%; left: 15px; color: #069494; font-size: 20px; }
    .latestSpecialsBox .specialButtons a:last-child { margin-bottom: 0; }

    .doctorFeature { padding: 15px; }
    .doctorFeature h2 span { color: #069494; display: block; font-family: IranSans; }
    .doctorFeature a.fullWidth { display: block; width: 100%;  }
    .doctorFeature a.fullWidth:after { content: ''; }
    /*.doctorFeature a { display: inline-block; width: 48%; text-align: right; vertical-align: top;*/
        /*font-size: 11px; position: relative; text-decoration: none; }*/
    .doctorFeature a:after {
        font-family: 'fontawesome';
        content: '\f137';
        position: absolute;
        top: 38%;
        left: 15px;
        color: #069494;
        font-size: 20px;
    }

    #galleryFeature { width: 100%; max-width: 290px; margin: 0 auto 28px; padding: 15px; box-shadow: 0 0 3px #888; }

    #galleryFeature a::webkit-selection { background-color: transparent !important; }


    #galleryFeature .beforeAfter:after { clear: both; content: ''; display: table; }
    #galleryFeature p { display: none; }
    #galleryFeature p.displayMobile { display: block; margin: 10px 0 !important; padding: 0 !important; }
    #galleryFeature p.caption { display: block; margin: 10px 0; font-size: .8em;  }

    #galleryFeature .beforeAfter div:first-child { margin-right: 10px; }

    #galleryFeature h2 a { text-decoration: none; color: #231f20; }
    #galleryFeature h2 { font-family: 'NovecentowideBookRegular'; font-size: 1.115em; line-height: 1.115em; margin: 15px 0 0; position: relative; }
    #galleryFeature h2 strong { color: #069494; display: block; font-family: 'NovecentowideBookNormal'; }
    #galleryFeature h2 strong:after { font-family: 'fontawesome'; content: '\f144'; color: #069494; font-size: 20px; margin-left: 10px; }


    #galleryFeature .beforeAfterleft { margin: 0; }
    #galleryFeature .beforeAfterright { margin: 0; }
    #galleryFeature .beforeAfterleft div, #galleryFeature .beforeAfterright div { padding: 110px 0 0; width: 125px; display: inline-block; font-family: 'NovecentowideBookNormal', Arial, Helvetica, sans-serif; text-align: center; background: url(/images/galleryFeature-image-fpo.jpg) no-repeat left top; }

    /*#galleryFeature.breast .beforeAfter div { background-image: url(../images/DoctorGroup.jpg); }*/
    /*!*#galleryFeature.breast-augmentation .beforeAfter div { background-image: url(../images/b&A-breast-aug.jpg); }*!*/
    /*#galleryFeature.men .beforeAfter div { background-image: url(../images/DoctorGroup.jpg); }*/
    /*#galleryFeature.face .beforeAfter div { background-image: url(../images/DoctorGroup.jpg); }*/
    /*#galleryFeature.body-lift .beforeAfter div { background-image: url(../images/DoctorGroup.jpg); }*/



    #galleryFeature .beforeAfter .after { border-left: 1px solid #fff; background-position: right top; }
    #galleryFeature .beforeAfter div { background-size: 250px 100px; }

    #galleryFeature.latisse .beforeAfter .before, #galleryFeature.latisse .beforeAfter .after { width: 100%; padding-top: 10%; margin: 0px 0 30px; color: transparent; position: relative; }
    #galleryFeature.latisse .beforeAfter .before:before { content: 'BEFORE'; font-family: 'NovecentowideBookNormal'; font-weight: bold; color: #069494; position: absolute; top: 48px; }
    #galleryFeature.latisse .beforeAfter .after:before { content: 'AFTER'; font-family: 'NovecentowideBookNormal'; font-weight: bold; color: #069494; position: absolute; top: 48px; }
    #galleryFeature.latisse .beforeAfter .after { background-position: 0 100%; margin-bottom: 10px; }

    #galleryFeature .beforeAfterleft .after, #galleryFeature .beforeAfterright .after { background-position: top right; }
    /* SELECTED FIELDS */
    select:focus { border: 1px solid #222; }
    input:focus { border: 1px solid #222; }
    input[type="checkbox"]:focus { border: none; }
    textarea:focus { border: 1px solid #222; }
    button:focus { background: #6bb4b4; }

    .procedure-buttons-hm { width: 100%; display: table; margin-bottom: 20px; }
    .procedure-buttons-hm:after { clear: both; display: table; content: ''; }
    .procedure-buttons-hm > div { width: 46.27%; display: inline-block; padding-top: 33%; margin-bottom: 10px; }
    .procedure-buttons-hm > div:nth-child(odd) { margin-left: 3.4%; !important;}
    .procedure-buttons-hm > div span { text-decoration: none; width: 100%; display: block; text-align: center; text-transform: uppercase; background: rgba(0,0,0, .5); color: #fff !important; padding: 3px 0; }

    .procedure-buttons-hm div.breast {
        /*background-image: url(../images/DC.jpeg);*/
        background-repeat:no-repeat;
        background-size:contain;
        background-position:center;
    }
    .procedure-buttons-hm div.body {
        /*background-image: url(../images/DC.jpeg);*/
        background-repeat:no-repeat;
        background-size:contain;
        background-position:center;
    }
    .procedure-buttons-hm div.face {
        /*background-image: url(../images/DC.jpeg);*/
        background-repeat:no-repeat;
        background-size:contain;
        background-position:center;
        margin-bottom: 0; }
    .procedure-buttons-hm div.skin {
        /*background-image: url(../images/DC.jpeg);*/
        background-repeat:no-repeat;
        background-size:contain;
        background-position:center;
        margin-bottom: 0;
    }
    .procedure-buttons-hm div.skin,.procedure-buttons-hm div.face,.procedure-buttons-hm div.body,.procedure-buttons-hm div.breast{
        background-color: #ffffff;
    }

    .procedureSubnavs div.hidden { opacity: 0; }
    .procedureSubnavs { height: 0; position: relative; top: -20px; width: 100%; }
    .procedureSubnavs > div { position: absolute; top: 0; left: 0; background: rgba(0,0,0,.8); transition: top .3s ease-out; width: 100%; padding: 10px; overflow: scroll; }
    .procedureSubnavs > div h2 { color: #fff; text-align: center; text-transform: uppercase; font-family: 'NovecentowideBookNormal'; margin: 10px 0 5px; }
    .procedureSubnavs > div ul { margin: 0; padding: 0; }
    .procedureSubnavs > div ul ul { display: none; }
    .procedureSubnavs > div ul li { padding: 0; margin: 0; text-align: center; height: 31px; }
    .procedureSubnavs > div ul li a { text-decoration: none; padding: 2px 0; display: block; }
    .procedureSubnavs span { position: absolute; top: 10px; left: 10px; color: #fff; display: block; width: 30px; height: 30px; text-align: center; font-size: 24px; }
    .procedureSubnavs .overlayBox { background: #ececec; }
    .procedureSubnavs .overlayBox span { display: none; }



}
@media screen and (max-width: 1024px) {
    .contentContainer {
        margin: 0 auto;
        padding: 0 !important;
        width: inherit;
    }
    #time{
        width: 66%;
    }    
    #intro h1{
        font-size: 19px;
    }
    #intro .btn{
        padding: 10px;
        margin-top: 20px;
    }
    #intro{
        height:70vh;
    }
    #intro .gradient-overlay{
        height:70vh;
    }
}
@media screen and (max-width: 320px){
    .procedure-buttons-hm > div{
        width:100%;
    }
    .procedure-buttons-hm > div:nth-child(odd){
        margin-right: 0;
    }
}
/*Append*/
.ribbon-bw{
    background: url(../images/line-new.png) repeat-x;
    height:1px;
    /*padding-bottom: 2%;*/
    float: right;
    width: 100%;
}

.logo {
    color:#896569;
    font-size:20px;
}
.doctorFeature .list_doc {
        display: block;
    font-family:IranSans, Tahoma;
    color: #231f20;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 0 15px;
    padding: 12px 15px;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 3px #999;
    position: relative;
}

.index-actions-orthodontist {
    background: #E9ECF3;
    padding-top: 20px;
}
@media (max-width: 767px) {
    .index-actions-orthodontist {
        padding-bottom: 17px
    }
}
.index-actions-orthodontist .holder:hover {
    background-color: #009593
}
.index-actions-orthodontist .holder:hover,
.index-actions-orthodontist .holder:hover .description,
.index-actions-orthodontist .holder:hover h3 a {
    color: #fff
}
.index-actions-orthodontist .holder:hover a.native-button {
    color: #3598DC;
    background-color: #fff;
    border-color: #fff
}
.index-actions-orthodontist .holder:hover .border-side,
.index-actions-orthodontist .holder:hover .side-colour {
    background-color: #fff
}
@keyframes border-pulsate {
    0%, 100% {
        border-color: #fff
    }
    50% {
        border-color: #68EFE9
    }
}
.index-actions-orthodontist .img-frame {
    width: 206px;
    height: 149px;
    background-image: url(../images/circles-core.png);
    text-align: center;
    margin: 24px 15px 0
}
.index-actions-orthodontist .img-frame img {
    border: 13px solid #E9ECF3;
    border-radius: 100%;
    width: 140px;
    height: 140px
}
.index-actions-orthodontist .holder {
    position: relative;
    background: #fff;
    margin-bottom: 15px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    padding-bottom: 15px
}
.index-actions-orthodontist .holder h3,
.index-actions-orthodontist .holder h3 a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}
@media (max-width: 767px) {
    .index-actions-orthodontist .holder {
        padding-bottom: 50px
    }
}
.index-actions-orthodontist .holder h3 {
    margin: 25px 0 10px;
    transition: all .3s ease-in-out;
    font-size: 16pt
}
.index-actions-orthodontist .holder h3 a {
    padding-right: 10px;
    font-size: 19px;
    color: #3598DC;
    transition: all .3s ease-in-out
}
.index-actions-orthodontist .holder .description,
.index-actions-orthodontist .holder .description .border-side {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}
.index-actions-orthodontist .holder .description {
    color: #33393F;
    line-height: 23px;
    font-size: 14px;
    margin: auto;
    margin-bottom: 25px;
    padding-right: 10px;
    position: relative;
    transition: all .3s ease-in-out;
    padding-left: 20px
}
.index-actions-orthodontist .holder .description .border-side {
    position: absolute;
    width: 2px;
    background: #E9ECF3;
    top: 5px;
    bottom: 8px;
    right: 0;
    transition: all .3s ease-in-out
}
.index-actions-orthodontist .holder a.native-button {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding-top: 4px;
    padding-bottom: 4px
}
.index-actions-orthodontist .holder a.native-button:hover {
    background-color: #fff;
    border-color: #fff;
    color: #009593;
}
.index-actions-orthodontist .side-colour {
    position: absolute;
    right: 0;
    height: 100%;
    width: 120px;
    background: #68EFE9;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}
.index-actions-orthodontist .textual-content i {
    top: 3px!important
}
@media (max-width: 991px) {
    .index-actions-orthodontist .img-frame {
        margin-left: auto;
        margin-right: auto;
        margin-top: 42px
    }
    .index-actions-orthodontist .textual-content {
        text-align: center
    }
    .index-actions-orthodontist .side-colour {
        width: 100%;
        height: 117px
    }
    .index-actions-orthodontist a.native-button {
        margin-top: 10px;
        display: inline-block
    }
    .index-actions-orthodontist .holder {
        margin-bottom: 16px
    }
}
.native-button {
    background: 0 0;
    border: 1px solid #3598DC;
    padding: 3px 45px;
    color: #3598DC;
    font-size: 10pt;
    border-radius: 6px;
    margin-top: 30px;
    cursor: pointer;
    font-family: IRANSans;
    transition: all .3s ease-in-out;
}

/*
*******
append news section
****
 */
.index-articles-section {
    padding: 15px 0 30px
}
.index-articles-section .nws-section.helper-blue-title-section {
    margin-bottom: 14px!important
}
.index-articles-section .sub-section:hover .arrow {
    background-color: #3598DC
}
.index-articles-section .item-content {
    margin-top: 10px;
    padding-right: 45px
}
.index-articles-section .list-view {
    margin-bottom: 5px;
    position: relative;
    background: #EAEDEF
}
.index-articles-section .list-view .arrow {
    position: absolute;
    z-index: 99;
    top: 33%;
    background: #27C7D6;
    color: #fff;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 22px;
    font-size: 15px;
    vertical-align: middle;
    transition: all .3s ease-in-out;
    left: 10px
}
.index-articles-section .list-view .colored-side {
    background: #27C7D6;
    position: absolute;
    width: 29px;
    top: 0;
    bottom: 0;
    right: 0
}
.index-articles-section .list-view .item {
    position: relative;
    z-index: 99;
    top: -5px
}
.index-articles-section .list-view .item img {
    border-radius: 100%;
    width: 45px;
    height: 45px;
    border: 3px solid #fff;
    float: right;
    margin-right: -8px
}
.index-articles-section .list-view .item h3 {
    position: relative;
    font-weight: 400;
    padding-right: 10px;
    font-size: 13px;
    margin: 0;
    padding-top: 9px;
    padding-bottom: 9px;
    vertical-align: middle;
    /*height: 45px;*/
    /*display: table-cell*/
    -ms-word-wrap:break-word;
    word-wrap:break-word;
}

.index-articles-section .list-view .item h3 a {
    color: #33393F;
    text-align: justify;
}
.index-articles-section .list-view .item h3 a i {
    float: left;
    color: #3598DC;
}
.index-articles-section .list-view .item h3 span {
    color: #E9ECF3;
    font-weight: 400;
    display: block;
    margin-top: 6px;
    min-height: 65px;
}
@media (max-width: 991px) {
    .index-articles-section {
        padding-bottom: 40px
    }
    .index-articles-section .list-view .item h3 {
        position: relative
    }
    .index-articles-section .list-view .item h3 i {
        position: absolute;
        top: 2px;
        left: -18px
    }
}
@media (min-width: 1200px) {
    .index-articles-section .container .sub-section:nth-child(2n) {
        padding-left: 70px
    }
}
.index-logo-section {
    text-align: center;
    background: #3598DC
}
.nws-section.home-parallax-parallax1-section {
    background-image: url(../images/parallax1/bg_1.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0 0
}
.nws-section.home-parallax-parallax1-section .wrapper {
    text-align: center;
    position: relative;
    display: table;
    width: 100%
}
.nws-section.home-parallax-parallax1-section .wrapper h1 {
    color: #3598DC;
    margin-bottom: 22px;
    line-height: 1;
    margin-top: 5px;
    font-size: 37px
}
.nws-section.home-parallax-parallax1-section .wrapper .description {
    display: block;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 23px
}
.nws-section.home-parallax-parallax1-section .wrapper .description a {
    color: #27C7D6
}
@media (min-width: 768px) and (max-width: 991px) {
    .nws-section.home-parallax-parallax1-section .wrapper .button-box {
        margin-bottom: 220px
    }
}
@media (max-width: 767px) {
    .nws-section.home-parallax-parallax1-section .wrapper .button-box {
        margin-bottom: 170px
    }
}
.nws-section.home-parallax-parallax1-section .wrapper .button-box .button {
    margin: 32px 1px;
    width: 100%;
    font-size: 18px;
    font-weight: 400!important;
    text-shadow: none;
    border-radius: 5px;
    background-color: #3598DC;
    color: #fff;
    text-align: center;
    max-width: 185px
}
.nws-section.home-parallax-parallax1-section .wrapper .button-box .button-filler,
.nws-section.home-parallax-parallax1-section .wrapper .button-box .button:hover {
    background-color: #27C7D6
}
.nws-section.home-parallax-parallax1-section .wrapper .button-box .button-filler:hover {
    background-color: #3598DC
}
.nws-section.home-parallax-parallax1-section .wrapper img.absoluteImg {
    position: absolute;
    bottom: 0;
    left: 0
}
@media (min-width: 992px) and (max-width: 1199px) {
    .nws-section.home-parallax-parallax1-section .wrapper img.absoluteImg {
        max-width: 600px
    }
}
@media (max-width: 991px) {
    .nws-section.home-parallax-parallax1-section {
        padding-top: 25px
    }
    .nws-section.home-parallax-parallax1-section .wrapper img.absoluteImg {
        right: 50%;
        transform: translateX(50%)
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .nws-section.home-parallax-parallax1-section .wrapper img.absoluteImg {
        max-width: 368px
    }
}
.nws-section.home-parallax-parallax2-section {
    padding: 50px 0 0;
    position: relative
}
@media (max-width: 767px) {
    .nws-section.home-parallax-parallax1-section .wrapper .button-box .button {
        display: block;
        margin: 20px auto
    }
    .nws-section.home-parallax-parallax1-section .wrapper img.absoluteImg {
        max-width: 240px
    }
    .nws-section.home-parallax-parallax2-section {
        background-color: #27C7D6
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .nws-section.home-parallax-parallax2-section {
        position: relative
    }
    .nws-section.home-parallax-parallax2-section:before {
        content: "";
        top: 0;
        height: 100%;
        width: calc(66.66666667% - 12px);
        position: absolute;
        background-color: #27C7D6;
        right: 0
    }
}
.nws-section.home-parallax-parallax2-section .wrapper {
    text-align: center;
    display: table;
    width: 100%
}
@media (max-width: 991px) {
    .nws-section.home-parallax-parallax2-section .wrapper {
        padding-bottom: 35px;
        padding-top: 90px
    }
}
.nws-section.home-parallax-parallax2-section .wrapper h1 {
    color: #fff;
    margin-bottom: 22px;
    line-height: 1;
    margin-top: 5px;
    font-size: 37px
}
@media (min-width: 768px) and (max-width: 991px) {
    .nws-section.home-parallax-parallax2-section .wrapper {
        text-align: right
    }
    .nws-section.home-parallax-parallax2-section .wrapper h1 {
        font-size: 30px
    }
}
.nws-section.home-parallax-parallax2-section .wrapper .description {
    display: block;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 23px;
    color: #fff
}
.nws-section.home-parallax-parallax2-section .wrapper .description a {
    color: #3598DC
}
.nws-section.home-parallax-parallax2-section .wrapper .button {
    margin: 32px 1px;
    width: 100%;
    font-size: 18px;
    font-weight: 400!important;
    text-shadow: none;
    border-radius: 5px;
    background-color: #3598DC;
    color: #fff;
    text-align: center;
    max-width: 185px
}
.nws-section.home-parallax-parallax2-section .wrapper .button-filler,
.nws-section.home-parallax-parallax2-section .wrapper .button:hover {
    background-color: #fff;
    color: #3598DC
}
@media (min-width: 768px) and (max-width: 991px) {
    .nws-section.home-parallax-parallax2-section .wrapper .button {
        display: block;
        margin: 15px 0
    }
    .nws-section.home-parallax-parallax2-section .wrapper .button:first-child {
        margin-top: 20px
    }
}
@media (max-width: 767px) {
    .nws-section.home-parallax-parallax2-section .wrapper .button {
        display: block;
        margin: 15px auto
    }
    .nws-section.home-parallax-parallax2-section .wrapper .button:first-child {
        margin-top: 20px
    }
}
.nws-section.home-parallax-parallax2-section .wrapper .button-filler:hover {
    background-color: #3598DC;
    color: #fff
}
.nws-section.home-parallax-parallax2-section img.absoluteImg {
    position: absolute;
    bottom: 0;
    right: calc(50% - 38px)
}
@media (min-width: 992px) and (max-width: 1199px) {
    .nws-section.home-parallax-parallax2-section img.absoluteImg {
        max-width: 600px
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .nws-section.home-parallax-parallax2-section img.absoluteImg {
        max-width: 177px;
        right: calc(66.66666667% - 38px)
    }
}
.nws-section.home-partners-section {
    background-color: #3598DC;
    color: #fff
}
.nws-section.home-partners-section .mainWrapper {
    position: relative;
    padding: 43px 0 22px;
    display: table;
    height: 100%;
    width: 100%
}
.nws-section.home-partners-section .mainWrapper .wrapper {
    position: relative
}
.nws-section.home-partners-section .mainWrapper .wrapper:before {
    content: "";
    position: absolute;
    background-color: #6ECAF9
}
@media (min-width: 768px) {
    .nws-section.home-parallax-parallax2-section {
        background-image: url(../images/parallax2/bg_2.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover
    }
    .nws-section.home-partners-section .mainWrapper .wrapper:before {
        width: 1px;
        top: -10px;
        bottom: -10px;
        left: 0
    }
}
@media (max-width: 767px) {
    .nws-section.home-partners-section .mainWrapper .wrapper {
        display: table;
        margin: 0 auto 15px;
        padding-bottom: 15px
    }
    .nws-section.home-partners-section .mainWrapper .wrapper:before {
        height: 1px;
        bottom: 0;
        right: -10px;
        left: -10px
    }
}
.nws-section.home-partners-section .mainWrapper .wrapper .circles .circle,
.nws-section.home-partners-section .mainWrapper .wrapper .circles:after,
.nws-section.home-partners-section .mainWrapper .wrapper .circles:before {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #6ECAF9;
    display: inline-block;
    border-radius: 50%;
    position: absolute
}
.nws-section.home-partners-section .mainWrapper .wrapper .circles {
    position: absolute
}
@media (min-width: 768px) {
    .nws-section.home-partners-section .mainWrapper .wrapper .circles {
        top: -10px;
        bottom: -10px;
        left: 0
    }
}
@media (max-width: 767px) {
    .nws-section.home-partners-section .mainWrapper .wrapper .circles {
        bottom: 0;
        right: -10px;
        left: -10px
    }
    .nws-section.home-partners-section .mainWrapper .wrapper .circles .circle {
        top: -3px
    }
}
@media (min-width: 768px) {
    .nws-section.home-partners-section .mainWrapper .wrapper .circles .circle,
    .nws-section.home-partners-section .mainWrapper .wrapper .circles:before {
        left: -2px
    }
}
@media (max-width: 767px) {
    .nws-section.home-partners-section .mainWrapper .wrapper .circles:before {
        top: -3px;
        left: 0
    }
}
@media (min-width: 768px) {
    .nws-section.home-partners-section .mainWrapper .wrapper .circles:before {
        top: 0
    }
    .nws-section.home-partners-section .mainWrapper .wrapper .circles:after {
        left: -2px;
        bottom: 0
    }
}
@media (max-width: 767px) {
    .nws-section.home-partners-section .mainWrapper .wrapper .circles:after {
        top: -3px;
        right: 0
    }
}
.nws-section.home-partners-section .mainWrapper .wrapper img {
    float: right;
    border-radius: 50%;
    border: 10px solid #fff;
    box-sizing: content-box
}
.nws-section.home-partners-section .mainWrapper .wrapper .textWrapper {
    margin-right: 120px
}
.nws-section.home-partners-section .mainWrapper .wrapper .textWrapper h3 {
    color: #fff;
    margin: 0 0 5px;
    font-size: 20px
}
.nws-section.home-partners-section .mainWrapper .wrapper .textWrapper h4 {
    color: #fff;
    font-weight: 400;
    margin: 0 0 4px
}
.nws-section.home-partners-section .mainWrapper .wrapper .textWrapper span {
    font-size: 13px
}
.nws-section.home-partners-section .mainWrapper .url {
    display: block;
    text-align: center;
    font-size: 13px;
    margin-bottom: 22px
}
.nws-section.home-partners-section .mainWrapper a {
    color: #fff;
    display: table;
    margin: auto;
    padding: 11px 55px;
    border: 1px solid #fff;
    border-radius: 10px;
    font-size: 16px;
    line-height: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.nws-section.home-partners-section .mainWrapper a:hover {
    background-color: #fff;
    color: #3598DC
}
.nws-section.home-partners-section .mainWrapper>img {
    position: absolute;
    bottom: 0
}
@media (min-width: 1200px) {
    .nws-section.home-partners-section .mainWrapper>img {
        left: 60px
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .nws-section.home-partners-section .mainWrapper>img {
        left: 0
    }
}
.nws-section.helper-title-section {
    background-color: #fff;
    padding: 15px 0;
    margin-bottom: 20px;
}
.nws-section.helper-title-section .title {
    color: #33393F;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    display: table;
    margin: 0 auto;
    position: relative;
}
.nws-section.helper-title-section .title:after, .nws-section.helper-title-section .title:before {
    content: '';
    display: inline-block;
    position: absolute;
    height: 1px;
    width: 40px;
    background-color: #27C7D6;
    top: 50%;
}
.nws-section.helper-title-section .title:before {
    right: -60px;
}
.nws-section.helper-title-section .title:after {
    left: -60px;
}
.nws-section.helper-title-section .title:after, .nws-section.helper-title-section .title:before {
    content: '';
    display: inline-block;
    position: absolute;
    height: 1px;
    width: 40px;
    background-color: #27C7D6;
    top: 50%;
}
.nws-section.helper-title-section .title span {
    color: #33393F;
}

.nws-section.helper-title-section .title span:before {
    right: -20px;
}
.nws-section.helper-title-section .title span:after, .nws-section.helper-title-section .title span:before {
    content: '';
    position: absolute;
    height: 8px;
    width: 8px;
    background-color: #27C7D6;
    top: calc(50% - 3px);
    border-radius: 50%;
    display: inline-block;
}
.nws-section.helper-title-section .title span:after {
    left: -20px;
}
.nws-section.helper-title-section .title span:after, .nws-section.helper-title-section .title span:before {
    content: '';
    position: absolute;
    height: 8px;
    width: 8px;
    background-color: #27C7D6;
    top: calc(50% - 3px);
    border-radius: 50%;
    display: inline-block;
}

.footer-top .round-icon i {
    width: 35px;
    height: 35px;
    text-align: center;
    margin: 5px 0 6px;
    border-radius: 100%;
    background: #27C7D6;
    color: #33393F;
    font-size: 14px;
    line-height: 35px;
    margin-left: 10px;
}
.footer-top h3{
    margin-top: 20px;
}
.footer-top .round-icon{
    color: #27C7D6;
    margin-top:20px;
}
.footer-top i.fa-angle-down {
    color: #27C7D6;
    margin-right: 13px;
}
.footer-top .address {
    color: #fff;
    line-height: 2.3em;
    font-size: 13px;
    margin-bottom: 0px;
}

.nav-img {
    padding-bottom: 4%;
}
.step-links{
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
    float: right;
}
.step-links span{
    float: left;
    font-size: 10px;
    color:#e3e3e3;
}
.procedureSubnavs div.hidden { opacity: 0; }
.jumbotron p{
    margin-top:30px;
}
.jumbotron p{
    font-size: 16px !important;
}
.jumbotron .h1, .jumbotron h1{
    text-align: center;
}

.h3-header{
    width: 90px;
    height:90px;
}
/*
******
Top Header
******
 */
#top-navbar{
    z-index: 3;
}
#top-navbar{background:#68efe9}@media (min-width:768px) {
    #top-navbar{
        background:-webkit-linear-gradient(left,#009593,#009593 33.33333333%,#68efe9 33.33333333%);
        background:-o-linear-gradient(left,#009593,#009593 33.33333333%,#68efe9 33.33333333%);
        background:-moz-linear-gradient(left,#009593,#009593 33.33333333%,#68efe9 33.33333333%);
        background:linear-gradient(to left,#009593,#009593 33.33333333%,#68efe9 33.33333333%)
    }
}
#top-navbar .searchBg {
    background: #68efe9;
    padding: 10px 15px;
}
@media (max-width:767px){
    #top-navbar{
        padding-bottom:10px;
    }
    #top-navbar .socialBg
    {
        background: #009593;
    }
}
#top-navbar .socialBg{

    padding:10px 15px;

}
#top-navbar .socialBg .social a{
    display:inline-block;
    vertical-align:bottom;
    width: 30px;
    height:30px;
    background-color: #ffffff;
    border-radius: 50%;
    text-align: center;
}
#top-navbar .socialBg .social a i, .social a img{
    padding: 4px 0px;
    font-size: 1.5em;
    color:#009593;
}
#top-navbar .socialBg .social a:not(:last-child){
    margin-left:10px;
}
#top-navbar .socialBg .social a:hover{
    color:#009593;
    -webkit-animation:swing 1s!important;-o-animation:swing 1s!important;animation:swing 1s!important;
}
#top-navbar .searchBg{
    background:#68efe9;
    padding:10px 15px;
}
#top-navbar .searchBg .searchForm{
    width: 100%;
    max-width: 220px;
    float: left;
    position: relative;
    margin: 1px 0;
}@media (max-width:767px){
    #top-navbar .searchBg .searchForm{
        margin-left:15px;
    }
}
#top-navbar .searchBg .searchForm form{
    margin-bottom:0;margin-top:0;position:relative;
}
#top-navbar .searchBg .searchForm form:before{
    content:'';content:"";
    width:0;
    height:0;
    border-top:15px solid transparent;
    border-bottom:15px solid transparent;
    border-left:15px solid #fff;
    position:absolute;right:-15px;top:0
}
#top-navbar .searchBg .searchForm form input[type=submit],#top-navbar .searchBg .searchForm form:after{
    top:4px;
    left:-11px;
    display:inline-block;
    position:absolute;
    right:auto;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    font-family:FontAwesome;
    text-align:center;
}
#top-navbar .searchBg .searchForm form:after{
    width:22px;
    height:22px;
    line-height:22px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    background:#009593;
    content:""
}
#top-navbar .searchBg .searchForm form input[type=search]{
    border-radius:0;
    height:30px;
    font-size:12px;
    border:none;
    outline:0;
    box-shadow:none;
    line-height:28px;
    padding-left:17px;
    padding-right:5px;
    background:#fff;
    width:100%
}
#top-navbar .searchBg .searchForm form input[type=submit]{
    width:22px;
    height:22px;
    line-height:22px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    min-width:22px!important;
    border:none;
    outline:0;
    background:0 0;
    box-shadow:none;
    z-index:3;
    margin:0;
}
#top-navbar .searchBg .searchForm form i{
    font-family:FontAwesome;
    position:absolute;
    top:8px;
    left:-6px;
    right:auto;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    content:"\f002";
    color:#fff;
    z-index:2;
    font-size:13px;
    -webkit-transition:all .3s linear;-moz-transition:all .3s linear;
    -ms-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear;
}
#top-navbar .searchBg .searchForm form i.change-color{
    color:#68efe9;
}
#top-navbar .searchBg .searchForm ::-webkit-input-placeholder{
    color:#87898a;
}
#top-navbar .searchBg .searchForm ::-moz-placeholder{
    color:#87898a;
}
#top-navbar .searchBg .searchForm :-ms-input-placeholder{
    color:#87898a;
}
#top-navbar .searchBg .searchForm :-moz-placeholder{
    color:#87898a;}
@-moz-document url-prefix(){
                       .blueBg i{
                            top:7px!important
                        }
                   }

.truncate_more_link:focus,.truncate_more_link:hover {
    color:rgb(104, 239, 232) !important;
}

.modal-backdrop.in{
    opacity: 0 !important;
}