/** Custom Page Styles
 *  Syntax: <page-name Class Name> selectors{properties}
 *  Author: CTL Dev Team
 *  Created: Jun 2014 / Modified: 08/28/14
 */

.radial-shadow{background:url(../img/bg-images/radial-shadow-bg.png) center center no-repeat; background-size: 100% 200%;}
/*Home Page - helango : CMS 788*/
.home-page .page-header h1{font-size: 30px;}
.home-hero .carousel-indicators {position: relative;width: auto;left: 0;bottom: -10px;margin-left: 0%;}
.home-hero .carousel-indicators li{background-color: rgba(204, 204, 204, 1); border: 1px solid #ccc;}
.home-hero .carousel-indicators .active {background-color: #90c448; border: 1px solid #90c448;}

.home-hero .carousel-caption{width: auto;left: 0; top: 0; bottom: 0; right:0; text-align: left; text-shadow: none;}

.home-hero .item{font-family: "Oswald" !important; font-style: normal;/*font-family: "Open Sans Condensed" !important;*/}
.home-hero .item > div > a{display: block;}
.home-hero .item > div > a > img{display: block;height: auto;max-width: 100%;}
.home-hero .item > div > a > p{position: absolute; bottom: 15px; right: 20px;}
.home-hero .item > div.mobile > img{max-width: none;}

.home-hero .item h1, .home-hero .item h3, .home-hero .item h6{padding:0 10px;}
.home-hero .item h1{font-size: 35pt !important; font-weight: 700;}
.home-hero .item h2{font-weight: 300;  letter-spacing:1px; color: #909090; background:#fff; padding:10px;}

.home-hero .hero-1 h1{margin-top: 0; margin-bottom: 25px; padding-top: 0;}
.home-hero .hero-1 h1 > span{color: #fcc53c; /*font-family: "arial" !important;*/}

.home-hero .hero-2 h1{font-size: 30pt !important;}
.home-hero .hero-2 h2, .home-hero .hero-3 h2{ margin-top: 0;}

.spot-light.radial-shadow{background-size: 103% 250%;}
.spot-light .bg-img{
    background-color: #fff;
    background-image:url(../img/content-graphics/tech-spotlight.jpg), url(../img/content-graphics/tech-spotlight.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto auto, 100% 126px;
    padding-top: 150px;}

.hp-tabs .nav-pills > li {box-shadow: none; width: 24%; background-color: #999; color: #fff; text-align: center;}
.hp-tabs .nav-pills > li + li {margin-left: 1.25%;}
.hp-tabs .nav-pills > li > a {
    padding: 7px 0px 5px;
    color: #fff;
    font-weight: 600;
    border-radius: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.hp-tabs .nav-pills > li > a:hover,
.hp-tabs .nav-pills > li > a:focus {background-color: #f8f8f8;color: #666;}
.hp-tabs .nav-pills > li.active > a,
.hp-tabs .nav-pills > li.active > a:hover,
.hp-tabs .nav-pills > li.active > a:focus {color: #666; background-color: #fff;}

/*mobile hp-tabs*/
.hp-tabs .mobile.nav-pills > li {width: 100%;}
.hp-tabs .mobile.nav-pills > li.active > a{background-color: #8ac835; color: #fff; padding:10px; text-align: left; font-size: 18px; font-weight: normal;}

.hp-tabs.tab-content h1{margin-top: 20px !important; color: #f37b2b; font-size: 27px; font-weight: 600;}
.hp-tabs.tab-content h1 > span{color: #f8a245}

/*.intr-infgrp - Interactive Infographics for hp*/
.intr-infgrp .radial-shadow{background-position: 1000px; }
/*.intr-infgrp .tab-content{height: 305px;}*/
.intr-infgrp .panel{background: none; border: none; margin-bottom: 0px;}
.intr-infgrp .panel ul{margin-left: 15px;}
.intr-infgrp .panel-heading{padding:15px;}
.intr-infgrp .panel-title{font-weight: 500;}
.intr-infgrp .panel-body > .active{margin:0 auto; background-repeat: no-repeat; height: 125px;}
.intr-infgrp ul.img-pills{display: block;}
.intr-infgrp .img-pills li{float: left; list-style: none; }
.intr-infgrp .img-pills li > a{background-repeat:no-repeat; display: block; height: 125px;}

.intr-cloud{background-image:url(../img/info-graphics/interactive-infographics/hp-intr-infgrp-cloud.png); width: 148px; }
.intr-connectivity{background-image:url(../img/info-graphics/interactive-infographics/hp-intr-infgrp-connectivity.png); width:252px; }
.intr-commitment{background-image:url(../img/info-graphics/interactive-infographics/hp-intr-infgrp-commit.png); width:216px; }
.intr-security{background-image:url(../img/info-graphics/interactive-infographics/hp-intr-infgrp-security.png); width:180px; }
.intr-breadth{background-image:url(../img/info-graphics/interactive-infographics/hp-intr-infgrp-breadth.png); width:187px; }

.active.intr-cloud, li.active a.intr-cloud, a:hover.intr-cloud{background-image:url(../img/info-graphics/interactive-infographics/hp-intr-infgrp-cloud-over.png);}
.active.intr-connectivity, li.active a.intr-connectivity, a:hover.intr-connectivity{background-image:url(../img/info-graphics/interactive-infographics/hp-intr-infgrp-connectivity-over.png);}
.active.intr-commitment, li.active a.intr-commitment, a:hover.intr-commitment{background-image:url(../img/info-graphics/interactive-infographics/hp-intr-infgrp-commit-over.png);}
.active.intr-security, li.active a.intr-security, a:hover.intr-security{background-image:url(../img/info-graphics/interactive-infographics/hp-intr-infgrp-security-over.png);}
.active.intr-breadth, li.active a.intr-breadth, a:hover.intr-breadth{background-image:url(../img/info-graphics/interactive-infographics/hp-intr-infgrp-breadth-over.png);}

.intr-infgrp .mobile{background-position:top right; background-repeat: no-repeat; width: 100px; height: 75px; margin-top: 10px; margin-right:5px; }
.mobile.intr-cloud{background-size: 125% auto; }
.mobile.intr-connectivity{background-size: 121% 115%; }
.mobile.intr-commitment{background-size: 130% 100%; }
.mobile.intr-security{background-size: 115% 90%; }
.mobile.intr-breadth{background-size: 119% 100%; margin-top: 0; }

/*Login popover*/
.popover-backdrop{background-color: #000; bottom: 0; left: 0; position: fixed; right: 0; top: 0; opacity: 0.5; z-index: 1005; display: block;}
.login-popover.popover{border: none; border-radius: 0; padding: 3px; margin: 0px 10px; width: 964px; top: 10px; max-width: 964px; display: block;}
.login-popover > .panel{border: none;}

/*Prod Finder*/
.prod-finder table tbody th{font-weight: normal;}
.prod-finder table tbody td{border-left: 1px solid #ccc;}
.prod-finder h3{float: left; margin: 1px 5px 1px 0px;}
.prod-finder hr{float: left; width: 80%; margin: 12px 5px; border-color: #000;}
.prod-finder ul{list-style: none; margin-bottom: 0px;}
.prod-finder .result-status p{padding: 10px 0px 0px 10px;}

/*RC - Resource Center CS- Case study Catg*/
.rc-cs-catg .panel, .rc-cs-catg .panel-heading{border-radius: 0px;}
.rc-cs-catg .panel-graphics{background: inherit center bottom no-repeat; padding: 12px 0px;}
.rc-cs-catg .panel-graphics h3{background:rgb(255,255,255); background:rgba(255,255,255, 0.9); padding: 7px 15px;position:relative; left: -1px;}
.rc-cs-catg .panel-body{padding:0px 15px; }
.rc-cs-catg .panel-body h4{font-size: 125%; font-weight: 500;}
.rc-cs-catg .panel-body h4:first-child{margin-top: 15px;}
.rc-cs-catg .panel-body ul{margin-left:25px;}
.rc-cs-catg .panel-body p:last-child{margin-bottom: 15px;}

/* Promo container */
.promo-container{width: 100%}
.ebook-rt-rail{background:#00853f url(../img/promo-graphics/ebook-rt-rail.jpg) no-repeat center center; height: 190px; }
.ebook-rt-rail > div{padding: 85px 0px 0px 90px; margin:0 auto; width: 218px;}

.retail-cs{background-image:url(../img/panel-graphics/case-study-retail-bg.jpg);}
.banking-cs{background-image:url(../img/panel-graphics/case-study-banking-bg.jpg);}
.business-cs{background-image:url(../img/panel-graphics/case-study-business-bg.jpg);}
.gov-cs{background-image:url(../img/panel-graphics/case-study-gov-bg.jpg);}
.healthcare-cs{background-image:url(../img/panel-graphics/case-study-healthcare-bg.jpg);}
.hospitality-cs{background-image:url(../img/panel-graphics/case-study-hospitality-bg.jpg);}
.legal-cs{background-image:url(../img/panel-graphics/case-study-legal-bg.jpg);}

/*Custom services blocks / sections - Containers  */
.services-container a:hover{text-decoration: none;}

.tab_icon_features{background-image:url(../img/icons/runner-grey.png);}
.tab_icon_benefits{background-image:url(../img/icons/puzzle-grey.png);}
.tab_icon_details{background-image:url(../img/icons/mag-glass-grey.png);}
.tab_icon_check{background-image:url(../img/icons/tick-grey.png);}

li.active .tab_icon_features, li a:hover .tab_icon_features, .mobile .tab_icon_features{background-image:url(../img/icons/runner-green.png);}
li.active .tab_icon_benefits, li a:hover .tab_icon_benefits, .mobile .tab_icon_benefits{background-image:url(../img/icons/puzzle-green.png);}
li.active .tab_icon_details, li a:hover .tab_icon_details, .mobile .tab_icon_details{background-image:url(../img/icons/mag-glass-green.png);}
li.active .tab_icon_check, li a:hover .tab_icon_check, .mobile .tab_icon_check{background-image:url(../img/icons/tick-green.png);}

/* tb-tab: Title Body tabs - Customs styles */
.vTab-container.tb-tab .tab-stacked .tab-arrow:after{border-width:37px;}
.vTab-container.tb-tab .tab-stacked .tab-btn-content{height: 75px; padding: 12px 15px;}
.vTab-container.tb-tab .tab-stacked .tab-btn-content h3{margin: 0px;}
.vTab-container.tb-tab .tab-stacked .tab-arrow .tab-btn-content-title p{line-height: 1.3;}

.vTab-container.tb-tab .mobile.tab-stacked .tab-arrow:after{left: 89.49%}
.vTab-container.tb-tab .mobile.tab-stacked .tab-btn-content{height: auto; padding: 15px 15px 2px;}
/* Voice catg  - Service tabs - content align */
.voice-catg .tab-content .mT10{margin-top: 10px !important;}

/* Page Section  - Content Graphics */
.product-catg .content-graphics,
.data-networking-catg .content-graphics{
    height: 199px;
    padding: 102px 0 45px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
}
/*Product Catg - Unique Content Images*/
/*Data- Networking*/
.local-data-networking{background-image:url(../img/content-graphics/local-data-networking.png);}
.regional-national-data-networking{background-image:url(../img/content-graphics/regional-national-data-networking.png);}
.global-data-networking{background-image:url(../img/content-graphics/global-data-networking.png);}
/*Voice*/
.communication-voice{background-image:url(../img/content-graphics/voice-communications-category.png);}
.conferencing-voice{background-image:url(../img/content-graphics/conferencing-voice-category.png);}
.contactCenter-voice{background-image:url(../img/content-graphics/contact-center-voice-category.png);}

/*Hero Image Declaration */
.local-data-networking-hero{background-image: url("../img/hero-graphics/local-data-networking-hero.png");}
.regional-data-networking-hero {background-image: url("../img/hero-graphics/regional-national-data-networking-hero.png");}
.global-data-networking-hero {background-image: url("../img/hero-graphics/global-data-networking-hero.png");}
.communication-voice-hero {background-image: url("../img/hero-graphics/business-voice-hero.png");}
.conferencing-voice-hero {background-image: url("../img/hero-graphics/business-conferencing-hero.png");}
.contactCenter-voice-hero {background-image: url("../img/hero-graphics/customer-contact-center-hero.png");}
.ms-office-365-hero {background-image: url("../img/hero-graphics/ms-office-365-hero.jpg"); background-color: #003a9d;}
.ctl-office-365-banner {background-image: url("../img/content-graphics/now-including-office-365.jpg");}

/* Custom Hero section styles */
.ms-office-365-hero h1{font-size: 34px;}
.ms-office-365-hero h1, .ms-office-365-hero h4{line-height: 1.25}

.ctl-office-365-banner{width: 198px; height: 128px;}

/* Tabs Section Global*/
.banner-tabs{border-bottom:0;}
.banner-tabs li{
    box-shadow:none;
    margin-right:15px;
    text-align:center;
    width:45%;
    height:32px;
    margin-bottom: 0px;
}
/*Banner Tab Links */
.banner-tabs li a{color:#fff; font-weight:bold; padding:6px 15px 4px 15px;  border-radius:0px; margin-right: 0px; border: 0px;}
.banner-tabs.util-text{margin: 7px 0px 0px 0px;}

/*Page Section - Info Graphics*/
.info-graphics{
    -pie-background: rgba(255,255,255, 1);
    background:rgba(255,255,255, 1);
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 24px;
    behavior: url(/business/src/js/plugins/PIE.htc);
}
.info-graph-sip-trunk {
    background-image: url("../img/info-graphics/ctlbiz-sip-trunk-infographic.jpg");
    background-size: 100%;
}



/*Gradient Border Classes-AtulW*/
.bot-left {
	position: relative!important;
}
.bot-left{
	content: ""!important;
	position: absolute!important;
	bottom: -3px!important;
	left: -3px!important;
}
.bot-left {
	top: -3px!important;
	background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#a4d463), to(#a4d463))!important;
	background-image: -webkit-linear-gradient(#a4d463, #e1f0cc, #a4d463)!important;
	background-image: -moz-linear-gradient(#a4d463, #e1f0cc, #a4d463)!important;
	background-image: -o-linear-gradient(#a4d463, #e1f0cc, #a4d463)!important;
	-pie-background: linear-gradient(#a4d463, #e1f0cc, #a4d463)!important;
	behavior: url(/business/src/js/plugins/PIE.htc)!important;
	position:relative!important;
	background-repeat:repeat-y!important;
	background-size:1px auto!important;
}
.bordermarL{
	margin-left:15px!important;
}

/*cloud page classes-Atul*/
.tab_icon_hybridit{background-image:url(../img/icons/hybrid-icon-off.png);width:51px!important; height:43px!important;}
.tab_icon_migratplanning{background-image:url(../img/icons/migration-icon-off.png);width:44px!important; height:42px!important;}

li.active .tab_icon_hybridit, li a:hover .tab_icon_hybridit, .mobile .tab_icon_hybridit{background-image:url(../img/icons/hybrid-icon-on.png);width:51px!important; height:43px!important;}
li.active .tab_icon_migratplanning, li a:hover .tab_icon_migratplanning, .mobile .tab_icon_migratplanning{background-image:url(../img/icons/migration-icon-on.png);width:44px!important; height:42px!important;}
.img-posbottom{position:absolute!important;bottom:0!important;right:0!important;}
.facircle-color{color:#00893b;}
.facircle-margin{margin-right:5px; margin-top:-2px; float:left;}
.cpe-billing-hero {
    background-image: url("../img/hero-graphics/invoice-explanation-hero.jpg");
	height:150px;
}
/*ImgOverlay*/
.imgoverlay {
        background: rgb(200, 200, 200);
        -pie-background: rgba(200, 200, 200, 0.45);
        background: rgba(200, 200, 200, 0.35);
        behavior: url(/business/artifacts/js/PIE.htc);
        /*opacity: 0.35;*/
        position: fixed;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        z-index: 9990;
        display: none;
    }
	.imgbox1 {
        position: fixed;
        /*top:-300px;*/
        left: 5%;
        right: 5%;
        background-color: #545a5a;
        padding: 15px 0 0 0;
        border: 5px solid #545a5a;
        border-radius: 7px 7px 7px 7px;
        -webkit-border-radius: 7px 7px 7px 7px;
        -webkit-box-shadow: 0 1px 5px #333;
        z-index: 9999;
        width: 920px;
		height: 651px;
        display: none;
        behavior: url(/business/artifacts/js/PIE.htc);
    }
    .imgboxwhite {
        position: relative;
        background-color: #fff;
        color: #000;
        padding: 5px;
        border: 1px solid #000;
        border-radius: 7px 7px 7px 7px;
        -webkit-border-radius: 7px 7px 7px 7px;
        -webkit-box-shadow: 0 1px 5px #333;
        width: 910px;
		height:641px;
        behavior: url(/business/artifacts/js/PIE.htc);
    }
    .imgboxwhite p {
        padding-top: 5px;
    }
    .imgboxwhite ul {
        padding: 0px 35px 15px 35px;
    }
    .imgboxclose {
        margin-left: 44% !important;
    }
    a.imgbtn {
        border-radius: 8px;
        background-color: #00853F;
        color: #fff !important;
        padding: 4px 12px;
    }
    .imgbox1 h1 {
        border-bottom: 0px dashed #7F7F7F;
        margin: -20px -15px 0px 0px;
        padding: 10px 20px;
        color: #fff;
		font-size:1.5em;
        -moz-border-radius: 20px 20px 0px 0px;
        -webkit-border-top-left-radius: 20px;
        -webkit-border-top-right-radius: 20px;
        -khtml-border-top-left-radius: 20px;
        -khtml-border-top-right-radius: 20px;
        behavior: url(/business/artifacts/js/PIE.htc);
    }
    a.imgboxclosebtn {
        float: right;
        width: 26px;
        height: 26px;
        background: url("/business/artifacts/images/cancel.png") no-repeat top left transparent;
        cursor: pointer;
        display: block;
        margin-top: -10px;
        margin-right: -10px;
    }
.hero-graphics.cpe h2 {
    background: none repeat scroll 0 0 rgba(233, 233, 209, 0.95);
    display: inline-block;
    font-size: 24px;
    margin: 25px;
    padding: 9px;
    position: relative;
    text-align: center;
	color:#009de0;
}
h3.ctl_videocontent{margin-top: 0px!important;}
.btn-orange {
padding: 3px 20px;
background-color: #ff6319;
border: 0;
color: #fff!important;
}
.mT45{margin-top:45px;}
.pull-left-txt{text-align:left!important;margin-bottom:0;padding-left:10px;}