@import 'https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&subset=latin-ext';

/*=============================
 * 			Common css
 * ==========================*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Lato', sans-serif !important;line-height: 1.1 !important;}
body {font-family: 'Lato', sans-serif  !important; font-size: 16px !important;	line-height: 1.42857;color: #333;}
a,a:active,a:focus, button,button:focus {outline:0;}
a, a:hover, a:focus, a:active{color: #f77e25;}

/*Reset Bootstrap Row Class*/
.header-cover .row {margin: 0;}
input::selection {color: #929292; background: #ccc;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus, a:focus{outline:none;box-shadow: none;}

 /*======================================
 *   Text Styling
 * =====================================*/
.text-grey{color:#5d5d5d;}
.text-lightgrey{color:#a4a5a9;}
.fs-13{font-size:13px;}
.fs-15{font-size:15px;}
.fs-20{font-size: 1.25em;}
.fs-22{font-size: 1.375em;}

/*===========================
 * 		Logo
 * ========================*/
.logo.hide-logo{display:none;}
.logo-control .logo-img-sm {width:95px;}
.top-menu a {color: #fff;}
.t3-header{position:relative;height: 60px;padding: 10px 0;}

/*=============================
 * 			Menu
 * ==========================*/
.t3-header{border-top:1px solid #88898b; border-bottom:1px solid #88898b;padding:10px 0;}
.t3-mainnav{background-color: transparent; border-color: transparent;}
.t3-mainnav li a{font-weight:600;font-size: 0.875em;}
.t3-mainnav.navbar .nav>li>a {padding: 5px 0; color: #FFF; text-shadow: none;}
.t3-mainnav.navbar .nav>li>a:hover, .t3-mainnav.navbar .nav>li>a:focus{color:#f77e25;}
.t3-mainnav.navbar{min-height:0;}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color: transparent;color: #f67d24;}
.t3-mainnav .dropdown-menu>li>a:hover, .t3-mainnav .dropdown-menu>li>a:focus, .t3-mainnav .dropdown-submenu:hover>a, .dropdown-submenu:focus>a{background-color: transparent;color: #f67d24;background-image:none;}
.t3-mainnav.navbar .nav li.dropdown.open>.dropdown-toggle, .t3-mainnav.navbar .nav li.dropdown.active>.dropdown-toggle, .t3-mainnav.navbar .nav li.dropdown.open.active>.dropdown-toggle{color: #f77e25; background-color: transparent;}
.nav .caret {border-top-color: #FFF !important; border-bottom-color: #FFF !important;}
.nav a:hover .caret {border-top-color: #f77e25 !important; border-bottom-color: #f77e25 !important;}
.navbar .nav li.dropdown.open>.dropdown-toggle .caret, .navbar .nav li.dropdown.active>.dropdown-toggle .caret, .navbar .nav li.dropdown.open.active>.dropdown-toggle .caret{border-top-color: #f77e25 !important; border-bottom-color: #f77e25 !important;}

.nav li a{text-transform:uppercase; padding:5px 0; border-radius:0; }
.nav li{padding:0 15px;}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#FFF;}
.nav > li > a:hover, .nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background-color: transparent;color: #f77e25;}

.top-menu .nav, t3-mainnav .nav{margin-bottom: 0 !important;}
.top-menu>ul{display:flex;justify-content:space-around;}
.top-menu li{display:inline-block;}
.top-menu li:last-child{padding-right:0;}
.top-menu .nav-pills>li>a, .megamenu-popup .nav-pills>li>a{padding:5px 0;}
.top-menu .nav-pills>li>a:hover, .megamenu-popup .nav-pills>li>a:hover{background-color: transparent;}
.top-menu .nav-pills.nav-stacked>li>a, .megamenu-popup .nav-pills.nav-stacked>li>a {margin-bottom: 0;}
.megamenu-popup.open .col-md-2{padding:0;}
.top-menu .divider.active .image-title{border-bottom: 3px solid #f77e25}
.top-menu li a{font-size:0.75em;}
.top-menu .image-title{display:none;}
.top-menu{text-align:center;padding:10px 0; background: #303136;margin:0 -15px;}
.nav > li > .separator {padding: 5px 0px;}
.top-menu li:first-child{cursor:pointer;}
.nav > li > .separator .image-title{color:#FFF;font-size: 0.75em; text-transform: uppercase; border-radius: 0;font-weight:600;}

.megamenu-popup {display:none;}
.megamenu-popup.open{display:block;padding:5px 10px;}
.megamenu-popup.open{display: block; position: absolute; z-index: 99; background: #1D1D1D; width: 100%; top:53px;}
.megamenu-clear,  .megamenu-clear:hover, .megamenu-clear:focus, .megamenu-clear:active{float:right; display:inline-block;   padding:2px 5px; color:#929292;text-decoration:none;}
.megamenu-popup li{display:block;float:none;}
.megamenu-popup li a{color: #929292; font-size: 0.8em; font-weight: 600;}
.megamenu-popup h3{color: #Fff; margin: 0 0 10px 15px; font-size: 1em; font-weight: 600;}

.off-canvas-toggle{background: transparent; width: 30px; height: 30px; line-height: 40px;}
.t3-off-canvas .nav li{float:none;}
.off-canvas-toggle .fa-bars:before {content: "\f0c9"; color: #333; font-size: 30px;}
.t3-off-canvas{background: #303136;}
.t3-off-canvas .t3-off-canvas-header h2 {font-size: 16px; padding: 5px 0; font-weight: 600; color: #f47f20;}
.t3-off-canvas .t3-off-canvas-header {height: 45px;}
.t3-off-canvas .close {height: 45px; width: 45px;}
.close {font-size: 35px;}
.off-canvas-toggle:hover, .off-canvas-toggle:focus, .off-canvas-toggle:active{background-color: transparent;}
.t3-off-canvas .t3-off-canvas-body a{font-weight: 600; font-size: 0.675em;  color: #FFF;}
.t3-off-canvas .t3-off-canvas-body a:hover, .t3-off-canvas .t3-off-canvas-body a:focus {color: #f47f20; background: #303136;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #FFF; background-color: transparent; border-bottom: 3px solid #f77e25; display:inline-block;}

/*=============================
 * 		Slideshow / Masshead
 * ==========================*/
.masshead-mobile img{height:260px;}
.masshead h3{margin:0;}
.masshead img{height:315px;}
.masshead .tjMassheadContentInner, .masshead .tjmasshead-desc {display: inline-block;}
.masshead .tjMassheadContent {position: absolute; top: 68%; left: 50%; width: 100%; transform: translate(-50%,-50%); text-align:center;}
.tjmasshead {position: relative;}
.masshead .tjmasshead-title{color: #FFF;font-size: 1.75em; font-weight: 600;}
.masshead-mobile {height:260px; position:relative;}
.masshead-mobile:hover .ja-ss-btns{display:block;}
.masshead-mobile .ja-ss-btns .ja-ss-prev {background: url(../images/buttons/prev-btn.png) no-repeat top left; position: absolute; left: 10px; top: 50%; z-index: 999;}
.masshead-mobile .ja-ss-btns .ja-ss-next {background: url(../images/buttons/next-btn.png) no-repeat top left; position: absolute; right: 10px; top: 50%; z-index: 999;}
.masshead-mobile .ja-ss-btns .ja-ss-next:hover {background-position: right bottom;}
.masshead-mobile .ja-ss-desc h3 {color: #f47f20; font-size: 5em; font-weight: 600;}
.masshead-mobile div{letter-spacing:1px; line-height:30px;}
.readmore-link a{padding:8px 20px;border:1px solid #88898b; border-radius:30px;font-size:13px;}
.readmore-link a:hover, .readmore-link a:focus{color:#FFF; text-decoration:none;}
.masshead-mobile h3{margin:0;}
.masshead-mobile .tjmasshead-title{color: #FFF;font-size: 1.5em; font-weight: 600;}
.masshead-mobile .tjMassheadContent {position: absolute; top:50%;left: 50%; width: 100%; transform: translate(-50%,-50%); text-align:center;}
.masshead-mobile .tjMassheadContentInner, .masshead-mobile .tjmasshead-desc {display: inline-block;}
.masshead-mobile .ja-ss-desc{background: transparent;position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%); text-align:center;}
.fade .ja-ss-item.curr{background:#000;}
.masshead-mobile .ja-ss-item img{width:auto; opacity: 0.5;}
.masshead .ja-ss-item img{width:auto;}
.masshead .ja-ss-item{background:#000;}

/*=============================
 * 			Search
 * ==========================*/
.off-canvas-toggle, .searchbar{position: absolute; top: -40px; z-index:9;}
.searchbar {margin: 0;right:0;}
.searchbar.fullwidth {width: 100%; top:-10px;}
.mod-header-search.focus #mod-search-searchword {padding:29px 35px}
.mod-header-search.focus .search.header-search:before, .header-search-clear {top:15px;}
.mod-header-search.focus {height: 58px;background: #000;}
 
.header-search #mod-search-searchword { background:transparent; border: none;cursor: pointer;}
.search.header-search:before { content: "\f002"; font-family: "FontAwesome";  position: absolute;  padding: 3px 0;  font-size: 18px; color: #929292;  height: 30px;  width: 25px;  text-align: center;  z-index: -1;}
.mod-header-search.focus .search.header-search:before {z-index: 2;}
#mod-search-searchform:hover .search.header-search:before {color: #F58020;}
#mod-search-searchword {padding: 0 0 0 35px; width: 0; max-width: 100%; height: 35px; border: 0px; box-shadow: none; margin: 0; font-weight: 600; background: transparent;}
.mod-header-search.focus #mod-search-searchword {width: 100%; max-width: 100%; color: #929292;  background-color: transparent;font-size: 20px;transition:width 1s;}
.mod-header-search.focus {position: static; width: 100%; top: 0; left: 15%; right: 0; z-index: 99; padding: 0 15px; }
.header-search-clear {position: absolute; right: 15px; display: none;}
.mod-header-search.focus .header-search-clear {display: inline-block; z-index: 200; height: 22px; width: 22px; font-weight: 600; text-align: center; font-size: 22px;color:#929292;}
.mod-header-search.focus a.header-search-clear:hover{text-decoration:none;}

/* This css for autofill backgroun color transparent */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
input, input:focus, input:active{-webkit-text-fill-color: #929292 !important;}

.sticky-right{position:fixed; top:50%;right:20px;z-index:9999;}
.sticky-right .fa-circle:before{color:#EBEBEB;}
.sticky-right a.focus .fa-circle:before{color:#000;}
/*=============================
 * 			Footer
 * ==========================*/
.t3-footer{border-top: none; color: #5d5d5d;background:#e6e6e6;}
.t3-footnav .t3-module {background: transparent;}
.t3-footnav .t3-module .module-title {color: #696969; font-size: 22px;font-weight: 600; margin-bottom: 20px;}
.t3-footnav div{color:#747474;}

.reach-us .left-icon{width:20px;}
.reach-us .fa-map-marker{font-size:24px;}
.reach-us .fa-envelope-o{font-size:20px;}
.reach-us .fa-mobile{font-size:30px;}

.t3-copyright {border-top: none; font-size: 14px; padding: 0;background: #FFF;color:#5d5d5d;}
.copyright{margin:0;}

.module.mod-footer-logo{border-bottom:1px solid #c4c4c4;padding:0 0 20px 0;}

/*===========================
 *  Twitter Feed 
 * =========================*/
.twitter-feed{font-size:0.875em;}
.twitter-feed .sp-tweet-even {background: transparent;}
.twitter-feed .sp-tweet-item {border-bottom: none;}
.twitter-feed .sp-tweet-item img.tweet-avatar {border: none; padding: 0;}

/*==================================
 * 		RS form common css
 * =================================*/
.get-in-touch .rsform input, .subscription input:focus, .get-in-touch .rsform input:active, .get-in-touch .rsform select, .get-in-touch .rsform textarea{-webkit-text-fill-color: #FFF !important; background: transparent;  border: 1px solid #999;   color:#FFF;}
/*.rsform .form-control:focus {border-color: #F77E25; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 126, 37, 0.8);}*/
.rsform input, input:focus, .rsform input:active, .rsform select, .rsform textarea{border-radius: 0;  box-shadow: none;}
.rsform select.rsform-select-box{
  background-image:linear-gradient(45deg, transparent 50%, #FFF 50%), linear-gradient(135deg, #FFF 50%, transparent 50%);
  background-position:calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
  background-size: 5px 5px,  5px 5px,  2.5em 2.5em;
  background-repeat: no-repeat;
}
.rsform .formError {font-size: 14px;}
/*=================================================
 * 	RS Form - Home page Subscribe module 
 * ===============================================*/
.t3-module.subscribe{background:#F58020;margin: 0 -15px 30px -15px;padding: 15px; color: #FFF;}
.t3-module.t3-sidebar-blog-categories {background:#000;margin: 0 -15px 30px -15px;padding: 15px; color: #FFF;}
.t3-module.t3-sidebar-blog-list {background:#555555;margin: 0 -15px 30px -15px;padding: 15px; color: #FFF;}
.subscribe .formResponsive {margin: 0;}
.subscribe .rsform-submit-button{background-color:#da680b; background-image:none;}
.subscribe .formResponsive .formHorizontal .formControlLabel {width: 50px;padding-top:0;float:left;}
.subscribe .formResponsive .formHorizontal .formControls {margin-left: 60px;}
.subscribe .formResponsive input[type="text"]:focus{border-color: transparent;box-shadow: none;}
.subscribe .formResponsive input[type="text"]{border-radius:0; width: 200px !important;}
.subscribe .formResponsive button[type="submit"], .subscribe .formResponsive button[type="submit"]:hover, .subscribe .formResponsive button[type="submit"]:focus{background-color:#da680b; background-image:none; border-radius: 20px; padding: 8px 20px; border-color:#da680b;outline:0; border: none;}
.subscribe .formResponsive .formHorizontal .rsform-block.rsform-block-email, .subscribe .formResponsive .formHorizontal .rsform-block.rsform-block-submit{margin-bottom:5px;}


/*===================================================
 *  RS Form Get In Touch form - Broadband page 
 * =================================================*/
.contact-rsform{background-color: #555; color: #fff;}
.contact-rsform h2{font-weight: 600; text-align: center; font-size: 36px; text-transform: uppercase; padding: 20px;margin:0;}
.contact-rsform .rsform-block-end-of-page1, .contact-rsform .rsform-block-end-of-page-2, .contact-rsform .rsform-block-submit{background: #F58020; padding: 20px;  margin-bottom: 0;  text-align: center;}
.contact-rsform .btn{background: transparent; border: 2px solid #FFF; font-size: 36px; border-radius: 30px;font-weight: 600;  padding: 10px; line-height: 20px;margin-right:10px;}
.contact-rsform #Submit, .contact-rsform #Submit:hover, .contact-rsform #Submit:focus, .contact-rsform #Submit:active{font-size: 18px; padding: 10px 30px;}
.contact-rsform .btn:hover, .contact-rsform .btn:focus, .contact-rsform .btn:active{background: #ce681d; border:2px solid #ce681d;}
.contact-rsform input, .contact-rsform textarea{background:transparent; border:1px solid #999;	border-radius:0; box-shadow:none;
}


/*=============================================================
 * RS Form - Get In Touch form - on subscription position
 * ===========================================================*/
.subscription {background-color:#555; color:#fff; padding:40px 0;}
.subscription h2{color:#fff;font-weight:600;text-transform:uppercase;font-size:40px;margin-bottom:30px;margin-top: 0;}
.subscription .rsform-block-subscription-via>label, .subscription .rsform-block-subscription>label{font-size:22px;margin-bottom:10px;text-align:left;}
.subscription .right label{font-weight:400;margin-bottom:10px;}
.subscription .right input{width:100%;}
.subscription .form-group{margin:0 0 10px 0;}
.subscription .rsform-block-captcha2{padding:10px 0 0 0;}
.subscription .rsform-submit-button,
.subscription .rsform-submit-button:hover,
.subscription .rsform-submit-button:active,
.subscription .rsform-submit-button:focus{padding:10px 35px;border:0;border-radius:25px;font-weight:600;font-size:20px;	text-transform:uppercase;color:#fff;background-color:#f77e25;box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24);	transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);}
.subscription .rsform-submit-button:hover,
.subscription .rsform-submit-button:active,
.subscription .rsform-submit-button:focus{background-color:#ce681d;	color:#eeee;box-shadow: 0 1px 2.5px 0 rgba(0,0,0,.12),0 1px 2px 0 rgba(0,0,0,.24);transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);}
.subscription .rsform-block-captcha label {display:block;	text-align:left !important;}
.subscription .rsform-block-captcha div{display:inline-block !important;width:auto !important;vertical-align: middle; padding:0 10px ;}
.subscription .left{border:0;}
.subscription .right{padding:10px 15px;}

/*=================================================
 * 			Pagination 
 * ===============================================*/
.pagination > li > a, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
color: #f77e25;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color: #f77e25; color:#FFF;
    border-color: #f77e25;}
 
 
 
@media screen and (min-width: 768px){
	.navbar-collapse.collapse {display: none !important;}
	.logo {text-align: center;}
	.t3-footnav {padding: 20px 0;}
	.module.mod-footer-logo{border-right:1px solid #c4c4c4;}
	.module.mod-footer-logo{border-bottom:none;}
	.top-menu .nav > li > a > img {height: 16px; margin-right: 5px;}
	.top-menu .image-title{display:inline-block;}
	.top-menu .nav > li > .separator > img{ height: 16px; margin-right: 5px;}
	.megamenu-popup.open{top:56px;}
	.logo-control .logo-img-sm {display: inline-block;}
	.logo-control .logo-img{display:none;}
	
	
}

@media screen and (min-width: 991px){
	.logo-control .logo-img-sm {display: none;}
	.logo-control .logo-img{display:inline-block;;}
	.logo {text-align: left;margin-left: -400px;}
	.logo.hide-logo{display:inline-block;}

	.navbar-collapse.collapse {display: block !important; }

	/*====== Menu ======*/
	.menu{padding:2px 0;}
	.t3-header{padding:20px 30px;height: 100px;}
	.header-cover{position:absolute; top:0; z-index:9; width:100%;}
	.header-cover .row{margin-left:0; margin-right:0;}
	.t3-header{border-top:1px solid #88898b; border-bottom:1px solid #88898b;padding:32px 30px;margin-left: 400px;}
	.navbar-default .navbar-nav > li > a, .top-menu a{font-weight:600;font-size: 0.875em;color:#FFF;}
	.navbar-default .navbar-nav > li > a:hover, .top-menu a:hover{color:#f77e25;}
	.t3-mainnav{background-color: transparent; border-color: transparent;}
	.t3-mainnav.navbar{min-height:30px; border: none; margin: 0 40px 0 0;}

	.nav li a{text-transform:uppercase; padding:5px 0; border-radius:0; }
	.nav li{padding:0 15px;}
	.nav > li > a:hover, .nav > li > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background-color: transparent;}

	.top-menu{padding:10px 30px;float:right;background:transparent;}
	.top-menu li{display:inline-block;}
	.top-menu li:last-child{padding-right:0;}
	.top-menu li a{font-size:0.75em;}

	.searchbar {margin: 0;position:absolute; top:2px; right:0;}
	.searchbar.fullwidth{width:50%;top:-20px;}
	.mod-header-search.focus #mod-search-searchword {margin: 22px 0;padding: 2px 0px 2px 35px;}
	.mod-header-search.focus .search.header-search:before, .header-search-clear {top:25px;}
	.mod-header-search.focus {height: 80px;background: transparent;}

	/*=========	Slidshow / Masshead =========*/
	.ja-ss-item, .masshead {height:315px;}
	.masshead .ja-ss-btns{position:static;display:none;}
	.masshead:hover .ja-ss-btns{display:block;}
	.masshead .ja-ss-btns .ja-ss-prev {background: url(../images/buttons/prev-btn.png) no-repeat top left; position: absolute; left: 10px; top: 50%; z-index: 9;}
	.masshead .ja-ss-btns .ja-ss-next {background: url(../images/buttons/next-btn.png) no-repeat top left; position: absolute; right: 10px; top: 50%; z-index: 9;}
	.masshead .ja-ss-btns .ja-ss-next:hover {background-position: right bottom;}
	.masshead .ja-ss-desc{background: transparent;left:26.6%; right:auto; width:60%;top:51%;z-index:9; -webkit-transition: 3s linear; margin-left: 66px;
	-moz-transition: 3s linear;
	-o-transition: 3s linear;
	-ms-transition: 3s linear;
	transition: 3s linear;}
	.masshead .ja-ss-desc h3 {color: #f47f20; font-size: 3em; font-weight: 600;}
	.ja-ss-desc div{letter-spacing:1px; line-height:30px;}
	.readmore-link a{padding:8px 20px;border:1px solid #88898b; border-radius:30px;font-size:13px;}
	.readmore-link a:hover, .readmore-link a:focus{color:#FFF; text-decoration:none;}

	.subscription .left{border-right:1px solid #ccc;}
	.subscription .right{padding:10px 15px 10px 30px;}

	.module.mod-footer-logo, .module.reach-us{border-right:1px solid #c4c4c4;}

}
/*
.spiral-img{ position: absolute; top: 0;z-index: 3;}*/

@media (min-width: 768px) {
 .masshead .ja-ss-desc{margin-left: 118px;
	}
}
@media (min-width: 1200px) {
	 .masshead .ja-ss-desc{margin-left: 59px;
	}
}
.t3-off-canvas .dropdown-menu {background:#303136; margin-left: -10px}

.masthead_default {background-image: url("images/banners/banner.jpg");}