@charset "UTF-8";

/* Theme Name: All Smiles */

/* Variables */


@import url('https://fonts.googleapis.com/css2?family=Yellowtail&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');*/


@font-face { font-family: "Raleway"; src: url("fonts/raleway-500.woff2") 
    format("woff2"); font-style: normal; font-weight: 500; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }


@font-face { font-family: "Raleway"; src: url("fonts/raleway-700.woff2") 
    format("woff2"); font-style: normal; font-weight: 700; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }


@font-face { font-family: "Raleway"; src: url("fonts/raleway-800.woff2") 
    format("woff2"); font-style: normal; font-weight: 800; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }


@font-face { font-family: "Raleway"; src: url("fonts/raleway-900.woff2") 
    format("woff2"); font-style: normal; font-weight: 900; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }



*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    /*font-family: Raleway;

        font-family: "Open Sans", sans-serif;*/
}

body{
font-family: "Open Sans", sans-serif;
}

.comman-container{
        max-width: 1226px;
            min-width: 0;
            -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
        margin-left: auto;
    margin-right: auto;
}

.new-width-container{
    max-width: 1091px;
    min-width: 0;
            -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
        margin-left: auto;
    margin-right: auto;
}


.top-detail a:hover , .blog-top ul li a:hover{
    color: #ffbe0a;
}

.socal-icon ul li a:hover{
    background-color: #30bcee;
}

.top-head{
    width:100%;
}

.top-detail{
    width: 100%;
    border-bottom: 1px solid #f5f4f0;
    padding: 6px 0px;
    display: flex;
    justify-content: space-between;
}

.contact-top{
    display: flex;
    align-items: center;
    flex-direction: row;
    color:#30bcee ;
    font-weight: bold;
}

.top-detail svg{
    fill: #30bcee;
    width: 18px;
    height: 18px;
}

.top-detail a{
    color:#30bcee ;
    vertical-align: middle;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}



.socal-icon ul{
    list-style: none;
    display: flex;
    justify-content: space-between;
    width: 110px;
    margin-left: 30px;
}
.socal-icon ul li a{
        width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    display: block;
    background-color: #155995;   
}

.socal-icon ul li a svg{
    fill: #fff;
    width: 15px;
    height: 15px;
}


.blog-top ul{
    list-style: none;
    display: flex;
}


.blog-top ul li a{
    color: #30bcee;
    padding: 10px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.77;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Raleway, sans-serif;
}

.Free-Orthodontic-btn{
    background: #ffbe0a;
    border-bottom: 3px solid #ffd97b;
        font-family: Raleway, sans-serif;
            padding: 10px;
    font-size: 15px;
    font-weight: 400;
        color: #fff !important;
        text-decoration: none;
            height: 50px;
}

.Free-Orthodontic-btn:hover{
background: #ffd97b;
    border-bottom-color: #ffbe0a !important;
}


/*navbar top css start*/

.logo {position: relative;z-index: 123;padding: 10px;font: 18px verdana;color: #6DDB07;float: left;
width: 15%}

.logo img{
        width: 228px;
}

.logo a {color: #6DDB07;}

nav {position: relative; z-index: 234;}

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile {border: 0;list-style: none;
line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}

#cssmenu:after,#cssmenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0}

#cssmenu #head-mobile {display: none}

#cssmenu {font-family: sans-serif;}

#cssmenu > ul > li {float: left;}

#cssmenu > ul > li > a {font-family: Raleway, sans-serif; padding: 15px 12px;font-size: 15px;letter-spacing: 0.5px;text-decoration: none;color: #30bcee;font-weight: 800; text-transform: uppercase;}

/*#cssmenu > ul > li:hover > a,#cssmenu ul li.active a {color: #fff}*/

/*#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover {background: #448D00!important;
-webkit-transition: background .3s ease;-ms-transition: background .3s ease;transition: background .3s ease;}*/


/*#cssmenu > ul > li.has-sub > a {padding-right: 30px}*/

#cssmenu > ul > li.has-sub > a:after {position: absolute;top: 22px;right: 11px;width: 8px;height: 2px;
display: block;background: #ddd;content: ''}

#cssmenu > ul > li.has-sub > a:before {position: absolute;top: 19px;right: 14px;display: block;width: 2px;
height: 8px;background: #ddd;content: '';-webkit-transition: all .25s ease;-ms-transition: all .25s ease;transition: all .25s ease}

#cssmenu > ul > li.has-sub:hover > a:before {top: 23px;height: 0}

#cssmenu ul ul {position: absolute;left: -9999px; border-top: 3px solid #ffbe0a;}

#cssmenu ul ul li {height: 0;/*-webkit-transition: all .25s ease;-ms-transition: all .25s ease;*/background: #30bcee;/*transition: all .25s ease*/}

#cssmenu ul ul li:hover {}

#cssmenu li:hover > ul {left: auto}

#cssmenu li:hover > ul > li {min-height: 36px; height: 100%}

#cssmenu ul ul ul {margin-left: 100%;top: 0}

#cssmenu ul ul li a {border-bottom: 0px solid rgba(150, 150, 150, 0.15);padding: 10px 15px;width: 220px;font-size: 16px;
text-decoration: none;color: #fff;font-weight: 400;text-transform: uppercase;}

#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a {border-bottom: 0}

#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {color: #fff; background-color: #ffbe0a;}

#cssmenu ul ul li.has-sub > a:after {position: absolute;top: 16px;right: 11px;width: 8px;height: 2px;
display: block;background: #ddd;content: ''; display: none}

#cssmenu ul ul li.has-sub > a:before {position: absolute;top: 13px;right: 14px;
display: block;width: 2px;height: 8px;background: #ddd;content: '';-webkit-transition: all .25s ease;
-ms-transition: all .25s ease;transition: all .25s ease ;display: none;}

#cssmenu ul ul > li.has-sub:hover > a:before {top: 17px;height: 0}

#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover {background: #363636;}

#cssmenu ul ul ul li.active a {border-left: 1px solid #333}

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a {border-top: 1px solid #333}


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

nav {width: 100%;}

#cssmenu {width: 100%}

#cssmenu ul {width: 100%;display: none}
#cssmenu ul li {width: 100%;border-top: 1px solid #444}
#cssmenu ul li:hover {background: #363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li {height: auto}
#cssmenu ul li a,#cssmenu ul ul li a {width: 100%;border-bottom: 0}
#cssmenu > ul > li {float: none}
#cssmenu ul ul li a {padding-left: 25px}
#cssmenu ul ul li {background: #333!important;}
#cssmenu ul ul li:hover {background: #363636!important}
#cssmenu ul ul ul li a {padding-left: 35px}
#cssmenu ul ul li a {color: #ddd;background: none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a {color: #fff}
#cssmenu ul ul,#cssmenu ul ul ul {position: relative;left: 0;width: 100%;margin: 0;text-align: left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before {display: none}

#cssmenu #head-mobile {display: block;padding: 23px;color: #ddd;font-size: 12px;font-weight: 700}
.button {width: 55px;height: 46px;position: absolute;right: 0;top: 0px;cursor: pointer;z-index: 12399994;}
.button:after {position: absolute;top: 22px;right: 18px;display: block;height: 4px;width: 20px;border-top: 2px solid #fff;border-bottom: 2px solid #fff;content: ''}
.button:before {-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;position: absolute;top: 16px;right: 18px;display: block;height: 2px;width: 20px;background: #fff;content: ''}
.button.menu-opened:after {-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;
top: 23px;border: 0;height: 2px;width: 19px;background: #fff;-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}

.button.menu-opened:before {top: 23px;background: #fff;width: 19px;-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg)}

#cssmenu .submenu-button {position: absolute;z-index: 99;right: 0;top: 0;display: block;border-left: 1px solid #444;height: 46px;
width: 46px;cursor: pointer}

#cssmenu .submenu-button.submenu-opened {background: #262626}

#cssmenu ul ul .submenu-button {height: 34px;width: 34px}
#cssmenu .submenu-button:after {position: absolute;top: 22px;right: 19px;width: 8px;height: 2px;
display: block;background: #ddd;content: ''}

#cssmenu ul ul .submenu-button:after {top: 15px;right: 13px}

#cssmenu .submenu-button.submenu-opened:after {background: #fff}
#cssmenu .submenu-button:before {position: absolute;top: 19px;right: 22px;display: block;width: 2px;height: 8px;
background: #ddd;content: ''}

#cssmenu ul ul .submenu-button:before {top: 12px;right: 16px}

#cssmenu .submenu-button.submenu-opened:before {display: none}

#cssmenu ul ul ul li.active a {border-left: none}

#cssmenu > ul > li.has-sub > ul > li.active > a,

#cssmenu > ul ul > li.has-sub > ul > li.active > a {border-top: none}
}


@media screen and (max-width:767px) {
.button {top: 25px}
}



.main-nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*navbar top css end*/



/*banner css start*/

.banner{
    width: 100%;
    position: relative;
}
.banner svg{
    fill: #fff;
    position: absolute;

        width: 100%;
}

#player{
    width: 100%;

}

.shape-div svg{
    fill: #30bcee;
    position: absolute;
        bottom: 0px;
    transform: rotate(180deg);
        width: 100%;
}

.topbaner-heading{
    position: absolute;
    top: 25%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.topbaner-heading h3{
    color: #fff;
    font-family: Yellowtail, cursive;
    font-weight: 400;
    font-size: 100px;
    line-height: 1.4;
}



.topbaner-heading p{
        font-family: Raleway, sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.4;
    letter-spacing: 1.2px;
    color: #fff;
}

.fl-button-new{
border-style: solid;
    border-width: 0;
    background-clip: border-box;
    border-color: orange;
    border-right-width: 5px;
    border-bottom-width: 5px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    width: 20%;
        color: #fff;
    background-color: #ffbe0a;
font-size: 18px;
    font-weight: 900;
    text-transform: none;
    padding-top: 20px;
    padding-right: 40px;
    padding-bottom: 20px;
    padding-left: 40px;
          font-family: Raleway, sans-serif ;
        text-align: center;
        text-decoration: none;
        margin-top: 40px;
}

.topbaner-heading .fl-button-new {  
    margin-top: 0px;
    max-width: 238px;
  width: 100%;
}


.fl-button-new:hover{
background-color: orange;
     border-color: #ffbe0a;

}
/*banner css and*/

/*Pinellas County’s Invisalign Experts css start*/
.Pinellas-main-div{
    width: 100%;
}


.Pinellas-banner-div{
    width: 100%;
    position: relative;
}

.Pinellas-heading{
    position: absolute;
    width: 50%;
    top: 30%;
    left: 7%;
    z-index: 1;
}

.Pinellas-banner-div:after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-image: linear-gradient(90deg, #fff 0, rgba(255, 255, 255, 0) 64%);
}

.Pinellas-heading h3{
    color: #30bcee;
    font-size: 2rem;
    font-family: Raleway, sans-serif;
    font-weight: 800;
    margin-bottom: 20px;
}

.Pinellas-heading p{
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 1.8;
    font-weight: 400;
    color: #0a0a0a;
}

.fl-button-Pinellas{
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    border-color: orange;
    border-right-width: 5px;
    border-bottom-width: 5px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    width: 400px;
        color: #fff;
    background-color: #ffbe0a;
font-size: 18px;
    font-weight: 900;
    text-transform: none;
    padding-top: 20px;
    padding-right: 40px;
    padding-bottom: 20px;
    padding-left: 40px;
    font-family: Raleway, sans-serif ;
    text-align: center;
    text-decoration: none;
    margin-top: 40px;
    display: block;
}
.Pinellas-heading .fl-button-Pinellas {
    padding-left: 40px;
    padding-right: 40px;
    width: auto;
    display: inline-block;
    margin-top: 20px;
}

.fl-button-Pinellas:hover{
background-color: orange;
     border-color: #ffbe0a;

}

.Pinellasshape-div svg{
    fill: #30bcee;
    position: absolute;
        top: 0px;
    /*transform: rotate(180deg);*/
        width: 100%;
        z-index: 1;
}


/*Pinellas County’s Invisalign Experts and css*/



/*Same Day Braces css start*/



.Braces-main-div{
    width: 100%;
    margin-top: -10px;
}


.Braces-banner-div{
    width: 100%;
    position: relative;
    max-height: 460px;
}


@media screen and (min-width: 1921px) {
	.Braces-banner-div{
    	max-height: 750px;
	}
}

.Braces-heading{
    position: absolute;
    width: 40%;
    top: 20%;
    right: 5%;
        z-index: 1;
}

.Braces-banner-div:after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
       background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fff 100%);
}

.Braces-heading h3{
    color: #094887;
    font-size: 2rem;
        font-family: Raleway, sans-serif;
    font-weight: 800;
}

.Braces-heading p{
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 1.8;
    font-weight: 400;
    color: #0a0a0a;
    margin-top: 20px;
}

.fl-button-Braces{
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    border-color: #24b0e2;
    border-right-width: 5px;
    border-bottom-width: 5px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    width: 250px;
        color: #fff;
    background-color: #30bcee;
font-size: 18px;
    font-weight: 900;
    text-transform: none;
    padding-top: 20px;
    padding-right: 40px;
    padding-bottom: 20px;
    padding-left: 40px;
     font-family: Raleway, sans-serif ;
        text-align: center;
        text-decoration: none;
        margin-top: 40px;
        display: block;
    text-transform: uppercase;
}

.fl-button-Braces:hover{
background-color: #24b0e2;
     border-color: #30bcee;

}

.Braces-banner-div .footer-svg{
    position: absolute;
    bottom: 0px;
    z-index: 1;
    width: 100%;
}


/*Same Day Braces Experts and css*/





/*Awards section css start*/

.Awards-mai-div{
    position: relative;
    width: 100%;
}


.Awards-bg-div{
    background-color: #094887;
    width: 100%;

    /*padding: 300px;*/
}

.Awards-mai-div .footer-svg{
    z-index: 1;
    width: 100%;
    transform: rotate(180deg);
}
.Awards-mai-div .footer-svg-flip{
    transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	margin-top: 25px
}


.Award-container{
        max-width: 1200px;
        min-width: 0px;
        -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
        margin-left: auto;
    margin-right: auto;
}


.Award-main-cantent{
    width: 100%;
    display: flex;
    justify-content: space-between;
}


.Award-col-content h3{
    color: #ffbe0a;
        font-family: Raleway, sans-serif;
    font-weight: 800;
    font-size: 2rem ;
}

.Award-col-content p{
    line-height: 1.8;
        font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 20px;
}

.Award-col-content, .Award-col-image{
    width: 50%;
}

.Award-col-content{
    display: flex;
    justify-content: center;
    flex-direction: column;
}

/*Awards section css and*/





.comman-main-div{
    width: 100%;
    background-image: url(./images/BG-Squig.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}
.comman-main-div.top-margin.comman-main-div-edit {
    margin-top: 0;
}

.top-margin{

    margin-top: -73px;
}

.comman-main-bg{
background-color: rgba(255, 190, 10, .94);
    width: 100%;
    /*padding-top: 90px;*/
    padding-bottom: 30px;
}
.Investment-main-div{
    width: 100%;
}

.Investment-main-div h2{
        font-family: Raleway, sans-serif;
    font-weight: 800;
    text-align: center;
        color: #fff;
        font-size: 2rem ;
        padding-top: 90px;
}

.Investment-main-div h3{
    color: #fff;
        font-weight: 400;
    font-size: 20px;
    line-height: 2.1;
    text-align: center;
    font-family: Raleway, sans-serif;
}


.Investment-main-div p{
        color: #fff;
        line-height: 1.8;
            font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
}



.price-main-box{
    width: 100%;
    display: flex;
    justify-content: space-between;
}


.price-box-1, .price-box-2, .price-box-3{
    width: 33%;
    background-color: #fff;
    border-radius: 6px;
    margin: 10px;
}

.border-box{
    /*width: 100%;*/
    border: 1px solid #e1e1e1;
    margin: 5px;
}


.Braces-heading-new{
        padding: 20px;
        margin: auto;
        width: 100%;
}

.Braces-heading-new h2{
font-size: 24px;
color: #155995;
    font-family: Raleway, sans-serif;
    font-weight: 800;
    text-align: center;
}

.month-plan{
    background-color: #30bcee;
    color: #fff;
    padding: 13px 0;
        position: relative;
    z-index: 2;
    margin-bottom: 30px;
    width: 103.3%;
    margin-left: -6px;
}

.month-plan h3{
     font-size: 31px;
      text-align: center;
      letter-spacing: -2px;
    font-weight: normal;
}

.small-text{
    font-size: .44em;
    bottom: 22px;
    margin-left: 7px;
    letter-spacing: 0;
    opacity: .85;
    position: absolute;
}

.border-box ul{
    list-style: none;
    margin-left: 20px;
    margin-right: 20px;
}

.border-box ul li{

    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgba(0, 0, 0, .15);
        padding: 13px 4px;
        line-height: 1.4;
            font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #808080;
}



.pice-fl-button{
        border: 1px solid #24b0e2;
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    border-color: #2aa5d6;
    border-right-width: 5px;
    border-bottom-width: 5px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
        color: #fff;
        margin: 0 15px;

            text-align: center;
                font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    padding: 12px 24px;
    background: #30bcee;
    display: block;
    text-decoration: none;
    margin-top: 40px;
    margin-bottom: 20px;
font-family: "Open Sans", sans-serif;
}

.pice-fl-button:hover{
    background-color: #2aa5d6;
    border-color:#30bcee;
}


.Location-main{
    width: 100%;
    position: relative;
    margin-top: 0px;
}


.Location-mains{
    width: 100%;
    position: relative;
    
}

.Location-heading{
background-color: #30bcee;
width: 100%;
}

.Location-heading h3{
    text-align: center;
        font-family: Raleway, sans-serif;
    font-weight: 800;
    color: #fff;
    font-size: 2rem;
    padding: 30px;
}

.Location-div svg{
    width: 100%;
    fill: #30bcee;
}

.address-maindiv{
    width: 100%;
    background-image: url(./images/sahra-peterson-AZZPIf6CTCE-unsplash-bw.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
        margin-top: -87px;


}

.address-maindiv-bg{
    width: 100%;
    background-color: rgba(9, 72, 135, .8);
    padding-bottom:60px ;
}

.address-main-box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 20px 50px 0px;
}

.address-box1, .address-box2 , .address-box3{
    width: 33%;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; 
}

.address-box1 svg, .address-box2 svg, .address-box3 svg{
fill: #ffbe0a;
width: 40px;
} 



.address-box1 h5 , .address-box2 h5 , .address-box3 h5{
    margin: 14px 0;
    color: #fff;
    font-size: 1.6rem;
    font-family: Raleway, sans-serif;
    font-weight: 800;
}

.address-box1 h5 a , .address-box2 h5 a , .address-box3 h5 a{
    color:#fff;
}
.address-box1 h5 a:hover , .address-box2 h5 a:hover , .address-box3 h5 a:hover{
    color:#ffbe0a;
}


.address-box1 p , .address-box2 p , .address-box3 p{
        margin: 10px 0 ;
            color: #30bcee;
            font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
}


.phon-div svg , .google-div svg{
    fill: #fff;
    width: 15px;
}
.copy-right-container.copy-right-container-location {
    max-width: 1210px;
    padding-left: 20px;
    padding-right: 20px;
}
.phon-div{
        color: #30bcee;
        font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
        display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    margin-bottom: 10px;
}
.google-div{
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
        display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
.phon-div:hover, .google-div:hover ,.address-box1 p:hover , .address-box1 h5:hover{
    color: #ffbe0a;
}




.pay-main-box{
    width: 100%;
    background-color: #30bcee;
}


.pay-flex-box{
    width: 100%;
    padding: 40px;
display: flex;
justify-content: space-between;
}

.pay-box1 h2{
    font-family: Raleway, sans-serif;
    font-weight: 800;
        font-size: 2rem;
            color: #fff;
            text-align: right;
            margin-right: 20px;
}


.pay-box1, .pay-box2{
    width: 50%;
}


.PAYMENT-button-text{
    font-family: Raleway, sans-serif;
    font-weight: 800;
    font-size: 20px;
    border: 1px solid #f3b200;
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    border-color: orange;
    border-right-width: 5px;
    border-bottom-width: 5px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
        padding-top: 20px;
    padding-right: 40px;
    padding-bottom: 20px;
    padding-left: 40px;
    background: #ffbe0a;
    color: #fff;
    text-decoration: none;

}


.PAYMENT-button-text:hover{
        background-color: #f3b200;
    border-color:#ffbe0a;
}


.Patients-heading {
    width: 100%;
    padding: 40px;
}

.Patients-heading h3{
        color: #fff;
        text-align: center;
            font-family: Raleway, sans-serif;
    font-weight: 800;
    font-size: 2rem;
}



.review-box{
        padding: 30px !important;
    margin: 0 !important;
    background: 0 0;
    border: 5px solid #b7c7cd !important;
    background-color: #fff;
}

.review-box p{
color: #777 ;
    line-height: 24px ;
    font-family: "Open Sans", sans-serif ;
    font-size: 18px ;
}

.review-star-box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
 .star-box{
    width: 70%;
}

.goole-img{
    width: 30%;
}

.star-box{
    display: flex;
    /*justify-content: space-between;*/
}

.star-box svg{
    width: 20px;
    fill: #155995;
    margin-right: 10px;
}

.review-box h4{
    margin-top: 30px;
    color: #094887;
        font-family: Raleway, sans-serif !important;
    font-size: 22px !important;
}

.home-demo-copy{
    padding-bottom: 100px;
}


.home-demo-copy .owl-dots{
    display: none;
}


.owl-nav .owl-prev  , .owl-nav .owl-next{
    width: 70px;
    height: 70px;
    background-color: #094887 !important;
    border-radius: 50% !important;
    font-size: 80px !important;
    line-height: 54px !important;
    position: relative;
    color: #fff !important;
}

.owl-nav .owl-prev:hover , .owl-nav .owl-next:hover{
     background-color: #fff !important;
color: #094887 !important;
}

.owl-nav .owl-prev span  , .owl-nav .owl-next span{
        position: absolute;
    top: -1%;
    left: 31%;
}

.owl-theme .owl-nav {
    margin-top: 30px !important;
}

/*video css  start*/

.playbtn svg{
    fill: #094887;
    width: 30px;
}

.video-box a:hover{
    fill: #ffbe0a;
    
}
.calender-part {
    width: 100%;
    max-width: 275px;
    height: 46px;
    background: #fafafa;
    border: 1px solid #ccc;
    color: #333;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    padding: 12px 24px;
    margin-bottom: 30px;
    border-radius: 4px;
}
.calender-part .fa.fa-calendar-check-o {
    margin-right: 10px;
}
.page-id-394 .types-of-braces-left h4 {
    color: rgb(21, 89, 149);
    font-family: "Raleway", sans-serif;
    font-size: 25.6px;
    font-weight: 800;
    line-height: 35.8333px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.problems-456 {
    padding-left: 50px;
}
.calender-part a{
    color:#333;
}
.calender-part a:hover{
    color:rgb(255, 190, 10);
}
.page-id-262 .about-inner-section.about-inner-section87 {
    padding-top: 0;
    padding-bottom: 50px;
}
.form-inner.form-inner56441 .location-part45 {
    height: 40px;
    padding: 10px;
    font-size: 16px;
    border: 0;
    width: 100%;
    max-width: 420px;   
}
.form-inner.form-inner56441 {
    margin-top: -50px;
    flex-direction: column;
}
.page-id-458 .form-inner.form-inner56441{
    margin-top: 0px;
}

.address-box2 h5:hover,  .address-box3 h5:hover{
  color: #ffbe0a;
}



.page-id-799 .about-inner-section.about-inner-section87{
    padding-bottom: 50px;
}

.page-id-799 .Education-div {
    display: none;
}

.playbtn{
    position: absolute;
    top: 40%;
    left: 50%;
    width: 75px;
    height: 75px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
}

.popup-youtube img{
    transition: all .5s ease-in-out;
}
.popup-youtube img:hover{
            transform: scale(1.05) rotate(.01deg);
    transition: all .5s ease-in-out;
}


.video-box{
    margin-top: 30px;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
}

#popup2{
    z-index: 2342534;
}

.popup-link{
  display:flex;
  flex-wrap:wrap;
}

.popup-link a{
    background: #333;
    color: #fff;
    padding: 10px 30px;
    border-radius: 5px;
    font-size:17px;
    cursor:pointer;
    margin:20px;
    text-decoration:none;
}

.popup-container {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform: scale(1.3);
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(21, 17, 17, 0.61);
    display: flex;
    align-items: center;
}
.popup-content {
    background-color: #fefefe;
    margin: auto;
    /*padding: 20px;*/
    border: 1px solid #888;
    width: 50%;
}
.popup-content p{
    font-size: 17px;
    padding: 10px;
    line-height: 20px;
}
.popup-content a.close{
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    background: none;
    padding: 0;
    margin: 0;
    text-decoration:none;
}

.popup-content a.close:hover{
  color:#333;
}

.popup-content span:hover,
.popup-content span:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.popup-container:target{
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}

.popup-container h3{
  margin:10px;
}
/*End popup styles*/

/* Additional styles */
.popup-style-2{
  transform: scale(0.3);
  
}

.popup-style-2:target{
  transform: scale(1);
}

.popup-style-3{
  left:100%;
  
}

.popup-style-3:target{
  left:0;
}

.popup-style-4{
  transform: rotate(180deg);
}

.popup-style-4:target{
  transform: rotate(0deg);
}

.popup-style-5{
  top:100%;
  
}

.popup-style-5:target{
  top:0;
}

.popup-style-6{
  transform: scale(15.3);
  
}

.popup-style-6:target{
 transform: scale(1);
 }

.popup-style-7{
  transform: skewY(180deg);
   transition: all 0.7s ease-in-out;
}

.popup-style-7:target{
 transform: skewY(0deg);

 }



/*video css and */


.global-payment {
    padding: 60px 0;
    background-repeat: repeat;
    background-position: center center;
    background-attachment: scroll;
    background-color: #30bcee;
    background-size: contain;
    position: relative;
}

.global-payment:before {
    border-radius: inherit;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-image: linear-gradient(180deg, rgba(48, 188, 238, 0.97) 0%, #094887 100%);
}

.global-payment .max-width {
    position: relative;
    width: 100%;
    max-width: 660px;
    display: block;
    margin: 0 auto;
}

.global-payment .row {
    flex-direction: column;
}

.global-payment .top-content {
    text-align: center;
    color: #fff;
    margin-bottom: 35px;
}

.global-payment .top-content h3 {
    margin: 30px 0;
    font-size: 1.6rem;
    font-family: "Raleway", sans-serif;
    font-weight: 800;
}

.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner {
display: block;
width: 100%;
background: #F5F5F5;
border: 3px solid #484848;
padding: 2rem;
margin: 0 auto;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-payment-calculator-fields {}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-payment-calculator-fields .hip-payment-filed {
float: left;
margin-right: 3.8%;
min-height: 1px;
width: 30.75%;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-payment-calculator-fields .hip-payment-filed label {
color: #595959;
display: block;
margin-bottom: 10px;
font-size: 16px;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-payment-calculator-fields .hip-payment-filed input[type="text"] {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-payment-calculator-fields .hip-payment-filed:last-child {
margin-right: 0px;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-payment-calculator-fields .hip-payment-filed .error {
display: none;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-online-payment-calculator-slider {
clear: both;
width: 100%;
position: relative;
padding-top: 20px;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-online-payment-calculator-slider .hip-online-payment-calculator-range-label {
position: absolute;
width: 100%;
z-index: 2;
display: flex;
justify-content: space-between;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-online-payment-calculator-slider .hip-online-payment-calculator-range-label span {
position: relative;
font-size: 20px;
font-weight: bold;
color: #595959;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-online-payment-calculator-slider .hip-online-payment-calculator-range-label span:after {
position: absolute;
top: 27px;
left: 50%;
transform: translateX(-50%);
content: "";
width: 1px;
height: 15px;
border-radius: 1px;
background-color: rgba(128, 128, 128, 0.5);
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-online-payment-calculator-slider .hip-online-payment-calculator-range-label span:first-child {
transform: translateX(-35%);
margin-right: 13px;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-online-payment-calculator-slider .hip-online-payment-calculator-range-label span:last-child {
transform: translateX(48%);
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-online-payment-calculator-slider .hip-online-payment-calculator-slider-text p {
margin-top: 0px;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-online-payment-calculator-slider .hip-online-payment-calculator-slider-rang {
position: relative;
width: 100%;
padding-top: 40px;
z-index: 9999;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-online-payment-calculator-slider .hip-online-payment-calculator-slider-rang .rang {
-webkit-appearance: none;
width: 100%;
height: 15px;
background: #d3d3d3;
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-online-payment-calculator-slider .hip-online-payment-calculator-slider-rang .rang:hover {
opacity: 1;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-online-payment-calculator-slider .hip-online-payment-calculator-slider-rang .rang::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 25px;
height: 25px;
border-radius: 50%;
background: red;
cursor: pointer;
border: 2px solid #fff;
z-index: 99999;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-online-payment-calculator-slider .hip-online-payment-calculator-slider-rang .rang:hover {
opacity: 1;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-payment-calculator-fields .field-error {
color: #ff0000;
font-size: 14px;
margin-top: 5px;
transition: all 0.3s ease-in;
}
.hip-online-payment-calculator-wrapper .hip-online-payment-calculator-result {
background-color: #f5f5f5;
padding: 20px;
margin-top: 30px;
}
.hip-online-payment-calculator-wrapper .hip-online-payment-calculator-result .hip-online-payment-result-text {
font-size: 16px;
color: #595959;
line-height: 1.66em;
font-weight: 600;
}
@media(max-width: 590px) {
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-payment-calculator-fields .hip-payment-filed {
float: none;
margin-right: 0px;
width: 100%;
}
}
@media(max-width: 480px) {
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-online-payment-calculator-slider .hip-online-payment-calculator-range-label span {
font-size: 14px;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-online-payment-calculator-slider .hip-online-payment-calculator-slider-rang .rang {
height: 10px;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-online-payment-calculator-slider .hip-online-payment-calculator-slider-rang .rang::-webkit-slider-thumb {
width: 15px;
height: 15px;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-online-payment-calculator-slider .hip-online-payment-calculator-range-label span:after {
top: 28px;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-online-payment-calculator-slider .hip-online-payment-calculator-range-label span:first-child {
margin-right: 8px;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-online-payment-calculator-slider .hip-online-payment-calculator-slider-rang {
padding-top: 36px;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-payment-calculator-fields .field-error {
font-size: 12px;
}
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner,
.hip-online-payment-calculator-wrapper .hip-online-payment-calculator-result {
background: #ffffff;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner {
border-color: #ffffff;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-online-payment-calculator-slider .hip-online-payment-calculator-slider-rang .rang {
background: #30bcee;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-online-payment-calculator-slider .hip-online-payment-calculator-slider-rang .rang::-webkit-slider-thumb {
background: #f7941d;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-online-payment-calculator-slider .hip-online-payment-calculator-range-label span:after {
background-color: #30bcee;
}
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-payment-calculator-fields .hip-payment-filed label,
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-online-payment-calculator-slider .hip-online-payment-calculator-slider-text p,
.hip-online-payment-calculator-wrapper .hip-payment-calculator-inner .hip-online-payment-calculator-slider .hip-online-payment-calculator-range-label span,
.hip-online-payment-calculator-wrapper .hip-online-payment-calculator-result .hip-online-payment-result-text {
color: #000000;
}

.global-payment .middle-txt {
    padding: 50px 0;
    text-align: center;
}


.global-payment .middle-txt h3 {
    font-size: 32px;
    line-height: 45px;
    color: #fff;
    font-family: Raleway, sans-serif;
    font-weight: 800;
}


.global-payment .middle-txt h4 {
    font-size: 21px;
    line-height: 29px;
    color: #fff;
    font-family: Raleway, sans-serif;
    font-weight: 800;
}

.btm-txt {
    background: #fff;
    padding: 35px 0;
}




















/*footer css start*/

footer{
    width: 100%;
        margin-top: -82px;
}
.footer-svg svg{
    fill: #094887;
    transform: rotate(180deg);
    width: 100%;
    margin-bottom: -6px;
}


.footer-bg{
    background-color: #094887;
    width: 100%;
    padding: 40px 0px;
}


.footer-menu{
    max-width: 1050px;
    min-width: 0;

     -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
        margin-left: auto;
    margin-right: auto;
}






.row{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
ul{
    list-style: none;
}
.footer{
    background-color: #24262b;
    padding: 70px 0;
}
.footer-col{
   /*width: 33%;*/
   padding: 0 15px;
}
.footer-col h4{
    font-size: 22px;
    color: #30bcee;
    text-transform: capitalize;
    margin-bottom: 35px;
    font-weight: 800;
    position: relative;
        font-family: Raleway, sans-serif;
}

.footer-col ul li:not(:last-child){
    margin-bottom: 10px;
}
.footer-col ul li a{
    font-size: 16px;
    text-transform: capitalize;
    color: #ffffff;
    text-decoration: none;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    
    display: block;
    transition: all 0.3s ease;
}
.footer-col ul li a:hover{
    color: #ffffff;
    padding-left: 8px;
}
.footer-col .social-links a{
    display: inline-block;
    height: 40px;
    width: 40px;
    background-color: rgba(255,255,255,0.2);
    margin:0 10px 10px 0;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    color: #ffffff;
    transition: all 0.5s ease;
}
.footer-col .social-links a:hover{
    color: #24262b;
    background-color: #ffffff;
}

/*responsive*/
@media(max-width: 767px){
  .footer-col{
    width: 50%;
    margin-bottom: 30px;
}
}
@media(max-width: 574px){
  .footer-col{
    width: 100%;
}
}


.footer-col .wpforms-submit-new{
    font-family: Raleway, sans-serif;
    font-weight: 800;
    font-size: 20px;
    border: 1px solid #f3b200;
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    border-color: orange;
    border-right-width: 5px;
    border-bottom-width: 5px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;

}

.footer-col .wpforms-submit-new:hover{
    background-color: orange;
     border-color: #ffbe0a;
}


.footer-col button{
border-style: solid;
    border-width: 0;
    background-clip: border-box;
    border-color: orange;
    border-right-width: 5px;
    border-bottom-width: 5px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    width: 100%;
        color: #fff;
    background-color: #ffbe0a;
font-size: 18px;
    font-weight: 800;
    text-transform: none;
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
        font-family: Raleway, sans-serif;
}

.footer-col button:hover{
    background-color: orange;
     border-color: #ffbe0a;
}




.footer-col input[type="email"]{
        color: #000;
    background-color: #fff;
    border-width: 0;
    border-color: #eee;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-width: 1px;
    
    box-shadow: none;
        height: 40px;
        padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
        font-size: 16px;

}


.footer-num{
    display: block;
        color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    margin-top: 30px;
}

.footer-socal{
        display: flex;
        align-items: end;
    margin-top: 20px;
}

.footer-socal a svg{
    fill: #30bcee;
    width: 30px;
    margin-top: 30px;
        margin-right: 20px;
}

.footer-socal .fb-cls{
    width: 20px !important;
}

.copy-right-div{
    background-color: #30bcee;
    width: 100%;
}


.copy-right-container{
    max-width: 1170px;
    min-width: 0;
     -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
        margin-left: auto;
    margin-right: auto;

}

.copy-text{
    padding: 30px;
}

.copy-text p{
        font-size: 14px;
    line-height: 1.8;
    text-align: center;
    color: #fff;
}
.copy-text a {
  color: #fff;
}

/*footer css and*/









/*abote page css start*/


.about-top-banner{
    width: 100%;
    background-color: #155995;
padding: 30px;
}


.about-top-banner h3{
        font-family: Raleway, sans-serif;
    font-weight: 800;
        line-height: 1.2;
    text-align: center;
        color: #fff;
        font-size: 2.8rem;
}



.banner-nav{
    width: 100%;
    background-color: #f2f2f2;
     padding: 12px 0px;

}

.banner-nav ul{
    list-style: none;
    display: flex;
        justify-content: center;
}

.banner-nav ul svg{
    fill:  #30bcee;
    width: 10px;
        margin: 0px 24px 0px 0px;
}


.banner-nav ul li a{
    color: #0a0a0a;
    line-height: 1.4;
        font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-right: 20px;
    text-decoration: none;
       
}

.banner-nav ul li a:hover{
    color: #ffbe0a;
}

.banner-nav ul li a .current {
    color: #30bcee;
}

.about-section{
    width: 100%;
}


.about-inner-section{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 60px;
    padding-bottom: 60px;
}

.about-inner-1c{
    width: 30%;
}

.about-inner-2c{
    width: 70%;
    margin-left:40px ;
    display: flex;
    flex-direction: column;
    
        justify-content: center;
}


.about-inner-2c p{
        font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #0a0a0a;
}





.Us-Apart-main{
    width:100%;
    background-color:#ffbe0a;
}


.Us-Apart-main h3{
    text-align: center;
        color: #fff;
        font-size: 2rem;
            font-family: Raleway, sans-serif;
    font-weight: 800;
    margin-bottom: 30px;
}


.Us-Apart-main p{
        text-align: center;
            color: #fff;
                font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.Us-Apart-inner{
    width: 100%;
    padding: 80px;
}

.about-section svg{
    width: 100%;
    fill: #ffbe0a;
}


.about-main-container{
        max-width: 918px;
            min-width: 0;
            -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
     margin-left: auto;
    margin-right: auto;
}



.about-inner-1c img{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 10px 10px 10px 0 rgba(0,0,0,.15);
}


.about-inner-2c h3{
        color: #094887;
        font-size: 1.6rem;
        font-family: Raleway, sans-serif;
    font-weight: 800;
    margin-bottom: 30px;
}

.meet-shaps svg{
    width: 100%;
    fill: #155995;
    transform: rotate(180deg);
}

.meet-main-section{
    width: 100%;
    background-color:  #155995;
        margin-top: -5px;
}

.meet-main-section .about-inner-2c h3 , .meet-main-section .about-inner-2c p {
color: #fff;
}

.meet-main-section .about-inner-2c{
    margin-left: 0px;
}

.meet-main-section .about-inner-1c{
    margin-left: 60px;
}

.smile-main-section{
    width: 100%;
    background-color:#30bcee ;

}

.smile-shaps svg{
    fill:#30bcee ;
    width: 100%;
    transform: rotate(180deg);

        margin-bottom: -6px;
}

.smile-main-section .about-inner-1c{
    margin-left: 0px;
}
.smile-main-section .about-inner-2c{
margin-left: 40px;  
}

.Retainers-main-section{
    width: 100%;
    background-color: #f2f2f2;
}

.Retainers-main-section svg{
    width: 100%;
    fill: #30bcee;
}

.Retainers-shaps svg{
    width: 100%;
    fill: #f2f2f2;
}

.Retainers-main-section .about-inner-1c{
    margin-left: 40px;
}
.Retainers-main-section .about-inner-2c{
margin-left: 0px;   
}


.appo-div p{
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: center;
        font-family: "Open Sans", sans-serif;
        font-size: 16px;
           
    font-weight: 700;
    text-align: left;
}



.form-saction h3{
    padding-top: 20px;
    padding-bottom: 30px;
    text-align: center;
        color: #fff;
        font-size: 2rem;
            font-family: Raleway, sans-serif;
    font-weight: 800;
}





.form-main-box{
    max-width: 800px;
    min-width: 0px;
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;

    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
}


.form-inner{
    width: 100%;
    display: flex;
    justify-content: space-between;

}
.form-box-1 ,.form-box-2{
    width: 50%;
}

.form-inner label{
    font-weight: 700;
    font-size: 16px;
    float: none;
    line-height: 1.3;
    margin: 0 0 4px;
    padding: 0;
    word-break: break-word;
    word-wrap: break-word;
    font-family: "Open Sans", sans-serif;
    color: #0a0a0a;
}

.form-inner{
    margin-bottom: 30px;
}

.form-inner input[type="text"] , .form-inner input[type="number"], .form-inner input[type="email"], .form-inner input[type="date"], .form-inner input[type="time"] {
        display: block;
        line-height: 1.3;
    font-size: 16px;
    font-family: inherit;
    border: 1px solid #ccc;
        max-width: 60%;
        font-weight: 400;
        color: #000;
            border-color: #f4f4f4;
    background-color: #f2f2f2;
    height: 40px;
}

.form-inner input[type="time"]{
    margin-top: 20px;
}

.form-inner .form-box-3{
    width: 30%;
}


.form-inner .form-box-4{
    width: 70%;
}

.form-inner .form-box-6{
    width: 100%;
}

.form-box-6 textarea{
    width: 100%;
    height: 120px;
    background-color: #f2f2f2;
    border-color: #f4f4f4;
}

.form-main-box button{
        color: #fff;
    background-color: #ffbe0a;
    width: 100%;
    font-size: 1em;

    font-family: Raleway, sans-serif;
    font-weight: 800;
    text-transform: none;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
        border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
}


.form-main-box button:hover{
    background-color: #ffd97b;
}

.form-box-7 a{
    color: #30bcee;

}

.form-box-5 label , .form-box-7 label{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
}

/*abote page css and */




/*about Meet Dr. McDowell css start*/

.page-id-169 .home-demo-copy {
    padding-bottom: 30px;
}

.about-inner-1{
    width: 30%;
}

.about-inner-2{
    width: 70%;
    margin-left:60px ;
    display: flex;
    flex-direction: column;
    
        justify-content: center;
}


.about-inner-2 p{
        font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #0a0a0a;
}

.space-top{
    margin-top: 20px;
}
.Education-div{
    width: 100%;
}


.Education-div{
    position: relative;
}

.Education-div .bg-images{
    width: 100%;
    background-image: url(../images/McDowell-long-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px;
}

.eduction-box1 ul li{
    font-weight: 400;
        color: #fff;
        line-height: 1.4;
        font-family: "Open Sans", sans-serif;
    font-size: 16px;
}

.Education-div .layer{
    content: "";
    background-image: linear-gradient(50deg, #30bcee 0, rgba(48, 188, 238, .6) 100%);
    position: absolute;
    left: 0px;
    top: 0px;
        width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}


.eduction-box1 , .eduction-box2{
    width: 50%;
}

.eduction-box1 h2{
        color: #fff;
            font-size: 1.6rem;
            font-family: Raleway, sans-serif;
            margin-bottom: 20px;
    margin-top: 20px;
}

.education-flex{
    display: flex;
    justify-content: space-between;
}



/*about Meet Dr. McDowell css and*/

/*contact page css start*/
.payment-calculator-bg.contact_bg:after
{
    background: none;
}

/*contact page css and*/

/*image popup css start*/

#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImgcop {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}
#myImgcop:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

.copy-right-container .copy-text p {
    margin-bottom: 0;
}

.modalcop {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content, .modal-contentcop  {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}



/* Caption of Modal Image */
#caption, #captioncop {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modal-content, #caption ,.modal-contentcop, #captioncop {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close ,.closecop {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus , .closecop:hover,
.closecop:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-contentcop {
    width: 100%;
  }
}
/*image popup css and */



/*sudhir */

.panel-group {
margin-bottom: 20px;
}

.panel {
   margin-bottom: 20px;
   background-color: #fff;
   border: 1px solid transparent;
   border-radius: 4px;
   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
   box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-default {
   border-color: #ddd;
}
.panel-group .panel {
   margin-bottom: 0;
   border-radius: 4px;
}

.panel-heading {
   padding: 10px 15px;
   border-bottom: 1px solid transparent;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
}
.panel-group .panel-heading {
   border-bottom: 0;
}
.panel-title {
   margin-top: 0;
   margin-bottom: 0;
   font-size: 16px;
   color: inherit;
}
.collapse {
   display: none;
}
.collapse.in {
   display: block;
}
.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}




/*844*/
.braces-page-mani {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1px;   
    margin-top: 40px;
    max-width: 1090px;
    width: 100%;
   margin: auto;
   margin-top: 40px;
   margin-bottom: 40px;
}
.braces-page-box h3 {
    color: #094887;
    font-size: 26px;
    font-family: Raleway, sans-serif;
    font-weight: 800;
    text-align: center;
    padding: 10px 0px;
}
.braces-page-box p {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #0a0a0a;
    padding: 20px;
    padding-top: 10px;
}
.braces-page-box a {
    text-decoration: none;
}
.braces-page-box img {
    max-width: 400px;
    width: 100%;
    border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.braces-page-box {
    background: #f2f2f2;
    padding-bottom: 20px;    
    position: relative;
    width: 100%;
    min-height: 890px;
}


a.braces-page-box-linke {
    background: #ffbe0a;
    width: 90%;
    color: #fff;
    cursor: pointer;
    padding: 15px;
    font-family: Raleway, sans-serif;
    font-weight: 800;
    letter-spacing: 0;
    border-style: none;
    border-width: 0;
    border-radius: 50px;
    background-clip: border-box;
    display: table;
    text-align: center;
    margin: 0px auto;
   /* position: absolute;
    left: 0px;
    bottom: 30px;*/
    transition: all .2s ease-in;
    right: 0px;
}

a.braces-page-box-linke:hover {
    background: orange;
    transition: all .2s ease-in;
    color: #fff;
}
.comen {
    padding: 40px 0 0 0px;
}
.same-day-braces-video img {
    width: 100%;
}
.comen h3 {
    color: #094887;
    font-size: 3rem;
    font-family: Raleway, sans-serif;
    font-weight: 800;
}

.comen p {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
    color: #0a0a0a;
}
.comen h3 {
    padding: 30px 0 20px 0px;
}
.comen p {
    padding: 0 0 20px 0px;
    margin-bottom: 0px;
}
ol {
    margin-left: 40px;
    margin-bottom: 20px;
}
.comen a {
    color: #30bcee;
    text-decoration: none;
}

.types-of-braces-main {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.types-of-braces-left {
    width: 56%;
}

.types-of-braces-right {
    width: 42%;
    background: #f2f2f2;
    padding: 27px 38px;
    border-radius: 4px;
}
.types-of-braces-right h3 {
    padding: 0px;
    margin: 7px 0 36px 0px;
    font-size: 25px !important;
}
.types-of-braces-right .panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #e5e5e5;
}
.types-of-braces-right a {
    color: #30c8ef !important;
    font-weight: 500;
    text-decoration: none;
    display: block;
    font-family: "Open Sans", sans-serif;
    width: 100%;
}

.types-of-braces-right a:hover {
    text-decoration: none;
}
.types-of-braces-right .panel-body {
    padding: 0;
}

.types-of-braces-left h3 {
    margin: 0px;
    padding: 20px 0 20px 0px;
}
.types-of-braces-right i.accordion_icon.fa {
    float: right;
    margin-top: 3px;
}

.comen h3 {
    color: #094887;
    font-size: 3rem;
    font-family: Raleway, sans-serif;
    font-weight: 800;
}

.types-of-braces-left-img-text h6 {
    color: #094887;
    font-size: 26px;
    font-family: Raleway, sans-serif;
    font-weight: 800;
    line-height:36px;
    padding-bottom: 12px;
    padding-top: 5px;
}
.types-of-braces-right a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.types-of-braces-right .panel-default>.panel-heading+.panel-collapse>.panel-body {
    background: #f2f2f2;
    padding: 9px;
}
.types-of-braces-right iframe {
    width: 97%;
    margin: 0px auto;
    border: none;
}

.types-of-braces-right .panel-group .panel+.panel {
    margin-top: 14px;
}

/* payment-calculator-form */
.payment-calculator {
    max-width: 670px;
    margin: 0 auto;
}
.payment-calculator p {
    color: #fff;
    text-align: center;
}
.payment-calculator-form p {
    color: #000;
    text-align: left;
}
.payment-calculator-bg {
    position: relative;
    padding: 0 0 30px 0px;
}
.payment-calculator-form {
    max-width: 670px;
    margin: 0 auto;
    width: 100%;
    border-width: 0;
    background-clip: border-box;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 10px 10px 20px 0 rgba(0,0,0,.41);
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    background: #fff;
}
.payment-calculator-form ul li label {
    width: 100%;
    margin-top: 10px;
    height: 10px;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
}

.payment-calculator-form ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
}
.payment-calculator-form ul li {
    width: 48%;
}
.payment-calculator-bg{
    position: relative;
}
.payment-calculator-bg:after {
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: linear-gradient(180deg, rgba(48, 188, 238, .97) 0, #094887 100%);
    content: "";
    top: 0px;
}
.payment-calculator {
    position: relative;
    z-index: 9;
}
.payment-calculator-form ul li input {
    color: #000;
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-width: 1px;
    box-shadow: none;
    height: 32px;
    padding: 10px;
    width: 100%;
    border: none;
}
.payment-calculator-form ul li span {
    color: #ff8e31;
}

.payment-calculator-form ul li input::placeholder {
    color: #d8d1ce;
    font-style: normal;
    font-family: "Open Sans", sans-serif;
}

.payment-calculator-form ul li select {
    color: #000;
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-width: 1px;
    box-shadow: none;
    height: 38px;
    padding: 10px;
    width: 100%;
    border: none;    
}
.payment-calculator-form ul li select {
    font-style: normal;
    font-family: "Open Sans", sans-serif;
}
.payment-calculator-form ul li:nth-child(5) {
    width: 100%;
}
.payment-calculator-form ul li:nth-child(6) {
    width: 100%;
}

.payment-calculator-form ul li checkbox {
    color: #000;
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-width: 1px;
    box-shadow: none;
    height: 32px;
    padding: 10px;
    width: 100%;
    border: none;
}
.payment-calculator-form ul li input.checkbox {
    width: 3%;
    height: 19px;
    float: left;
    text-align: left;
    margin-right: 10px;
}

button.payment-calculator-form-btn:hover {
    background: orange;
    transition: all .2s ease-in;
    color: #fff;
}
button.payment-calculator-form-btn {
    background: #ffbe0a;
    width: 100%;
    color: #fff;
    cursor: pointer;
    padding: 15px;
    font-family: Raleway, sans-serif;
    font-weight: 800;
    letter-spacing: 0;
    border-style: none;
    border-width: 0;
    border-radius: 50px;
    background-clip: border-box;
    display: table;
    text-align: center;
    margin: 0px auto;
    bottom: 30px;
    margin-top: 12px;
    transition: all .2s ease-in;
}
.payment-calculator-form ul li p {
    margin: 0px;
    padding: 0 0 0 0px;
}

header {
    position: relative;
    z-index: 9999;
    background-color: #fff;
}

#videoModal {
    padding-top: 0;
}

#videoModal .modal-dialog {
    max-width: 900px;
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
}

#videoModal .modal-content {
    margin: auto;
    display: block;
    width: 100%;
    max-width: 900px;
}

#videoModal .modal-content .modal-body {
    position: relative;
}

#videoModal .modal-content iframe {
    height: 500px;
    border: 0px;
}

#videoModal .close {
top: -28px;
  right: -10px;
    background-color: transparent;
    border: 0;
    font-weight: normal;
}

/* payment-calculator-form end */

@media(min-width: 768px) and (max-width: 1024px){
    .braces-page-box {
       
        max-width: 318px;
        height: 750px;
    }
}

@media (max-width: 767px){
    .braces-page-box {
        max-width: 100%;
        height: auto;
    }
    .braces-page-mani {
        flex-direction: column;
    }
}
/*sudhir*/


/* Ratnesh */

.address-main-box address {
    margin: 10px 0;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none !important;   
    font-style: normal;
    text-align: center;
}
.address-main-box a {
    text-align: non;
    text-decoration: none;
}

.review-box p {
    min-height: 72px;
    overflow: hidden;
}

.footer-col input[type="email"]::placeholder {
  color: #d3d3d7;  
}
#Olga-edit img {
    max-width: 342px;
    border-radius: 8px;
}

.review-box h4 {
    position: relative;
    padding-top: 25px;
    margin-top: 50px;
}
.review-box h4::before {
    position: absolute;
    content: "";
    left: 0;
    width: 49px;
    height: 4px;
    top: 0;
    background: #155995;
    border-radius: 0;
}

.footer-col .button, .form-main-box .button{
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    border-color: orange;
    border-right-width: 5px;
    border-bottom-width: 5px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    width: 100%;
    color: #fff;
    background-color: #ffbe0a;
    font-size: 18px;
    font-weight: 800;
    text-transform: none;
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
    font-family: Raleway, sans-serif;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
}
.footer-col .button:hover, .form-main-box .button:hover{
    background-color: orange;
  border-color: #ffbe0a;
}
.footer-col input[type="email"] {
    width: 210px;
}

.footer-col ul li{
    color:#fff;
}
.footer-socal a svg {
    fill: #30bcee;
    width: 30px;
    margin-top: 0px;
    margin-right: 15px;
}
.price-box-1 {
    margin-right: 50px;
}
.price-main-box .price-box-1:last-child {
    margin-right: 0px;
}
.Location-heading {
    margin-bottom: -1px;
}

.sub-menu-toggle {
    display: none;
}

#cssmenu > ul > li.has-sub > a::before {
display: none;
}

#cssmenu > ul > li.has-sub > a::after {
display: none;
}
.title-links87 {
    color: #fff;
    text-decoration: none;
}

.title-links87.title-links877 {
    color: #094887; 
}

.hid568 {
    visibility: hidden;
}
.wpcf7-list-item {
    display: block;
    margin-left: 0;
    margin-top: 5px;
}

.appo-div label.type587 {
    font-weight: bold;
}
.red-dots {
    color: red;
}

.form-inner input[type="text"], .form-inner input[type="number"], .form-inner input[type="email"], .form-inner input[type="date"], .form-inner input[type="time"] {
    max-width: 100%;    
    width: 95%;
    padding-left: 5px;
}

.form-inner .form-box-4 input {
    width: 150px;
}

.banner-nav ul li a.tit-remove {
    color: #30bcee;
    cursor: auto;
}

.banner-nav ul li a.tit-remove:hover{
    color: #30bcee;
}

.about-inner-2 p {
    margin-bottom: 16px;
}
.eduction-box1 ul {
    list-style: disc;
    margin-left: 40px;
}
.aligncenter {
    margin: auto;   
    display: block;
}
.cap-578 {
    color: rgb(48, 188, 238);
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 22.4px;
    font-style: italic;
    margin-top: 20px;
}
#Olga-edit img {
    width: auto !important;
    margin: auto;
    display: block;
}
.about-inner-section.about-inner-section87 {
    display: block;
}
.about-inner-section.about-inner-section87 h2 {
    color: #155995;
    margin-bottom: 20px;
}

.image-box-edit58 {
    margin-bottom: 30px;
}
a {
  color: #30bcee;
  text-decoration: none;
}

/*a:hover{
    color:#ffbe0a;
}*/

.Location-main {
    clear: both;
}

.braces-page-mani {
    display: block;
    position: relative; 
    float: left;
  margin-top: 60px; 
}

.braces-page-box {
    width: 33%;
    min-height: initial;
    float: left;
    margin: 1px;
}

.page-id-260 .braces-page-box p {
    min-height: 220px;
}
.page-id-260 .braces-page-box h3 {
    padding-left: 20px;
    padding-right: 20px;
}
.page-id-260 .braces-page-mani {
    max-width: 1200px;
    width: 100%;
}
p{
    margin-bottom: 16px;
}

.types-of-braces-left h2 {
    font-family: Raleway, sans-serif;
    font-size: 32px;
    font-weight: 800;
    line-height: 44.8px;
    color:#094887;
}

.types-of-braces-left h3 {
font-family: Raleway, sans-serif;
font-size: 25.6px;
font-weight: 800;
line-height: 35.8333px
color:#094887;
}

.types-of-braces-right a:hover{
    color: #ffbe0a !important;
}
.Award-container {
    padding-bottom: 40px;
}
.types-of-braces-left ul li {
    line-height: 24px;
}
.types-of-braces-left ul {  
    margin-left: 40px;
    list-style: disc;
}

.payment-calculator-form ul li span.wpcf7-list-item {
    color: #000;
}
.payment-calculator-form ul li span.wpcf7-list-item label .wpcf7-list-item-label {
    font-weight: normal;
    color: #000;
}
.payment-calculator-form ul li span.wpcf7-list-item input {
    height: auto;
    width: auto;
}
.hide-part56 {
    visibility: hidden;
}
.payment-calculator-form ul li {
    width: 48%;
    margin-bottom: 15px;
}

.payment-calculator-form-btn {
    background: #ffbe0a;
    width: 100%;
    color: #fff;
    cursor: pointer;
    padding: 15px;
    font-family: Raleway, sans-serif;
    font-weight: 800;
    letter-spacing: 0;
    border-style: none;
    border-width: 0;
    border-radius: 50px;
    background-clip: border-box;
    display: table;
    text-align: center;
    margin: 0px auto;
    bottom: 30px;
    margin-top: 12px;
    transition: all .2s ease-in;
    font-size: 14px;
}

.payment-calculator-form-btn:hover {
    background: orange;
    transition: all .2s ease-in;
    color: #fff;
}

#retainer-program .about-main-container {
    width: 100%;
    max-width: 1145px;
    display: flex;
}
#retainer-program .about-main-container .Us-Apart-inner {
    padding: 20px;  
}
.Us-Apart-inner.Us-Apart-inner-left p {
    text-align: left;
}
#retainer-program {
    padding-top: 50px;
    background-color: #30bcee;
}
#ESSIX-edit.about-section svg {
    fill: #30bcee;
}

#ESSIX-edit.about-section .about-inner-1c {
    width: 32%;
}

#ESSIX-edit.about-section .about-inner-section{
    align-items: center;
}

#ESSIX-edit.about-section .meet-shaps svg {
    fill: #f2f2f2;
}
#vivera-retainer {
    background-color: #f2f2f2;
}
#vivera-retainer.meet-main-section .about-inner-2c p {
  color: #000;
}

#vivera-retainer.meet-main-section .title-links87 {
    color: #155995;
    text-decoration: none;
}
#vivera-retainer.meet-main-section.meet-main-section .about-inner-1c {
    margin-left: 30px;
    width: 33%;
}
#bonded {
    background-color: #e8e8e8;
}
.smile-shaps.smile-shaps-edit svg {
    fill: #e8e8e8;
}
#bonded {
    background-color: #e8e8e8;
}
#hawley svg {
    fill: #ffbe0a;
}
#hawley{
    background-color:#ffbe0a;
}
.smile-shaps.smile-shaps-edit569 {
    margin-top: -25px;
}
.smile-shaps.smile-shaps-edit569 svg {
    fill: #ffbe0a;
}
#hawley .about-inner-2c h3 a {
    color: #fff;    
}

#hawley .about-inner-2c p {
    color: #fff;
}

.page-id-278 .Education-div {
    display: none;
}
.page-id-384 .braces-page-mani {
    width: 100%;
    max-width: 1200px;
}

.page-id-384 .braces-page-mani .braces-page-box p {
    min-height: 260px;
/*     text-align: center; */
}
.Awards-bg-div.Award-col-content-edit56 {
    background-color: #fff;
    padding-top: 40px;
}

.Awards-bg-div.Award-col-content-edit56 .Award-col-content p {
    color: #000;
}
.alignright.alignright-edit456 {
    float: right;
}

.Awards-bg-div.Award-col-content-edit56 .Award-col-content {
    width: 100%;
}
.image-with-content56 {
    display: flex;
    max-width: 1170px;
    margin: auto;
    gap: 30px;
}
.content-part-left54 {
    width: 50%;
}
.content-part-right54 {
    width: 50%;
    margin-top: 90px;
}

.Awards-bg-div.Award-col-content-edit56 .Award-col-content h3 {
    color: #155995;
    font-family: Raleway, sans-serif;
    font-weight: 800;
    font-size: 25.5px;
}

.Awards-bg-div.Award-col-content-edit56 .Award-col-content p {
    margin-top: 0;  
}

.Awards-bg-div.Award-col-content-edit56 h2 {
    color: #155995;
    font-family: Raleway, sans-serif;
    font-size: 32px;
    font-weight: 800;
    line-height: 44.8px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.page-id-450 .braces-page-mani {
    max-width: 1200px;
    width: 100%;
}

.page-id-450 .braces-page-box p {
    min-height: 210px;
/*     text-align: center; */
}

.page-id-456 .types-of-braces-left .video-box {
    margin-top: 0;
}

.types-of-braces-main.types-of-braces-main456 .types-of-braces-left {
    width: 100%;
}

.Award-container.Award-container7895 {
    max-width: 1090px;
}
.Award-container.Award-container7895 .comen {
    padding-top: 0;
}

.Award-container.Award-container7895.Award-container-default {
    padding-top: 40px;
}
.consult-button54 {
    font-family: Raleway,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #f3b200;
    border-top-width: 1px;
    border-top-color: rgb(243, 178, 0);
    border-right-width: 1px;
    border-right-color: rgb(243, 178, 0);
    border-bottom-width: 1px;
    border-bottom-color: rgb(243, 178, 0);
    border-left-width: 1px;
    border-left-color: rgb(243, 178, 0);
    border-color: #ffd97b;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 5px;
    border-left-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: #fff !important;
    background: #ffbe0a;
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
    padding: 12px 24px;
    text-decoration: none;
    text-shadow: none;
}

.consult-button54:hover{
border: 1px solid #003c7b;
    border-top-width: 1px;
    border-top-color: rgb(0, 60, 123);
    border-right-width: 1px;
    border-right-color: rgb(0, 60, 123);
    border-bottom-width: 1px;
    border-bottom-color: rgb(0, 60, 123);
    border-left-width: 1px;
    border-left-color: rgb(0, 60, 123);
  border-color: #30bcee;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 5px;
  border-left-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #094887;
}
.forms-button7896 {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}
.content-part-right54.form-main-box5468 {
    margin-top: 0;
}

.content-part-right54.form-main-box5468 .form-inner {
    margin-bottom: 0;
}

.payment-calculator.payment-calculator-contact h1 {
    color: rgb(255, 255, 255);
    font-family: Raleway, sans-serif;
    font-size: 44.8px;
    font-weight: 800;
    line-height: 62.7167px;
    text-align: center;
    margin-bottom: 20px;
}
.payment-calculator.payment-calculator-contact h3 {
    color: rgb(255, 255, 255);
    font-family: Raleway, sans-serif;
    font-size: 25.6px;
    font-weight: 800;
    line-height: 35.8333px;
    text-align: center;
    padding: 0;
}

.content-cont56 .payment-calculator-form-btn {
    color: #fff !important;
    font-family: Raleway, sans-serif;
    font-size: 20px;
    font-weight: 800;
    line-height: 18px;
    text-align: center;
    display: table;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 300px;
}

.payment-calculator.payment-calculator-contact li {
    width: 100%;
}

.payment-calculator.payment-calculator-contact li .wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    height: 120px;
    background-color: #f2f2f2;
}


/*st-petersburg start css*/

.Petersburg-main{
    width: 100%;
    margin-top: 60px;
    
}

.Petersburg-main h4{
font-size: 16px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    font-family: "Raleway", sans-serif;
    font-weight: 800;
    color: #ffbe0a;
}

.Petersburg-main h2{
        font-size: 50px;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-weight: 800;
        color: #155995;
}


.Petersburg-main p{
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #0a0a0a;
    text-align: center;
}


.Petersburg-main-btn .fl-button1 , .Petersburg-main-btn .fl-button2 , .Petersburg-main-btn .fl-button3 {
    
    border-style: none; 
    border-width: 0;
    background-clip: border-box;
    border-bottom-width: 2px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 20px 24px;
    display: inline-block;
    background: #24b0e2;
    color: #fff;
    text-align: center;
        font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    text-decoration: none;
        font-family: "Open Sans", sans-serif;
        margin: 10px;
}

.Petersburg-main-btn .fl-button1:hover , .Petersburg-main-btn .fl-button2:hover , .Petersburg-main-btn .fl-button3:hover{
    background-color: #ffbe0a;
}


.Petersburg-main-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}


.Petersburg-contect{
    width: 100%;
    background-color: #000;
    padding: 30px;
}

.Petersburg-contect h4{
    color: #ffbe0a;
    font-size: 16px;
    letter-spacing: 2px;
    text-align: left;
    text-transform: uppercase;
    font-family: "Raleway", sans-serif;
    font-weight: 800;
    margin-bottom: 10px;
    margin-top: 10px;
}
.Petersburg-contect p{
    font-size: 15px;
    letter-spacing: 2px;
    text-align: left;
    text-transform: capitalize;
        font-family: "Raleway", sans-serif;
    font-weight: 800;
        color: #e8e8e8;
}

.Petersburg-contect span{
    color: #e8e8e8;
        font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.Petersburg-contect tr td{
    color:#e8e8e8 ;
}


.Petersburg-contect tr td:first-child{
        width: 124px;
}

.Petersburg-contect svg{
    fill:#ffbe0a ;
    width: 15px;
    margin: 10px;
}

.Petersburg-Location{
    display: flex;
    align-items: baseline;
}


.Petersburg-inner-1{
    width: 30%;
}

.Petersburg-inner-2{
    width: 70%;
    
    display: flex;
    flex-direction: column;
    
        justify-content: center;
}

.Petersburg-inner-3 {
    width: 55%;
}

.Petersburg-inner-4{
width: 45%; 
}

.Petersburg-inner-3 h2{
    font-family: "Raleway", sans-serif;
    font-weight: 800;
        color: #155995;
            font-size: 2rem;
            margin-bottom: 30px;
}
.Petersburg-inner-3 p{
    color: #000000;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.Orthodontics-bg{
    width: 100%;
    background-color: #e8e8e8;
    padding: 80px 0px;
}

.Orthodontics-bg h2{
    font-family: "Raleway", sans-serif;
    font-weight: 800;
    color: #155995;
        font-size: 2rem;

            margin-bottom: 40px;

}


.Orthodontics-bg p{
    color: #000000;
        font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.offer-main {
    width: 100%;
    padding: 80px 0px;
}

.offer-main h2{
        font-family: "Raleway", sans-serif;
    font-weight: 800;
    font-size: 2rem;
        color: #155995;
        margin-bottom: 40px;
}

.offer-main p{
        font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #0a0a0a;
    margin-bottom: 30px;
}
.offer-main a{
    color: #30bcee;
    text-decoration: none;
}



.Petersburgbg-backgrond{
    width: 100%;
    background-color: #e8e8e8;
    padding-top: 80px;
    padding-bottom: 80px;
}

.image-bgcolor{
    background-color: #fff;
    width: 100%;
    padding: 80px;
    margin-top: 60px;
}

.image-bgcolor h2{
    color: #155995;
    font-family: "Raleway", sans-serif;
    font-weight: 800;
        font-size: 2rem;
        margin-top: 60px;
        margin-bottom: 30px;
}


.image-bgcolor p{
        font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #0a0a0a;
}

.image-bgcolor a{
    color: #30bcee;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}
.SERVICES-imgmain{
    display: flex;
    width: 100%;
    margin-bottom: 80px;

}


.SERVICES-imginn1 , .SERVICES-imginn2{
    width: 50%;
}
.SERVICES-imginn1{
    background-color: #e8e8e8;
    display: flex;
    padding: 30px;
}


.AllSmiles-main h2{
        font-family: "Raleway", sans-serif;
    font-weight: 800;
        text-align: center;
            color: #155995;
            font-size: 2rem;
            margin-top: 80px;
            margin-bottom: 60px;
}


.address-col h4 , .SERVICES-col h4{
    color: #155995;
    font-size: 16px;
    letter-spacing: 2px;
    text-align: left;
    text-transform: uppercase;
        font-family: "Raleway", sans-serif;
    font-weight: 800;
    margin-bottom: 20px;

}


.address-col svg{
    fill:#155995 ;
    width: 15px;
    margin: 0px 10px 0px 0px ;
}



.address-col, .SERVICES-col{
    width: 50%;
}


.SERVICES-space{
    margin-bottom: 40px;
}


.SERVICES-col ul{
    list-style: none;
    padding-left: 0px;
}

.SERVICES-col ul li{
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    color: #000;
    padding-bottom: 20px;
    cursor: pointer;
}

.SERVICES-col ul li:hover{
     color: #155995;
}

.address-col span{
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #0a0a0a;
}

/*st-petersburg and css*/

.copy-right-container.copy-right-containerdfdj a {
    color: #000;
}

.Petersburg-Location {
    margin-bottom: 30px;
}
.call-text7854 {
    margin-bottom: 30px;
}

.call-text7854 svg {
    float: left;
}

.call-text7854 span {
    margin-top: 17px;   
    display: block;
}

.call-text7854 span a{
    color:#fff;
}
.Petersburg-inner-2 iframe {
    filter: grayscale(99%);
    -webkit-filter: grayscale(99%);
    -webkit-backface-visibility: hidden;
}




/*what-sets-us-apart css start*/
.Commitment-main-banner{
    width: 100%;    
    /*.background-image: url(http://localhost/allsmiles/wp-content/uploads/2024/06/commitment-bg.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    margin-top: -80px;
}
.Commitmentbg-color{
    width: 100%;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 12%, #fff 100%);
    display: flex;
    justify-content: space-between;
    padding: 100px 0px;
}



.Commitment-banner svg{
    width: 100%;
fill: #f2f2f2;
}

.Commitmentbox1{
    width: 40%;
    position: relative;
}

.Commitmentbox2{
    width: 60%;
}

.Commitmentbox2 h2{
    color: #30bcee;
    font-size: 2rem;
    text-align: left;
        font-family: Raleway, sans-serif;
    font-weight: 800;
    margin-bottom: 30px;
}

.Commitmentbox2 p{
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #0a0a0a;
    line-height: 1.8;
}


.Commitment-container{
    max-width: 1194px;
    min-width: 0px;
     -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
        margin-left: auto;
    margin-right: auto;
}

.Commitmentbox1 .playbtn{
    background-color: #30bcee;
    width: 80px;
    height: 80px;
    box-shadow: 0 0 29px 0 #30bcee;
    cursor: pointer;
}

 .Commitmentbox1 .playbtn svg{
fill: #fff !important;
width: 30px;
}

.Infection-main-banner{
    width: 100%;    
    /*background-image: url(http://localhost/allsmiles/wp-content/uploads/2024/06/infection-bg.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    
}

.Infectionbg-color{
    width: 100%;
    background-image: linear-gradient(90deg, #fff 7%, rgba(255, 255, 255, 0) 100%);
    
    
}

.Infectionflex{
    padding: 100px 0px;
    display: flex;
    justify-content: space-between;
}


.Commitmentbox2 .fl-button{
    font-weight: 700;
    border: 1px solid #003c7b;
    background: #094887;
    color: #30bcee;
    -webkit-border-radius: 4px;
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
    padding: 12px 24px;
    text-decoration: none;
    text-shadow: none;
    text-align: center;
    margin-top: 30px;
}

.Commitmentbox2 .fl-button:hover{
    color: #f7941d;
}



.Technology-main{
    width: 100%;
    background-color: #f7941d;
    padding-bottom: 80px;
}


.Technology-heading h2{
    color: #fff;
    font-size: 2rem;
    text-align: center;
    font-family: Raleway, sans-serif;
    font-weight: 800;
    padding-top:50px ;
    margin-bottom:50px;
}
.Technology-heading{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}


.Technology-heading h3{
    color: #fff;
    font-size: 1.6rem;
        font-family: Raleway, sans-serif;
    font-weight: 800;
    margin-top: 30px;
    margin-bottom: 30px;
}


.Technology-main p{
        font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
        color: #fff;
            line-height: 1.4;
}

.Infectionbg-color svg{
    fill:#f7941d;
    width: 100%;
    transform: rotate(180deg);
    margin-bottom: -9px;
}

.Technology-inn-container{
    max-width: 1000px;
    min-width: 0px;

    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
        margin-left: auto;
    margin-right: auto;
}

.Technologytop-content p{
margin-bottom: 30px;
}

.Pinellasdv svg{
    fill: #f7941d !important;
    width: 100%;
}

.Pinellasdv-heading h3 , .Pinellasdv-heading p{
    margin-bottom: 20px;
}

.Pinellasdv-heading{
    width: 100%;
    /*background-image: url(http://localhost/allsmiles/wp-content/uploads/2024/06/dentalmonitoring-bg.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;

}

.Pinellasdvbg-color{
        background-image: linear-gradient(90deg, #fff 7%, rgba(255, 255, 255, 0) 100%) !important;
       
}


.Pinellasdv-heading .fl-button {
    font-weight: 700;
    border: 1px solid #003c7b;
    background: #094887;
    color: #30bcee;
    -webkit-border-radius: 4px;
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
    padding: 12px 24px;
    text-decoration: none;
    text-shadow: none;
    text-align: center;
    margin-top: 30px;
}

.Pinellasdv-heading .fl-button:hover{
    color: #ffbe0a;
}

.Pinellasdvbg-color h3{
    color: #30bcee;
    font-size: 2rem;
        font-family: Raleway, sans-serif;
    font-weight: 800;
}
.Pinellasdvbg-color p{
        line-height: 1.8;
        font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #0a0a0a;
}



.Orthodonticrow{
    width:100%;
    display: flex;
    justify-content: space-between;
}

.Orthodontic-col1{
    width: 52%;
    padding: 50px 0px;
}

.Orthodontic-col2{
    width: 60%;
}

.Certified-banner-div{
    /*background-image: url(http://localhost/allsmiles/wp-content/uploads/2024/06/same-day-bg.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
}

.comman-main-div.comman-main-div546 {
    margin-top: -100px;
}

.Certified-banner-div .footer-svg svg{
    transform: rotate(0deg);
}

.Certified-banner-div .footer-svgcp .shaps-no1{

    width: 100%;
    fill: #30bcee;
    transform: rotate(180deg);
        margin-bottom: -10px;
}


.Certified-banner-div .footer-svgcp .shaps-no2{
width: 100%;
    fill: #30bcee;
    transform: rotate(0deg);
        margin-bottom: -5px;
}

.Certified-row{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.Certified-col1, .Certified-col2{
    width: 50%;
        padding-bottom: 60px;
}

.Certifiedbg-color{
    width: 100%;
        background-image: linear-gradient(-74deg, #fff 7%, rgba(255, 255, 255, 0) 100%);

}

.Certified-col1 h3{
        color: #30bcee;
        font-family: Raleway, sans-serif;
    font-weight: 800;
    font-size: 2rem ;
    margin-top: 30px;
    margin-bottom: 30px;
}

.Certified-col1 p{
        font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #0a0a0a;
    line-height: 1.8;
}

.freeheading h3{
padding-top: 72px;
}

.page-id-703 .Award-container.Award-container7895.Award-container-default {
    width: 100%;
    max-width: 100%;
    background-color: #30bcee;
}

.page-id-703 .types-of-braces-main.types-of-braces-main456 {
    max-width: 960px;
    margin: auto;
    color: #fff;
}
.page-id-703 .types-of-braces-main.types-of-braces-main456 a
{
    color: #fff;
}
.page-id-703 .types-of-braces-main.types-of-braces-main456 p.smile456
{
    font-size: 10px;
    line-height: 13px;
    margin-top: 40px;
}
.gaurantee-shaps svg {
    width: 100%;
    fill: #30bcee;
}
.gaurantee_wrap
{
    text-align: center;
    margin: 60px 0 40px;
}
.gaurantee_btn
{
    border-style: solid;
  border-width: 0;
    border-right-width: 0px;
    border-bottom-width: 0px;
  background-clip: border-box;
  border-color: #ffa500;
  border-right-width: 5px;
  border-bottom-width: 5px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
    font-family: Raleway, sans-serif;
  font-weight: 800;
  font-size: 20px;
  background-color: #ffbe0a;
    padding-top: 20px;
  padding-right: 60px;
  padding-bottom: 20px;
  padding-left: 60px;
    color: #ffffff;
}
.gaurantee_btn:hover{
    background-color: #ffa500;
    border-color: #ffbe0a;
}
.page-id-703 .types-of-braces-main.types-of-braces-main456 .comen h3, .page-id-703 .types-of-braces-main.types-of-braces-main456 .comen p{
    color:#fff !important;
}

.page-id-703 .types-of-braces-main.types-of-braces-main456 .comen .smile456{
    font-size:10px; 
}
/*what-sets-us-apart css and*/


/*zoom-whitening css starts*/
#results-section .about-main-container {
    width: 100%;
    max-width: 1145px;
    display: flex;
}
#results-section .about-main-container .Us-Apart-inner {
    padding: 20px;  
}
.Us-Apart-inner.Us-Apart-inner-left p {
    text-align: left;
}
#results-section {
    padding-top: 50px;
    background-color: #30bcee;
}
#work-section.about-section svg {
    fill: #30bcee;
}

#work-section.about-section .about-inner-1c {
    width: 32%;
}

#work-section.about-section .about-inner-section{
    align-items: center;
}

#work-section.about-section .meet-shaps svg {
    fill: #f2f2f2;
}
#real-section {
    background-color: #f2f2f2;
}
#real-section.meet-main-section .about-inner-2c p {
  color: #000;
}

#real-section.meet-main-section .title-links87 {
    color: #155995;
    text-decoration: none;
}
#real-section.meet-main-section.meet-main-section .about-inner-1c {
    margin-left: 30px;
    width: 33%;
}
#results-section.Us-Apart-main h3
{
    text-align: left;
}
#work-section .about-inner-2c, #real-section .about-inner-2c {
    width: 100%;
    margin-left: 0px;
    text-align: center;
}
#work-section .wp-video, #real-section .wp-video {
    width: 100% !important;
}
#work-section .wp-video video, #real-section .wp-video video{
    width: 100% !important;
    height: 100%;
}
/*zoom-whitening css ends*/

/*free-exam page css sart*/

.center-logo{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 30px 0px;
}
.center-logo img{
    width: 20%;
}
.center-logo a{
        display: flex;
    justify-content: center;
    align-items: center;
}
.FREE-Exam-main{
    width: 100%;
    background-color: #30bcee;
    padding: 60px;
}
.FREE-Exam-container{
    max-width: 900px;
    min-width: 0px;
      -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-left: auto;
    margin-right: auto;
}

.collapsible {
  background-color:transparent;
  border: 2px solid #fff;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 20px;
      font-family: "Open Sans", sans-serif

}
.collapsible:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: left;
  margin-right: 10px;
    width: 10px;
}
.collapsible.active::after {
    content: '\002D';
    
}

/*.active:after {
  content: "\2212";
}*/
.content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f1f1f1;
}
.FREE-Exam-main h2{
    text-align: center;
    font-family: Raleway, sans-serif;
    font-weight: 800;
    font-size: 2.8rem;
    color: #fff;

}
.FREE-Exam-main h4{
        color: #ffffff;
    font-size: 1.6rem;
    text-align: center;
    font-family: Raleway, sans-serif;
    font-weight: 700;
    margin: 30px 0px;
}
.About-Exam-main h2{
    text-align: center;
        font-family: Raleway, sans-serif;
    font-weight: 800;
        color: #155995;
        font-size: 2rem;
        margin: 30px 0px;
}
.Exampoint-main{
    display: flex;
}
.Exampoint-child-1 svg{
    width: 40px;
    margin: 0px 20px;
    fill: #ffbe0a;
}
.Exampoint-child-1 svg:hover{
    fill: orange;
}
.Exampoint-child-1{
    margin-bottom: 30px;
}
.Exampoint-child-2{
      font-size: 20px;
    line-height: 1.1;
        color: #000;
        font-weight: bold;
}
.space-Exampoint{
    margin-top: 60px;
    margin-bottom: 60px;
}
.page-id-533 #page header {
    display: none;
}

/*free-exam page css end*/

/*Blog page css starts*/
.page-template-tmp-blog .braces-page-box h3 {
    padding: 10px 10px 0px;
}
.page-template-tmp-blog .braces-page-box p
{
    margin-bottom: 0px;
}
.page-template-tmp-blog .braces-page-box {
    border-radius: 5px;
    margin-bottom: 25px;
}
.page-template-tmp-blog a.braces-page-box-linke
{
    border-radius: 5px; 
    padding-top: 10px;
  padding-bottom: 10px;
}
.clearfix::after {
    display: block;
    content: "";
    clear: both;
}
.custom_pagination span {
    width: 50%;
    float: left;
}
.custom_pagination span.newer {
  text-align: right;
  float: right;
}
.custom_pagination
{
    padding-top: 30px;
}

/*Blog page css end*/

/*Blog single page css starts*/
.recentlist a.active {
    display: none;
}
.featured_img {
    height: 300px;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
}
.single_blogtitle {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 1.3;
    text-align: center;
    color: #27356e;
}
.single-post .types-of-braces-left {
  width: 70%;
    padding-right: 35px;
}
.single-post .types-of-braces-right {
    width: 30%;
    background: #f0f5f7;
  padding-top: 20px;
  padding-right: 25px;
  padding-bottom: 20px;
  padding-left: 25px;
}
.date_author {
    text-align: center;
    font-size: 16px;
    color: #4ab0f4;
    padding: 10px 0;
}
.backtoblog_wrap {
    text-align: center;
    padding: 40px 0 0;
}
.backtoblog_wrap a
{
    padding-top: 12px;
  padding-right: 24px;
  padding-bottom: 12px;
  padding-left: 24px;
    font-size: 14px;
  line-height: 14px;
  background-color: #27356e;
    color: #fff;
}
.backtoblog_wrap a:hover{
    background-color: #4ab0f4;
}
/*Blog single page css ends*/
.footer-col input[type="email"] {
    width: 100%;
}
.footer-col .button {   
    position: relative;
}
.footer-socal {
    margin-top: 32px;
}
.footer-socal a:hover svg{
    fill: #ffbe0a;
}
.top-head { 
    padding-left: 20px;
    padding-right: 20px;
}
.logo {
    padding-left: 0;
}
#cssmenu #menu-item-789, #cssmenu #menu-item-788, #cssmenu #menu-item-790 {
    display: none;
}
.Commitment-main-banner .Commitment-container {
    max-width: 100%;
}

.Commitmentbg-color {
    width: 100%;
    background-image: none;
    padding: 100px 20px;
    max-width: 1194px;
    width: 100%;
    margin: auto;
}

.Award-container.Award-container-dct45 {
    float: left;
    width: 100%;
    max-width: 100%;
}
.Award-container.Award-container-dct45 .braces-page-mani {
    max-width: 1130px;
    width: 100%;
    display: flex;
    position: relative; 
    padding-left: 20px;
    padding-right: 20px;
    gap:20px;
    float: initial;
}
.Award-container.Award-container-dct45 .braces-page-mani .braces-page-box {
    width: auto;
}
.Award-container.Award-container-dct45.Award-container-dct45546 .braces-page-box img {
    max-width: initial; 
}
.Award-container.Award-container-dct45.Award-container-dct45546 .braces-page-mani .braces-page-box {
  width: 100%;
}

.pay-main-box {
    padding-top: 30px;
    padding-bottom: 30px;
}
.pay-main-box .Award-container {
    padding-bottom: 0;
}

.Award-container.Award-container-dct45.Award-container-dct45546 .braces-page-mani {
    display: block;
}
.Award-container.Award-container-dct45.Award-container-dct45546 .braces-page-mani .braces-page-box {
    width: 33%;
} 

.page-id-384 .Award-container.Award-container-dct45.Award-container-dct45546 .braces-page-mani .braces-page-box {
    min-height: 730px
} 

.page-id-450 .Award-container.Award-container-dct45.Award-container-dct45546 .braces-page-mani .braces-page-box {
    min-height: 610px
}   

.page-id-392 .Awards-mai-div .Awards-bg-div .Award-main-cantent .Award-col-content .image-with-content56 {
    max-width: 100%;
}

.page-id-392 .Awards-mai-div .Awards-bg-div .Award-main-cantent .Award-col-content .image-with-content56 h3 {
  margin: 35px 0;
}

.page-id-384 .Award-container .braces-page-mani .braces-page-box:last-child .braces-page-box-linke {
  position: relative;
  top: -29px;
}


.page-id-260 .braces-page-box p {
    min-height: 230px;
}
.page-id-384 .braces-page-mani .braces-page-box p {
    min-height: 300px;
}
.page-id-244 .Award-container.Award-container-dct45.Award-container-dct45546 .braces-page-mani .braces-page-box {
    width: 49.5%;
}
.wpcf7-form-control.wpcf7-textarea {
    padding: 10px;
}
.page-id-8 .Award-container {
    max-width: 1160px;  
}

.Award-container.Award-container-loction58792 {
    padding-top: 120px;
}
.Patients-main-box .Award-container {
    max-width: 1130px;
}
@media screen and (max-width:1260px){
.Award-container {
    padding-left: 30px;
    padding-right: 30px;
}
.main-nav {
    padding-left: 20px;
    padding-right: 20px;
}
.fl-button-new {
    width: 240px;   
}
.new-width-container {
    padding-left: 20px;
    padding-right: 20px;
}
.education-flex {
    padding-left: 20px;
    padding-right: 20px;
}
.Commitmentbg-color {
    justify-content: space-between;
    padding: 100px 20px;
}
.Commitment-main-banner {
    background-position: 48%;
}   
.Infectionflex .Commitmentbox2 {
    padding-left: 20px;
}
#remote .Orthodontic-col1 {
    width: 55%;
    padding: 50px 20px;
}
.Pinellasdv-heading {
    background-position: 60%;
}
.page-id-450 .braces-page-box p {
    min-height: 240px;
}
.page-id-260 .braces-page-box p {
    min-height: 280px;
}   
}

@media screen and (max-width:1024px){
.Pinellas-heading {
    width: 55%;
    top: 90px;
    left: 30px; 
}
.Pinellas-heading h3 {
    margin-bottom: 20px;
}
.fl-button-Pinellas {
    width: 300px;
    padding-top: 18px;
    padding-right: 20px;
    padding-bottom: 18px;
    padding-left: 20px;
    margin-top: 30px;   
}
.Braces-heading {   
    width: 50%;
    top: 40px;
    right: 4%;  
}
.fl-button-Braces { 
    width: 200px;
    padding-top: 16px;
    padding-right: 30px;
    padding-bottom: 16px;
    padding-left: 30px; 
    margin-top: 30px;   
}
.Awards-bg-div {
    padding: 0 30px;
}
.Investment-main-div h2 {
    padding-top: 50px;
}
.comman-main-bg {
    padding-left: 30px;
    padding-right: 30px;
}
.small-text {   
    bottom: 3px;
    margin-left: 0;     
    position: relative;
}
.month-plan h3 {
    font-weight: normal;
}
.month-plan {   
    width: 105%;
    margin-left: -6px;  
}
.address-main-box {
    padding-top: 40px;
}
.address-maindiv-bg {
    padding-bottom: 40px;
    padding-top: 60px;
}
.home-demo-copy {
    padding-bottom: 20px;
}
.footer-menu {
    padding-left: 30px;
    padding-right: 30px;
}
.footer-col.footer-col-1 {
    width: 36%;
}   
.footer-col.footer-col-3 .button:before {
    display: none;
}
.footer-col.footer-col-3 .button:after {
    display: none;
}
.button {
background-color: #155995;
}
.main-nav {
    align-items: start;
    flex-direction:column;
}
#cssmenu {
    width: 100%;
    position: absolute;
    right: 30px;
}
.menu {
    top: 30px;
    width: 92% !important;
    right: 4% !important;
    left: 4% !important;
    margin: auto;
    background: #155995;
}   
#cssmenu ul ul li {
    background: #30bcee !important;
}
#cssmenu ul li {
    width: 100%;
    border-top: 1px solid #fff;
}
#cssmenu ul ul {
    border-top: 0px solid #ffbe0a;
}
#cssmenu ul li:hover {
    background: #155995;
}
#cssmenu ul ul li a {
    color: #fff;    
}
#cssmenu .submenu-button.submenu-opened {
    background: #155995;
}
#cssmenu .submenu-button {
border-left: 1px solid #fff;
}
#cssmenu > ul > li > a {
    color: #fff;    
}
#cssmenu #menu-item-789, #cssmenu #menu-item-788, #cssmenu #menu-item-790 {
    display:block;
}   
.blog-top {
    display: none;
}   
.contact-top {
    display: flex;
    align-items: center;    
    justify-content: start;
    width: 100%;
    text-align: left;
}
.about-main-container {
    padding-left: 20px;
    padding-right: 20px;
}   
.footer-col .button, .form-main-box .button {   
    position: relative;
}
.page-template .comman-main-bg {
    padding-left: 0;
    padding-right: 0;
}
.page-id-260 .braces-page-box p {
    min-height: 280px;
}
.braces-page-box {
    max-width: 318px;
    height: auto;
}
.page-id-384 .braces-page-mani .braces-page-box p {
    min-height: 330px;
}
.Technology-inn-container {
    padding-left: 20px;
    padding-right: 20px;
}
.Technology-inn-container img {
    width: 100%;
}   

.content-part-right54.form-main-box5468 .form-main-box {
    padding-left: 0;
    padding-right: 0;
}
.Award-container.Award-container-dct45.Award-container-dct45546 .braces-page-mani .braces-page-box {
    max-width: initial; 
}   
.about-inner-section.about-inner-section7895 {
    flex-direction: column-reverse;
}
.about-inner-section.about-inner-section7895 .Petersburg-inner-2 {
    width: 100%;    
}
.about-inner-section.about-inner-section7895 .Petersburg-inner-1 {
    width: 100%;
}
.about-inner-section.about-inner-section5987 {
    padding-top: 0px;
}
.Petersburg-inner-3 {
    width: 100%;
}
.Petersburg-inner-4 {
    width: 100%;
}
.Orthodontics-bg {
    padding: 80px 20px;
}
.SERVICES-imgmain {
    flex-direction: column;
}
.SERVICES-imginn1, .SERVICES-imginn2 {
    width: 100%;
}   
}

@media screen and (max-width:934px){
.Pinellas-heading {
    width: 100%;
    top: 40px;
    left: 0;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}
.Braces-main-div {
    width: 100%;
    margin-top: 80px;
}
.Braces-heading {
    width: 100%;
    top: 40px;
    right: 0;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}
.Braces-banner-div .footer-svg {
    position: relative;
}
.Braces-heading {
    padding-bottom: 50px;
}
.price-box-1 {
    margin-right: 10px;
}
.comman-main-bg .Award-container {
    padding-left: 0;
    padding-right: 0;
}
.braces-page-box {
    width: 49.5%;
}
.braces-page-box {
    max-width: 100%;
    height: auto;
}
.braces-page-box img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.page-id-260 .braces-page-box p {
    min-height:210px;
}
.page-id-384 .braces-page-mani .braces-page-box p {
    min-height: 230px;
}
.comman-main-bg .Award-container {
    padding-left: 20px;
    padding-right: 20px;
}
.Commitment-main-banner .Commitmentbg-color {
    flex-direction: column;
}
.Commitment-main-banner .Commitmentbox1 {
    width: 100%;
    position: relative;
}
.Commitment-main-banner .Commitmentbox2 {
    width: 100%;
    margin-top: 100px;
}
.Commitment-main-banner {
    background-position: 32%;
}
.Commitment-main-banner {   
    position: relative;
}   
.Commitment-main-banner::before {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.5);
}
.Commitment-main-banner .Commitment-container {
    max-width: 100%;
    z-index: 999;
    position: relative;
}
.Commitmentbg-color {
    padding: 100px 20px 50px;
}
.Infection-main-banner {
    background-size: contain;
    background-position: top;
    margin-top: 40px;
}
.Infectionflex {
    padding: 100px 20px;    
    flex-direction: column;
}
.Infectionflex  .Commitmentbox2 {
    width: 100%;
}
.Infection-main-banner {
    background-size: 500px; 
}
.Infectionflex .Commitmentbox2 {    
    padding-top: 200px;
}
.Pinellasdv-heading {
    background-size: 100% 250px;
    background-position: top;
}
#remote .Orthodontic-col1 { 
    width:100%;
    padding: 220px 20px 50px;
}   
.Orthodonticrow {
    flex-direction: column;
}   
.Orthodontic-col1 {
    width: 100%;
    padding: 50px 20px;
    padding-top: 190px;
}
.page-id-634 .Braces-main-div { 
    margin-top: 0;
}
.page-id-634  .Certified-banner-div {
    background-size: 100% 220px;
    background-position: top;
    width: 100%;
}
.page-id-634  .Certified-row {
    flex-direction: column;
}
.page-id-634  .Certified-col1{
    width: 100%;
    padding-bottom: 0px;
    padding-top: 60px;
}   
.Award-container.Award-container-dct45.Award-container-dct45546 .braces-page-mani .braces-page-box {
    width: 49.5%;
}   
}

@media screen and (max-width:840px){
.address-main-box {
    flex-direction: column;
}
.address-box1, .address-box2, .address-box3 {
    width: 100%;
    margin-bottom: 40px;
}
.address-main-box {
    padding-top: 20px;
}
.pay-flex-box {
    width: 100%;
    padding: 60px 0px 10px; 
}
.footer-col.footer-col-1 {
    width: 33.33%;
}
.price-box-1 {
    width: 100%;    
}
.price-main-box {
    flex-direction: column;
}
.month-plan {
    width: 100%;
    margin-left: 0;
}
.price-box-1 {
    margin-right: 0;
    margin-bottom: 40px;
    margin-left: 0;
}
.topbaner-heading h3 {
    font-size: 70px;
    line-height: 1.4;
}
.topbaner-heading p {
    font-size: 21px;    
    margin-top: 20px;
}
#player {
    /* width: 180%; */
    min-height: 100vh;
    min-width: 177.77vh;
}
#videoModal .modal-dialog {
    padding-left: 15px;
    padding-right: 15px;
}   
}

.about-inner-1c img {
    width: 100%;
}


@media screen and (max-width:768px){
    .footer-col.footer-col-1,  .footer-col.footer-col-2, .footer-col.footer-col-3{
    width: 100%;
    text-align:center;  
}
.footer-col h4 {
    margin-bottom: 20px;    
}
#videoModal .modal-content iframe {
    height: 100%;
    min-height: 420px;
}   
#cssmenu {
    right: 15px;
}   
.banner {
    overflow: hidden;
}   
.footer-col input[type="email"] {
    margin-bottom: -10px;
}
.footer-col .button {
    position: relative;
    width: 100% !important;
    display: block; 
}
.footer-socal {
    margin-top: 50px;
    width: 100%;
    display: block;
}
.footer-col.footer-col-3 h4 {
    margin-bottom: -10px;
    margin-top: 20px;
}
.pay-flex-box {
    flex-direction: column;
}
.pay-box1, .pay-box2 {
    width: 100%;
    text-align:center;
}   
.pay-box1 h2 {
    text-align: center;
    margin-right: 0;
    margin-bottom: 30px;
}
.pay-flex-box {
    width: 100%;
    padding: 40px 0px 30px;
}
#player {   
    min-height: 80vh;
    min-width: 140vh;
}   
.topbaner-heading h3 {  
    line-height: normal;
    text-align: center;
}
.topbaner-heading p {
    font-size: 21px;
    margin-top: 20px;
    text-align: center;
}   
.Award-main-cantent {
    flex-direction: column;
}
.Award-col-content, .Award-col-image {
    width: 100%;
}
.Award-col-content p {
    margin-bottom: 0;
}
.playbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 90px;   
    margin-left: -45px;
    margin-top: -45px;
}
.about-inner-section {
    flex-direction: column; 
}
.about-inner-1c {
    width: 100%;
    margin: auto;
    text-align: center;
    margin-bottom: 30px;
}
.about-inner-1c img{
    width:auto;
}   

.about-inner-2c {
    width: 100%;
    margin-left: 0; 
    text-align: center;
}
.meet-main-section .about-inner-1c {
    margin-left: 0;
    margin-top: 20px;
}
    .meet-main-section .about-inner-1c img, .Retainers-main-section .about-inner-1c img{
        width:auto !important;
}
    
.smile-main-section .about-inner-2c {
    margin-left: 0;
}   
.Retainers-main-section .about-inner-1c {
    margin-left: 0;
}
.form-inner {
    justify-content: start;
    flex-direction: column;
}   
.form-box-1, .form-box-2 {
    width: 100%;
}
.form-inner {
    margin-bottom: 0;
}
.form-inner .form-box-3 {
    width: 60%;
}
.form-inner .form-box-4 {
    width: 35%;
}   
.form-inner.form-inner565 {
    flex-direction: row;
    justify-content: space-around;
}
.form-inner input[type="text"], .form-inner input[type="number"], .form-inner input[type="email"], .form-inner input[type="date"], .form-inner input[type="time"] {
    max-width: 100%;
    width: 100%;    
}
.home-demo-copy {   
    padding-left: 20px;
    padding-right: 20px;
}
.Us-Apart-inner {
    padding-left: 20px;
    padding-right: 20px;
}
.about-inner-1 {
    width: 100%;
    text-align: center;
}
.about-inner-1 img {
    width: auto !important;
}
.about-inner-2 {
    width: 100%;
    margin-left: 0;
    justify-content: center;
}
.education-flex {
    flex-direction: column;
}
.eduction-box1, .eduction-box2 {
    width: 100%;
}
.banner-nav {
    padding: 12px 10px;
}
.banner-nav ul li a {
    margin-right: 10px;
}   
.banner-nav ul svg {
    margin: 0px 15px 0px 0px;
}   
.braces-page-box {
    width: 100%;
}   
.page-id-260 .braces-page-box p {
    min-height: auto;
}
.types-of-braces-right {
    display: none;
}
.types-of-braces-left {
    width: 100%;
}
.page-id-384 .braces-page-mani .braces-page-box p {
    min-height: auto;
}   
.image-with-content56 {
    gap: 0;
    flex-direction: column;
}   
.content-part-left54 {
    width: 100%;
}
.content-part-right54 {
    width: 100%;
    margin-top: 20px;
}   
#results-section .about-main-container {
    flex-direction: column;
}   
#retainer-program .about-main-container {
    flex-direction: column;
}
#vivera-retainer .about-inner-section {
    flex-direction: column-reverse; 
}   
#vivera-retainer.meet-main-section.meet-main-section .about-inner-1c {
    margin-left: 0;
    width: 100%;
}
#bonded .about-inner-section {
    flex-direction: column;
}
#hawley .about-inner-section {
    flex-direction: column-reverse;
}   
#hawley .about-inner-section img {
    width: 100% !important;
}
.page-id-450 .braces-page-box p {
    min-height: auto;
}   
.image-with-content56 {
    gap: 0;
    flex-direction: column;
}
.content-part-left54 {
    width: 100%;
}
.content-part-right54.form-main-box5468 {
    width: 100%;
    margin-top: 20px;
}
.single-post .types-of-braces-left {
    width: 100%;
    padding-right: 0;
}
.single_pagecontent img {
    width: 100%;
}
.FREE-Exam-container {
    padding-left: 20px;
    padding-right: 20px;
}   
/*svg {
    height: 50px !important;
}*/
.banner svg,.Pinellasshape-div svg, .footer-svg svg, .Location-div svg, .Retainers-shaps svg  {
    height: 50px !important;    
}
    
.Braces-banner-div {
    max-height: initial;
}
	
.top-margin {
    margin-top: -40px;
}
    
.playbtn {
    width: 75px;
    height: 75px;   
}   
.SERVICES-imginn1 svg, .Petersburg-contect svg {
    height: auto !important;
}
.address-col, .SERVICES-col {
    width: 100%;
}
.SERVICES-imginn1{  
    flex-direction: column; 
}
.SERVICES-imginn1 .address-col{
    width: 100%;
    margin-bottom: 20px;
}   
.image-bgcolor {
    padding: 50px 20px;
    margin-top: 60px;
}
.Petersburg-main-btn .fl-button1 {
    display: block;
    width: 100%;
}
.Petersburg-main-btn {
    flex-direction:column
}
.allsmile56874 {
    padding-left: 20px;
    padding-right: 20px;
}
.Petersburgbg-backgrond {
    padding-top: 20px;
}   
.Award-container.Award-container-dct45.Award-container-dct45546 .braces-page-mani .braces-page-box {
    width: 100%;
}   
.payment-calculator-form ul li {
    width: 100%;
    margin-bottom: 10px;
}
.hide-part56 {  
    display: none;
}   
}


@media screen and (max-width:540px){
.meet-main-section .about-inner-1c img, .about-inner-1 img{
    width:100% !important;  
}
#videoModal .modal-content iframe { 
    min-height: 220px;
}
.page-id-8 .Braces-banner-div {
    max-height: initial;
}   
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  textarea,
  input {
    font-size: 16px;
  }
}

.Awards-bg-div.Award-col-content-edit56 .Award-container {
    padding: 0;
}


.page-id-458 .footer-svg svg {
    transform: rotate(0deg);
}
.about-inner-section.about-inner-section87 {    
    padding-bottom: 0;
}

.container-5489 {
    background-color: #000;
    width: 100%;
    text-align: center;
    padding: 100px 0;
}
.container-5489 .page-header.alignwide {
    background-color: transparent;
    color: #fff;
}
.page-content.page-content565 {
    margin-top: 50px;
    margin-bottom: 0;
}
.page-content.page-content565 .fl-button-new {
    display: block;
    margin: auto;
    width: 270px;
    padding-left: ;
    padding: 20px;
    margin-top: 50px;
}
.page-content.page-content565 p {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
}
.container-inner-5489 {
    max-width: 1170px;
    margin: auto;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
.address-box2 h5:hover {
    color:color: #ffbe0a;
}
.address-box3 h5:hover {
    color:color: #ffbe0a;
}
.address-box2 h5:hover {
    color:color: #ffbe0a;
}
.address-box3 h5:hover {
    color:color: #ffbe0a;
}
.comman-main-div.top-margin.top-margin56874 {
    margin-top:50px;
}
.footer-svg.footer-svg-546 svg {
    fill: #094887;
    transform: rotate(0deg);
    width: 100%;
    margin-bottom: -6px;
}
.comman-main-div.top-margin.top-margin56874 .Investment-main-div h2 {
    padding-top: 0;
}

.bl {
 display: none !important; 
}



/* new css */
section>.content {max-width: 1410px;margin-left: auto;margin-right: auto;padding-left: 60px;padding-right: 60px;position: relative;width: 100%;}
.Commitment-banner2 .content {height: 100%;}
.Commitmentbg-color .wrapper {max-width: 590px;width: 100%;opacity: 1;padding: 50px 60px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: rgba(246, 246, 246, .9);}
.bannerBoxcontent h1 {margin-bottom: 10px;text-align: start;color: #155995;font-size: 50px;line-height: 52px;}
.bannerBoxcontent h5 {font-weight: 700;font-style: normal;color: rgba(10,10,10);font-size: 1.33333333rem;line-height: 1.25em;letter-spacing: -.005em;margin-bottom: 30px;}
a.cta.primary.openchair-widget {text-align: center;padding: 4px 15px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;color: #fff;background-color: #155995;font-weight: 400;font-style: normal;font-size: 1rem;line-height: 36px;display: inline-block;cursor: pointer;}
.circle p.large {font-size: 4rem;line-height: 4rem;z-index: 2;position: relative;}
.circle p.small {font-size: 1.66666667rem;line-height: 1.46666667rem;margin-bottom: 10px;z-index: 2;position: relative;}
.Commitment-banner2 {background-position: center 0px;}
.mobile-image-container {line-height: 0;}
.whyorthodontictreatment .fa-hourglass-half {color: #155995;}
.mobile-image-container img {width: 100%;}
.circle-container {position: relative;width: 230px;margin-top:0;}
.reverseorder.dash-top .circle:before {content: '';position: absolute;border-left: 2px dashed #155995;top: -66px;height: 150px;}
.dash-top1 .circle:before {content: '';position: absolute;border-left: 2px dashed #155995;top: -66px;height: 227px;}
.circle:after {content: '';position: absolute;bottom: -66px;height: 400px;border-left: 2px dashed #155995;}
.circle-container .circle {width: 230px;height: 230px;background-color: #155995;color: #fff;text-align: center;font-weight: 700;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-moz-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;margin-top:160px;}
.contentInnerBox article {width: 66.66666667%;padding-right: 60px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.contentInnerBox aside {width: 43.58974359%;margin-right: -120px;overflow: hidden;}
.content-container {width: calc(100% - 230px);padding-left: 35px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;justify-content: flex-end;}
.content-container h2 {margin-bottom: 10px;font-size: 40px;line-height: 42px;color: #155995;}
.img-container img {-webkit-border-bottom-left-radius: 180px;-moz-border-bottom-left-radius: 180px;border-bottom-left-radius: 180px;width:100%;}
.contentInnerBox {margin: 0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.card.active {width: calc(33.33333333% - 30px);margin: 0 15px;padding: 60px 30px;background-color: #f6f6f6;-webkit-flex-grow: 1;-webkit-flex-shrink: 0;-webkit-flex-basis: calc(33.33333333% - 30px);-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1 0 calc(33.33333333% - 30px);-ms-flex: 1 0 calc(33.33333333% - 30px);flex: 1 0 calc(33.33333333% - 30px);-webkit-transition: .3s all ease-out;-moz-transition: .3s all ease-out;-ms-transition: .3s all ease-out;-o-transition: .3s all ease-out;transition: .3s all ease-out;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.main-container {width: calc(100% + 30px);margin: 0 -15px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.forages {padding-bottom: 65px;}
.three-cols-cards h3 {font-size: 1.66666667rem;line-height: 1.66666667rem;margin-bottom: 10px;font-weight: 700;color: #155995;}
.reverseorder .contentInnerBox {flex-direction: row-reverse;}
.reverseorder .contentInnerBox article {flex-direction: row-reverse;padding-left: 60px;padding-right: 0px;}
.reverseorder .contentInnerBox aside {margin-right: 0;margin-left: -120px;}
.reverseorder .content-container {justify-content: center;}
.reverseorder .circle-container .circle {margin-top: 80px;}
.reverseorder .circle-container .circle:after {content: '';position: absolute;bottom: -66px;height: 400px;border-left: 2px dashed #155995;}
.servicess {padding: 65px 0;}

.img-container1 {position: relative;height: 400px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: end;-moz-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
.img-container1 img {width: 100%;-webkit-border-bottom-left-radius: 180px;-moz-border-bottom-left-radius: 180px;border-bottom-left-radius: 180px;-webkit-border-top-left-radius: 180px;-moz-border-top-left-radius: 180px;border-top-left-radius: 180px;position: absolute;top: 0px;height: 100%;width: 100%;}
.withimageContent .contentInnerBox {align-items: center;}
.withimageContent .primary.slide {font-size: 25px;line-height: 35px;color: #30bcee;}
.withimageContent {padding-bottom: 0;}
.secondReverse .contentInnerBox {flex-direction: row-reverse;}
.secondReverse .contentInnerBox .img-container1 img {border-radius: 0;-webkit-border-bottom-right-radius: 180px;-moz-border-bottom-right-radius: 180px;border-bottom-right-radius: 180px;-webkit-border-top-right-radius: 180px;-moz-border-top-right-radius: 180px;border-top-right-radius: 180px;}
.secondReverse .contentInnerBox aside {margin-left: -120px;margin-right: 0;}
.secondReverse .contentInnerBox article {padding-left: 60px;padding-right: 0;}

.img-container2 i {font-size: 130px;-webkit-transform: translateX(18px);-moz-transform: translateX(18px);-ms-transform: translateX(18px);-o-transform: translateX(18px);transform: translateX(18px);}
.content-container h3 {margin-bottom: 30px;font-size: 40px;line-height:42px;color: #155995;}
.whyorthodontictreatment .contentInnerBox2 {margin: 0;padding: 80px 60px 80px 0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;background-color: #f6f6f6;}
.img-container2 {width: 230px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-moz-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.whyorthodontictreatment {margin-top: 100px;}
.foragesthird .content-container {justify-content: center;}
.foragesthird img {-webkit-border-bottom-left-radius: 180px;-moz-border-bottom-left-radius: 180px;border-bottom-left-radius: 180px;-webkit-border-top-left-radius: 180px;-moz-border-bottom-left-radius: 180px;border-bottom-top-radius: 180px;}
.foragesthird {padding: 65px 0;}
section.banner {background-color: #155995;}
section.banner .container .img-container3 {width: 50%;}
section.banner .container .contentInnerBoxpro {position: relative;width: 50%;max-width: 545px;z-index: 1;padding-left: 60px;background-color: var(--color-primary);display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
section.banner .container {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.img-container3 img {width: 100%;}
.contentInnerBoxpro h2 {margin-bottom: 30px;font-size: 40px;color: #fff;line-height:42px;}
.buttons a {padding-bottom: 2px;border-bottom: solid 2px transparent;-webkit-transition: color 0.1s linear, border-color 0.1s linear;-moz-transition: color 0.1s linear, border-color 0.1s linear;-ms-transition: color 0.1s linear, border-color 0.1s linear;-o-transition: color 0.1s linear, border-color 0.1s linear;transition: color 0.1s linear, border-color 0.1s linear;border-bottom-color: #155995;color: #fff;border-bottom-color: #fff;margin-right: 20px;}
ul.smile-icons,.leftContentBox {margin: 0;align-self: center;-webkit-flex-grow: 0;-webkit-flex-shrink: 0;-webkit-flex-basis: 50%;-webkit-box-flex: 0;-moz-box-flex: 0;-webkit-flex: 0 0 50%;-ms-flex: 0 0 50%;flex: 0 0 50%;padding-left: 60px;}
.widgetbracescontent {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;max-width: 1170px;width: 100%;position: relative;margin-left: auto;margin-right: auto;}
.leftContentBox h3 {color: #155995;margin-bottom: 2.66666667rem;font-size: 40px;line-height:42px;}
section.braces-carousel ul.smile-icons>li.override {display: none !important;}
.owl-carousel .owl-stage .owl-item .slide {width: 100%;-webkit-flex-grow: 1;-webkit-flex-shrink: 0;-webkit-flex-basis: 100%;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1 0 100%;-ms-flex: 1 0 100%;flex: 1 0 100%;max-width: 586px;padding: 40px 40px 35px;background-color: #f6f6f6;text-align: left;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
ul.smile-icons>li {width: 100%;font-size: 15.06666667rem;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-moz-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
ul.smile-icons>li.protrusion {display: -webkit-box !important;display: -moz-box !important;display: -ms-flexbox !important;display: -webkit-flex !important;display: flex !important;}
.owl-carousel .owl-stage .owl-item .slide h4 {color: #155995;margin-bottom: 25px;font-size: 40px;}

.three-fifths {background-color: #f6f6f6;padding: 65px 0;}
.three-fifths h2 {margin-bottom: 20px;color: #155995;font-size: 40px;line-height:42px;}
section.three-fifths article {width: 60%;}
section.three-fifths aside {width: 40%;display: flex;justify-content: flex-end;}
.univer {text-align: center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;height: 300px;max-height: 300px;padding: 5px;overflow: hidden;background-color: #9fc5f0;color: #fff;}
.graphs {position: relative;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: end;-moz-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;max-width: 100%;}
.graphs .graph-1 {margin-right: 40px;}
.graphs p.title {font-size: 1.66666667rem;line-height: 2.33333333rem;margin-bottom: 0;color: #9fc5f0;}
.graphs p.secondary {margin-bottom: 0;font-weight: 700;color: #9fc5f0;}
.orthc {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-border-top-left-radius: 5px;-moz-border-top-left-radius: 5px;border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-top-right-radius: 5px;border-top-right-radius: 5px;height: 195px;max-height: 195px;padding: 5px;overflow: hidden;background-color: #155995;text-align: center;color: #fff;}

.graphs .headingcon:after {content: '';width: 390px;position: absolute;bottom: 0;border-bottom: 2px dashed #155995;left: 0;}
.graphs .headingcon1:after {content: '';width: 390px;position: absolute;bottom: 0;border-bottom: 2px dashed #155995;right: 0;}
.headingcon {display: inline-block;width: 100%;text-align: center;padding-bottom: 20px;position: relative;}
.graphs .graph-2 .headingcon:after {right: 0px;left: inherit;width: 490px;}
.headingcon1 {text-align: center;display: inline-block;width: 100%;position: relative;opacity: 1;padding-bottom: 20px;}
.headingcon1 p.title {font-size: 1.66666667rem;line-height: 2.33333333rem;margin-bottom: 0;color: #2d5f92 !important;font-weight: 700;}
.headingcon1 p {color: #2d5f92 !important;font-weight: 700;}
.graphs > div {width: 175px;}
.cta.text {color: rgba(10,10,10);padding-bottom: 2px;border-bottom: solid 2px transparent;-webkit-transition: color 0.1s linear, border-color 0.1s linear;-moz-transition: color 0.1s linear, border-color 0.1s linear;-ms-transition: color 0.1s linear, border-color 0.1s linear;-o-transition: color 0.1s linear, border-color 0.1s linear;transition: color 0.1s linear, border-color 0.1s linear;border-bottom-color: #155995;}
.three-fifths .main-container {align-items: center;}
.reverseorder .img-container img {border-radius: 0;-webkit-border-top-right-radius: 180px;-moz-border-top-right-radius: 180px;border-top-right-radius: 180px;-webkit-border-bottom-right-radius: 180px;-moz-border-bottom-right-radius: 180px;border-bottom-right-radius: 180px;width: 100%;}

.braces-carousel .owl-nav, .braces-carousel .owl-dots {display: none;}
.pagination {display: flex;justify-content: center;gap: 30px;margin: 20px 0;}
.pagination > div {cursor: pointer;display: flex;align-items: center;gap: 20px;}
.braces-carousel {padding: 65px 40px;}
.braces-carousel .owl-stage, .braces-carousel .owl-carousel .owl-item {display: flex;}
.smile-gallery .main-container {flex-wrap: wrap;}
.smile-gallery h3 {font-size: 40px;width: 100%;margin-bottom:20px;line-height:42px;color: #155995;}
.smile-gallery p {width: 100%;}
section.smile-gallery .gallery .one-third {margin: 0 -10px;width: 370px;max-width: 370px;-webkit-flex-grow: 0;-webkit-flex-shrink: 0;-webkit-flex-basis: 370px;-webkit-box-flex: 0;-moz-box-flex: 0;-webkit-flex: 0 0 370px;-ms-flex: 0 0 370px;flex: 0 0 370px;}
section.smile-gallery .gallery .one-third ul.before-images li img {margin: 0 10px;width: 165px;max-height: 100px;opacity: .8;filter: saturate(.5) contrast(.5);overflow: hidden;border: 2px solid transparent;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
ul.before-images {margin: 0;flex-flow: row wrap;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
section.smile-gallery .gallery .one-third div.before-images.owl-carousel {display: none;}
section.smile-gallery .gallery .two-thirds {width: 780px;height: 460px;max-height: 460px;-webkit-flex-grow: 0;-webkit-flex-shrink: 0;-webkit-flex-basis: 780px;-webkit-box-flex: 0;-moz-box-flex: 0;-webkit-flex: 0 0 780px;-ms-flex: 0 0 780px;flex: 0 0 780px;position: relative;overflow: hidden;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
section.smile-gallery .gallery {margin: 0;width: 100%;-webkit-box-pack: justify;-moz-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: start;-moz-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
section.smile-gallery .gallery {padding: 25px 0 65px;}

section.smile-gallery .gallery .two-thirds.img-comp-container .img-comp-img {position: absolute;width: auto;height: auto;overflow: hidden}
section.smile-gallery .gallery .two-thirds.img-comp-container .img-comp-img p {color: #fff;position: absolute;bottom: 30px;margin-bottom: 0}
section.smile-gallery .gallery .two-thirds.img-comp-container .img-comp-img:not(.img-comp-overlay) p {right: 0;max-width: 50%;text-align: right;padding: 0 30px}
section.smile-gallery .gallery .two-thirds.img-comp-container .img-comp-img.img-comp-overlay {filter: grayscale(1)}
section.smile-gallery .gallery .two-thirds.img-comp-container .img-comp-img.img-comp-overlay p {left: 0;padding: 0 30px;white-space: nowrap}
section.smile-gallery .gallery .two-thirds.img-comp-container .img-comp-img img {display: block;vertical-align: middle;height: initial;max-width: none}
section.smile-gallery .gallery .two-thirds.img-comp-container:not(.img-comp-overlay) img {max-width: unset}
section.smile-gallery .gallery .two-thirds.img-comp-container #img-comp-slider-bar {position: absolute;z-index: 1;cursor: ew-resize;width: 10px;height: 100%;background-color: #fff;opacity: 1}
section.smile-gallery .gallery .two-thirds.img-comp-container #img-comp-slider {position: absolute;z-index: 1;cursor: ew-resize;width: 70px;height: 70px;background-color: #fff;opacity: 1;border-radius: 50%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-moz-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-moz-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center}
section.smile-gallery .gallery .two-thirds.img-comp-container #img-comp-slider:before,section.smile-gallery .gallery .two-thirds.img-comp-container #img-comp-slider:after {color: #155995;width: 16px;height: 23px;font-size: 23px;position: absolute;top: 0;bottom: 2px;margin: auto;font-family: 'FontAwesome';speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;text-align: center;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
section.smile-gallery .gallery .two-thirds.img-comp-container #img-comp-slider:before {content: '\f104';left: 10px;}
section.smile-gallery .gallery .two-thirds.img-comp-container #img-comp-slider:after {content: '\f105';right: 10px;}
section.smile-gallery .gallery .one-third ul.before-images li.active img {opacity: 1;filter: none;}
.forages .img-container img.active, .foragesthird .img-container img.active, .firstone .img-container1 img.active, .withimageContent.secondReverse .primary.slide.active {right: 0;}
.forages .img-container img, .foragesthird .img-container img, .firstone .img-container1 img, .withimageContent.secondReverse .primary.slide {right: -560px;position: relative;-webkit-transition: .3s all ease-out;-moz-transition: .3s all ease-out;-ms-transition: .3s all ease-out;-o-transition: .3s all ease-out;transition: .3s all ease-out;}
.servicess.reverseorder .img-container img.active, .firstone .primary.slide.active, .withimageContent.secondReverse .img-container1 img.active {left: 0;}
.servicess.reverseorder .img-container img, .firstone .primary.slide , .withimageContent.secondReverse .img-container1 img {left: -560px;position: relative;-webkit-transition: .3s all ease-out;-moz-transition: .3s all ease-out;-ms-transition: .3s all ease-out;-o-transition: .3s all ease-out;transition: .3s all ease-out;}
.withimageContent .Commitment-container {overflow: hidden;}
section.braces-carousel .owl-carousel .owl-stage .owl-item.active.center .slide {background-color: #155995;color: #fff;}
.owl-carousel .owl-stage .owl-item.active.center .slide h4{color:#fff;}
img.bracesb {display: block;width:100%;max-width: 50px;margin: 0px auto;}
.buttons a:hover,.cta.text:hover {border: none;}
a.cta.primary.openchair-widget:hover {background: #000;}
.bannerBoxcontent p, .contentInnerBox article .content-container p, .card.active p, .whyorthodontictreatment p, .leftContentBox p, .contentowl p, .smile-gallery p, .leftinfo p {color: rgba(10, 10, 10);}
.withimageContent p {color:#30bcee;}
section.braces-carousel .owl-carousel .owl-stage .owl-item.active.center .slide p {color:#fff;}
.page-id-1071 .types-of-braces-main .types-of-braces-left h4 {
  color: #30c8ef;
  font-size: 18px;
  margin-bottom: 5px;
}
.page-id-1071 .types-of-braces-left ul {
	margin-bottom: 15px;
}

@media(min-width:767px){
	.mobile {display: none !important;}
}
@media(max-width:1440px){
	.contentInnerBox aside,.reverseorder .contentInnerBox aside,.secondReverse .contentInnerBox aside {margin: 0px;	}
	.graphs > div{width:auto;}
	.circle:after {height: 360px;}
}
@media(max-width:1200px){
	section.smile-gallery .gallery {flex-wrap: wrap;}
	section.smile-gallery .gallery .two-thirds {width: 100%;height: 460px;max-height: 460px;-webkit-flex-basis: 100%;-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;}
	section.smile-gallery .gallery .one-third {width: 100%;max-width: 100%;-webkit-flex-basis: 100%;-webkit-flex: 0 0 370px;-ms-flex: 0 0 100%;flex: 0 0 100%;margin:0;}
	section.smile-gallery .gallery .one-third ul.before-images li img {width: 156px;}
	.main-container,.Commitment-container {margin: 0px;width: 100%;padding: 0 15px;max-width:100%;}
	.forages .contentInnerBox article {margin-top: 40px;}
	section.three-fifths article {padding-right: 15px;}
}
@media(max-width:992px){
	.circle-container, .content-container {width: 100%;}
	.contentInnerBox article,.reverseorder .contentInnerBox article {   flex-direction: column;}
	.circle-container .circle,.reverseorder .circle-container .circle{margin-top:40px;}
	.circle:after,.reverseorder.dash-top .circle:before,.reverseorder .circle-container .circle:after, .dash-top1 .circle:before{content:none;}
	.card.active {width: 100%;margin-bottom:20px;}
	.main-container, .Commitment-container{flex-wrap:wrap;}
	section.banner .container .contentInnerBoxpro, section.banner .container .img-container3 {width: 100%;}
	section.banner .container {flex-wrap: wrap;}
	section.banner .container .contentInnerBoxpro {max-width: 100%;padding: 30px 15px 50px;text-align: center;}
	section.three-fifths article,section.three-fifths aside{width:100%;}
	ul.smile-icons, .leftContentBox{padding-left:0;}
	.forages .contentInnerBox article {margin-top: 0px;}
	
	section.three-fifths article {padding-right: 0px;}
}
@media(max-width:767px){
	.Commitment-banner svg{display:none;}
	.Commitmentbg-color {padding: 0;}
	.Commitmentbg-color .wrapper {padding: 50px 15px 50px 15px;max-width:100%;}
	.graphs {flex-wrap: wrap;gap: 30px;flex-direction: column-reverse;}
	.graphs .headingcon:after,.graphs .headingcon1:after {content:none;}
	.three-fifths h2,.contentInnerBoxpro h2,.content-container h2, .content-container h3, .bannerBoxcontent h1, .leftContentBox h3 {font-size: 30px;}
	.contentInnerBox article, .contentInnerBox aside {width: 100%;}
	.contentInnerBox {flex-wrap: wrap;}
	section.three-fifths aside {margin-top: 50px;}
	.contentInnerBox article,.content-container{padding:0px;}
	.whyorthodontictreatment .contentInnerBox2 {flex-wrap: wrap;gap: 20px;padding: 40px 20px;}
	.secondReverse .contentInnerBox article {padding-left: 0;padding-right: 0;}
	.withimageContent.secondReverse {padding-top: 60px;}
	.reverseorder .contentInnerBox article {padding-left: 0;}
	.card.active {margin: 0 0 20px;width:100%;flex: 1 0 100%;}
	.graphs .graph-1 {margin-right: 0;}
	ul.smile-icons, .leftContentBox{padding-left:0;width:100%;    flex: 0 0 100%;}
	.braces-carousel {padding: 65px 15px;}
	section.smile-gallery .gallery .one-third ul.before-images li img {width: 126px;margin: 0 2px;}
	section.smile-gallery .gallery .two-thirds{height: 260px;max-height: 260px;}
	.widgetbracescontent{flex-wrap:wrap;}
	section.smile-gallery .gallery .two-thirds {width: 100vw;height: 59vw;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
	section.smile-gallery .gallery .two-thirds.img-comp-container .img-comp-img img {width:100vw;}
	section.smile-gallery .gallery .two-thirds.img-comp-container .img-comp-img {width: 100%;}
	.combination-treatment figure img {width: 100%;}
}

/* new css */


/*my css */
.page-id-1093 .banner-nav ul li:last-child {display: none;}
.page-id-1093  .banner-nav ul svg:last-of-type {display: none;}
.page-id-1093 section{padding:60px 0px;}
.page-id-1093 .Award-container {padding-bottom:0;}
.page-id-1093 h2, .page-id-1093 h3{color: #094887;font-size: 1.6rem;font-family: Raleway, sans-serif; font-weight: 800; margin-bottom: 30px;}
.page-id-1093 p, .page-id-1093 a,.page-id-1093 ul li{font-family: "Open Sans", sans-serif;}
.full-content .texbox h3,.full-content .texbox p {text-align: center;}
#gray{background-color: #f2f2f2;}
#lightblue{background-color: rgb(48 188 238);}
#dblue { background-color: rgb(9 72 135);}
#dgray {background-color: #e8e8e8;}
#yellow {background-color: #ffbe0a;}
#yellow .incisorDesc h3,#yellow .incisorDesc p{color:#fff;}

/*  */

.about-top-banner h2 {font-weight: 800;line-height: 1.2;text-align: center;color: #fff; font-size: 2.8rem;}
.patients-shaps,
.constricted-shaps,
.skeletalDiscrepancy-shaps,
.twobox-shaps{line-height:0;}
.patients-shaps svg {width: 100%;fill: #f2f2f2;transform: rotate(180deg);}
.constricted-shaps svg { width: 100%;fill: #ffbe0a;}
.incisor-shaps {margin-top: -25px;line-height: 0;}
.incisor-shaps svg {width: 100%;fill: #30bcee; transform: rotate(180deg);}
.twobox-shaps svg { width: 100%;fill: #094887; transform: rotate(180deg);}
.openbite-shaps.skeletal2 svg{fill: #f2f2f2;transform: rotate(0deg);}
.beautySmiles .owl-dots {display: none;}
.skeletalDiscrepancy-shaps.two.anterior{margin-bottom: -19px;}
.incisorDisplay .incisorDesc h3,
.incisorDisplay .incisorDesc p{color: #fff; text-align: center;}
.beautySmiles .incisorDesc h3,
.beautySmiles .incisorDesc p{text-align: center;}
.incisorDisplay .incisorDesc p,
.beautySmiles .incisorDesc p{padding-bottom: 40px;}
.incisorDisplay .incisorSild .owl-stage { display: flex;}
.incisorDisplay .incisorSild .item, .incisorDisplay .incisorSild .imgBox {height: 100%;}
.incisorDisplay .incisorSild .owl-dots { display: none;}
.skeletalDiscrepancy-shaps svg {width: 100%;fill: #094887;margin-bottom: 0px;transform: rotate(180deg);}
.skeletalDiscrepancy-shaps.anterior { transform: rotate(180deg);}
#skeletalDiscrepancy.incisorDisplay .incisorSild .owl-nav button{background-color: #30bcee !important;}
.incisorDisplay.anterior .incisorDesc h3{color:#155995}
.incisorDisplay.anterior .incisorDesc p{color: #000;}
.openbite-shaps{line-height: 0;}
.Overbite-shaps {line-height: 0;margin-top: -22px;}
.openbite-shaps svg {width: 100%;fill: #e8e8e8;transform:rotate(180deg);}
.openbite-shaps.lower-canine{margin-top:-21px;}
.openbite-shaps.lower-canine svg{fill:#f2f2f2;transform:rotate(180deg);}
#yellow.incisorDisplay.anterior .incisorDesc p:first-of-type{padding-bottom:0}
.Overbite-shaps svg {width: 100%;transform: rotate(180deg);fill: #ffbe0a;}
#dblue .texbox p {color: #fff;}
#dblue.full-content .flexbox{display: flex;justify-content: center; gap: 10px;flex-wrap:wrap;}
#dblue.full-content .flexbox img{width:100%;}
#dblue.incisorDisplay .incisorSild .owl-nav .owl-prev,
#dblue.incisorDisplay .incisorSild .owl-nav .owl-next {background-color: #30bcee !important;}
.page-id-1093 .Location-heading h3 {color: #fff;margin: 0;}
.page-id-1093 .Award-container.Award-container-loction58792{ padding-top: 120px;}
.page-id-1093 #Location-main h3{font-size: 2rem;}
.page-id-1093 .Patients-main-box .Patients-heading h3{font-size: 2rem;color:#fff;margin:0;}
.combination-treatment figure {display: flex; justify-content: center; padding: 20px 0;}
#dgray.full-content .flexbox,
#yellow.full-content .flexbox{display: flex;justify-content: center;gap: 15px;padding-top: 30px;flex-wrap:wrap;}
#dgray.full-content .flexbox img,
#yellow.full-content .flexbox img{width:100%;}
#yellow.full-content .texbox h3,
#yellow.full-content .texbox p{color:#fff;}
.laser-gingival .incisorDesc h3{color:#2c5f91}
.laser-gingival .incisorDesc p{color:#000;}
.canine-substitution .owl-dots {display: none;}