@import url("fonts.css");

#contactForm .clearfix {
    clear: both;
}

/** Style for the body **/
body {
    font: 12px Tahoma, Arial, Helvetica, Sans-Serif;
}

.hidden {
    display: none;
    visibility: collapse;
}

html, body {
    width: 100%;
    font-family: "open_sanslight", Arial, Impact, sans-serif !important;
    color: #4A4A4A;
}

body {
    margin: 0;
    padding: 0;
    font-family: "open_sanslight", Arial, Impact, sans-serif;
}

#bodyContainer {
    margin: 0 auto;
    overflow: auto;
}

ul, ul li {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: gray;
}

h3 {
    /*font-family: Arial, Verdana, Tahoma;*/
    color: grey;
    font-weight: normal;
}

.sectionHeader {
    top: 20%;
    position: relative;
    font-family: "open_sanssemibold";
    text-transform: uppercase;
}

.coloredSection {
    color: white;
}

.whiteSection {
    color: #4A4A4A;
}

/*******************************Navigation and Header**********************************/
#mainHeader {
    width: 100%;
    z-index: 25;
    position: fixed;
    background-color: #fff;
    top: 0;
    -webkit-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.3);
}

/*li.calculator
display: none!important; {
}*/


div#bs-example-navbar-collapse-1 {
width: 100%;
}

.margin-nav {
padding-right: none;
}


.callusnow {
    text-align: right;
    font-size: 14px;
    position: relative;
    left: -4%;
    bottom: -7px;
    color: rgb(244, 115, 22);
    margin-bottom: -6px;
    margin-top: 31px;
    z-index: 1;
}


.header {
    max-width: 76%;
    margin: 0 12%;
    padding: 16px 0;
}

.mast-nav {
    margin-bottom: 0 !important;
    border: 0 !important;
    border-radius: 0;
    background-color: transparent !important;
}


.navbar-brand {
    position: relative;
    bottom: 53px;
    height: 50px;
    line-height: 20px;
}

.call-now {
    font-size: 20px;
    font-size: 17px;
    position: relative;
    left: 29%;
    color: rgb(244, 115, 22);
    margin-bottom: -6px;
    margin-top: -3px;
}


.main-nav {
    font-family: "open_sanssemibold";
    text-transform: uppercase;
    text-align: center;
}

 

div#indexBody, .divBanner {
    /*margin-top: 145px;*/
    margin-top: 100px;

}

.navbar-header {
    /*margin-right: -66px;
    margin-left: -62px;
    padding-bottom: 34px;
    margin-top: -5px;*/
    height: 100px;
}

.custom-navbar-button {
    position: absolute;
    top: 25px;
    right: 0px;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: -49px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    z-index: 2;
}


.main-nav li a:hover {
    color: rgb(244, 115, 22);
    /*border-bottom: 1px solid #ff6a00;*/
}

.main-nav li a:active {
    /*border-bottom: 1px solid #ff6a00;*/
}


/***********Orange bar**********/
#calBar {
    background-color: #A349A4;
    padding: 10px 0;
    text-align:center;
    display: block;
}
    #calBar a {
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        font-family: 'open_sansregular';
    }
        #calBar a:hover {
            
        }
/*******************************Universal**************************************/
/*.container {
    max-width: 76%;
    margin: 0 12%;
    padding: 5% 0;
    position: relative;
    padding-bottom: 10px;
}*/

.container p {
    color: #4A4A4A;
}

.divBanner {
    width: 100%;
}

    .container h2, .divBanner h2, .divBanner h3 {
        font-size: 18px;
        text-transform: uppercase;
    }

    .container b, .divBanner b {
        font-family: "open_sanssemibold";
    }

    .divBanner p {
        font-size: 14px;
        max-width: 400px;
    }

    .divBanner h2, .divBanner p {
        color: #fff;
    }

.navbar-brand img {
    max-height: 60px;
}
/*******************************HOME PAGE******************************************/

/*--Banner Section------------------------------------*/
#divSiteBanner {
    /*width: 100%;
    min-height: 600px;
    background:url(../Images/bg.jpg) no-repeat top center;
    background-repeat: no-repeat;
    background-size: 100% 100%;*/
    position: relative;
    overflow: hidden;
    width: 100%;
    background: url(../Images/bg.jpg) no-repeat top center;
}


#divSiteBannerText {
    width: 76%;
    min-height: 600px;
    margin: auto;
}

    #divSiteBannerText h2 {
        font-size: 60px;
        color: white;
        padding-top: 100px;
        text-transform: uppercase;
    }

.title1 {
    padding-top: 0;
    font-size: 60px;
        color: white;
        text-transform: capitalize;
}

#divSiteBannerText h3, .title2 {
    width: 60%;
    font-size: 60px;
    color: white;
    padding-bottom: 10px;
    text-transform: uppercase;
}

#divSiteBannerText p, .subText {
    width: 100%;
    font-size: 20px;
    color: white;
    line-height: 23px;
}
    .subText span {
        text-transform: capitalize;
    }
#divSiteBannerText span, .headerBtn a {
    font-size: 30px;
    position: relative;
    top: 60px;
    height: 200px;
    border: 1px solid white;
    padding: 5px 10px;
    height: auto;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

#divSiteBannerText b, .title2 b {
    font-family: "open_sanssemibold";
}

/*    #divSiteBannerText span a {
        text-decoration: none;
        text-transform: uppercase;
        color: white;
        font-weight:bold;
        transition: all 0.2s;
        
    }*/
.headerBtn a:hover {
    border: 1px solid #FFFFA9;
    color: #FFFFA9;
    text-decoration: none;
}


/*-------------SLIDER-----------*/

.fraction-slider {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
}

    .fraction-slider .slide {
        display: none;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 5;
    }

    .fraction-slider .active-slide {
        z-index: 4;
    }

    .fraction-slider .fs_obj {
        display: block;
        display: none;
        position: absolute;
        top: 0px;
        left: 100%;
        z-index: 1;
    }

    .fraction-slider .fs_fixed_obj {
        z-index: 6;
        left: 0;
    }

    .fraction-slider .fs_obj * {
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
    }

.fs_loader {
    width: 100%;
    height: 400px;
    background: url(../Images/fs.spinner.gif) center center no-repeat transparent;
}

/** CONTROLS **/

.fraction-slider .prev,
.fraction-slider .next {
    display: none;
    position: absolute;
    width: 45px;
    height: 45px;
    z-index: 8;
}

.fraction-slider .prev {
    left: 10px;
    top: 48%;
    background: url(../Images/fs.prevnext.png) 0px 0px no-repeat transparent;
}

    .fraction-slider .prev:hover {
        background: url(../Images/fs.prevnext.png) 0px -45px no-repeat transparent;
    }

.fraction-slider .next {
    right: 10px;
    top: 48%;
    background: url(../Images/fs.prevnext.png) -45px 0px no-repeat transparent;
}

    .fraction-slider .next:hover {
        background: url(../Images/fs.prevnext.png) -45px -45px no-repeat transparent;
    }

.fraction-slider:hover .prev,
.fraction-slider:hover .next {
    display: block;
}

/** PAGER **/

.fs-pager-wrapper {
    position: absolute;
    left: 50%;
    bottom: 20px;
    z-index: 5;
}

    .fs-pager-wrapper a,
    .fs-custom-pager-wrapper a {
        display: inline-block;
        width: 14px;
        height: 14px;
        margin: 0 5px 0 0;
        background: url(../Images/fs.pager.png) 0px -14px no-repeat transparent;
    }

    .fs-pager-wrapper .active,
    .fs-custom-pager-wrapper .active {
        background: url(../Images/fs.pager.png) 0px 0px no-repeat transparent;
    }

.slider {
    margin: 0 auto;
}

/*#divSiteBanner img
    {
        width: 100%;
    }*/

/*--Services Section------------------------------------*/
#divServices {
}

.service {
    width: calc(25% - 2px);
    min-height: 340px;
    float: left;
    color: #4A4A4A;
}

/* .service p {
        color: #4A4A4A;
    }

    .service h2 {
        text-align: center;
        padding-top: 20px;
        font-family: "open_sanssemibold";
        color: #4A4A4A;
    }*/

.imgServicesPositioning {
    width: 112px;
    min-height: 107px;
    display: block;
    margin: auto;
}

#imgCare {
    background: url('../Images/BPOTelecom_servicesIcons.png') no-repeat -5px -3px;
}

#imgTech {
    background: url('../Images/BPOTelecom_servicesIcons.png') -121px -3px;
}

#imgSales {
    background: url('../Images/BPOTelecom_servicesIcons.png') -242px -3px;
}

#imgGraphics {
    background: url('../Images/BPOTelecom_servicesIcons.png') -359px -3px;
}

#imgDev {
    background: url('../Images/BPOTelecom_servicesIcons.png') -5px -119px;
}

#imgSocial {
    background: url('../Images/BPOTelecom_servicesIcons.png') -121px -119px;
}

#imgTele {
    background: url('../Images/BPOTelecom_servicesIcons.png') -242px -119px;
}

#imgAccounting {
    background: url('../Images/BPOTelecom_servicesIcons.png') -359px -119px;
}

#imgData {
    background: url('../Images/BPOTelecom_servicesIcons.png') -5px -237px;
}

#imgLead {
    background: url('../Images/BPOTelecom_servicesIcons.png') -121px -237px;
}

#imgBilling {
    background: url('../Images/BPOTelecom_servicesIcons.png') -242px -237px;
}

#imgShop {
    background: url('../Images/BPOTelecom_servicesIcons.png') -359px -237px;
}

#imgPart {
	height:110px;
	width:110px;
}


#containerTextServices {
    width: 100%;
    min-height: 100px;
    padding-top: 10px;
}

    #containerTextServices p {
        font-size: 14px;
        text-align: center;
        padding: 0 4%;
    }

/* ------start of carousel --- */
/** posts slider widget **/
.crsl-items {
    display: block;
}

.crsl-item {
    padding: 8px;
    padding: 0;
}

    .crsl-item .thumbnail {
        display: block;
        position: relative;
        margin-bottom: 15px;
        border: 3px solid #fff;
    }

        .crsl-item .thumbnail img {
            display: block; /* fix 1px image space http://stackoverflow.com/q/5804256/477958 */
            width: 100%;
        }

    .crsl-item h2 {
        color: #4A4A4A;
        text-align: center;
        font-family: "open_sanssemibold";
        text-transform: uppercase;
        font-size: 16px;
    }

    .crsl-item p {
        font-weight: 200;
        font-size: 14px;
        white-space: pre-wrap;
        color: #4A4A4A;
        text-align: center;
    }

/** posts slider nav **/
.slidernav {
    display: block;
    text-align: right;
    margin-bottom: 5px;
    position: relative;
}

    .slidernav a {
        position: absolute;
        z-index: 9;
        opacity: 0.2;
        transition: all 1s ease;
    }

#navbtns {
    position: relative;
}

.slidernav a.next {
    background: url(../Images/rotator_arrows.png) no-repeat -39px 0;
    width: 32px;
    height: 32px;
    /*right: 0px;*/
    right: -10px;
    top: 150px;
    /*top: 48%;*/
}

.slidernav a.previous {
    background: url(../Images/rotator_arrows.png) no-repeat 0 0;
    width: 32px;
    height: 32px;
    /*left: 0px;
    top: 48%;*/
    left: -10px;
    top: 150px;
}

    .slidernav a.next:hover, .slidernav a.previous:hover {
        opacity: 1;
    }


/*Promise to Provide..........................................................................*/
#divPromiseToProvide {
    max-width: 100%;
    background: url('../Images/BPOTelecom_promisesBg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding-right: 30px;
}

#promiseToProvide {
    max-width: 76%;
    min-height: 680px;
    margin: 0 12%;
    text-align: center;
}


#textPromiseToProvide h1 {
    text-transform: uppercase;
    font-size: 20px;
    color: white;
    font-family: "open_sanssemibold";
    margin-bottom: 0;
}

#textPromiseToProvide h2 {
    text-transform: uppercase;
    padding-top: 6px;
    font-size: 30px;
    line-height: 34px;
    color: #61CCF9;
    margin: 0;
}

#textPromiseToProvide h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 9px;
    font-family: "open_sanssemibold";
}

#textPromiseToProvide p {
    font-size: 16px;
    line-height: 23px;
    margin: 0 auto;
    margin-top: 39px;
    padding-bottom: 22px;
    margin-right: 50px;
    color: white;
    text-align: left;
    text-align: center;
}

.divPromisesImage {
    width: calc(25% - 2px);
    float: left;
    margin: 0;
    margin-top: 50px;
}

    .divPromisesImage h3 {
        text-transform: uppercase;
        color: white;
    }

.imgPromisesPositioning {
    width: 91px;
    min-height: 72px;
    display: block;
    margin: -19px auto;
}

#business {
    background: url('../Images/BPOTelecom_promisesIcons.png') 5px -2px;
}

#flexible {
    background: url('../Images/BPOTelecom_promisesIcons.png') 84px -2px;
}

#report {
    background: url('../Images/BPOTelecom_promisesIcons.png') 161px -2px;
}

#timely {
    background: url('../Images/BPOTelecom_promisesIcons.png') 240px -2px;
}

/*Our Performance ----------------------------------------------------------------------------*/

#divPerformance {
    width: 100%;
}

    #divPerformance h2 {
        text-align: center;
        text-transform: uppercase;
        color: #4A4A4A;
        font-size: 20px;
        padding-bottom: 16px;
        font-family: "open_sanssemibold";
    }

    #divPerformance p {
        color: #4A4A4A;
        text-align: center;
    }

.atcEmployeeWrap {
    width: 100%;
}

.divEmployeeProfile {
    float: left;
}

.divEmployeeFrame {
}

    .divEmployeeFrame > img {
        padding: 14px;
        border: 1px solid #CCC;
        margin: auto;
    }

.divEmployeeInfo {
    /*width: calc(100% - 146px);*/
    font-weight: normal;
    float: left;
    padding-bottom: 43px;
}



.name-text {
    padding-bottom: 26px;
}


.divEmployeeInfo .row h3 {
    font-size: 16px;
    font-family: "open_sanssemibold";
    text-align: center;
}

.divEmployeeInfo .row p {
    font-size: 15px;
    line-height: 20.2px;
    text-align: left;
}

.performanceWrap {
    width: 40%;
    float: left;
}


.divPerformanceItem {
    width: 50%;
    float: left;
    padding-bottom: 0;
}

    .divPerformanceItem span {
        width: 145px;
        min-height: 153px;
        max-height: 153px;
        margin: auto;
        display: block;
    }

    .divPerformanceItem label {
        width: 100%;
        text-align: center;
        float: left;
    }

#encodingPercentage {
    background: url('../Images/BPOTelecom_PerformanceIcons.png')-233px 0;
}

#techsupportPercentage {
    background: url('../Images/BPOTelecom_PerformanceIcons.png')-513px 0;
}

#customerServicePercentage {
    background: url('../Images/BPOTelecom_PerformanceIcons.png')-373px 0;
}

#telemarketingPercentage {
    background: url('../Images/BPOTelecom_PerformanceIcons.png')-653px 0;
}

#top-banner {
    background-color: #5F2501;
    padding-top: 6px;
    height: 34px;
    font-family: "open_sanssemibold";
}

/*HappyClients.......................................................................................................*/
#divHappyClients {
    width: 100%;
    background-color: #189dce !important;
    background: url('../Images/BPOTelecom_ClientsImage.png') no-repeat top right;
    background-size: 40%;
}

#divHappyClientsBG {
    max-width: 100%;
    /*background-image: url('../Images/BPOTelecom_ClientsImage.png'); background-repeat: no-repeat;*/
    background-size: 50% 50%;
    width: 100%;
    background-color: #189dce !important;
}

#imgHappyClients1 h2 {
    /*line-height: 30px;*/
    color: white;
    font-size: 20px;
    /*padding-bottom: 16px;*/
    margin-top: 22px;
    text-align: center;
    font-family: "open_sanssemibold";
    text-transform: uppercase;
}

#imgHappyClients1 h3 {
    color: white;
    font-size: 18px;
    text-align: center;
}

#calcuBtn {
    margin: 35px 0;
    text-align: center;
    padding: 0;
}

    #calcuBtn a {
        text-decoration: none;
    }

    #calcuBtn span {
        background-color: #ff6a00;
        border: 2px solid #fff;
        font-family: "open_sanssemibold";
        font-size: 20px;
        color: white;
        text-transform: uppercase;
        opacity: 1;
        cursor: pointer;
        transition: all 0.5s ease;
        text-align: center;
        padding: 15px 20%;
    }

        #calcuBtn span:hover {
            background-color: #F27913;
        }


/*ProsBpo.......................................................................................................*/
#divPros {
    width: 100%;
    /*background-color: #189dce;*/
    background: linear-gradient( rgba(196, 196, 196, 0.45), rgba(196, 196, 196, 0.45) ), url('../Images/p6_@2X.png');
}


#divPros h1 {
    text-align: center;
    /*color: #fff;*/
    font-family: "open_sanssemibold";
    font-size: 16px;
    text-transform: uppercase;
}

#divPros h2 {
    text-align: center;
    /*color: #fff;*/
    font-size: 30px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 30px;
}

#divPros .table-bordered, #divCalculator .table-bordered {
    border:;
	
}

    .prosTable > thead > tr > td, .prosTable > tbody > tr > td, .prosTable > thead > tr > td, .prosTable > tbody > tr > td {
        border: 1px solid #D4D4D4;
        text-align: center;
    }

    .prosTable > thead > tr > td {
        font-size: 20px;
        font-family: "open_sanssemibold";
        /*padding: 25px !important;*/
    }
        /****************************GREY TABLE*************************************/
        .prosTable > thead > tr > td:first-child {
            background-color: #686868;
			border-radius:10px;
			border-bottom: 8px solid #14927a;
            color: #fff;
            border: ;
            border-bottom:;
        }


    .prosTable > tbody > tr > td:first-child {
        border-right: 1px solid #575757;
        border-left:;
        background-color: #E5E5E5;
        font-family: 'open_sanssemibold';
    }

    .prosTable > tbody > tr:last-child > td:first-child {
        border-bottom: ;
		}
		
/****************************Calc*************************************/

/*****#calc{

border:0px solid black;
height:723px;
width:1140px;
margin-top:-1227px;
margin-left:-10px;
border-radius:10px;
box-shadow: 10px 10px 5px #888888;

}
		
********/
    /****************************GREEN TABLE*************************************/
    .prosTable > thead > tr > td:nth-child(2) {
        background-color: #686868;
		border-radius:10px;
        color: #fff;
        border: ;
        border-bottom: 8px solid #14927a;
        padding-left: 15px!important;
        padding-right: 15px!important;
		
    }

    .prosTable > tbody > tr > td:nth-child(2) {
        border-right: 1px solid #575757;
        background-color: #fff;
        color: #000
		
        font-family: "open_sansregular";
    }

    .prosTable > tbody > tr:last-child > td:nth-child(2) {
        border-bottom: ;
    }
    /****************************YELLOW TABLE*************************************/
    .prosTable > thead > tr > td:last-child {
        background-color: #686868;
		border-radius:10px;
        color: #fff;
        border:;
        border-bottom: 8px solid #14927a;
        padding-left: 45px!important;
        padding-right: 45px!important;
    }

    .prosTable > tbody > tr > td:last-child {
        border-right: ;
        background-color: #fff;
        color: #000;
        font-family: "open_sansregular";

    }

    .prosTable > tbody > tr:last-child > td:last-child {
        border-bottom:;
    }


/*Calculator Page.......................................................................................................*/

#divCalculator {
    background: url('../Images/AboutUs/AboutUs_whitePattern.jpg');
    background-size: 50px;
	
	}


div#button-total {
width: 100%;
text-align: center;
height: 63px;
}


.sign {
position: absolute;
font-size: 27px;
margin-left: 8px;
margin-top: 12px;
color: white;
}

.sign2 {
position: absolute;
font-size: 18px;
/*margin-left: 157px;*/
margin-top: 53px;
color: rgb(22, 160, 134);
}

.sign5 {
position: relative;
font-size: 18px;
margin-left: 157px;
margin-top: 51px;
color: rgb(22, 160, 134);
}


.sign3 {
position: absolute;
font-size: 18px;
/*margin-left: 157px;*/
margin-top: 57px;
color: rgb(22, 160, 134);
}
.sign4 {
position: absolute;
font-size: 18px;
/*margin-left: 146px;*/
margin-top: 57px;
color: rgb(243, 156, 17);
}


#divCalculator h1 {
    text-align: center;
    /*color: #fff;*/
    font-family: "open_sansbold";
    font-size: 38px;
    text-transform: uppercase;
	box-shadow: 1px 1px 5px #888888;

}

input#addAll {
background: rgb(210, 87, 87);
height: 51px;
font-size: 24px;
color: white;
text-align: center;
font-family: inherit;
width: 346px;

}

.calcu-button1 {
border: 1px solid;
max-width: 30%;
float: right;
padding: 6px;
color: beige;
background: gray;

}

input#sum {
border: none;
width: 100%;
text-align: center;
font-family: inherit!important;
}

input#sum2 {
border: none;
width: 100%;
text-align: center;
padding: 0;
font-family: inherit!important;
}




*::-webkit-input-placeholder {
   color: #4F4D4D;
}

input#calcu-button2 {
border: 1px solid #ccc;
border-radius: 4px;
height: 34px;
padding: 6px 12px;
font-size: 14px;
text-align: center;
float: left;
background:black;

}


.calcu-button2 {
border: 1px solid;
max-width: 31%;
float: right;
padding: 6px;
color: beige;
background: gray;
}

input#Password1, input#yearlySalary, #Password2, #Password3, #Password4, #Password5, #Password6, #Password7, #Password8, #Password9, #Password10, #Password11 {
border: none;
}


label#yearlysalary, label#yearlysalary2, label#yearlysalary3, label#yearlysalary4, label#yearlysalary5, label#yearlysalary6, label#yearlysalary7, label#yearlysalary8  {
color: rgb(22, 160, 134);
padding-top: 7px;
}

input#yearlySalary, input#Password1, input#Password2, input#Password3, input#Password4, input#Password5, input#Password6, input#Password7, input#Password8, input#Password9, input#Password10, input#Password11 {
color: rgb(243, 156, 17);
font-weight: 600;
}


#divCalculator  h3 {
    text-align: center;
    /*color: #fff;*/
    font-size: 30px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 30px;
	box-shadow: 1px 1px 5px #888888;
	
}
    #divCalculator .table > tbody > tr > td {
        padding: 15px 0;
        font-size: 12px;

    }
    #divCalculator thead tr td {
        font-size: 14px;
        padding: 10px 2px;

		
    }

#totalLabel, .total, .total2 {
    font-size: 20px;
    text-transform: uppercase;
}

.total, .total2 {
    color:#fff !important; 
    background-color: #F39C11 !Important;  
    font-size: 20px;
}
#sum {
      color:#fff !important; 
    background-color: #686868 !important;  
    font-size: 20px;
    font-family: inherit!important;
}

#sum2 {
      color:#fff !important; 
    background-color: #F39C11 !important;
    font-size: 20px;
    font-family: inherit!important;
}
.savings span {
    font-size: 30px;
    font-family: 'open_sanssemibold' !important;
    margin-left: 10px;
}
.savings, .total-savings {
    color:#fff !important; 
    background-color: #D33E3E !important;
    padding: 10px;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;

	
    /*border: 1px solid #575757;*/
}

input#amount2 {
border: 10px solid #ccc;
border-radius: 4px;
height: 34px;
padding: 6px 12px;
font-size: 14px;
text-align: center;
float: left;
}

.total-savings {
    border: none;
    width: 30%;
    text-align: left;
    margin-left: -1px;
    margin-top: -4px;
}
/*SendEmail Let's get in touch.....................................*/
#divSendEmail {
    background: url('../Images/BPOTelecom_FormBg.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}


.btn-submit {
    width: 100%;
    bottom: 0;
    margin-top: 298px;
}

#sendAnotherMessage {
    width: 56%;
    background-color: #ff6a00;
    height: 43px;
    font-family: "open_sanssemibold";
    font-size: 16px;
    color: white;
    text-transform: uppercase;
    opacity: 1;
    cursor: pointer;
    transition: all 0.5s ease;
    text-align: center;
    padding: 0;
    position: relative;
    left: 24%;
    top: 75%;
    margin-top: 350px;
}

#another-send {
    background-color: #ff6a00;
    height: 43px;
    font-family: "open_sanssemibold";
    font-size: 16px;
    color: white;
    text-transform: uppercase;
    opacity: 1;
    cursor: pointer;
    transition: all 0.5s ease;
    text-align: center;
    padding: 0;
    position: relative;
    top: 75%;
    margin-top: 350px;
    border: rgb(244, 242, 242);
         padding: 0 15px;
}




#contactConfirmation {
    background-color: #F9F3F3;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 117%;
    text-align: center;
}


#divSendEmailHeader {
    text-align: center;
}

    #divSendEmailHeader h1 {
        font-size: 30px;
        margin-bottom: 30px;
    }

#submit-button {
    color: #fff;
}

#divSendEmailHeader ::-webkit-input-placeholder { /* WebKit browsers */
    color: #000;
    opacity: 1;
}

#divSendEmailHeader :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #000;
    opacity: 1;
}

#divSendEmailHeader ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #000;
    opacity: 1;
}

#divSendEmailHeader :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #000;
}


#divSendEmail #form {
    width: 100%;
    margin: auto;
    text-align: center;
    padding-top: 0px;
    font-family: "open_sanslight";
    font-size: 14px;
}

    #divSendEmail #form textarea, #divSendEmail #form input {
        font-family: "open_sansregular";
        font-size: 12px;
        padding-left: 15px;
    }


    #divSendEmail #form input {
        width: 100%;
        text-align: left;
        height: 34px;
        opacity: 0.5;
        margin-bottom: 10px;
    }

    #divSendEmail #form textarea {
        margin: auto;
        width: 100%;
        text-align: left;
        opacity: 0.5;
        margin-bottom: 5px;
    }

    #divSendEmail #form input[type=submit], #contactForm #form input[type=submit] {
        margin: 0;
        border: 0;
        width: 45%;
        background-color: #ff6a00;
        height: 50px;
        font-family: "open_sanssemibold";
        font-size: 17px;
        color: white;
        text-transform: uppercase;
        opacity: 1;
        cursor: pointer;
        transition: all 0.5s ease;
        text-align: center;
        padding: 0;
        margin: 15px 0;
    }

        #divSendEmail #form input[type=submit]:hover, #contactForm #form input[type=submit]:hover {
            background-color: #FF8F00;
        }



.send-again {
    position: relative;
    top: 20%;
    left: 20%;
    position: relative;
    left: 39%;
    background-color: #FA6419;
    border-radius: 3px;
    font-size: 2vw;
    font-family: 'open_sansregular';
}



/*******************************OUR TEAM PAGE**************************************/
#teamBanner {
    background: url('../Images/OurTeam/filagent1.png') no-repeat top center;
	height:450px;
    background-size: cover;
    min-height: 230px;
    padding-top: 5%;
    padding-bottom: 5%;
}

    #teamBanner h2 {
        font-size: 40px;
    }

/*--Section1------*/

#section1-team {
    width: 100%;
}

.twoColumn-div {
    margin-top: 3%;
    display: inline-block;
}

    .twoColumn-div:last-child {
        margin-right: 0;
    }

#section1-team h2 {
    font-family: "open_sanslight";
    font-size: 30px;
}

#section1-team p {
    font-size: 18px;
}
/*--Section3------*/
#section2-team {
    width: 100%;
    /*background-color: #CCC;*/
    background: url(../Images/OurTeam/wall_bg.png) repeat top center;
}

    #section2-team h2 {
        text-align: center;
        text-transform: uppercase;
        font-size: 20px;
        font-family: "open_sanssemibold";
    }
/*.values {
    width: 29%;
    vertical-align: top;
    margin-right: 4.3%;
    display:inline-block;
    margin-top: 5%;
}
.values:last-child {
    margin-right: 0;
}*/
.values {
    text-align: center;
}

#section2-team h3 {
    font-size: 30px;
    color: #4A4A4A;
    display: inline-block;
    text-transform: uppercase;
    vertical-align: top;
}

#section2-team p {
    display: inline-block;
    padding-left: 2%;
    padding-bottom: 30px;
}


/*#section3InnerContainer {
    margin-top: 8%;
}

.imgContainers {
    width: 33%;
    min-height: 346px;
    display: inline-block;

    padding-bottom: 50px;
}
    .imgContainers p {
        text-align: center;
        font-size: 24px;     
        margin-top: 20px;
        font-family: "open_sanssemibold";
    }
    .imgContainers p:last-child {
        color: #717171;
        margin-top: 0;
    }
.imgContainers:last-child {
    padding-bottom: 0;
}
.imgposition {
    height: 224px;
    width: 224px;
    border: 10px solid white;
    border-radius: 130px;
    margin: 0 auto;
    overflow: hidden;
}

#img1 {
    min-height: 224px;
    background: url('../Images/OurTeam/team_pictures.png') -44px -44px;
    display: block;
    background-size: 555%;
}

#img2 {
    min-height: 224px;
    background: url('../Images/OurTeam/team_pictures.png') -319px -25px;
    display: block;
    background-size: 498%;
}

#img3 {
    min-height: 224px;
    background: url('../Images/OurTeam/team_pictures.png') -536px -40px;
    display: block;
    background-size: 471%;
}

#img4 {
    min-height: 224px;
    background: url('../Images/OurTeam/team_pictures.png') -36px -299px;
    display: block;
    background-size: 471%;
}

#img5 {
    min-height: 224px;
    background: url('../Images/OurTeam/team_pictures.png') -796px -291px;
    display: block;
    background-size: 465%;
}

#img6 {
    min-height: 224px;
    background: url('../Images/OurTeam/team_pictures.png') -541px -291px;
    display: block;
    background-size: 465%;
}

#img7 {
    min-height: 224px;
    background: url('../Images/OurTeam/team_pictures.png') -44px -44px;
    display: block;
    background-size: 555%;
}

#img8 {
    min-height: 224px;
    background: url('../Images/OurTeam/team_pictures.png') -319px -25px;
    display: block;
    background-size: 498%;
}

#img9 {
    min-height: 224px;
    background: url('../Images/OurTeam/team_pictures.png') -536px -40px;
    display: block;
    background-size: 471%;
}

#img10 {
    min-height: 224px;
    background: url('../Images/OurTeam/team_pictures.png') -36px -299px;
    display: block;
    background-size: 471%;
}

#img11 {
    min-height: 224px;
    background: url('../Images/OurTeam/team_pictures.png') -796px -291px;
    display: block;
    background-size: 465%;
}

#img12 {
    min-height: 224px;
    background: url('../Images/OurTeam/team_pictures.png') -541px -291px;
    display: block;
    background-size: 465%;
}

*/




/******************************* Services page **********************************/
#servicesBanner {
    background: url(../Images/Services/Services_banner.jpg) no-repeat top center;
    background-size: cover;
    min-height: 230px;
    padding-top: 5%;
    padding-bottom: 5%;
}

    #servicesBanner h2 {
        font-size: 40px;
    }

.csLeft {
    display: inline-block;
    width: 50%;
    text-align: left;
    vertical-align: top;
}

.csRight {
    display: inline-block;
    width: 49%;
}

.service-div {
    padding: 0;
}

.csText {
}

    .csText h3 {
        /*color: deepskyblue;*/
        font-size: 18px;
        font-family: "open_sanssemibold";
        margin-bottom: 3%;
        text-transform: uppercase;
        color: #353535;
    }

#section2-service h3, #section4-service h3, #section6-service h3 {
    /*color: #00EBFF;*/
    color: #fff;
}

#section4-service {
    background: url('../Images/Services/Services_telemarketingBG.jpg');
    background-size: 100% 100%;
}

#section6-service {
    background: url('../Images/Services/Services_techSupportBG.jpg');
    background-size: 100% 100%;
}

#section2-service {
    background: url(../Images/Services/Services_DataBG.jpg);
    background-size: 100% 100%;
}

    #section2-service p, #section4-service p, #section6-service p {
        color: #fff;
    }

#section7-service .container p {
    margin-bottom: 25px;
    text-align: center;
    padding-top: 30px;
}

#section7-service ol {
    width: 100%;
    margin-bottom: 3%;
}

    #section7-service ol li {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 4%;
    }

        #section7-service ol li span {
        }

        #section7-service ol li h4 {
            font-size: 18px;
            font-family: "open_sanssemibold";
            text-transform: uppercase;
        }



/************************ ICONS-Service **********************************/
.icon1, .icon2, .icon3, .icon4, .icon5, .icon6,
.icon7, .icon8, .icon9, .icon10, .icon11, .icon12 {
    width: 110px;
    height: 109px;
}


.icon1 {
    background: url('../Images/Services/Services_icons.png') -5px -3px;
    margin-left: 5%;
}

.icon2 {
    background: url('../Images/Services/Services_icons.png') -124px -3px;
    margin-left: 5%;
}

.icon3 {
    background: url('../Images/Services/Services_icons.png') -247px -3px;
    margin-left: 5%;
}

.icon4 {
    background: url('../Images/Services/Services_icons.png') -367px -3px;
    margin-left: 5%;
}

.icon5 {
    background: url('../Images/Services/Services_icons.png') -5px -121px;
    margin-left: 5%;
}

.icon6 {
    background: url('../Images/Services/Services_icons.png') -124px -121px;
    margin-left: 5%;
}

.icon7 {
    background: url('../Images/Services/Services_icons.png') -247px -121px;
    margin-left: 5%;
}

.icon8 {
    background: url('../Images/Services/Services_icons.png') -367px -121px;
    margin-left: 5%;
}

.icon9 {
    background: url('../Images/Services/Services_icons.png') -5px -242px;
    margin-left: 5%;
}

.icon10 {
    background: url('../Images/Services/Services_icons.png') -124px -242px;
    margin-left: 5%;
}

.icon11 {
    background: url('../Images/Services/Services_icons.png') -247px -242px;
    margin-left: 5%;
}

.icon12 {
    background: url('../Images/Services/Services_icons.png') -367px -242px;
    margin-left: 5%;
}




/*******************************FOOTER**************************************/
#footer-top {
    background-color: #333;
}


#footer-top .container {
}
    #footer-top label {
        color: #fff;
    }
.footer-1, .footer-2, .footer-3 {
    /*height: 90px;*/
    list-style: none;
    display: inline-block;
    vertical-align: top;
    margin-top: 7px;
    margin-bottom: 10px;
    color: #a8a8a8;
    font-size: 14px;
}
    .footer-1 a, .footer-2 a, .footer-3 a {
        color: #a8a8a8;
    }

    .footer-1 ul li a:hover,
    .footer-2 ul li a:hover,
    .footer-3 ul li a:hover {
        color: #A349A4;
        text-decoration: none;
    }
.footer-1 ul {
    margin-top: 10px;
}
.footer-2 ul, .footer-3 ul {
    margin-top: 5px;
}
/*Make 2 columns*/
.footer-1 ul li, .footer-3 ul li {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    max-width: 150px;
}
/*Make 2 columns*/
.footer-1 ul, .footer-3 ul {
    max-width: 300px;
}

.footer-2 span, .footer-3 span {
    text-indent: -9999px;
    display: inline-block;
    margin-right: 10px;
}

#footer-bottom {
    background-color: #202020;
    font-size: 16px;
}

    #footer-bottom .container {
        padding: 0;
    }

    #footer-bottom p {
        margin: 0;
        padding: 10px 0px;
        margin: 0;
        color: #fff;
        font-size: 9px;
    }

        #footer-bottom p a {
            font-weight: normal;
            list-style: none;
            text-decoration: none;
            color: #ff6a00;
            display: inline-block;
        }

        #footer-bottom p span {
            margin-left: 30px;
        }

            #footer-bottom p span a {
                margin-left: 30px;
                color: #fff;
            }

.phone-icon, .mail-icon, .site-icon, .fb-icon, .tw-icon, .tb-icon, .gp-icon, .li-icon, .yt-icon {
    width: 22px;
    height: 22px;
    top: 4px;
    position: relative;
}
.yt-icon {
    background: url('../Images/icons.png')repeat 0 -182px;
}
.phone-icon {
    background: url('../Images/icons.png')repeat 0 -113px;
}

.mail-icon {
    background: url('../Images/icons.png')repeat 0 -136px;
}

.site-icon {
    background: url('../Images/icons.png')repeat 0 -159px;
}

.fb-icon {
    background: url('../Images/icons.png')repeat 0px 0px;
}

.tw-icon {
    background: url('../Images/icons.png')repeat 0 -23px;
}

.tb-icon {
    background: url('../Images/icons.png')repeat 0 -47px;
}

.gp-icon {
    background: url('../Images/icons.png')repeat 0 -91px;
}

.li-icon {
    background: url('../Images/icons.png')repeat 0 -69px;
}

/******************************************About us*******************************************/
#aboutBanner {
    background: url(../Images/AboutUs/AboutUs_banner.jpg) no-repeat top center;
    background-size: cover;
    min-height: 230px;
    padding-top: 9%;
    padding-bottom: 5%;
}

    #aboutBanner h2 {
        font-size: 25px;
        margin-top: 0;
    }


    #aboutBanner .container p {
        width: 100%;
    }

#whitePatternSection {
    background-image: url('../Images/AboutUs/AboutUs_whitePattern.jpg');
    background-size: 3%;
}

/*.wpContainer {
    margin: 0 9%;
    overflow: hidden;
}
*/
.wpLeft {
    font-family: "open_sansitalic";
    font-size: 20px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-bottom: 25px;
}

    .wpLeft p {
        color: #333;
        font-size: 16px;
    }

.wpRight {
    display: inline-block;
    width: 40%;
}

.about-icon {
    margin-bottom: 30px;
}

    .about-icon h3 {
        font-size: 16px;
        font-family: "open_sanssemibold";
        color: #353535;
        text-transform: uppercase;
    }

#topLeftLogo, #topRightLogo {
    display: inline-block;
    text-align: center;
}

#bottomLeftLogo, #bottomRightLogo {
    height: 100%;
    width: 49%;
    display: inline-block;
    text-align: center;
}

#orangeCare {
    width: 125px;
    height: 125px;
    background: url('../Images/AboutUs/AboutUs_icons1.png') -9px -9px;
    background-repeat: no-repeat;
    /*  top: 80px;*/
    position: relative;
    margin: auto;
}

#orangeTele {
    width: 125px;
    height: 125px;
    background: url('../Images/AboutUs/AboutUs_icons1.png') -145px -9px;
    background-repeat: no-repeat;
    /* top: 80px;*/
    position: relative;
    margin: auto;
}

#orangeEncoding {
    width: 125px;
    height: 125px;
    background: url('../Images/AboutUs/AboutUs_icons1.png') -284px -9px;
    background-repeat: no-repeat;
    /*  top: 10px;*/
    position: relative;
    margin: auto;
}

#orangeTech {
    width: 125px;
    height: 125px;
    background: url('../Images/AboutUs/AboutUs_icons1.png') -422px -9px;
    background-repeat: no-repeat;
    /*top: 10px;*/
    position: relative;
    margin: auto;
}

#logos h3 {
    padding: 8% 0;
    text-transform: uppercase;
    font-family: "open_sanssemibold";
    color: #353535;
}


/****** SERVICE - goals *********/
#goals {
    background: url('../Images/AboutUs/AboutUs_goalBG.jpg') no-repeat;
    background-size: 100% 100%;
    text-align: center;
}

    #goals h2, #goals h3, #goals h1 {
        font-size: 30px;
        font-family: "open_sanslight";
        color: #fff;
    }

    #goals h3 {
        font-size: 20px;
        margin-bottom: 40px;
    }

    #goals h1 {
        font-size: 80px;
        color: #00B4EC;
        font-family: 'Oswald', sans-serif;
    }

.dotted {
    /*    border-top: 2px dotted #fff;
    background-color: transparent;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;*/
    background: none;
    margin-top: 8%;
}

.goals-score {
    padding: 0 !important;
}

.title-inner {
    width: auto;
    padding: 0px 15px;
    border: 0;
    background-color: transparent;
    margin-top: -25px;
    text-align: center;
}

#goalImages p, #goalImages h4 {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "open_sanssemibold";
}

#goalText p {
    color: #fff;
}

#ocLogotext {
    float: left;
    margin: 5px 0 0 15px;
}

#logo1 {
    height: 94px;
    width: 82px;
    background: url('../Images/AboutUs/AboutUs_icons2.png')-7px 0;
    background-repeat: no-repeat;
}

#logo2 {
    height: 94px;
    width: 82px;
    background: url('../Images/AboutUs/AboutUs_icons2.png')-97px 0;
    background-repeat: no-repeat;
}

#logo3 {
    height: 94px;
    width: 82px;
    background: url('../Images/AboutUs/AboutUs_icons2.png')-187px 0;
    background-repeat: no-repeat;
}

#logo4 {
    height: 94px;
    width: 82px;
    background: url('../Images/AboutUs/AboutUs_icons2.png')-277px 0;
    background-repeat: no-repeat;
}

#acLogo, #ocLogo, #icLogo, #scLogo {
    text-align: left;
}

#goalImages {
    margin: 0px auto 30px auto;
}

#acLogotext, #ocLogotext, #icLogotext, #scLogotext {
    /*   margin: 5px 0 0 5px;*/
    margin: 30px 0;
    padding-right: 0;
}

#icLogotext {
    margin: 40px 0;
}

#scLogotext {
    margin-bottom: 0;
}

    #acLogotext p, #ocLogotext p, #icLogotext p, #scLogotext p {
        /*  margin-top: -15px;*/
        /*  width: 145px;*/
    }

    #acLogotext h4, #ocLogotext h4, #icLogotext h4, #scLogotext h4 {
        /*  font-size: 50px;*/
        color: white;
        margin: 0;
    }
/*----------------WORK WITH US--------*/
#workWithUs {
    background-color: #75bb36 !important;
    /*background: url(../Images/AboutUs/BPOTelecom_headset.png) no-repeat bottom left; */
    background-size: 50%;
}

    #workWithUs h2 {
        font-size: 30px;
        font-family: "open_sanssemibold";
        color: white;
        margin-top: 3%;
        color: #333;
        top: 10%;
    }

    #workWithUs p {
        font-size: 18px;
        margin-top: 3%;
        font-family: "open_sanslight";
        /*width: 70%;*/
        color: #333;
    }



#wwuRight a {
    color: #000;
    font-family: 'open_sansregular';
}



/***************************Contact Us***************************/

#contactBody {
    background: url(../Images/BPOTelecom_contactBg.jpg) no-repeat;
    height: 100%;
    text-align: center;
    background-size: cover;
}

#contactBody {
    position: relative;
    overflow: hidden;
}


#textHead {
    font-family: "open_sanslight";
}

    #textHead h1 {
        margin-top: 30px;
        padding-top: 0px;
        font-size: 25px;
        color: #fff;
    }

    #textHead p {
        color: #fff;
        font-size: 14px;
        margin-bottom: 40px;
    }

#contactForm {
    color: #fff;
    font-size: 24px;
    top: 2%;
    left: -5px;
    position: relative;
    border: 1px solid #fff;
    background-color: rgba(0, 0, 0, 0.11);
    border-radius: 5px;
    display: inline-block;
}

    #contactForm placeholder {
        color: #fff;
    }

    #contactForm ::-webkit-input-placeholder { /* WebKit browsers */
        color: #fff;
    }

    #contactForm :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #fff;
        opacity: 1;
    }

    #contactForm ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #fff;
        opacity: 1;
    }

    #contactForm :-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #fff;
    }


    #contactForm input {
        outline: 0;
        font-family: "open_sanslight";
        border: 0;
        width: 100%;
        font-size: 16px;
        background: none;
        color: #fff;
    }

.contactFormLines {
    border-bottom: 1px solid #fff;
    margin-bottom: 1%;
    width: 86%;
    margin: auto;
}

#contactBody textarea {
    height: 150px;
    border: 1px solid #fff;
    width: 86%;
    color: #fff;
    font-family: "open_sanslight";
    font-size: 16px;
    background-color: transparent;
    margin-top: 2%;
}

#sendMsgBtn {
    border: 0;
    background-color: #ff6a00;
    height: 50px;
    margin-top: 3%;
    margin-bottom: 5%;
    font-family: "open_sanssemibold";
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0 8%;
}

    #sendMsgBtn:hover {
        background-color: #FF8F00;
    }

#contactInfo {
    color: #fff;
    text-align: center;
}
    #contactInfo h1.mail-info {
        margin-top: 30px;
        margin-bottom: 5px;
        font-family: 'open_sansregular';
    }
   #contactInfo h1 a {
        color: #fff;
        text-decoration:none;
    }
    #contactInfo h1 {
        font-size: 16px;
    }
        #contactInfo h1.info {
            margin: 0;
            font-family: 'open_sansregular';
            margin-bottom: 5px;
        }
    #contactInfo p {
        color: #fff;     
        margin-bottom: 0;  
    }
#contactInfo h1.text-uppercase {
    margin-top: 30px;
            font-family: "open_sanssemibold";
}
    #contactInfo h1 span {
        margin-right: 15px;
    }
    #Thankyou h1 {
        top: 17%;
        left: 9%;
        position: absolute;
        font-family: open_sansregular;
        width: 80%;
        color: #48484A;
        font-size: 6vw;
    }
    #Thankyou h2 {
        top: 23%;
        left: 6%;
        position: absolute;
        font-family: open_sanslight;
        width: 89%;
        color: #48484A;
        font-size: 18px;
    }


#txtDisclaimer {
    margin-top: 10%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding: 0;
}

    #txtDisclaimer p {
        color: #fff;
        font-size: 18px;
    }

        #txtDisclaimer p span {
            color: darkorange;
            font-size: 24px;
            font-family: 'open_sanssemibold';
        }

#divServices, #divPromiseToProvide, #divSendEmail, #divHappyClientsBG, #divPerformance, #section1-team, #workWithUs, #whitePatternSection, #goals, #section2-team, #contactBody, #divPros, #divCalculator {
    padding-top: 7%;
    padding-bottom: 7%;
}

#footer-top, #section1-service, #section2-service, #section3-service, #section4-service, #section5-service, #section6-service, #section7-service {
    padding-top: 3%;
    padding-bottom: 3%;
}

/*#contactForm {
    margin-top: 30px;
}*/

.margin-nav {
    padding-right: 97px;
}

.textalign {
    text-align: center;
}

.marginicon {
    margin-top: 30px;
    margin-bottom: 30px;
}

.small-logo {
    z-index: 999;
}

.navbar-brand img {
    max-height: 60px;
    margin-left: -13px;
}


@media (max-width: 692px) {
    .navbar-brand {
        position: relative!important;
        bottom: 53px!important;
    }
}

@media (min-width: 992px) {
    .savings {
        padding-left: 198px;

    }
}


@media (max-width: 357px) {
.total-savings {
   width: 43%;
    }
}


@media (min-width: 650px) {
    .prosTable > thead > tr > td:first-child {
         padding-left: 82px!important; 
        padding-right: 82px!important; 
    }
}



@media (max-width: 767px) {

    .bottomtext {
        text-align: center;
    }

    #aboutBanner, #servicesBanner, #teamBanner {
        text-align: center;
    }

    .divBanner p {
        font-size: 14px;
        max-width: 689px;
    }

    .bottomoretext {
        width: 99%;
    }

    #section7-service ol li span {
        WIDTH: 100%;
    }

input#addAll {
background: rgb(210, 87, 87);
height: 38px;
font-size: 15px;
color: white;
text-align: center;
width: 217px;
}

    #acLogotext, #ocLogotext, #icLogotext, #scLogotext {
        margin: 31px 3%;
        padding-right: 0;
        text-align: left;
    }

    #acLogo, #ocLogo, #icLogo, #scLogo {
        text-align: center;
        margin-left: 31%;
    }
}

@media (max-width: 540px) {
    #acLogotext, #ocLogotext, #icLogotext, #scLogotext {
        margin: 30px -1%;
        padding-right: 0;
        text-align: left;
    }

    #acLogo, #ocLogo, #icLogo, #scLogo {
        text-align: center;
        margin-left: 22%;
    }
}

@media (max-width: 388px) {
    #acLogotext, #ocLogotext, #icLogotext, #scLogotext {
        margin: 30px -9%;
        padding-right: 0;
        text-align: left;
    }

    #acLogo, #ocLogo, #icLogo, #scLogo {
        text-align: center;
        margin-left: 12%;
    }
}

@media (max-width: 440px) {
    #acLogotext, #ocLogotext, #icLogotext, #scLogotext {
        margin: 30px -2%;
        padding-right: 0;
        text-align: left;
        
    }

input#addAll {
background: rgb(210, 87, 87);
height: 38px;
font-size: 15px;
color: white;
text-align: center;
width: 147px;
}

    #acLogo, #ocLogo, #icLogo, #scLogo {
        text-align: center;
        margin-left: 16%;
    }
}

@media (max-width: 381px) {
    #acLogotext, #ocLogotext, #icLogotext, #scLogotext {
        margin: 30px -2%;
        padding-right: 0;
        text-align: left;
    }

    #acLogo, #ocLogo, #icLogo, #scLogo {
        text-align: center;
        margin-left: 9%;
    }
}

/******************************************responsive*******************************************/
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #divCalculator .prosTable > tbody > tr > td:nth-child(2), #divCalculator .prosTable > tbody > tr > td:first-child {
    }
     #divCalculator .table > tbody > tr > td {
        padding: 8px;
        font-size: 14px;
    }
    #divCalculator .table > thead > tr > td {
        font-size: 20px;
        padding: 25px;
    }
    #totalLabel, .total, #totalPrice {
        font-size: 24px !important;
        padding: 15px !Important;
    }

    .total2 {
    padding: 15px !Important;
}

#sum2 {
font-size: 24px;
}

    .savings, .total-savings {
        font-size: 40px;
    }
    .savings span, .total-savings {
        font-size: 40px;
        width: 30%;
        text-align: left;
        margin-left: -1px;
       
    }

    #sendAnotherMessage {
        width: 30%;
        background-color: #ff6a00;
        height: 43px;
        font-family: "open_sanssemibold";
        font-size: 16px;
        color: white;
        text-transform: uppercase;
        opacity: 1;
        cursor: pointer;
        transition: all 0.5s ease;
        text-align: center;
        padding: 0;
        position: relative;
        left: 36%;
        top: 75%;
        margin-top: 413px;
    }

    .navbar-brand img {
        max-height: 60px;
        margin-left: 0px;
    }


    .textalign {
        text-align: left;
    }


    #section7-service ol li {
        margin-bottom: 10%;
    }

    .margin-nav {
        padding-right: 0px;
    }
    .phone-icon, .mail-icon, .site-icon, .fb-icon, .tw-icon, .tb-icon, .gp-icon, .li-icon {
        height: 23px;
    }

    .navbar-brand img {
        margin-top: 50px;
    }

    #contactBody textarea {
        height: 150px;
        border: 1px solid #fff;
        width: 86%;
        color: #fff;
        font-family: "open_sanslight";
        font-size: 16px;
        background-color: transparent;
        margin-top: 2%;
    }

    #contactForm {
        color: #fff;
        font-size: 24px;
        top: 2%;
        /*left: -48px;*/
        position: relative;
        border: 1px solid #fff;
        background-color: rgba(0, 0, 0, 0.11);
        border-radius: 5px;
        display: inline-block;
    }

    #another-send {
        font-size: 20px;
        height: 60px;
        padding: 0 25px;
        margin-top: 50px;
    }
    #Thankyou h1 {
        font-size: 40px;
    }
    #Thankyou h2 {
        font-size: 24px;
        max-width: 800px;
        margin: 0 auto;
        position: relative;
        left: 0;
        margin-top: 220px;
    }

    .call-now {
        font-size: 20px;
        font-size: 17px;
        position: relative;
        left: 0;
        color: rgb(244, 115, 22);
        margin-bottom: -6px;
        margin-top: -3px;
        text-align: right;
        margin-right: 15px;
    }

    .navbar-brand {
        position: relative;
        bottom: 3px;
    }

    .btn-submit {
        width: 100%;
        bottom: 0;
        margin-top: 383px;
    }

    .navbar-brand img {
        max-height: none;
        margin-top: -5px;
    }

    #section2-team h3 {
        font-size: 35px;
        text-align: left;
        margin-top: -2px;
    }

    #section2-team h2 {
        font-family: "open_sanslight";
        font-size: 60px;
    }

    #section2-team p {
        text-align: left;
    }

    #bs-example-navbar-collapse-1 {
        padding-top: 25px;
    }

    #section1-team h2, #workWithUs h2 {
        font-size: 45px;
        font-family: "open_sanslight";
    }

    #textPromiseToProvide h1, #divPros h1 {
        font-size: 35px;
        margin-bottom: 20px;
    }
    #divCalculator h1 {
        font-size: 45px;
        margin-bottom: 20px;   
        font-family: "open_sanssemibold";
    }
    #textPromiseToProvide h2, #divPros h2, #divCalculator h2 {
        font-size: 50px;
    }

    #textPromiseToProvide p {
        font-size: 24px;
        line-height: 29px;
    }

    #divSendEmailHeader h1 {
        font-size: 45px;
        text-align: center;
    }

    #divSendEmail #form input, #divSendEmail #form textarea {
        width: 60%;
        text-align: left;
        opacity: 0.5;
    }
	
	.g-recaptcha {
		display: block;
		margin-left: auto;
		margin-right: auto;
		text-align: -webkit-center;
	}

    #divSendEmail #form input {
        height: 34px;
        margin-bottom: 10px;
        text-align: center;
    }

    #divSendEmail #form textarea {
        margin: auto;
        top: 50%;
        margin-bottom: 5px;
        text-align: center;
    }

    #divSendEmail #form textarea, #divSendEmail #form input {
        font-size: 16px;
    }

    #divHappyClientsBG {
        max-width: 100%;
        background: url('../Images/BPOTelecom_ClientsImage_2.png');
        background-repeat: no-repeat;
        background-size: 40%;
        background-color: #189dce !important;
        background-position: top right;
    }


    .imgPromisesPositioning {
        width: 91px;
        min-height: 75px;
        display: block;
        margin: -2px auto;
    }


    .imgServicesPositioning {
        width: 112px;
        min-height: 107px;
        display: block;
        margin: auto;
    }

    /*#divSendEmail #form input[type=submit] {
        margin: 0;
        border: 0;
        width: 35%;
        background-color: #ff6a00;
        height: 37px;
        font-family: "open_sanssemibold";
        font-size: 17px;
        color: white;
        text-transform: uppercase;
        opacity: 1;
        cursor: pointer;
        transition: all 0.5s ease;
        text-align: center;
    }*/

    #calcuBtn {
        text-align: left;
        max-width: 400px;
    }

    #imgHappyClients1 h2 {
        font-size: 45px;
        text-align: left;
        font-family: "open_sanslight";

    }

    #imgHappyClients1 h3 {
        text-align: left;
        font-family: 'open_sanssemibold';
    }

    #calcuBtn span {
        padding: 15px 33%;
    }

    .promises h3 {
        text-align: center;
        text-transform: uppercase;
        font-size: 16px;
        font-family: "open_sanssemibold";
    }

    .divEmployeeInfo .row h3 {
        text-align: left;
        margin: 0 0 15px 0;
    }

    #divPerformance p {
        text-align: left;
    }

    #servicesBanner, #teamBanner, #aboutBanner {
        background-size: 100%;
    }

        #servicesBanner h2, #teamBanner h2 {
            font-size: 60px;
            line-height: 68px;
        }

        #aboutBanner h2 {
            font-size: 45px;
        }

    .divBanner p {
        font-size: 20px;
        line-height: 25px;
        width: 50%;
        max-width: none;
    }

    #wwuRight {
        float: right;
    }

    #workWithUs p {
        padding-bottom: 0;
        font-size: 23px;
    }

    #workWithUs {
        background-color: #75bb36 !important;
        background: url(../Images/AboutUs/BPOTelecom_headset.png) no-repeat center left;
        background-size: 50%;
    }

    .wpLeft {
        margin-bottom: 0;
    }

        .wpLeft p {
            text-align: left;
            font-size: 35px;
            line-height: 50px;
        }

    #goals h2 {
        font-size: 60px;
    }

    #goals h3 {
        font-size: 40px;
    }

    #goals h1 {
        font-size: 120px;
    }

    .dotted {
        background: url(../Images/dots.png) repeat-x;
        margin-top: 10%;
    }

    #goalImages {
        margin: 0px auto 40px auto;
    }

    .values {
        margin-top: 5%;
    }

    .reception {
        background: url('../Images/Services/added_icons1.png')repeat-y right 109px;
        height: 109px;
    }

    .sales_order {
        background: url('../Images/Services/added_icons1.png')repeat-y right 440px;
        height: 109px;
    }

    .research_surveys {
        background: url('../Images/Services/added_icons1.png')repeat-y right 220px;
        height: 109px;
    }

    .event_manage {
        background: url('../Images/Services/added_icons1.png')repeat-y right 550px;
        height: 109px;
    }

    .donation_line {
        background: url('../Images/Services/added_icons1.png')repeat-y right 330px;
        height: 109px;
    }

    #textHead h1 {
        font-size: 35px;
    }

    #textHead p, #contactForm input {
        font-size: 18px;
    }

    .email_handling {
        background: url('../Images/Services/added_icons1.png')repeat-y right 0px;
        height: 109px;
    }

    .footer-1, .footer-2 {
        margin-bottom: 20px;
    }
    /*.footer-1 ul li {
        padding-top: 25px;
    }*/
    #txtDisclaimer {
        padding: 0 15px;
    }

    #footer-bottom p {
        font-size: 12px;
        padding: 20px 0;
    }
    #calBar {
    padding: 13px 0;
    text-align: center;
    }
    #contactInfo {
        text-align: left;
    }

}

@media (min-width: 992px) {
    .divBanner p {
        font-size: 30px;
        line-height: 35px;
    }
}

    #sendAnotherMessage {
        width: 30%;
        background-color: #ff6a00;
        height: 43px;
        font-family: "open_sanssemibold";
        font-size: 16px;
        color: white;
        text-transform: uppercase;
        opacity: 1;
        cursor: pointer;
        transition: all 0.5s ease;
        text-align: center;
        padding: 0;
        position: relative;
        left: 36%;
        top: 75%;
        margin-top: 490px;
    }

    .bannertext {
        position: relative;
        /*left:;
        text-align:;*/
    }

    .navbar-brand img {
        max-height: 80px;
        margin-left: 0px;
    }

    .textalign {
        text-align: left;
    }


    .margin-nav {
        padding-right: 0px;
    }

    .footerzimg {
        /*margin-left: 193px;*/
        text-align: right;
    }

    #section7-service ol li {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 4%;
    }

    #contactForm {
        color: #fff;
        font-size: 24px;
        top: 2%;
        /*left: -39px;*/
        position: relative;
        border: 1px solid #fff;
        background-color: rgba(0, 0, 0, 0.11);
        border-radius: 5px;
        display: inline-block;
        width: 100%;
    }
    #contactInfo h1 {
        font-size: 18px;
    }
    #contactInfo p {
        font-size: 16px;
    }

    /*.call-now {
        font-size: 20px;
        font-size: 17px;
        position: relative;
        left: 13%;
        color: rgb(244, 115, 22);
        margin-bottom: -6px;
        margin-top: -3px;
    }*/

    .navbar-brand {
        position: relative;
        bottom: 3px;
    }

    .btn-submit {
        width: 100%;
        bottom: 0;
        margin-top: 435px;
    }

    #section1-team h2, #workWithUs h2 {
        font-size: 60px;
    }

    #section2-team h3 {
        font-size: 50px;
    }

    #divSendEmail #form textarea {
        top: 50%;
        text-align: left;
        opacity: 0.5;
        /*margin-left: 43px;*/
        margin: auto;
        width: 60%;
        display: block;
        margin-bottom: 20px;
        text-align: center;
    }

    .imgServicesPositioning {
        width: 112px;
        min-height: 107px;
        display: block;
        margin: auto;
    }

    .imgPromisesPositioning {
        width: 91px;
        min-height: 75px;
        display: block;
        margin: -2px auto;
    }

    #divSendEmail ##form input {
        width: 60%;
    }

        /*#divSendEmail #form input[type=submit] {
            margin: 0;
            border: 0;
            width: 35%;
            background-color: #ff6a00;
            height: 37px;
            font-family: "open_sanssemibold";
            font-size: 17px;
            color: white;
            text-transform: uppercase;
            opacity: 1;
            cursor: pointer;
            transition: all 0.5s ease;
            text-align: center;
        }*/

    label {
        display: inline-block;
        max-width: 100%;
        font-weight: 700;
    }

    #divHappyClientsBG {
        max-width: 100%;
        background: url('../Images/BPOTelecom_ClientsImage2.png');
        background-repeat: no-repeat;
        background-size: 44%;
        width: 100%;
        background-color: #189dce !important;
        background-position: top right;
    }

    #imgHappyClients1 h3 {
        font-size: 24px;
    }

    #divPerformance h2 {
        text-align: center;
        color: #4A4A4A;
        margin-bottom: 50px;
        font-size: 60px;
        font-family: "open_sanslight";
        text-transform: none;
    }


    .promises h3 {
        text-align: center;
        text-transform: uppercase;
        font-size: 16px;
        font-family: "open_sanssemibold";
    }

    .wpLeft p {
        font-size: 40px;
        margin-top: 10%;
    }

    #aboutBanner h2 {
        font-size: 60px;
    }

    .divEmployeeInfo > h3 {
        text-align: left;
    }

    #divSiteBannerText span, .headerBtn a {
        border: 3px solid white;
        padding: 10px 30px 10px 30px;
    }

        .headerBtn a:hover {
            border: 3px solid #FFFFA9;
            color: #FFFFA9;
            text-decoration: none;
        }

    #textPromiseToProvide h2 {
        font-size: 60px;
	line-height: 1;
    }

    .dotted {
        margin-top: 7%;
    }

}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #sendAnotherMessage {
        width: 30%;
        background-color: #ff6a00;
        height: 43px;
        font-family: "open_sanssemibold";
        font-size: 16px;
        color: white;
        text-transform: uppercase;
        opacity: 1;
        cursor: pointer;
        transition: all 0.5s ease;
        text-align: center;
        padding: 0;
        position: relative;
        left: 32%;
        top: 75%;
        margin-top: 530px;
    }

    .textalign {
        text-align: left;
    }
    .navbar-brand img {
        max-height: 80px;
        margin-left: 0px;
    }
    .margin-nav {
        padding-right: 0px;
    }

    .contactbtn {
        padding-bottom: 15px;
    }
    #contactForm {
        color: #fff;
        font-size: 24px;
        top: 2%;
        left: 10px;
        position: relative;
        border: 1px solid #fff;
        background-color: rgba(0, 0, 0, 0.11);
        border-radius: 5px;
        display: inline-block;
        width: 700px; 
   }
    /*put this on the correct section later*/
    /*.call-now {
        font-size: 20px;
        font-size: 17px;
        position: relative;
        left: 13%;
        color: rgb(244, 115, 22);
        margin-bottom: -6px;
        margin-top: -3px;
    }*/

    .navbar-brand {
        position: relative;
        bottom: 3px;
    }

    .btn-submit {
        width: 100%;
        bottom: 0;
        margin-top: 506px;
    }

    #sumbit-button {
        width: 36%;
    }

    .divEmployeeInfo > h3 {
        font-size: 16px;
        font-family: "open_sanssemibold";
        text-align: left;
        margin-bottom: -94px;
    }

    .promises h3 {
        text-align: center;
        text-transform: uppercase;
        font-size: 16px;
        font-family: "open_sanssemibold";
    }

    .slidernav a.next {
        right: -38px;
    }

    div#divHappyClientsBG {
        background-size: 42%;
    }

    #calcuBtn {
        max-width: 600px;
    }
    #imgHappyClients1 h2 {
        font-size: 55px;
    }
    #imgHappyClients1 h3 {
        font-size: 36px;
    }

    .promises h1 {
        font-size: 45px;
        text-align: center;
    }

    .promises h2 {
        text-align: left;
        text-transform: uppercase;
        padding-top: 100px;
        font-size: 60px;
        line-height: 65px;
        color: #61CCF9;
        text-align: center;
    }

    .promises p {
        width: 80%;
        font-size: 28px;
        line-height: 29px;
        margin: 0 auto;
        margin-top: 30px;
        padding-bottom: 50px;
        color: white;
        text-align: center;
    }

    .container {
        padding: 0% 0;
    }

    #divSendEmailHeader {
        margin: 27px;
    }

    .imgServicesPositioning {
        width: 112px;
        min-height: 107px;
        display: block;
        margin: auto;
    }

    .imgPromisesPositioning {
        width: 91px;
        min-height: 75px;
        display: block;
        margin: -2px auto;
    }
    /** Style for the button & div **/
    .myButton {
        padding: .2em 1em;
        font-size: 1em;
    }

    .mySelect {
        padding: .2em 0;
        font-size: 1em;
        visibility: hidden;
    }

    #myDiv {
        color: Green;
        background-color: #eee;
        border: 2px solid #333;
        display: none;
        text-align: justify;
        padding: 50px 0 50px 0;
    }

    .send-again {
        text-align: center;
        font-size: 11px;
    }

    #myDiv p {
        margin: 15px;
        font-size: 1.917em;
        text-align: center;
    }
    /** Style for the cointainer **/
    #body {
        clear: both;
        margin: 0 auto;
    }

    html, body {
        background-color: White;
    }

    hr {
        margin-bottom: 40px;
    }
}

#line
{
font-size:75px;
margin-top:-125px;
margin-left:100px;
}

/* MARGINS */