body {

    margin: 0px;

    padding: 0px;

    font-family: Calibri_Regular, Arial, Helvetica, sans-serif;

}



img {

    border: none;

    margin: 0px;

    padding: 0px;

    float: left;

}



a {

    outline: none;

}



@font-face {

    font-family: Calibri_Regular;

    src: url('../Fonts/Calibri_Regular.TTF');

}



@font-face {

    font-family: Calibri_Bold;

    src: url('../Fonts/Calibri_Bold.TTF');

}



.clear20 {

    clear: both;

    height: 20px;

}



.clear10 {

    clear: both;

    height: 10px;

}



.clear30 {

    clear: both;

    height: 30px;

}



.Enquiry-Box1 {

    width: 100%;

    height: auto;

    float: left;

}



.Send-message-form1 {

    height: auto;

    width: 100%;

    float: left;

    margin-top: 5px;

}



.Send-message-textBox1 {

    background-color: #F5F5F5;

    border: 1px solid #d7d7d7;

    color: #333333;

    float: left;

    font-family: Arial_Regular, Arial, sans-serif, Verdana;

    font-size: 14px;

    height: 30px;

    margin-bottom: 10px;

    padding-left: 2%;

    width: 98%;

    border-radius: 3px;

}



    .Send-message-textBox1:focus {

        border-color: #f68121;

    }



.Send-message-message1 {

    background-color: #F5F5F5;

    border: 1px solid #d7d7d7;

    color: #333333;

    float: left;

    font-family: Arial_Regular, Arial, sans-serif, Verdana;

    font-size: 14px;

    height: 70px;

    margin-bottom: 10px;

    padding: 2%;

    width: 96%;

    border-radius: 3px;

}



    .Send-message-message1:focus {

        border-color: #f68121;

    }





.SendButton1 {

    width: 100px;

    height: auto;

    float: left;

    background-color: #f68121;

    border-radius: 3px;

    transition: all 0.5s ease 0s;

    border: none;

}



.SendButton1 {

    color: #fff;

    display: block;

    font-family: Arial_Regular, sans-serif, Verdana;

    font-size: 16px;

    font-weight: bold;

    padding: 8px 0px;

    text-align: center;

    text-decoration: none;

    transition: all 0.5s ease 0s;

    border-radius: 3px;

}



    .SendButton1:hover {

        background-color: #202020;

        text-decoration: none;

        transition: all 0.5s ease 0s;

        border-radius: 3px;

        cursor: pointer;

    }



.clear {

    clear: both;

}



h1 {

    font-family: Calibri_Bold, Arial, Helvetica, sans-serif;

    font-size: 64px;

    color: #ff9933;

    line-height: 45px;

    margin: 0px;

    padding: 0px;

    text-align: left;

    width: 100%;

    font-weight: normal;

}



    h1 span {

        color: #000000;

        font-size: 40px;

        line-height: 24px;

    }



h2 {

    font-family: Calibri_Bold, Arial, Helvetica, sans-serif;

    font-size: 36px;

    color: #000000;

    line-height: 40px;

    margin: 0px;

    padding: 0px;

    text-align: left;

    width: 100%;

    margin-bottom: 0px;

    border-bottom: 1px solid #cccccc;

    padding-bottom: 5px;

}





p {

    font-family: Calibri_Regular, Arial, Helvetica, sans-serif;

    font-size: 16px;

    font-weight: normal;

    color: #666666;

    margin: 0px;

    padding: 0px;

    line-height: 20px;

    text-align: justify;

}



.HeaderTop {

    width: 100%;

    height: auto;

    float: left;

    box-shadow: 0px 0px 15px #333333;

    position: relative;

    z-index: 999;

}



.HeaderTopWrapper {

    width: 80%;

    height: auto;

    float: none;

    margin: 0 auto;

}



.Logo {

    width: 30%;

    height: auto;

    float: left;

    padding: 5px 0px;

    min-width: 200px;

}



    .Logo img {

        max-width: 100%;
        max-height:72px;

    }



.menu {

    width: 68%;

    height: auto;

    float: right;

}



    .menu ul {

        margin: 0;

        padding: 0;

        float: right;

    }



        .menu ul li {

            float: left;

            list-style: none outside none;

            width: auto;

            margin-right: 2px;

        }



            .menu ul li a {

                color: #000;

                display: block;

                font-family: Calibri_Bold, Arial, Helvetica, sans-serif;

                font-size: 14px;

                font-weight: normal;

                list-style: none outside none;

                text-decoration: none;

                text-transform: uppercase;

            }



            .menu ul li a {

                padding-bottom: 20px;

                padding-top: 45px;

                padding-left: 20px;

                padding-right: 20px;

            }



                .menu ul li a:hover {

                    background-color: #f68121;

                    box-shadow: 0px 0px 0px 3px #ffffff;

                    color: white;

                }



.Banner {

    width: 100%;

    float: left;

}



    .Banner img {

        width: 100%;

    }





.InnerBanner {

    width: 100%;

    float: left;

    background: url(../images/Innar_banner_bg.jpg) no-repeat #ff9933;

    padding: 85px 0px;

    background-size: 100% 100%;

}





    .InnerBanner h1 {

        font-size: 50px;

        color: #ffffff;

    }



.PageWrapper {

    width: 80%;

    margin: 0 auto;

    clear: both;

    height: auto;

    padding: 40px 0px;

}



.ContentWrapper {

    width: 80%;

    margin: 0 auto;

    clear: both;

    height: auto;

}



.LeftText {

    width: 55%;

    height: auto;

    float: left;

}



    .LeftText ul li {

        font-family: Calibri_Regular, Arial, Helvetica, sans-serif;

        font-size: 16px;

        color: #666666;

        padding: 0px;

        margin: 0px;

    }



.RightImg {

    width: 40%;

    height: auto;

    float: right;

}



    .RightImg img {

        width: 100%;

    }



.Contact_left {

    width: 35%;

    height: auto;

    float: left;

}



.Contact_right {

    width: 60%;

    height: auto;

    float: right;

}





.btnReadMore {

    width: 120px;

    height: auto;

    float: left;

}



    .btnReadMore a {

        font-family: Calibri_Bold, Arial, Helvetica, sans-serif;

        color: #000000;

        font-size: 16px;

        text-decoration: none;

        padding: 8px 15px;

        text-align: center;

        border: 2px solid #000000;

    }



        .btnReadMore a:hover {

            color: #ff9933;

            border-color: #ff9933;

        }



.OrangeBg {

    background-color: #F68121;

    width: 100%;

    height: auto;

    padding: 20px 0px;

}



.ServicesLeft {

    width: 20%;

    height: auto;

    float: left;

    margin: 2%;

}



.ServicesLeftImg {

    width: 100%;

    height: auto;

    float: left;

}



    .ServicesLeftImg img {

        width: 100%;

        height: auto;

        float: left;

        border-radius: 50%;

        border: 3px solid #ffffff;

    }



.ServicesLeft:hover h1 {

    color: #000000;

    opacity: 0.3;

}



    .ServicesLeft:hover h1 span {

        color: #000000;

    }



.ServicesLeftName {

    width: 100%;

    height: auto;

    float: left;

    margin-top: 20px;

}



    .ServicesLeftName h1 {

        color: #ffffff;

        font-size: 48px;

        text-align: center;

        line-height: 28px;

    }



        .ServicesLeftName h1 span {

            font-size: 24px;

            color: #ffffff;

        }



/*.ClientLogoBottom {

    float: left;

    width: 18%;

    height: auto;

    margin: 1%;

}



    .ClientLogoBottom img {

        width: 100%;

    }*/



.Footer {

    background-color: #000000;

    width: 100%;

    height: auto;

    padding: 10px 0px;

}



    .Footer p {

        text-align: center;

        color: #999999;

    }

    .Footer a {

        text-align: center;

        color: #999999;

        text-decoration:none;

    }

        .Footer a:hover{

 

        color: #F68121;

        text-decoration:underline;

    }



.City {

    width: 175px;

    height: auto;

    float: left;

}



    .City ul {

        margin: 0px;

        padding: 0px;

    }



        .City ul li {

            margin-left: 15px;

            padding: 0px;

            color: #666666;

        }



.ClientLogo {

    width: 28%;

    height: auto;

    border: 1px solid #d7d7d7;

    float: left;

    margin: 2%;

}



    .ClientLogo img {

        width: 100%;

    }







@media screen and (max-width: 1400px) /* Tablet */ {

    .HeaderTopWrapper {

        width: 90%;

    }



    .ContentWrapper {

        width: 90%;

    }



    .PageWrapper {

        width: 90%;

    }

}



@media screen and (max-width: 1120px) /* Tablet */ {

    .menu ul li a {

        padding-top: 35px;

        padding-bottom: 15px;

    }

}



@media screen and (max-width: 979px) /* Tablet */ {

    body {

        /*background: blue;*/

    }





    .menu ul li a {

        font-size: 12px;

    }



    .ServicesLeftName h1 {

        font-size: 38px;

    }



        .ServicesLeftName h1 span {

            font-size: 18px;

            color: #ffffff;

        }

}



@media screen and (max-width: 833px) /* Mobile */ {



    .LeftText {

        width: 100%;

    }



    .RightImg {

        width: 100%;

        max-width: 400px;

        margin-top: 20px;

        float: left;

    }



        .RightImg img {

            width: 100%;

        }



    .ServicesLeft {

        width: 30%;

        margin: 1% 10%;

        max-width: 250px;

    }



    .Contact_left {

        width: 100%;

    }



    .Contact_right {

        width: 100%;

        margin-top:20px;

    }

}



@media screen and (max-width: 500px) /* Mobile */ {



    .ServicesLeft {

        width: 100%;

        max-width: 200px;

        margin: 0 auto;

        float: none;

    }



    .ServicesLeftName {

        margin-bottom: 40px;

    }





    .ClientLogo {

        width: 40%;

    }



    .InnerBanner {

        padding: 45px 0px;

    }



        .InnerBanner h1 {

            font-size: 34px;

        }



    h2 {

        font-size: 28px;

        line-height: 30px;

    }

    

    h1 {

        font-size: 50px;

        line-height:30px;

       

    }

     h1 span{

        font-size: 28px;

        line-height:16px;

    }

}

.contact a{color:#666; text-decoration:none }
.contact a:hover{color:#f68121; text-decoration:none }