/*

-------------------------------------------------------
Author:				Puneet Sakhuja
Created:			14/04/2007
Modified:			26/09/2008
Version:			CSS 2.0
Browsers Tested:	Firefox 2.0, 3.0, IE 6.0, 7.0, Safari
-------------------------------------------------------

*/

* {
    margin: 0;
    padding: 0;
    outline: 0;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
    background: url(../images/bg.jpg) #000 no-repeat;
}

.top {
    float: right;
    margin-right: 45px;
    margin-top: 20px;
}

p {

    line-height: 19px;
    font-family: Arial, Helvetica, sans-serif;
    color: #555;
    margin: 0 0 20px 0;
}

a {
    outline: none;
}

p a {
    color: #B35306;
    text-decoration: none;
}

p a:hover {
    text-decoration: underline;
}

h1 {
   color: #B35306;
    font-size: 23px;
    line-height: 1.2;
    margin: 0 0 20px;
    letter-spacing: -0.03em;
}

h2 {
    font-size: 18px;
    text-transform: uppercase;
    color: #000;
}


@font-face {
    font-family: 'Indie Flower';
    src: url('../fonts/IndieFlower.eot');
    src: url('../fonts/IndieFlower.eot?#iefix') format('embedded-opentype'),
    url('../fonts/IndieFlower.woff2') format('woff2'),
    url('../fonts/IndieFlower.woff') format('woff'),
    url('../fonts/IndieFlower.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

img {
    border: 0;
}

.clear {
    clear: both;
    margin: 0px;
    padding: 0px;
}

.hiddenPic {
    display: none;
}

input, textarea {
    font: 12px/15px Arial, Helvetica, sans-serif;
    border: 0px;
}

img, form, input {
    border: 0px;
    margin: 0px;
    padding: 0px;
    outline: none;
}

.home_content_wrapper {
    width: 100%;
    margin: 0px;
    padding: 0px;
    float: left;
}

.home_content_wrapper p {
    font-size: 15px;
    line-height: 23px;
}

.home_content_wrapper h2 {
    margin: 20px 0 20px 0;
}

.home_content_wrapper .container_left_content {
    width: 65%;
    float: left;
    margin: 0 0 0 0px;
    padding: 0 30px 0 40px;
    text-align: left;
    box-sizing: border-box;
}

.over_div_container {
    position: absolute !important;
    width: 100% !important;
    left: 0px !important;
    right: 0px !important;
    top: 0px !important;
    bottom: 0px !important;
    height: 100% !important;
    border: solid #f00 1px !important;
    z-index: 9999 !important;
}

.over_div_container {
    position: absolute !important;
    width: 100% !important;
    left: 0px !important;
    right: 0px !important;
    top: 0px !important;
    bottom: 0px !important;
    height: 100% !important;
    border: solid #f00 1px !important;
    z-index: 9999 !important;
}

.home_content_wrapper .container_right_content {
    width: auto;
    float: right;
    margin: 0px;
    padding: 48px 38px 0 0px;
    box-sizing: border-box;
}

.home_content_wrapper .container_right_content ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.home_content_wrapper .container_right_content a {
    text-decoration: none;
    color: #B35306 !important;
}

.home_content_wrapper .container_right_content a:hover {
    text-decoration: none;
    color: #000 !important;
}

.home_content_wrapper .container_right_content ul li.heading {
    /*background: url(../images/bullet-star.gif) no-repeat left 5px;*/
    padding-left: 0px;
    margin: 20px 0 7px 0;
    font-size: 17px;
    color: #333;
    font-weight: bold;
}

.rightlink .fa {
    margin-right: 5px !important;
    color: #000 !important;
}

img, div {

}

i.fa.fa-envelope {
    font-weight: 300;
}

i.fas.fa-mobile-alt {
    color: #000;
}

.rightlink a {
    margin-left: 10px;
}

/*

--------------------IDs-------------------------

*/

.mailer {
    position: absolute;
    top: 55px;
    left: 650px;
    width: 269px;
    height: 50px;
    background: url(../images/email.png) top left;
    display: block;
}

.mailer a {
    width: 269px;
    height: 50px;
    text-indent: -9999px;
    display: block;
    outline: 0;
}

.mailer a:hover {
    background: url(../images/email.png) top right;
}

.backHome {
    position: absolute;
    top: 45px;
    left: 330px;
    width: 94px;
    height: 54px;
    background: url(../images/btn-back.gif) top left;
    text-indent: -9999px;
    display: block;
}

.backHome a {
    width: 94px;
    height: 54px;
    text-indent: -9999px;
    display: block;
    outline: 0;
}

.backHome a:hover {
    background: url(../images/btn-back.gif) top right;
}

#siteWrapper {
    width: 100%;
}

#mainWrapper {
    width: 950px;
    background: #fff;
}

#titleWrapper {
    height: 116px;
    background: url(../images/bg-phone.jpg);
    width: 950px;
    position: relative;
}

#mastHead {
    /*background: url(../images/bg-masthead.jpg) no-repeat;*/
    background-image: url(../images/bg-masthead.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left;
    width: 950px;
    height: 239px;
}

#mainNavMob{
    display: none;
}

#mainNav {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    height: 39px;
    background: #000;
    width: 100%;
    padding: 0px 0px 0px 0px;
    float: left;
    text-align: center;
    box-sizing: border-box;
}

#mainNav li {
    float: left;
    height: 39px;
    list-style-type: none;
    margin: 0;
    width: calc(100% / 6);
}

#mainNav li a {
    text-decoration: none;
    color: #fff;
    display: block;
    float: left;
    height: auto;
    padding: 10px 5px 10px 5px;
    margin: 0px 0px 0 0px;
    width: 100%;
    box-sizing: border-box;
}

#mainNav li a:hover {
    background-color: #772D2E;
    color: #fff;
}

#mainNav li a.standOut {
    color: #FFA13D;
}

#mainContentWrapper {
    clear: both;
    width: 950px;
}

#leftContentWrapper {
    display: inline;
    width: 660px;
    padding-left: 20px;
    float: left;
}

#leftContentWrapper h2 {
    margin: 20px 0 20px 0;
}

#leftContentWrapper p {
    margin-right: 35px;
    font-size: 17px;
    line-height: 23px;
}

#podWrapper {
    margin: -287px 25px 0 0;
    display: inline;
    padding: 0;
    width: 265px;
    float: right;
    background: url(../images/bg-right-pod.gif) no-repeat top 5px;
}

#podWrapper p, #podWrapper ul li p a {
    font-size: 12px;
}

#podWrapper ul {
    list-style-type: none;
    margin: 0 0 0 28px;
}

#podWrapper ul li.heading {
    background: url(../images/bullet-star.gif) no-repeat left 5px;
    padding-left: 15px;
    margin: 20px 0 7px 0;
    font-size: 17px;
    color: #333;
    font-weight: bold;
}

#podWrapper ul li.item {
    padding-left: 15px;
    font-family: arial;
    font-size: 13px;
    text-decoration: none;
}

#podWrapper ul li.item a {
    color: #B35306;
    text-decoration: none;
}

#podWrapper ul li.item a:hover {
    text-decoration: underline;
}

#podWrapper ul li {
    padding-left: 18px;
    font-size: 12px;
    text-decoration: none;
    margin: 10px auto;
}

#podWrapper ul li a {

    color: #B35306;
    font-size: 17px;
    line-height: 21px;
    text-decoration: none;
}

#podWrapper ul li a:hover {
    text-decoration: underline;
}

#podWrapper ul li ul li img a {
    margin-right: 5px;
}

#podWrapper ul li.item a {
    border: none;
}

/*-----------------Classes--------------------*/

p.clearFloat {
    clear: both;
    display: block;
}

.left {
    clear: both;
}

#servicesItems {
    margin: 0 35px 50px 0;
    list-style-type: none;
}

#servicesItems li {

    background: url(../images/bullet-star.gif) no-repeat left center;
    border-bottom: solid 1px #999;
    line-height: 35px;
    padding-left: 20px;
    font-size: 17px;
}

.portfolioContainer {
    margin-bottom: 25px;
}

.portfolioContainer ul {
    list-style: none;
    display: inline;
    margin: 30px 30px 0 0;
}

.portfolioContainer li {
    float: left;
    display: block;
    padding: 0 0 10px 0;
}

.portfolioContainer li a {
    display: block;
    width: 450px;
    border: solid 10px #E6E4E4;
    padding: 5px;
}

.portfolioContainer li a:hover {
    border: solid 10px #EFEFEF;
}

.download {
    width: 500px;
    font-size: 18px;
    color: #333;
}

.download a {
    color: #B35306;
    text-decoration: none;
}

.download a:hover {
    border-bottom: 0;
}

#animation {
    text-align: center;
}

.methodologyContainer {
    height: 580px;
    background-color: #1C1C1C;
    box-sizing: border-box;
    padding: 20px 40px;
}

.methodologyContainer p {
    font-size: 17px;
}

#servicesContainer {
    padding: 20px 40px 10px 40px;
}

#servicesContainer p {
    padding-right: 20px;
    font-size: 15px;
    line-height: 25px;
}

#servicesContainer ul li {
    width: 880px;
}

.methodologyContainer p {
    color: #666;
    padding-right: 30px;
    line-height: 19px;
}

.footerLinksContainer {
    padding: 0 40px;
}

.footerLinksContainer h2 {
    margin: 0 0 10px 0;
}

.footerLinksContainer ul {
    float: left;
    width: 285px;
    margin: 0 15px 0 0;
    list-style: none;
}

.footerLinksContainer ul.alternateList {
    width: 285px;
}

.footerLinksContainer ul li.heading {
    font-size: 16px;
    padding: 5px 0 5px 0;
    margin-bottom: 10px;
    color: #333;
    font-weight: bold;
}

.footerLinksContainer ul li.item {
    border-bottom: solid 1px #dcdcdc;
}

.footerLinksContainer ul li a {
    color: #666;
    text-decoration: none;
    display: block;
    padding: 5px 0 5px 0;
    font-size: 15px;
}

.footerLinksContainer ul li a:hover {
    color: #fff;
    display: block;
    background: #333;
    padding: 5px 0 5px 10px;
}

#copyright {
    width: 735px;
    font-size: 15px;
    color: #9F9F9F;
    margin-left: 20px;
    padding: 25px 40px 0;
}

#copyright a {
    color: #B35306;
    text-decoration: none;
}

#copyright a:hover {
    text-decoration: underline;
}

#commentsContainer {
    margin: -40px 0 0 0;
    clear: both;
    padding-left: 20px;
    background: #1C1C1C;
}
.no_click{
    pointer-events: none;
}
.commentsBox {
    color: #999;
    /*background: url(../images/bg-quote.jpg) right bottom no-repeat;*/
    width: 850px;
    line-height: 21px;
    padding: 20px 30px 40px 20px;
    border-bottom: 1px solid #333;
    font-size: 15px;
    margin: 0 0 50px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.leftmarbg {
    margin: 0 0 0 20px;
}

.leftmarbg2 {
    margin: 30px 0 0 20px;
}

.commentsBox:hover {
    border-bottom: 1px solid #666;
}

.commentsBox a {
   /* border-bottom: 10px solid #666;*/
    color: #B35306;
    text-decoration: none;
}

.commentsBox strong {
    color: #fff;
}

h2.white {
    text-decoration: none;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 25px;
}

h2.white strong {

    color: #555;

}

/*

--------------------Form Style modify on 05/13/10----------------------

*/

#contactFormContainer {
    height: 500px;
    padding: 20px;
    color: #fff;
}

.contact_details {
    width: 360px;
    float: left;
}

.contact_details .phone {
    width: 222px;
    height: 45px;
    float: left;
    margin: 0px 0px 10px 0px;
    display: block;
}

.contact_details .my_email {
    background: url(../images/email_add.png) top no-repeat;
    width: 357px;
    height: 35px;
    float: left;
    cursor: pointer;
    margin: 14px 0px 10px 172px;

}

.contact_details .my_email:hover {
    background-position: bottom;
}

.contact_details .media_icons {
    float: left;
    position: relative;
    top: 108px;
}

.contact_details .media_icons a.facebook {
    width: 60px;
    height: 60px;
    float: left;
    display: block;
    margin: 5px 10px 0px 150px;
}

.contact_details .media_icons a.linkedin {
    width: 60px;
    height: 60px;
    float: left;
    display: block;
    margin: 5px 10px 0px 0px;
}

.form {
    float: left;
    width: 386px;
    padding: 20px 0px 0px 0px;
}

ul.contactForm {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul.contactForm li {
    margin: 0px 0px 20px 0px;
    float: left;
    color: #fff;
}

ul.contactForm li label {
    margin: 0px;
    padding: 0px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    float: left;
}

ul.contactForm li input {
    border: 0px;
    color: #fff;
    font-size: 14px;
}

ul.contactForm li input.name {
    float: left;
    padding: 5px 0px 9px 0px;
    width: 303px;
    margin: 0px 0px 0px 8px;
    display: inline;
    background: url(../images/input_name.png) bottom no-repeat;

}

ul.contactForm li input.email {
    float: left;
    padding: 0px 0px 9px 0px;
    width: 286px;
    margin: 0px 0px 0px 9px;
    display: inline;
    background: url(../images/input_email.png) bottom no-repeat;

}

ul.contactForm li input.contactno {
    float: left;
    padding: 0px 0px 9px 0px;
    width: 235px;
    margin: 0px 0px 0px 12px;
    display: inline;
    background: url(../images/input_contactno.png) bottom no-repeat;

}

ul.contactForm li textarea.message {
    float: left;
    border: 0px;
    width: 240px;
    height: 100px;
    padding: 10px 10px 10px 14px;
    margin: 10px 0px 0px 28px;
    display: inline;
    background: url(../images/text_message.png) no-repeat;

    color: #fff;
    font-size: 14px;
}

.buttonSubmit {
    width: 227px;
    height: 55px;
    background: url(../images/btn_submit.png) no-repeat;
    text-indent: -9999px;
    display: block;
    cursor: pointer;
    border: 0px;
    margin: 0px 0px 0px 100px;
    outline: none;
    float: left;
}

/*

--------------------footer Style----------------------

*/

.footer-web2 {
    width: 800px;
    height: 380px;
    background: url(../images/bg-footer.jpg);
    text-indent: -9999px;
}

.footer-web2 a {
    width: 950px;
    height: 380px;
    display: block;
    background: url(../images/bg-footer.jpg);
    text-indent: -9999px;
}

/*

--------------------Portfolio Style----------------------

*/

#portfolioWrapper {
    background: #000;
    width: 800px;
    margin: 0;
}

.pod {
    height: 180px;
    width: 740px;
    margin: 50px auto;
}

.podImage a {
    width: 450px;
    height: 150px;
    float: left;
    border: solid 10px #333;
    padding: 5px;
}

.podImage a:hover {
    border: solid 10px #666;
}

.podDesc {
    width: 210px;
    height: 140px;
    float: right;
    background: #222 url(../images/bg-desc.jpg);
    border: solid 10px #222;
    padding: 10px;
}

.portfolioDesc {
    font-size: 12px;
    color: #666;
}

h5 {
    font-size: 14px;
    color: #999;
    margin: 0;
    padding: 0 0 10px 0;
}

.gallery-hand {
    position: absolute;
    top: 642px;
    left: 190px;
    width: 141px;
    height: 95px;
    background: url(../images/btn-gallery.jpg) top left;
    text-indent: -9999px;
    display: block;
}

.gallery-hand a {
    width: 141px;
    height: 95px;
    text-indent: -9999px;
    display: block;
    outline: 0;
}

.gallery-hand a:hover {

    background: url(../images/btn-gallery.jpg) top right;

}

/*

--------------------Portfolio Style added on 05/12/10 ----------------------

*/

#tap {
    /*background: url(../images/left_tap.png) no-repeat;*/
    position: absolute;
    width: 155px;
    height: 55px;
    display: block;
    left: 16px;
    top: 762px;
    z-index: 999;
    margin: -22px 0 0 0;
}

#screen {
    width: 100%;
    float: left;
    padding: 0px 40px;
    position: relative;
    box-sizing: border-box;
}

#screen h2 {
    padding: 10px 0px;
}

#portfolio_screen {
    float: left;
    width: 100%;
    height: 500px;
    position: relative;
    margin: 0;
    display: inline;
    padding: 20px 0px 0px 0;
}

.fade-box {
    width: 700px;
    position: absolute;
    text-align: left;
}

.fade-box p {

    padding: 20px 0px 0px 20px;
    font-size: 11px;
    color: #fff;
    line-height: 14px;

}

.fade-box p span {
    font-size: 16px;
    line-height: 20px;
}

.fade-box p span a {
    text-decoration: none;
}

.fade-box p span a:hover {
    text-decoration: underline;
}

.fade-box p a {
    text-decoration: underline;
    color: #fff;
}

.fade-box p a:hover {
    text-decoration: none;
}

#image-container {

    width: 700px;

    background-position: center;

    background-repeat: no-repeat;

    display: inline;

}

.previous {
  /*  position: absolute;
    z-index: 10;
    top: 600px;
    left: 24px;
    display: block;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0;
    background: url(../images/left_arrow.jpg) no-repeat;
    width: 30px;
    height: 30px;*/
}

.next {
 /*   position: absolute;
    z-index: 10;
    top: 600px;
    right: -122px;
    display: block;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0;
    background: url(../images/right_arrow.jpg) no-repeat;
    width: 30px;
    height: 30px;*/
}

.previous:hover {
}

.next:hover {
}

.previous:active {
}

.next:active {
}

.rightlink {
    padding: 0 !important
}

.moblenon {
    color: #B35306 !important;
    font-size: 17px !important;
    line-height: 30px !important;
    text-decoration: none;
}

#mastHead img {

    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;

}

#mastHead img:hover {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
}

#mastHead img {
    float: right;
    margin: 35px 0 0 0px;
    padding: 0px;
}

.table{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 900px;
    max-width: 100%;
}
.table .table_col{
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    margin-bottom: 10px;
    box-sizing: border-box;
    padding-right: 15px;
}

.table_box_head h2{
    font-size: 17px;
    text-transform: uppercase;
    color: #000;
    padding: 0;
    margin: 0 0 10px;
}
.table_box h3{
    font-size: 15px;
    color: #3e3e3e;
    padding: 0;
    margin: 0 0 15px;
}
.table_box p{
    margin: 0;
    font-size: 14px !important;
    line-height: 1.4 !important;
    padding-bottom: 20px !important;
}
.table_box_head{
    padding: 5px 30px;
    padding-left: 0;
    text-align: left;
    margin-bottom: 15px;
}
.table_box{
    padding: 0 0 ;
    margin-bottom: 20px;
    border: none;
    border-bottom: 1px solid #eaeaea;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.table_box_inner{
    width: 100%;
    position: relative;
}
.accordian_main{
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    z-index: 50;
    cursor: pointer;
    pointer-events: none;
    display: none !important;
}
.accordian_main.active:before{
    opacity: 0;
    visibility: hidden;
}
.accordian_main:after{
    content: '';
    width: 13px;
    height: 1px;
    position: absolute;
    background-color: #ACACAC;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.accordian_main:before{
    content: '';
    height: 12px;
    width: 1px;
    position: absolute;
    background-color: #ACACAC;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.table_box_inner p{
    padding: 0 0 20px !important;
    padding-right: 35px !important;
    text-align: left !important;
    min-height: 60px;
}

.table_box_inner{

}
.tab{
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto !important;
    float: none !important;
}
.tab .content{
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 auto !important;
    height: auto;
    max-width: 100%;
}
.tab .content img{
    max-width: 100%;
}


.tab_num_box ul{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.tab_num_box ul li{
    background-color: #383838;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    line-height: 34px;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    margin: 0 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.tab_num_box ul li.active,
.tab_num_box ul li:hover{
    background-color: #000000;
}
.tab label{
    display: none !important;
}
.tab{
    display: none;
}
.tab.active{
    display: block;
}
.header_contact_ph,
.header_contact_em{
   /* font-family: 'Indie Flower';*/
    font-size: 30px;
    color: #000000;
    line-height: 1.2;
    letter-spacing: 0.05em;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.header_contact_ph:hover,
.header_contact_em:hover{
    color: #939393;
}
.header_contact_info{
    width: 275px;
    position: absolute;
    left: 666px;
    top: 30px;
    z-index: 10;
   /* -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    transform: rotate(-5deg);*/
}
.header_contact_ph{
    margin-bottom: 5px;
    font-size: 17px;
    position: relative;
}
.header_contact_ph:before{
    content: '';
    width: 20px;
    height: 20px;
    background-image: url("../icons/phone-digital-communication-tool.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left bottom;
    display: inline-block;
    margin-right: 8px;
}
.header_contact_em{
    font-size: 17px;
    position: relative;
}
.header_contact_em:before{
    content: '';
    width: 20px;
    height: 20px;
    background-image: url("../icons/mail.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left bottom;
    display: inline-block;
    margin-right: 8px;
    position: relative;
    top: 4px;
}

.contact_information a{
    font-family: 'Indie Flower';
    color: #ffffff;
    font-size: 28px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    opacity: 1;
}
.contact_information a:hover{
    opacity: .7;
}
.contact_info_main{
    position: absolute;
    right: 0;
    top: 50px;
    overflow: hidden;
    width: 350px;
}
.contact_phone{
    position: relative;
    right: -70px;
    top: -7px;
}
.contact_email{
    position: relative;
    left: 20px;
    top: 2px;
}
.contact_email a{
    font-size: 26px;
}
.table_box:last-of-type{
    border-bottom: none;
}
.whatsapp_icon {
    position: fixed;
    width: 45px;
    display: block;
    z-index: 9999;
    right: 30px;
    bottom: 30px;
}
.whatsapp_icon img {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    max-width: 100%;
}

.table_box_head h2{
    padding-left: 50px;
}
.table_col:nth-of-type(1) .table_box_head h2{
    background-image: url("../icons/web-design.svg");
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: left;
}
.table_col:nth-of-type(2) .table_box_head h2{
    background-image: url("../icons/graphic-design.svg");
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: left;
}
.table_col:nth-of-type(3) .table_box_head h2{
    background-image: url("../icons/digital-marketing.svg");
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: left;
}


@media (max-width: 767px) {
    .home_content_wrapper .container_left_content {
        width: 100%;
        float: left;
        margin: 0 0 0 0px;
        padding: 0;
        text-align: left;
    }

    .home_content_wrapper .container_right_content {
        width: 100%;
        float: right;
        margin: 0px;
        padding: 0px 5px 20px 0;
    }

    #mastHead {
        background: url(../images/bg-masthead_m.jpg) no-repeat;
        width: 950px;
        height: 239px;
    }

    #titleWrapper {
        height: 116px;
        background: url(../images/bg-phone_m.jpg);
        width: 950px;
        position: relative;
    }

    #mastHead img {
        float: none;
        padding: 0px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-top: 115px;
    }

    .resposive_view1 {
        display: none;
    }
    .resposive_view {
        display: block;
    }
    #mastHead {
        background-size: 100% auto;
        height: auto;
        padding-top: 0% !important;
    }
    .footer-web2 a {
        height: 160px;
    }
    .mailer {
        background: url(../images/email_m.gif) top left;
    }
    .mailer {
        position: inherit;
        left: auto;
        top: auto;
        width: 100%;
    }
}

.new_section{
    background-color: #ffffff;
    padding: 60px 40px;
}

.new_section_row{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.new_section_col{
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
    padding-right: 20px;
    padding-left: 20px;
    box-sizing: border-box;
}

.new_section_col img{
    height: 130px;
    width: auto;
    display: table;
    margin: 0 auto 50px;
}
.new_section_box h3{
    font-size: 16px;
    color: #000;
    padding: 0;
    margin: 0 0 15px;
    line-height: 1.3;
}
.new_section_box h3 img{
    display: none;
}
.new_section_box p{
    font-size: 14px;
    line-height: 1.4;
    margin: 0 0 20px;
}

@media (max-width: 769px) {
    .new_section_col{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }
    .new_section_col > img{
        display: none;
    }
    .new_section_col:last-of-type{
        margin-bottom: 0;
    }
    .new_section{
        padding: 60px 15px;
    }

    .new_section_box h3{
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
    }
    .new_section_box h3 img{
        -ms-flex: 0 0 60px;
        flex: 0 0 60px;
        max-width: 60px;
        height: auto;
        display: block;
        margin: 0;
    }
    .new_section_box h3 span{
        -ms-flex: 0 0 calc(100% - 60px);
        flex: 0 0 calc(100% - 60px);
        max-width: calc(100% - 60px);
        padding-left: 15px;
        font-size: 18px;
    }

}


/*

--------------------End of Style----------------------

*/