/*@import url(http://weloveiconfonts.com/api/?family=entypo);*/

h2,
h3 {
    margin: 10px 0 20px;
    border-bottom: 2px solid #ccc
}

.link a:hover,
.link1 a:hover {
    text-decoration: none!important
}

.email,
.plainRow {
    float: left
}

.box1,
.phone {
    box-shadow: 1px 1px 10px 1px #999
}

[class*=entypo-]:before {
    font-family: entypo, sans-serif
}

* {
    margin: 0;
    padding: 0
}

body {
    font-size: 14px;
    line-height: 26px;
    color: #244678;
    background-color: #fff;
    font-family: sans-serif, calibri, arial
}

    .bg-whatsapp {
    background-color: #24cc63;
    color: #fff;
	border-radius:4px;font-size:13px;max-width:100%; border:0;margin:5px;padding:0 26px;
}

.headerbg h1,
h2,
h3 {
    font-family: Verdana
}

.col-lg-3 {
    width: 22%
}

.col-lg-6 {
    width: 56%
}

h2 {
    font-size: 22px;
    color: #244678;
    line-height: 35px;
    font-weight: 600
}

h3 {
    font-size: 25px;
    color: #8e0606;
    line-height: 40px;
    font-weight: 600
}

h4,
h5 {
    font-size: 24px;
    font-weight: 600
}

h4 {
    padding: 8px 0;
    color: #1e4784
}

h5 {
    padding: 8px 0 8px 40px;
    color: #fff
}

a,
{
    outline: 0;
    color:#a50f0f;
}

input,
select,
textarea {
    padding: 5px;
    border: 1px solid #ccc;
    outline: 0;
    border-radius: 4px
}

.headerContent,
.wrapper {
    padding: 0 160px
}

.img-thumbnail {
    float: left;
    margin-right: 15px
}

.plainRow {
    width: 100%;
    clear: both
}

.headerContent {
    color: #fff
}

.noPadding {
    padding: 0!important
}

.noMargin {
    margin: 0!important
}

.leftPadding {
    padding-left: 0!important
}

.rightPadding {
    padding-right: 0!important
}

.errorMsg,
.infoMsg,
.successMsg {
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
    text-align: left
}

.leftMarging {
    margin-left: 0!important
}

.rightMarging {
    margin-right: 0!important
}

.noHeight {
    height: auto!important
}

.noBorder {
    border: none!important
}

.errorMsg {
    background-color: #f2dede;
    border: 1px solid #f1b5b5
}

.successMsg {
    background-color: #dff0d8;
    border: 1px solid #a7f288
}

.infoMsg {
    background-color: #faf5d2;
    border: 1px solid #ece5b2
}

.logobg {
    min-height: 140px;
    padding-bottom: 10px
}

.logowrap {
    padding: 10px 160px 0
}

.link a,
.link1 a {
    color: #fff;
    font-size: 16px;
    padding: 4px 6px;
    border-radius: 4px!important
}

.logo {
    background: url(../images/logo.png) no-repeat;
    width: 230px;
    height: 130px;
    display: block;
    margin-top: 15px
}

.link1{text-align: right; }

.link1 a{

color: #2a55a3;

text-align: center;

/*background-color: #2a55a3;*/

font-size: 10px;

padding: 4px 6px;

border-radius: 4px !important;

 margin: -3px; }

.link1 a:hover {

/*background-color: #27b8f1;*/

color: #27b8f1;

text-decoration: none !important;

}



.link {
    margin-top: 10px;
    text-align: right
}

.link a {
    text-align: center;
    background-color: #e49b15;
    margin: -3px
}

.link a:hover {
    background-color: #27b8f1;
    color: #fff
}

.email span a,
.phone span {
    padding: 5px 18px;
    background: #81224a;
    color: #fff;
    font-size: 16px;
    font-weight: 600
}

.email span a {
    border: 1px solid #fff;
    border-radius: 6px
}

.phone {
    float: right
}

.phone span {
    border: 1px solid #fff;
    border-radius: 6px
}

.headerbg h1,
.headerbg span {
    color: #244678;
    text-align: left
}

.headerbg {
    background: #f5fffe;
    min-height: auto;
    padding: 10px 160px;
    border-bottom: 1px solid #cad2d4;
    border-top: 1px solid #cad2d4
}

.headerbg .img1 {
    border: 1px solid #244678;
    border-radius: 50%
}

.headerbg h1 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 35px
}

.headerbg span {
    font-size: 18px;
    line-height: 30px
}

.tb-padding {
    padding: 15px 0
}

.top-padding {
    padding: 10px
}

.appointment-form {
    background-color: #f7f7f7;
    margin: 10px 0;
    border-radius: 6px
}

.appointment-form.style-one {
    margin-top: -25px
}

.appointment-form .form-title {
    border-radius: 0 0 33px 34px;
    color: #244678;
    font-size: 16px;
    margin-top: 0;
    padding: 10px 0;
    text-transform: uppercase;
    text-align: center;
    line-height: 26px;
}

.appointment-form .form-title i {
    font-size: 16px;
    margin-right: 20px;
    line-height: 16px;
}

.appointment-form form {
    padding: 0 20px
}

.appointment-form form .form-group {
    margin-bottom: 7px
}

.appointment-form form input {
    border: 1px solid #ccc;
    color: #555;
    font-size: 15px;
    height: 38px;
    margin-bottom: 8px;
    padding: 0 15px 2px;
    width: 100%
}

.appointment-form .form-group select {
    border: 1px solid #ccc;
    color: #3a3c41;
    font-weight: 500;
    margin-bottom: 15px;
    padding: 9px 12px;
    width: 100%;
    -moz-appearance: none
}

.appointment-form form textarea {
    border: 1px solid #ccc;
    color: #555;
    font-size: 15px;
    height: 100px;
    margin-bottom: 20px;
    padding: 0 15px 2px;
    width: 100%
}

.appointment-form form .btn {
    border-radius: 18px 18px 0 0;
    color: #fff;
    font-size: 15px;
    padding: 9px 0
}

.contact-section {
    position: relative
}

.contact-section .form-group {
    position: relative;
    margin-bottom: 20px
}

.contact-section .form-group-inner {
    position: relative;
    display: table;
    width: 100%;
    border: 1px solid #d0d0d0;
    overflow: hidden;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.contact-section .form-group .icon-box {
    position: relative;
    display: table-cell;
    vertical-align: middle
}

.contact-section .form-group .icon-box label {
    position: relative;
    display: inline-block;
    width: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #3d3d3d;
    margin: 0;
    background: #fff;
    border-right: 1px solid #d0d0d0
}

.contact-section .form-group label.error {
    display: none!important
}

.contact-section .form-group .field-outer {
    position: relative;
    display: table-cell;
    width: 100%;
    vertical-align: middle
}

.contact-section .form-group-inner input[type=email],
.contact-section .form-group-inner input[type=password],
.contact-section .form-group-inner input[type=tel],
.contact-section .form-group-inner input[type=text],
.contact-section .form-group-inner select {
    border: none;
    position: relative;
    display: block;
    width: 100%;
    line-height: 22px;
    padding: 9px 15px;
    color: #222;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.contact-section .form-group input[type=email].error,
.contact-section .form-group input[type=password].error,
.contact-section .form-group input[type=tel].error,
.contact-section .form-group input[type=text].error,
.contact-section .form-group select.error,
.contact-section .form-group textarea.error {
    background: rgba(255, 0, 0, .2)
}

.contact-section .form-group textarea {
    border: none;
    color: #222;
    display: block;
    height: 102px;
    line-height: 22px;
    padding: 8px 15px;
    position: relative;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    width: 100%
}

.contact-section button {
    background: 0 0;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    color: #989898;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    overflow: hidden;
    padding: 8px 30px;
    position: relative;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    width: 100%
}

.box1,
.callforaction_box {
    font-size: 18px;
    text-align: center;
    line-height: 35px
}

.contact-section button:hover {
    background: #1c1c1c;
    border: 1px solid #c9c9c9;
    color: #fff
}

.contact-section button:after {
    background-color: #1c1c1c;
    bottom: -6px;
    content: "";
    height: 20px;
    position: absolute;
    right: -12px;
    transform: rotate(-38deg);
    -webkit-transform: rotate(-38deg);
    width: 40px
}

form #success .alert button {
    border: none;
    color: #000;
    font-weight: 700;
    padding: 0;
    width: auto
}

form #success .alert button:hover {
    background-color: transparent;
    color: #000
}

form #success .alert button:after {
    display: none
}

.box1 p {
    color: #fff!important
}

.box1 {
    padding: 10px;
    margin-bottom: 20px;
    border: 2px solid #fff;
    border-radius: 10px;
    background: #d89b44;
    color: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif
}

.box1 a,
.callforaction_box a {
    font-weight: 500;
    /*border: 1px double #fff*/
}

.box1 a {
    padding: 5px;
    background: #2a6f88;
    color: #fff;
    border-radius: 4px
}

.box1 a:hover {
    color: #00fff0;
    text-decoration: none
}

.callforaction,
.callforaction_box {
    padding: 10px;
    box-shadow: 1px 1px 10px 1px #999;
    margin-bottom: 20px
}

.callforaction_box {
    border: 2px solid #fff;
    border-radius: 10px;
    background: #244678;
    color: #fff;
    font-family: Verdana
}

.callforaction_box a {
    padding: 5px;
   /* background: #b5004e;*/
    color: #FFF;
    border-radius: 4px
}

.callforaction_box a:link {
    color: #FFFF00;
    text-decoration: none
}

.callforaction_box a:hover {
    color: #00fff0;
    text-decoration: none
}

.callforaction_box span {
    padding: 5px;
    /*background: #b5004e;*/
    color: #fff;
    font-weight: 600;
    /*border: 1px double #fff;*/
    border-radius: 4px
}

.welcomeSection p,
.welcomeSection p strong {
    /*color: #244678;*/
    font-size: 15px
}

div.plainRow.noPadding.headerImage {
    padding-top: 0
}

div.col-lg-4.col-md-4.col-sm-4.noPadding,
div.col-lg-8.col-md-8.col-sm-8.noPadding {
    margin-top: 20px
}

.headerImage {
    width: 100%;
    min-height: auto;
    background: #e7e7e7;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.welcomeSection {
    padding: 10px 0 0
}

.welcomeSection p {
    text-align: justify;
    line-height: 26px
}

.welcomeSection li {
    list-style: none;
    background: url(../images/bullet.png) 0 6px no-repeat rgba(0, 0, 0, 0);
    margin-bottom: 5px;
    padding: 2px 0 5px 22px;
    text-align: justify;
    font-size: 15px
}

.welcomeSection ul li a {
    color: #2a55a3;
    text-align: justify;
    padding: 0 2px 0 0
}

.welcomeSection ul li a:hover {
    color: #444137;
    padding: 0 2px 0 0
}

.operational {
    background: url(../images/img1.jpg) no-repeat;
    width: 100%;
    height: 307px;
    margin: 0 auto
}

.operationalImage {
    width: 30%;
    text-align: center;
    display: inline-block
}

.operationalCon {
    width: 66%;
    padding: 30px 30px 20px 0;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    text-align: justify;
    display: block;
    float: right
}

.address,
.video h2 {
    display: inline-block
}

.awards {
    background: url(../images/img2.jpg) no-repeat;
    width: 100%;
    height: 270px;
    margin: 0 auto;
    text-align: center
}

.awards h2 {
    font-size: 25px;
    text-align: left;
    color: #0a254d;
    font-weight: 600;
    padding: 0 0 0 25px
}

.awards img {
    margin-right: 90px
}

.awards .img1 {
    margin-right: 0
}

.testimonial {
    background: #c9dfff;
    margin-top: 30px;
    width: 100%;
    height: 100%
}

.beforeafter h2,
.video h2 {
    background: #173d6b;
    padding: 10px;
    color: #fff;
    font-size: 20px
}

.beforeafter,
.video {
    margin-top: -20px;
    font-weight: 600
}

.video {
    float: left;
    width: 70%
}

.beforeafter {
    float: right;
    width: 30%
}

.video h2 {
    width: 100%
}

.video img {
    margin-left: 20px;
    margin-bottom: 30px
}

.beforeafter h2 {
    width: 100%
}

.style{background-color: #fff;
    width: 95%;
    margin: 15px auto;
    height: auto;
    padding: 2px;
    border: 1px solid #244678;
    overflow: auto;
    border-bottom-left-radius: 28px;
    border-top-right-radius: 28px;
    -webkit-box-shadow: 10px 10px 5px 2px rgba(108,108,117,1);
    -moz-box-shadow: 10px 10px 5px 2px rgba(108,108,117,1);
    box-shadow: 4px 10px 11px -4px rgba(108,108,117,1);}
	
.style img{border:1px solid #244678;}

.style p{color:#5f88c5 !important;}
	
.h4{background-color: #244678;
    border-bottom: 0;
    margin: 0;
    padding: 6px;
    line-height: 28px;
    height: auto;
    font-weight: 600;
    border-top-right-radius: inherit;color:white;text-align: center;font-size: 18px;}

.style1,
p {
    color: #244678;
    font-size: 15px
}

p {
    text-align: justify
}

.style2 {
    margin: -20px 0 0 20px;
    color: #115c36
}

.style3 {
    font-weight: 600;
    text-decoration: underline;
    color: #008282
}

.address,
.address a {
    color: #fff;
    font-size: 18px
}

.footerFluid {
    padding: 0;
    margin-top: 1px
}

.footerBG {
    background: #244678;
    height: 200px;
    margin: 10px 0 0;
    padding: 0 160px
}

.contactBG {
    background: #cdd9d5;
    border-radius: 4px;
    -moz-box-shadow: inset 0 0 30px #35705a;
    -webkit-box-shadow: inset 0 0 30px #35705a;
    box-shadow: inset 0 0 30px #35705a;
    margin-bottom: 20px;
    padding: 0 50px
}

.address {
    width: 100%;
    float: left;
    padding: 20px
}

.address a:hover {
    color: #FF0;
    font-size: 18px
}

.address h3 {
    color: #fff;
    font-size: 22px;
    padding-bottom: 10px;
    padding-left: 0;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px
}

.contactForm {
    width: 70%;
    display: block;
    float: right;
    color: #920714;
    padding-left: 10px
}

.contactForm h3 {
    color: #fff;
    font-size: 20px;
    background: #366e61;
    padding-left: 10px;
    line-height: 40px;
    border-radius: 4px
}

.contactForm span {
    color: red
}

.contactForm label {
    width: 55%;
    vertical-align: top;
    font-weight: 400;
    color: #115c36
}

.contactForm input {
    width: 40%;
    margin-bottom: 5px;
    font-size: 13px;
    color: #06C
}

.contactForm textarea {
    width: 40%;
    height: 60px;
    font-size: 13px;
    color: #06C
}

input[type=button],
input[type=reset],
input[type=submit] {
    background: #244678;
    color: #fff;
    padding: 2px 15px;
    width: 10%;
    height: 35px;
    margin-bottom: 20px;
    font-weight: 700
}

.contactForm p a {
    color: red
}

.btn-info {
    float: right;
    margin-right: 30px;
    margin-top: -70px;
    color: #fff;
    background-color: #2a55b6;
    border-color: #2a55b6
}

@media (min-width:1200px) {
    .plainRow {
        width: 100%
    }
    .wrapper {
        padding: 0 160px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .wrapper {
        padding: 0 90px
    }
    .phone {
        box-shadow: 1px 1px 10px 1px #999;
        float: right
    }
    */.headerImage {
        width: 100%;
        min-height: 349px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }
    .headerContent {
        padding: 0 80px
    }
    .operationalCon {
        width: 63%;
        font-size: 15px;
        padding: 30px 18px 20px 0
    }
    .headerContent h1 {
        width: 85%;
        font-size: 20px
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .wrapper {
        padding: 0 10px
    }
    .col-sm-12 {
        width: auto
    }
    .phone {
        box-shadow: 1px 1px 10px 1px #999;
        margin-top: 0;
        text-align: right
    }
    .headerImage {
        width: 100%;
        min-height: 310px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        border: 1px solid #fff
    }
    .logowrap {
        padding: 10px 100px 0
    }
    .headerContent {
        padding: 0 22px
    }
    .headerContent h1 {
        width: 100%;
        font-size: 20px;
        line-height: 50px
    }
    .headerContent h2 {
        width: 70%;
        font-size: 26px;
        line-height: 30px
    }
    .operationalCon {
        width: 60%;
        padding: 15px 15px 20px 0;
        font-size: 15px;
        line-height: 23px
    }
    h5 {
        font-size: 20px
    }
    .awards img {
        width: 30%;
        height: 60%;
        margin-right: 0
    }
    .testimonial {
        text-align: center;
        padding-bottom: 20px
    }
    .video {
        float: none;
        width: 100%;
        height: none
    }
    .video h2 {
        display: block
    }
    .video img {
        margin-left: 0
    }
    .beforeafter {
        width: 100%;
        padding-bottom: 20px
    }
    .headerbg img {
        max-width: 100%;
    }
}

@media (max-width:767px) {
    .headerbg img,
    .headerbg1 img,
    .navbar-brand {
        margin: 0 auto
    }
    .beforeafter,
    .email,
    .phone {
        float: none
    }
    .wrapper {
        padding: 0 10px
    }
    .navbar-brand {
        float: none
    }
    .link {
        text-align: right
    }
    .address,
    .headerContent,
    .headerContent h1,
    .link1,
    .phone,
    .testimonial,
    h3 {
        text-align: center
    }
    .logowrap {
        padding: 10px 30px 0
    }
    .col-lg-3,
    .col-lg-6,
    .col-sm-12 {
        width: 100%
    }
    .headerImage {
        width: 100%;
        min-height: 250px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }
    .headerContent {
        padding: 0 20px 10px
    }
    .phone {
        box-shadow: none
    }
    .headerContent h1 {
        font-size: 20px;
        line-height: normal
    }
    .headerContent span {
        font-size: 20px;
        line-height: 24px;
        text-align: center
    }
    h3 {
        line-height: 46px
    }
    .operationalCon {
        width: 51%;
        padding: 8px 15px 0 0;
        font-size: 15px;
        line-height: 19px
    }
    h5 {
        font-size: 20px;
        padding: 8px 0 8px 100px
    }
    .testimonial {
        padding-bottom: 20px
    }
    .beforeafter {
        width: 100%;
        padding-bottom: 20px
    }
    .address {
        width: 100%
    }
    .footerBG {
        padding: 0 60px;
    }
	
	img.centered {
    display: block;
    margin: 0 auto;
	margin-left:0!important;;
	text-align:center;
}
	
strong{/*display:block;*/text-align:center;margin-left:0!important;}

}

@media screen and (max-width:640px) {
    .headerContent,
    .link,
    .phone {
        text-align: center
    }
    .wrapper {
        padding: 0 10px
    }
    .logo {
        float: none;
        margin: 0 auto
    }
    .logowrap {
        padding: 10px 30px 0
    }
    .col-sm-12 {
        width: auto;
        margin: 0 auto
    }
    .phone {
        box-shadow: none;
        float: none
    }
    .headerImage {
        width: 100%;
        min-height: 200px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }
    .headerContent {
        padding: 0 20px 10px
    }
    .operationalImage img {
        width: 30%;
        height: 20%;
        float: left;
        display: block
    }
    h5 {
        font-size: 28px;
        padding: 0;
        margin-top: 20px
    }
    .video img {
        width: 98%;
        height: 70%
    }
    .operationalCon {
        padding: 0 10px;
        width: 100%;
        line-height: 18px;
        font-size: 14px
    }
    .video {
        float: none;
        width: 100%;
        height: none
    }
}

@media (min-width:768px) and (max-width:870px) {
    .email span a,
    .phone span {
        font-size: 15px;
    }
}

@media screen and (max-width:480px) {
    .callforaction_box span {
        padding: 3px 10px;
        display: inline-block
    }
    .headerContent span {
        font-size: 13px;
        line-height: 24px;
        text-align: center;
    }
    .address,
    .address a {
        color: #fff;
        font-size: 14px;
    }
    .callforaction_box a,
    .callforaction_box span,
    .email span a {
        font-size: 12px;
        font-weight: 600
    }
    html {
        -webkit-text-size-adjust: none
    }
    .wrapper {
        width: 100%
    }
    .headerbg img {
        text-align: center
    }
    .logowrap {
        padding: 10px 30px 0
    }
    .col-sm-12 {
        width: auto;
        margin: 0 auto
    }
    .headerImage {
        width: 100%;
        min-height: 200px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }
    .headerContent {
        padding: 0 10px
    }
    .headerContent {
        margin: 10px;
    }
    .welcomeSection {
        padding: 10px 0 0
    }
    .email span,
    .email span a {
        padding: 5px 22px
    }
    .callforaction_box span {
        padding: 5px;
        word-wrap: break-word
    }
    .footerBG {
        padding: 0;height: 225px;
    }
    .address {
        width: 100%;padding:0;
    }
	.g-recaptcha {
    transform:scale(0.77);
    transform-origin:0 0;
}
.box1, .callforaction_box{
	font-size:15px;
	line-height: 25px;
}
h2 {font-size:17px; line-height:28px;}
.style1, p{font-size:13px;}
.welcomeSection li{font-size:13px;}
.address h3{font-size:18px;}

}

@media screen and (max-width:320px) {
    #footer-content,
    .container,
    .inner-page #container,
    .welcome {
        width: 90%
    }
}

.arabic-sty p {
    direction: rtl;
}

.arabic-sty h2 {
    direction: rtl;
}

.welcomeSection.arabic-sty li {
    background: none;
    direction: rtl;
    list-style: disc url(../images/rev-bullet.png);
}

.uvideo-image {
    margin-top: 10px;
    width: 100%;
}

.magt10 {
    margin-top: 10px;
}

.mag-btm-10 {
    margin-bottom: 10px;
    display: -webkit-inline-box;
}

.ar-right {
    text-align: right;
    direction: rtl;
    margin-right: 0px;
}

.welcomeSection.ar-right li {
    list-style: disc url(../images/rev-bullet.png);
    background: unset;
}
.toemail a, a:focus, a:hover {
    outline: 0;
    color: #f44336;
}
.toemail a, a:focus, a:hover {
    outline: 0;
    color: #f44336;
}