@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0
}

body {
	background:#fff;
	color:#272727;
	font:14px/24px 'Open Sans', Arial, Helvetica, sans-serif
}
a{
	text-decoration:none !important;
	transition: all 0.6s ease 0s;
}


body h1, body h2, body h3, body h4, body h5, body h6 {
	color:#272727;
	font-style:normal;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:400;
	line-height:1.5;
	margin:0 0 8px;
	text-transform:capitalize
}
h1 {
	font-size:64px
}
h2 {
	font-size:30px
}
h3 {
	font-size:20px
}
h4 {
	font-size:18px
}
h5 {
	font-size:16px
}
h6 {
	font-size:14px
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#272727
}
p a {
	color:#fc3
}
p a:hover {
	color:#fc3;
	text-decoration:none
}
p {
	letter-spacing:normal;
	line-height:24px;
	margin-bottom:10px
}
a {
	color:#fc3;
	text-decoration:none;
	cursor:pointer
}
a:active, a:focus, a:hover {
	outline:0;
	text-decoration:none;
	color:#fc3
}
ul {
	margin-bottom:0
}
figure {
	margin-bottom:6px;
	position:relative
}
img {
	max-width:100%
}
strong {
	color:#272727
}


.our_brands_mobile{ display:none !important}
.mobile-app{ min-height:490px !important;}
.news_button{ padding:7px 10px !important; background:#333e48 !important;color: #fff !important; border:0px solid transparent !important} 
.mobile_slider{ display:none !important}
.inner_mobile_slider{ display:none}
.how_it_works_middle{border-right: 1px solid #ddd;height: 380px;}


.myaccount_left ul li{border-bottom: 1px dotted #ddd;}
.myaccount_left ul li a{ color: #888;

padding: 2px 10px;

display: block;}
.myaccount_left ul li a:hover{ color:#000 !important;}
.myaccount_left ul li a.current{ color:#000 !important;}
.myaccount_right ul li a {
    padding: 10px 10px 3px 10px;
}
.nav-tabs{ border-bottom:0px solid #000 !important}
.myaccount_left h3{ padding: 10px 15px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	background-color: #f5f5f5;
	color: #777;
	position: relative;
	cursor: pointer;
	border-radius: 7px 7px 0px 0px;
	margin-top: 14px;
	margin-bottom: 0px !important;
	margin-top: 0px !important;
	font-weight: bold !important;
	border-bottom: 1px solid #ddd;
}

.myaccount_right h3{ font-size:20px;margin-bottom:10px;color:#7eb23d; border-bottom: 1px solid #000;}

.text-right{ text-align:right;}

.myaccount_left{
	font-size: 13px;
	border: 1px solid #ddd !important;
	border-top-color: rgb(221, 221, 221);
	border-top-style: solid;
	border-top-width: 1px;
	border-top: 0;
	border-radius: 7px 7px 7px 7px;
	background-color: #fbfbfb;
}


.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
div#home-slider {
    background: #000;
}
#home-slider .owl-wrapper-outer{
    max-height: 400px;
    opacity:0.9;
}
.top-bar{ border-bottom:1px solid #ddd;}

.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.grabbing { cursor:url(../images/grabbing.png) 8 8, move;}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
}
.tg-title h1,.tg-title h2{ text-align:center;}


.header-top{
	width:100%;
	background:#1c272e;
	/* height: 55px; */
}
.header-top a{
	color:#e4e4dc ;
	font-weight: 700;
	text-transform: uppercase;
}
.header-top-right ul li a:hover {
    /* opacity: 0.7; */
}
.nav-login a b {
    /* border: 1px solid #394a56;
    border-radius: 18px; */
    padding: 6px 10px;
}
.header-logo a{
   display: table;
   margin: 6px 0;
} 
.blinker {
    animation: 1s linear 0s normal none infinite running blinker;
}
.header-logo a img{
    width: 137px;
    z-index: 1;
}

.header-logo a::before {
    width: 126px;
    z-index: 2;
}
.pad0{
	padding:0;
}

.header-top-right ul{
	margin:0;
}
.header-top-right ul li .fa-map-marker{
	font-size: 20px;
    margin-right: 5px;
}
.header-top-right ul li .has-cart i.fa-shopping-cart{
	font-size: 26px;
	color:#0b86d6;
}
.header-top-right ul li .has-cart{
	position:relative;
}
.cart span {
    background: red none repeat scroll 0 0;
    border-radius: 34%;
    color: #fff;
    padding: 0 5px;
    position: absolute;
    right: -11px;
    top: 3px;
}
.header-top-right ul li {
    margin-left: 14px;
	line-height: 72px;
}
.header-top-right ul li:hover{
	background:rgba(11, 134, 214, 0.2) none repeat scroll 0 0;
}
.header-top-right ul li a:hover,.header-top-right ul li:hover a{
	color:#0b86d6 ;
}
.header-top-right ul li.help-line-nav {
    line-height: unset;
    position: relative;
    width: 188px;
}
.header-top-right ul li a b .fa-shopping-cart{
	font-size:24px;
}
.header-top-right ul li.help-line-nav a {
    background: #0b86d6 none repeat scroll 0 0;
    display: table;
    font-size: 13px;
    left: 0;
    line-height: 23px;
    padding: 22px 22px 13px;
    position: absolute;
    top: -55px;
}
.mobile_menu #bs-example-navbar-collapse-1{
	 background: #1c272e  none repeat scroll 0 0 !important;
}
#bs-example-navbar-collapse-1 ul li a {
    color: #fff;
}
.header-top-right ul li.help-line-nav a p {
    color: #fff;
    font-size: 19px;
}
.header-top-right ul li.help-line-nav a p i {
    font-size: 23px;
    margin-right: 8px;
}
.header-main{
	background:#2c3a45;
	padding: 23px 0 12px;
}
.header-main ul li a{
	color:#fff;
	font-size:16px;
	transition:none;
}
.header-main ul li a:hover {
    border-bottom: 3px solid #0b86d6;
}
.header-main ul li {
    margin-right: 15px;
}
.header-main ul.pull-right li {
    margin-left: 15px;
	 margin-right:0px;
}
.header-main ul.pull-right li i.fa-mobile {
    margin-right: 4px;
}
/* .header-main ul.pull-right li:first-child a {
   
} */
a.dwn-app{
	border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    color: #56b5f3;
    padding: 4px 0;
}
.header-main ul.pull-right li:first-child a:hover{
	opacity:0.7;
}
/********End_header*****/
/*******body_start******/
.home-banner{
	padding:0;
	box-shadow: 0 0 19px 5px #333;
}
.home-banner .bx-wrapper .bx-viewport {
    border: 0 solid #ffffff;
    box-shadow: none;
    left: 0;
    transform: translateZ(0px);
}
.home-banner li{
	position:relative;
}
.home-banner li .slider-text {
    left: 4%;
    position: absolute;
    top: 13%;
}
.home-banner li .slider-text p {
    background: rgba(11, 134, 214, 0.7) none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    font-size: 27px;
    padding: 3px 24px;
}
.home-banner .bx-wrapper img {
    width: 100%;
}
.home-banner .bx-wrapper {
    margin: 0 auto 0px;
}
.home-banner #bx-pager-banner a {
	background: rgb(0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #00c3cc;
    bottom: 0;
    color: #fff;
    font-size: 22px;
    font-weight: 900;
    left: 52%;
    padding: 4px 0;
    position: absolute;
    text-align: center;
    width: 181px;
}
.home-banner #bx-pager-banner a:first-child{
	left:36%;
} 

.home-banner  .bx-wrapper .bx-pager{
	display:none;
}
.take-service img.img-flip{
	display:none;
}

/* .take-service {
    background: #fff none repeat scroll 0 0;
} */
.take-service img {
    border-radius: 50%;
    box-shadow: 0 12px 19px -3px #333;
    display: table;
    height: 147px;
    margin: 0 auto;
    width: 147px;
	transition: all 0.8s ease 0s;
}
/* .take-service:hover img.img-flip{
	display:table;
}
.take-service:hover img.img-normal{
	display:none;
}  */
.take-service:hover img{
	transform:scaleX(-1);
}
.take-service p {
    background: #0b86d6 none repeat scroll 0 0;
    border: 2px solid #0b86d6;
    bottom: -74px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    left: 50%;
    padding: 6px 0;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    transition: all 0.6s ease 0s;
    width: 205px;
    z-index: 11;
	border-radius: 5px;
}
.help-blog  a:hover p{
	background:#fff;
	color:#0b86d6;
}
.take-service {
   /*  background: #fff none repeat scroll 0 0; */
    display: table;
    width: 100%;
}
.take-service > div {
    display: table-cell;
    vertical-align: middle;
	position: relative;
}
.help-blog {
    padding: 14px 0 87px;
}
.take-service::before {
    bottom: -37px;
    content: "";
    height: 50px;
    left: 7px;
    position: absolute;
    width: 96%;
    z-index: 1;
	display:none;
}
/* .help-blog a:hover .take-service {
    border-bottom: 4px solid #0b86d6;
    transition: all 0.6s ease 0s;
}
.help-blog a:hover .take-service{
	background:rgba(86,181,243,0.3);
}
.help-blog a:hover .take-service img {
    padding-bottom: 10px;
    transition: all 0.6s ease 0s;
}
.help-blog{
	background:#deddda;
	padding:35px 0;
}
 */

.counter-wrap {
    background: rgba(0, 0, 0, 0) url("../images/counter-bg.jpg") repeat scroll 0 0 / cover ;
    color: #fff;
    height: 225px;
    margin-top: 20px;
}
.counter-wrap h2 {
    font-size: 24px;
    margin-top: 40px;
}
.padding-muted-right {
    padding-right: 0;
}
.counter-blk {
    border-right: 1px solid #fff;
    padding: 0 30px;
}
.counter-wrap h1 {
    font-size: 45px;
}
.counter-wrap .h2 {
    font-size: 18px;
}
.padding-muted-left {
    padding-left: 0;
}
.border-muted {
    border: medium none;
}
.counter-blk {
    padding: 0 30px;
}
.cctv-status {
    padding: 40px 0;
}
.cctv-status .col-md-3{
	border-right:1px solid #eee;
}
.cctv-status .col-md-3:last-child{
	border-right:0px solid #eee;
}
.cctv-status p {
    color: #666;
    font-size: 11px;
    line-height: 15px;
}
.how-it-works i {
    color: #0b86d6;
    font-size: 61px;
    font-weight: 100;
}
.how-it-works .how-it-works-nav i{
	color:#868484;
}
.how-it-works .how-it-works-nav li.active i{
	color: #0b86d6;
}
.how-it-wrk-arw{
	position:relative;
}
/* ul.how-it-works-slider > li{
	width:100% !important;
} */
.how-it-works h2 {
    display: table;
    font-weight: 700;
    margin: 0 auto 30px;
    position: relative;
}
.how-it-works h2::after {
    background: #7eb23d none repeat scroll 0 0;
    bottom: -12px;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 50px;
}
.how-it-works {
    padding: 25px 0 25px 0;
	border-bottom: 1px solid #dbdad8;
	width:100%;
	background:#f6f6f6;
	/* background:#f600f6; */
}
.how-it-works-nav{
	border-bottom:none;
}
.how-it-works-nav li p{
	display:none;
}
.how-it-works-nav li p {
    font-size: 16px;
    margin-left: 0px;
	transition-delay: 0.3s;
    transition-duration: 0.3s, 0.4s, 0.3s;
    transition-property: margin,transform, opacity, max-height;
    transition-timing-function: ease-out, ease-out, ease-out;
}
.how-it-works-nav li.active p{
	display:table;
	margin-left: 58px;
	
}
.how-it-works-nav li {
    display: table;
    width: 100%;
}
.how-it-works-nav li.active a{
	background:transparent;
	border:none;
}
.how-it-works-nav li.active a:hover{
	background:transparent;
	border:none;
}
.how-it-works-nav li.active{
	background:transparent;
	border:none;
}
.how-it-works-nav li.active:hover{
	background:transparent;
	border:none;
}
.how-it-works-slider h3 i {
    font-size: 47px;
}
.how-it-works-slider h3 span {
     color: #868484;
    display: table;
    font-size: 17px;
    margin-left: 29px;
    margin-top: 10px;
}
.how-it-works-slider h3 {
    font-size: 38px;
	margin-bottom: 50px;
	
	
}
.how-it-works-nav li a i {
    font-size: 27px;
    margin-right: 10px;
}
.how-it-works-nav li a {
    color: #868484;
    font-size: 24px;
}

.how-it-works  .nav-tabs > li.active > a,.how-it-works   .nav-tabs > li.active > a:focus,.how-it-works   .nav-tabs > li.active > a:hover{
	background:none;
	border:none;
}
.how-it-works .nav > li > a:focus,.how-it-works .nav > li > a:hover{
	background:none;
	border:none;
	outline:none;
}
.how-it-works  .nav-tabs > li > a{
	border:none;
}
.how-it-works .nav-tabs > li.active > a,.how-it-works  .nav-tabs > li.active > a:focus,.how-it-works .nav-tabs > li.active > a:hover{
	color:#000;
}
.how-it-works-slider > li{
	display:none;
}
.how-it-works-slider > li:nth-child(1){
	display:block;
	margin-left: -40px;
}
.how-it-works-slider > li:nth-child(2){
	display:block;
	
}
/* .screens{
	background:#00bfa5;
} */
.screens img {
    padding: 25px;
}
#chech-service{
	background:#7eb23d;
}
#book-online{
	background:#00b0ff;
}
#login{
	background:#ff5252;
}

.how-it-works-nav li.active{
	position:relative;
}
.how-it-works-nav li.active::after {
    content: "";
    height:53px;
    position: absolute;
    right: -32%;
    top: 0;
    transform: rotate(45deg);
    width: 53px;
}
.how-it-works-nav li.active:nth-child(1)::after{
	background:#7eb23d ;
}
.how-it-works-nav li.active:nth-child(2)::after{
	background:#00b0ff;
}
.how-it-works-nav li.active:nth-child(3)::after{
	background:#ff5252;
}


#check-products{
	background:#fecb00;
}
#order-online{
	background:#70be44;
}
#product-login{
	background:#f68121;
}
.how-it-works-product.how-it-works-nav li.active:nth-child(1)::after{
	background:#fecb00 ;
}
.how-it-works-product.how-it-works-nav li.active:nth-child(2)::after{
	background:#70be44;
}
.how-it-works-product.how-it-works-nav li.active:nth-child(3)::after{
	background:#f68121;
}

.how-it-works p {
    font-size: 13px;
}
.cctv-testimonial .home-banner{
	box-shadow:none;
}
.cctv-testimonial li{
	border:2px solid #0b86d6;
	padding:10px;
}
.cctv-testimonial h3 {
    font-weight: 600;
    margin:0 0 40px;
    text-align: center;
}
.cctv-testimonial {
    padding: 40px 0;
}
.testi-detail  h2 {
    color: #221f1f;
    font-weight: 700;
	margin-bottom: 0;
}
.testi-detail  span {
    color: #0b86d6;
    font-size: 22px;
}
.testi-detail  p {
    color: #bababa;
    font-size: 20px;
    font-weight: 700;
}	
.cctv-mobile-app{
	background:url('../images/bg-mobile-app.jpg');
	background-repeat:no-repeat;
	background-size:100% 100%;
}
.mobile-app .bx-wrapper .bx-viewport {
    border: 0 solid #ffffff;
    box-shadow: none;
    left: 0;
    transform: translateZ(0px);
}
.mobile-app  .bx-wrapper img {
    width: 100%;
}
.mobile-app .bx-wrapper {
    margin: 0 auto 0px;
}
.mobile-app .bx-wrapper .bx-pager{
	display:none;
}
.mobile-app-slider {
    left: 0;
    position: absolute;
    top: 90px;
    width: 225px;
}
.mobile-app {
    position: relative;
}
.mobile-app::before {
    background:url("../images/download-app-mob1.png");
	background-repeat:no-repeat;
	background-size:100% 100%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.mobile-app::before {
	background: rgba(0, 0, 0, 0) url("../images/download-app-mob1.png") no-repeat scroll 0 0 / 100% 100%;
    content: "";
    height: 555px;
    left: -24px;
    position: absolute;
    top: 13px;
    width: 271px;
}
.cctv-mobile-app h2 {
    color: #fff;
    font-size: 22px;
    margin: 52px 0 40px;
    text-align: center;
}
.mobile-app-content img {
    margin: 0 auto 15px;
}
.mobile-app-content p {
    color: #fff;
    font-weight: 600;
    text-align: center;
}
.cctv-mobile-app .about-mobile-app p{
	text-align:justify;
}
.cctv-mobile-app{
	padding-bottom:83px;
}
.cctv-about{
	background:url('../images/about-bg-img.png');
	background-repeat:no-repeat;
	background-size:100% 100%;
	position:relative;
}
.cctv-about h2 {
    border-bottom: 4px solid #0b86d6;
    color: #fff;
    display: table;
    float: right;
    font-weight: 700;
    margin-right: 10%;
    margin-top: 9%;
    padding-bottom: 5px;
    text-align: right;
}
.cctv-about::after {
    background: rgba(8, 136, 211, 0.7) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    width: 50%;
}
.cctv-about p {
    color: #fff;
    font-size: 18px;
    text-align: justify;
}
.cctv-about-content{
	padding: 40px 0 40px 40px;
    z-index: 1;
}
.cctv-about-content a{
	color:#fff;
	font-size:18px;
}
.cctv-why-choose-us{
	/*background:url('../images/why-choose-bg-img.jpg'); */
	background-repeat:no-repeat;
	background-size:100% 100%;
	padding: 40px 0;
	margin-top: 20px;
	position:relative;
	border-top:1px solid #ddd;
}
.cctv-why-choose-us h2 {

}
.why-choose-detail i {
border: 2px solid #ffffff;

border-radius: 50%;

display: table;

font-size: 20px;

margin: 0 auto;

padding: 25px 27px;

text-align: center;

color: #fff;

width: 180px;

height: 180px;

vertical-align: middle;

text-align: center;
}
.why-choose-detail h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}
.why-choose-detail p {
    color: #fff;
    font-size: 16px;
    text-align: justify;
}
.why-choose-detail {
    padding: 20px;
}

.cctv-why-choose-us::before {
    background: rgba(8, 136, 211, 1) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.cctv-why-choose-us .row > div {
    border-right: 1px solid rgba(255, 255, 255, 0.4);
}
.cctv-why-choose-us .row > div:last-child{
    border-right: 0px solid rgba(255, 255, 255, 0.4);
}
.cctv-why-choose-us h2, .cctv-why-choose-us h1 {
    font-weight: 700;
    text-align: center;
	position:relative;
	color:#000;
}
.our-brands-slider li div {
    border: 1px solid;
    float: left;
    height: 93px;
    margin-right:35px;
    padding: 17px;
    width: 22%;
}
.our-brands-slider .our-brand-last{
	margin-right:0;
}
.our-brands{
	padding:85px 0;
	z-index:1;
}
.our-brands-logo {
    background: #fff none repeat scroll 0 0;
    padding: 21px;
    position: relative;
	box-shadow: 0 0 2px -1px #333;
	border-radius: 5px;
}
/*.our-brands-logo::before {
    bottom: 0;
    box-shadow: -11px -3px 12px 5px #000;
    content: "";
    left: 19px;
    position: absolute;
    transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
    width: 50%;
    z-index: -1;
}
.our-brands-logo::after {
    bottom: 0;
    box-shadow: -11px -3px 12px 5px #000;
    content: "";
    position: absolute;
    right: -2px;
    transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
    width: 50%;
    z-index: -1;
}*/
.our-brands-slider li div img{
	display: table;
    margin: 0 auto;
   /*  filter: grayscale(1);
    opacity: 0.58; */
}
/* .our-brands-slider li div:hover img{
    filter: grayscale(0);
    opacity: 1;
	transition: all 0.6s ease 0s;
} */
.our-brands .bx-wrapper .bx-viewport {
    border: 0 solid #ffffff;
    box-shadow: none;
    left: 0;
    transform: translateZ(0px);
}
.our-brands .bx-wrapper {
    margin: 0 auto 0px;
}
.our-brands  .bx-wrapper .bx-pager{
	display:none;
}
.how-it-works .bx-wrapper .bx-viewport {
    border: 0 solid #ffffff;
    box-shadow: none;
    left: 0;
    transform: translateZ(0px);
	background:transparent;
}
.how-it-works .bx-wrapper{
	margin:0 auto;
}
.how-it-works #bx-pager {
   border-bottom: 4px solid #efefef;
   margin-bottom: 0px;
   padding-bottom: 36px;
}
.how-it-works #bx-pager a {
    color: #000;
    font-size: 22px;
	display: table;
    float: left;
    text-align: center;
    width: 50%;
	padding-bottom: 10px;
}
.how-it-works #bx-pager a:focus {
	outline:none;
	outline-offset:0;
}
.how-it-works #bx-pager a.active{
	position:relative;
	transition: all 0.6s ease 0s;
}

.how-it-works #bx-pager a.active::before {
    background: #7eb23d none repeat scroll 0 0;
    bottom: 0px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    transition: all 0.6s ease 0s;
    width: 100%;
}
.how-it-works #bx-pager a.active::after {
    background: #0b86d6 none repeat scroll 0 0;
    bottom: -2px;
    content: "";
    height: 7px;
    left: 50%;
    position: absolute;
    transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
    width: 7px;
	display:none;
}
/******END_body********/

/*****FOOTER***********/
.vibrate-btn  {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
.header-main ul{
		display:table;;
}
.nav-toggle{
	display:none!important;
}

.quick-links ul li a i {
    margin-right: -12px;
}

.footer-main{
	background:#f8f8f8;
	width:100%;
	padding: 15px 0;
}
.footer-main h5 {
    color: #000;
    font-size: 18px;
	margin-bottom: 15px;
}
.footer-main ul li a i {
    color: #7eb23d ;
    font-size: 22px;
	width:34px;
}
.footer-main ul li a {
    color: #000;
    font-size: 14px;
	
}
.footer-main ul li {
    line-height: 25px;
}
.footer-main ul li a:hover i{transition: all 0.6s ease 0s;}
.footer-main ul li a:hover span{transition: all 0.6s ease 0s;}
.footer-main ul li a:hover i{
	color:#fed700;
}
.footer-main ul li a:hover span{
	color:#7eb23d ;
}
.footer-main p {
    color: #000;
    line-height: 25px;
}
.footer-main p i {
    color: #7eb23d ;
    font-size: 20px;
    margin-right: 6px;
}
.footer-main p span {
    font-size: 16px;
    font-weight: 700;
}
.footer-main p a {
    color: #000;
}
.call-us p {
    font-size: 17px;
    margin: 20px 0;
    text-align: center;
}
.call-us p  a:hover{
	color: #0b86d6;
}
.footer-main ul li a i.fa-facebook{
	color:#3b5998;
}
.footer-main ul li a i.fa-twitter{
	color:#00acec;
}
.footer-main ul li a i.fa-linkedin{
	color:#007ab6;
}
.footer-main ul li a i.fa-twitter{
	color:#00acec;
}
.footer-main ul li a i.fa-pinterest{
	color:#cb2027;
}
.footer-main ul li a i.fa-instagram{
	color:#ad31aa;
}
.footer-copy-right {
    background: #0c0c0c none repeat scroll 0 0;
    display: table;
    padding: 25px 0;
    width: 100%;
}
.footer-copy-right p {
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.call-us img {
    display: table;
    margin: 0 auto;
}
.header-main{ display:none}
.mobile_menu{ display:none;}

.fa-gear::before, .fa-cog::before{ display:none}

.get_steps{border-radius: 50px;
			width: 100px;
			height: 100px;
			border: 1px solid #7eb23d;
			padding: 19px 5px 5px 5px;
			font-size: 15px;
			line-height: 18px;
			background: #fff;
			margin:auto;
}
.how_it_works_cls p {
    padding-top: 10px;
    margin-bottom: 0px;
    font-weight: bold;
}
.desktop_main_slider .bx-viewport{ height:auto !important;}


/*******END_Footer*****/
/*****start-media-query*****/
@media only screen and (max-width: 767px) {
	.header-logo{
		position:relative;
	}
	.header-logo a img {
		position: unset;
		width: 80px;
	}
	.header-top-right ul li {
		margin-left: 0;
	}	
	.header-top-right ul li:last-child{
		float:right;
	}
	.header-top-right ul{
		float:left !important;
	}
	.header-logo {
		background: #fff none repeat scroll 0 0;
	}
	.header-top-right ul {
		margin-bottom: -4px;
		width:100%;
	}
	.header-main ul li a{
		width:100%;
		display:table;
	}
	.header-main ul li {
		line-height: 37px;
		margin-right: 0;
		width: 100%;
	}
	.header-main ul li a{
		 border-bottom: 3px solid transparent;
	}
	.nav-toggle {
		font-size: 25px;
		position: absolute;
		right: 15px;
		top: 6px;
		display:table!important;
	}
	.header-main{
		padding:0;
	}
	.header-main ul{
		display:none;
	}

	.our-brands {
		padding: 532px 0 0;
	}
	.home-banner li .slider-text p {
		font-size: 12px;
		margin-bottom: 5px;
		padding: 3px 13px;
	}
	.home-banner li .slider-text {
		left: 2%;
		top: 9%;
	}
	.take-service{
		margin-bottom:60px;
	}
	.take-service::before{
		bottom:21px;
	}
	.take-service p {
		bottom: -36px;
		font-size: 12px;
	}
	.cctv-about-content{
		padding:15px;
	}
	.cctv-about::after {
		left: 0;
		width: 100%;
	}
	.cctv-about h2{
		margin-right:none;
		margin:0 auto;
		float:none;
		position:relative;
		z-index:1;
	}
	.cctv-testimonial .home-banner{
		padding:15px;
	}
	.how-it-wrk-arw::after{
		display:none;
	}
	
	
	.footer-body > .container{
		position:unset;
		transform:unset;
	}
	footer.pTB6.BGsec{
		padding:20px 0 0;
		margin-top:12px;
	}
	.footer-content{
		margin-bottom:10px;
	}
	.our-brands-slider li div{
		width:100%;
	}
	.our-brands-slider li div img{
		max-width:220px;
	}
	.mobile-app::before {
		left: 50%;
		transform: translateX(-50%);
	}
	.mobile-app-slider {
		left: 50%;
		transform: translateX(-50%);
	}
}

@media only screen and (max-width: 767px) {
	
}
@media screen and (max-width: 767px) and (min-width: 320px) { 
	.mobile_menu{ display:block;}
}

@media only screen and (max-width:1900px){
	.desktop_main_slider .bx-wrapper{ margin-bottom:0px !important;}
}
@media only screen and (max-width:479px){
	.page-header .about-theme{ padding-bottom:20px !important ;}
	.home-banner-mobile .bx-wrapper .bx-viewport{ height:150px !important}
	
	.home-banner-mobile .bx-wrapper .bx-viewport li{ height:140px !important}
	
	.home-banner-mobile .bx-wrapper .bx-viewport li img{ height:140px !important}
	
	.home-banner-mobile .bx-wrapper{ margin-bottom:5px;}
	.page-header .header-actions{ margin-bottom:0px !important;}
	section.myLogoSlider{ padding:0px !important}
	.page-header .theme-title {
		padding-bottom: 10px !important;
	}
	.page-header .version-tag {
		padding-top: 15px !important;
		margin-bottom: 10px !important;
		width:140px;
	}
	.desktop_main_slider{ display:none}
	.mobile_slider{ display:block !important}
	.our_brands_mobile{ display:block !important}
	.page-header .header-actions a {
   		 padding: 15px 5px !important;
	}
	.our_brands_new{ display:none !important}
	
	.how-it-works-product.how-it-works-nav li.active:nth-child(1)::after {
		display:none !important
	}
	.how-it-works-nav li.active:nth-child(1)::after {
		display:none !important
	}
	.inner_mobile_slider{ display:block}
	.inner_mobile_slider .bx-wrapper{ margin-top:10px !important;}
	
	.tg-title h2 {
		font-size: 22px !important;
		line-height: 25px;
		margin: 0 0 5px !important;
	}
	.tg-main-section {
		padding: 15px 0 15px !important;
	}
	
	.footer-main h5 {
    	margin-bottom: 5px !important;
    	border-bottom: 1px dotted !important;
	}
	.about_inner_content {
		width: 100% !important;
		text-align: justify;
	}
	h4.modal-title{ font-size:16px; font-weight:bold }
	.top-bar .nav.nav-inline{ margin-top:0px !important; margin-bottom:2px !important}
	.top-bar{ padding:5px 0 !important;}
	.header-logo + .primary-nav{ padding:0px !important}
	.header-logo, .primary-nav{ margin:0px !important}
	.header-support-info{padding-top:5px;}
	.primary-nav .nav-inline > .menu-item > a{padding: 3px 15px !important;border-bottom: 1px dotted #ddd;font-weight: normal !important;}
	
	.top-bar .nav-inline .menu-item + .menu-item::before {margin: 0 4px !important;}  
	h3{ font-size:25px !important}
	table tr td{padding: 3px 7px; font-size: 11px;}
	
	.take-service {
		margin-bottom: 20px;
	}
	
	.cctv-why-choose-us {
		padding: 25px 0;
		margin-top: 10px;
	}
	.how_it_works_middle{ display:none;}
	.tg-breadcrumb{ display:none;}
		
}


/*BX SLider*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/
.header-image .bx-wrapper .bx-viewport{
	border: none;
	box-shadow: none;
}
.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(../images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


/*Main Style*/



.tg-media iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2
}
.tg-media img {
	position:relative;
	z-index:1
}
.wp-caption.alignleft, .wp-caption.alignnone {
	width:100%
}
select {
	border:1px solid #d2d2d2;
	color:#666;
	cursor:pointer;
	display:inline-block;
	font-size:14px;
	font-weight:400;
	height:40px;
	padding:8px 12px;
	width:100%
}
label {
	color:#272727;
	display:block;
	font-weight:400;
	margin-bottom:10px
}
button {
	border:none
}
textarea {
	height:130px
}
.uneditable-input, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border:1px solid #e1e1e1;
	color:#959595;
	display:inline-block;
	vertical-align:middle;
	font-weight:400;
	font-size:14px;
	line-height:37px;
	width:100%;
	height:47px;
	outline:0;
	padding:4px 6px 4px 10px;
	background:#fff;
	box-shadow:none;
	border-radius:0
}
input:focus {
	box-shadow:none!important
}
form p {
	float:left;
	position:relative;
	width:100%
}
form p span i {
	color:#474747;
	left:16px;
	position:absolute;
	top:13px
}
option {
	padding:5px 15px
}
li {
	line-height:28px;
	list-style:none
}
ul ul {
	margin-left:20px
}
ol {
	float:none;
	list-style:decimal;
	padding-left:15px
}
ol ol {
	margin-left:20px
}
ol li {
	list-style:decimal;
	width:100%
}
table {
	background-color:transparent;
	max-width:100%
}
th {
	text-align:left
}
table {
	margin-bottom:15px;
	width:100%
}
table>tbody>tr>td, table>tbody>tr>th, table>tfoot>tr>td, table>tfoot>tr>th, table>thead>tr>td, table>thead>tr>th {
	border-top:1px solid #d2d2d2;
	border:1px solid #d2d2d2;
	line-height:25px;
	padding-left:3px;
	text-align:center;
	vertical-align:top;
	padding:2px
}
table thead tr th {
	border-top:1px solid #d2d2d2;
	text-align:center;
	text-transform:capitalize
}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
	border-top:1px solid #d2d2d2
}
table>thead>tr>th {
	border-bottom:2px solid #d2d2d2;
	vertical-align:bottom
}
table>caption+thead>tr:first-child>td, table>caption+thead>tr:first-child>th, table>colgroup+thead>tr:first-child>td, table>colgroup+thead>tr:first-child>th, table>thead:first-child>tr:first-child>td, table>thead:first-child>tr:first-child>th {
	border-bottom:0
}
table>tbody+tbody {
	border-top:2px solid #d2d2d2
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding:6px 10px;
	vertical-align:middle
}
p ins {
	color:#999
}
dl dd {
	margin-left:20px
}
address {
	font-style:italic
}
.tg-haslayout {
	width:100%;
	float:left
}
.tg-theme-heading {
	float:left;
	width:100%;
	padding:0 0 0 15px;
	margin:0 0 20px;
	text-transform:uppercase;
	border-left:2px solid;
	position:relative
}
.tg-theme-heading::after {
content:"";
height:100%;
left:2px;
position:absolute;
top:0;
width:6px
}
.tg-theme-heading span {
	display:block;
	font-size:12px;
	line-height:12px
}
.tg-theme-heading h2 {
	margin:0;
	font-weight:700;
	font-size:30px;
	line-height:30px;
	text-transform:uppercase
}
.tg-theme-btn-bdr {
	display:inline-block;
	text-align:center;
	font-size:14px;
	line-height:40px;
	color:#7eb23d;
	background:#fff;
	text-transform:uppercase;
	padding:0 30px;
	border:1px solid #7eb23d
}
.tg-theme-btn-bdr:hover {
	border:1px solid #242424;
	color:#242424
}
.tg-theme-btn {
	display:inline-block;
	text-align:center;
	font-size:14px;
	line-height:40px;
	color:#fff;
	background:#272727;
	text-transform:uppercase;
	padding:0 50px;
	border:0 solid #000;
	border-radius:10px
}
.tg-theme-btn-lg {
	width:100%
}
.tg-theme-btn:hover {
	color:#fff
}
.tg-social-icon {
	text-align:center
}
.tg-social-icon li {
	display:inline-block;
	vertical-align:top;
	overflow:hidden
}
.tg-social-icon li a {
	width:40px;
	height:40px;
	display:block;
	background:#fff;
	color:#272727;
	overflow:hidden
}
.tg-social-icon li a i {
	color:#272727;
	display:block;
	font-size:20px;
	line-height:40px;
	text-align:center
}
.tg-boxhover {
	left:0;
	top:0;
	opacity:0;
	width:100%;
	height:100%;
	position:absolute;
	visibility:hidden;
	background:rgba(255, 255, 255, 1);
	text-align:center
}
.tg-displaytable {
	width:100%;
	height:100%;
	display:table
}
.tg-displaytablecell {
	width:100%;
	height:100%;
	vertical-align:middle
}
.tg-img-hover, .tg-member-hover, .tg-post-hover {
	left:0;
	top:70%;
	opacity:0;
	width:100%;
	height:100%;
	text-align:center;
	position:absolute;
	visibility:hidden;
	background:rgba(39, 39, 39, .85)
}
.tg-img-hover i {
	font-size:30px;
	line-height:30px
}
.tg-img-hover h4 {
	color:#fff;
	margin:0;
	line-height:21px
}
.tg-img-hover .holder, .tg-member-hover .holder, .tg-post-hover .holder {
	position:relative;
	width:100%;
	height:100%
}
.tg-member-hover, .tg-post-hover {
	padding:0
}
.tg-member-hover-icons, .tg-post-hover-icons {
	text-align:center;
	width:100%;
	left:0;
	top:50%;
	margin:-18px 0 0;
	position:absolute
}
.tg-member-hover-icons li, .tg-post-hover-icons li {
	float:none;
	display:inline-block;
	vertical-align:middle;
	line-height:36px;
	height:36px;
	width:48px;
	text-align:center
}
.tg-member-hover-icons li:first-child, .tg-post-hover-icons li:first-child {
	border-right:1px solid #a3a3a3
}
.tg-member-hover-icons li a, .tg-member-hover-icons li a i, .tg-post-hover-icons li a, .tg-post-hover-icons li a i {
	display:block;
	line-height:36px;
	text-align:center;
	color:#fff
}
.tg-member-hover-icons li a i, .tg-member-hover-icons li a i:before, .tg-post-hover-icons li a i, .tg-post-hover-icons li a i:before {
	display:block;
	font-size:22px;
	margin:0
}
.tg-date {
	width:35px;
	height:50px;
	display:block;
	font-size:14px;
	font-weight:700;
	line-height:17px;
	color:#fff;
	background:#272727;
	text-align:center
}
.tg-date i {
	display:block;
	font-size:10px;
	line-height:13px
}
.tg-img-border {
	border:10px solid;
	display:inline-block;
	vertical-align:middle
}
.tg-border-bottomleft {
	position:relative
}
.tg-border-bottomleft:after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:70px;
	height:2px;
	background:#272727
}
.tg-border-topleft {
	position:relative;
	border:1px solid #e5e5e5
}
.tg-border-topleft:after {
	content:'';
	position:absolute;
	top:-1px;
	left:-1px;
	width:2px;
	height:70px;
	background:#272727
}
.tg-main-section {
	padding:15px 0 20px
}
.page-header{ border-bottom:none;}
.bg-white {
	background:#fff
}
.tg-displayinlineblock {
	display:inline-block;
	vertical-align:middle;
	float:none;
	margin:0 -2px
}
.zero-right-padding {
	padding-right:0
}
.tg-breadcrumb {
	float:right;
	margin:15px -15px 0 0;
	list-style:none;
	text-transform:uppercase;
	padding:0
}
.tg-breadcrumb li {
	list-style-type:none;
	display:inline-block;
	vertical-align:middle;
	width:auto;
	line-height:normal;
	padding:0 15px;
	position:relative
}
.tg-breadcrumb li+li:after {
	content:'';
	position:absolute;
	top:50%;
	left:-2px;
	width:4px;
	height:1px;
	background:#272727
}
.tg-breadcrumb li a {
	display:block;
	color:#272727
}
.new {
	border-bottom:100px solid #fc3;
	border-left:50px solid transparent;
	border-right:50px solid transparent;
	height:0;
	width:100px
}
#wrapper {
	overflow:hidden
}
#header.affix-top {
	background:#000
}
#header.affix {
	z-index:100!important
}
body.home #header {
	position:fixed;
	z-index:4
}
#header {
	background:#000;
	padding:0 0 0;
	border-bottom:1px solid;
	margin-top:0
}
body.home .affix-top #nav ul {
	padding:20px 0 0
}
body.home .affix-top .add-nav {
	padding:15px 0 13px
}
body.home .affix .add-nav {
	padding:15px 0 13px
}
.navigation-area {
	float:right;
	width:80%
}
.add-nav {
	float:right;
	list-style:none;
	padding:19px 0 0
}
.add-nav li {
	line-height:normal;
	display:inline-block;
	vertical-align:middle;
	list-style-type:none;
	padding:0 14px;
	position:relative
}
.add-nav li:after {
	content:'';
	position:absolute;
	top:50%;
	left:100%;
	width:1px;
	height:10px;
	margin:-5px 0 0;
	background:0 0
}
.add-nav li:last-child:after {
	display:none
}
.add-nav li a {
	display:block;
	color:#272727
}
body.home .logo {
	margin:0 0 0
}
.logo, body.home #header.affix .logo {
	width:127px;
	float:left;
	margin:0 50px 0 0
}
.logo a {
	display:block
}
.logo a img {
	display:block;
	max-width:100%;
	height:auto
}
body.home #nav ul {
	padding:20px 0 0
}
#nav ul {
	list-style:none;
	margin-bottom:0!important
}
#nav ul li {
	display:inline-block
}
#nav ul li a {
	display:block;
	color:#fff;
	padding:10px 13px
}
#nav ul li a span {
	display:none
}
#nav ul li a:after {
	content:'';
	position:absolute;
	top:100%;
	left:0;
	width:0;
	height:3px
}
#nav ul li a:hover:after, #nav ul li.current-menu-item a:after {
	width:100%
}
#nav ul li ul {
	width:230px;
	position:absolute;
	top:130%;
	left:0;
	border-top:3px solid;
	margin:0;
	background:#272727;
	padding:14px 0;
	visibility:hidden;
	opacity:0;
	z-index:2
}
#nav ul>li:hover>ul {
	top:100%;
	visibility:visible;
	opacity:1
}
#nav ul li ul li {
	display:block;
	padding:0 20px
}
#nav ul li ul li a {
	padding:15px 0;
	color:#fff;
	display:block
}
#nav ul li ul li.has-dropdown:after {
	content:'';
	position:absolute;
	right:0;
	bottom:0;
	width:0;
	height:0;
	border-bottom:7px solid;
	border-left:7px solid transparent!important
}
#nav ul li ul li+li a {
	border-top:1px solid #3b3b3b
}
#nav ul li ul li a:after {
	display:none
}
#nav ul li ul li ul {
	top:100%;
	left:100%;
	border:0;
	padding:0;
	visibility:hidden;
	opacity:0;
	z-index:-1
}
#nav ul li ul li:hover ul {
	top:0;
	visibility:visible;
	opacity:1;
	z-index:4
}
.home-slider img {
	display:block;
	width:100%;
	height:auto
}
.home-slider figure {
	margin:0;
	position:relative;
	z-index:1
}
.home-slider .item {
	position:relative;
	float:left;
	width:100%
}
.home-slider .item .tg-banner-content {
	width:370px;
	position:absolute;
	top:50%;
	left:50%;
	z-index:2;
	margin:-185px 0 0
}
.tg-banner-content h1 {
	font-size:64px;
	line-height:60px;
	font-weight:700;
	margin:0 0 20px;
	text-transform:uppercase;
	overflow:hidden
}
.tg-banner-content .tg-border-bottomleft {
	margin:0 0 25px;
	width:100%;
	float:left
}
.tg-banner-content h1 span {
	display:block;
	font-size:34px;
	line-height:38px
}
.home-slider .owl-controls {
	margin:0!important;
	width:100%;
	text-align:center
}
.home-slider .owl-controls .owl-pagination {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	display:none
}
.home-slider .owl-controls .owl-pagination .owl-page {
	width:33.3%;
	height:15px;
	float:left;
	border:1px solid #dbdbdb;
	border-top:3px solid;
	background:#f7f7f7
}
.home-slider .owl-controls .owl-pagination .owl-page span {
	display:none
}
.home-slider .owl-controls .owl-buttons .owl-next, .home-slider .owl-controls .owl-buttons .owl-prev {
	position:absolute;
	top:50%;
	margin:-15px 0 0
}
.home-slider .owl-controls .owl-buttons .owl-prev {
	left:0
}
.home-slider .owl-controls .owl-buttons .owl-next {
	right:0
}
.bx-wrapper {
	position:relative
}
.home.slider {
	margin:0;
	padding:0;
	list-style:none
}
.home.slider li {
	list-style-type:none;
	margin:0!important
}
.home.slider li figure {
	margin:0
}
.home.slider li figure img {
	display:block;
	width:100%;
	height:auto
}
.bx-wrapper .bx-controls {
	position:absolute;
	z-index:5;
	top:50%;
	right:20px;
	width:10px;
	margin:-40px 0 0
}
.bx-controls .bx-pager {
	position:relative;
	z-index:2
}
.bx-controls .bx-pager-item a {
	width:10px;
	height:10px;
	border:1px solid #272727;
	display:block;
	margin:5px 0;
	overflow:hidden;
	text-indent:-9999px
}
.bx-controls .bx-pager-item a.active, .bx-controls .bx-pager-item a:hover {
	background:#272727
}
.bx-controls .bx-controls-direction {
	display:none
}
.bx-controls .bx-controls-direction .bx-next, .bx-controls .bx-controls-direction .bx-prev {
	width:0
}
.bx-controls .bx-controls-direction .bx-prev {
	top:-15px;
	border-bottom:10px solid #afafaf
}
.bx-controls .bx-controls-direction .bx-next {
	bottom:-15px;
	border-top:10px solid #afafaf
}
.bx-controls .bx-controls-direction .bx-prev:hover {
	border-bottom-color:#272727
}
.bx-controls .bx-controls-direction .bx-next:hover {
	border-top-color:#272727
}
body.home #main {
	padding:0 0
}
#main {
	padding:0 0 20px
}
.tg-services {
	margin:-5px
}
.tg-services figure {
	margin:0
}
.tg-service-img figure img {
	display:block;
	width:100%;
	height:auto
}
.tg-service {
	text-align:center;
	position:relative;
	width:19%;
	margin:5px
}
.tg-service .tg-border-topleft {
	padding:30px;
	position:relative;
	z-index:2;
	height:242px;
	background:#fff
}
.tg-service span {
	display:block;
	padding:0 0 15px
}
.tg-service span:before {
	font-size:50px;
	line-height:43px
}
.tg-service h3 {
	font-weight:700;
	font-size:20px;
	line-height:20px;
	margin:0 0 15px;
	text-transform:uppercase
}
.tg-sercice-img {
	margin:0;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%
}
.tg-sercice-img img {
	display:block;
	width:100%;
	height:242px
}
.tg-virtual-img figure {
	margin:0
}
.tg-virtual-img figure img {
	display:block;
	width:100%;
	height:auto
}
.tg-virtuallybuild {
	color:#fff
}
.tg-virtuallybuild .tg-theme-heading {
	margin:0 0 20px
}
.tg-virtuallybuild h2 {
	font-size:30px;
	line-height:30px;
	color:#fff;
	margin:0;
	text-transform:uppercase
}
.tg-virtuallybuild h2 span {
	display:inline-block;
	vertical-align:top;
	font-size:30px;
	line-height:30px
}
.tg-virtuallybuild .tg-description {
	padding:0 0 20px
}
.tg-virtuallybuild .tg-description p {
	margin:0
}
.tg-btn-box a:first-child {
	float:left;
	margin-right:30px
}
.tg-btn-box .tg-theme-btn {
	padding:0 50px
}


#footer {
	background:#f1f1f1
}
.tg-collast-bgcolor {
	background:#1b1b1b
}
.tg-footerbar-color {
	background:#111
}
#footer .tg-main-section {
	padding:0
}
.tg-cols .tg-col {
	padding:12px 0;
	float:left;
	width:100%;
	color:#000
}
.tg-col .tg-theme-heading {
	margin:0 0 20px
}
.tg-col .tg-theme-heading h3 {
	font-size:20px;
	line-height:23px;
	margin:0;
	color:#000;
	text-transform:uppercase;
	font-weight:700
}
.tg-col .logo {
	float:left;
	margin:20px 0
}
.tg-col .tg-description {
	width:100%;
	float:left;
	padding:0 0 25px
}
.tg-col .tg-social-icon {
	float:left;
	text-align:center
}
.contact-info, .tg-latest-post {
	float:left;
	width:100%
}
#footer .tg-latest-post a {
	color:#fff
}
.contact-info ul, .tg-latest-post ul {
	list-style:none;
	width:100%;
	float:left
}
.contact-info ul li, .tg-latest-post ul li {
	list-style-type:none;
	float:left;
	width:100%
}
.contact-info ul li {
	line-height:normal
}
.contact-info ul li+li, .tg-latest-post ul li+li {
	border-top:1px solid #3a3a3a
}
.tg-date {
	float:left;
	padding:4px 0;
	margin:0 15px 0 0
}
.tg-date i {
	font-style:normal
}
.tg-post-contentbox {
	overflow:hidden
}
.tg-post-contentbox .tg-description {
	padding:0
}
.tg-post-contentbox .tg-description p {
	margin:0
}
.tg-post-contentbox .tg-post-meta {
	padding:0
}
.tg-post-contentbox .tg-post-meta span a {
	color:#fff
}
.tg-latest-post ul li:hover .tg-date {
	color:#272727
}
.contact-info ul li span i {
	display:block;
	font-style:normal
}
.tg-footer-bar {
	float:left;
	width:100%;
	padding:30px 0
}
.copyright {
	float:left;
	color:#fff
}
.footer-nav {
	float:right
}
.footer-nav ul {
	overflow:hidden;
	list-style:none
}
.footer-nav ul li {
	float:left;
	padding:0 10px;
	list-style-type:none
}
.footer-nav ul li:last-child {
	padding-right:0
}
.footer-nav ul li a {
	display:block;
	color:#fff;
	text-transform:capitalize
}
.tg-colfirst-bgcolor {
	position:relative
}
.tg-colfirst-bgcolor:after {
	content:'';
	position:absolute;
	top:0;
	right:100%;
	width:9999px;
	height:100%
}
.tg-collast-bgcolor:after {
	content:'';
	position:absolute;
	top:0;
	left:100%;
	width:9999px;
	height:100%;
	background:#1b1b1b
}
.tg-tab-modalbox {
	width:570px;
	position:absolute;
	top:50%;
	left:50%;
	box-shadow:none;
	border-radius:0;
	background:#fff;
	margin:-215px 0 0 -190px
}
.tg-cart-modalbox {
	width:310px;
	position:absolute;
	top:20%;
	left:0;
	right:0;
	margin:auto;
	box-shadow:none;
	border-radius:0;
	background:#fff
}
.tg-login-modalbox, .tg-signup-modalbox {
	width:310px;
	position:absolute;
	top:10%;
	left:0;
	right:0;
	margin:auto;
	box-shadow:none;
	border-radius:0;
	background:#fff
}
.tg-login-modalbox h2, .tg-signup-modalbox h2 {
	font-size:16px;
	line-height:16px;
	padding:15px;
	color:#fff;
	font-weight:700;
	margin:0;
	background:#7eb23d
}
.tg-tab-modalbox h2 {
	font-size:16px;
	line-height:16px;
	padding:15px;
	color:#fff;
	font-weight:700;
	margin:0
}
.tg-cart-modalbox h2 {
	font-size:16px;
	line-height:16px;
	padding:15px;
	color:#fff;
	font-weight:700;
	margin:0
}
.tg-tab-modalbox ul {
	margin:20px 0
}
.tg-tab-modalbox ul li {
	list-style-type:none
}
.login-form {
	padding:30px;
	overflow:hidden
}
.login-form fieldset {
	overflow:hidden
}
.login-form .form-group {
	position:relative;
	float:left;
	width:100%
}
form .form-group i.fa {
	position:absolute;
	top:4px;
	left:0;
	width:38px;
	line-height:30px;
	color:#272727;
	text-align:center;
	border-right:1px solid #ebebeb
}
form .form-group label {
	float:left
}
form .form-group label em, form .form-group label input[type=checkbox] {
	display:inline-block;
	vertical-align:middle;
	margin:0;
	font-style:normal;
	line-height:16px
}
.forgetpassword {
	float:right;
	color:#272727
}
.forgetpassword em, form .form-group .forgetpassword i {
	display:inline-block;
	vertical-align:middle;
	position:static;
	border:0;
	padding:0;
	margin:0;
	font-style:normal
}
.tg-login-modalbox p {
	line-height:50px;
	background:#272727;
	text-align:center;
	color:#fff;
	margin:0
}
.tg-tab-modalbox p {
	line-height:50px;
	background:#272727;
	text-align:center;
	color:#fff;
	margin:0
}
.tg-cart-modalbox p {
	line-height:50px;
	background:#272727;
	text-align:center;
	color:#fff;
	margin:0
}
.tg-signup-modalbox form .form-control {
	padding:4px 6px
}
.tg-banner {
	position:relative;
	height:60px
}
.tg-banner figure {
	margin:0;
	position:relative;
	z-index:1
}
.tg-banner figure img {
	display:block;
	width:100%;
	height:auto
}
.tg-banner-holder {
	top:0;
	left:0;
	width:100%;
	height:100%;
	position:absolute
}
.tg-banner .tg-displaytable {
	height:60px
}
.banner-content {
	position:relative
}
.banner-content:before {
	left:auto;
	right:102%
}
.banner-content h1, .banner-content-h1 {
	float:left;
	font-size:23px;
	font-weight:700;
	text-transform:uppercase;
	margin:13px 0
}
.tg-about-img {
	margin:0
}
.tg-about-img img {
	display:block;
	width:100%;
	height:auto
}
.tg-aboutus .tg-description {
	padding:0
}
.tg-aboutus .tg-description p {
	margin:0 0 20px
}
.tg-member-detail .tg-social-icon li a:hover i {
	background:#fff
}
.tg-brands figure {
	width:100%;
	float:left;
	text-align:center;
	margin:0
}
.tg-brands figure a {
	display:inline-block
}
.tg-brands figure a img {
	margin:0 auto;
	display:block;
	opacity:.2
}
.tg-brands figure a:hover img {
	opacity:1
}
.tg-ourteam .tg-member-hover-icons {
	margin:0;
	top:40%
}
.tg-about-us .tg-member-detail {
	bottom:0;
	left:0;
	position:absolute
}
.tg-about-us .tg-member-hover-icons {
	margin:0;
	top:20%
}
.tg-skill-team-slider .owl-item {
	padding:0 15px
}
.tg-skill-team-slider .owl-controls {
	margin:0l;
	position:absolute;
	bottom:0;
	left:87.1%;
	width:70px
}
.tg-panel {
	margin:0;
	border:0;
	box-shadow:none
}
.tg-panel+.tg-panel {
	border-top:1px solid #fff
}
.tg-panel-heading h3 {
	margin:0;
	background:#272727;
	color:#fff;
	font-size:14px;
	line-height:40px;
	font-weight:600;
	padding:0 20px;
	position:relative
}
.tg-panel-heading h3 a {
	color:#fff;
	display:block
}
.tg-panel-heading h3 a:after {
	content:'\f0da';
	position:absolute;
	top:0;
	right:30px;
	font-size:14px;
	font-family:FontAwesome
}
.tg-panel-heading h3.actives a:after, .tg-panel-heading h3:hover a:after {
	content:'\f0d7'
}
.tg-panel-body {
	padding:10px 30px;
	background:#f7f7f7;
	float:left;
	width:100%
}
.tg-panel-body ul {
	list-style:none;
	width:100%;
	float:left
}
.tg-panel-body ul li {
	list-style-type:none;
	padding:0 0 0 15px;
	position:relative
}
.tg-panel-body ul li:after {
	content:'\f105';
	position:absolute;
	top:0;
	left:0;
	font-family:FontAwesome;
	font-size:14px
}
.tg-panel-heading h3.actives a, .tg-panel-heading h3:hover a {
	color:#272727
}

.tg-viewmore-btn {
	float:left
}
.tg-viewmore-btn:hover {
	color:#272727;
	text-decoration:underline
}
.tg-viewmore-btn {
	float:left;
	color:#272727
}
.tg-virtual-construct .tg-services {
	margin:0
}
.tg-virtual-construct .tg-service {
	float:left;
	width:100%;
	margin:0
}
.tg-virtual-construct .tg-service .tg-border-topleft {
	padding:15px;
	height:252px
}
.tg-virtual-construct .tg-service .tg-description {
	float:left;
	width:100%
}
.tg-virtual-construct .tg-service .tg-theme-btn:hover {
	background:#fff;
	color:#000
}


.houses-portfolio .tg-theme-heading {
	margin:0 0 25px
}
.form-quickinquairy input {
	padding:4px 10px
}
.form-quickinquairy input:focus {
	border-color:#272727;
	color:#272727!important
}
.form-quickinquairy textarea {
	height:152px;
	resize:none;
	padding:4px 10px;
	line-height:normal
}
.tg-nav-tabsslider {
	width:100%;
	float:left;
	font-size:14px;
	line-height:47px;
	position:relative;
	text-align:center;
	padding:0 85px 30px;
	font-family:'Open Sans', Arial, Helvetica, sans-serif
}
.tg-nav-tabsslider ul {
	list-style:none
}
.tg-nav-tabsslider ul li {
	list-style-type:none;
	line-height:inherit;
	background:#f7f7f7;
	float:left
}
.tg-nav-tabsslider ul a {
	display:block;
	color:#272727;
	position:relative;
	border-bottom:3px solid #f7f7f7
}
.tg-nav-tabsslider ul li a:after {
	content:'';
	position:absolute;
	top:10px;
	left:0;
	width:1px;
	height:30px;
	background:#b8b8b8
}
.tg-nav-tabsslider ul li:first-child a:after {
	display:none
}
.tg-view-box {
	padding:0 15px 80px
}
.tg-view-box figure {
	margin:0;
	position:relative
}
.tg-view-box figure img {
	display:block;
	height:auto;
	width:100%
}
.tg-view-box figure figcaption {
	color:#272727;
	padding:25px 40px;
	text-align:center
}
.tg-view-box figure figcaption .tg-caption, .tg-view-box figure figcaption .tg-theme-btn {
	display:inline-block;
	vertical-align:middle
}
.tg-view-box figure figcaption .tg-caption {
	padding:0 80px 0 0
}
.tg-view-box figure figcaption i, .tg-view-box figure figcaption span {
	font-size:18px;
	line-height:21px
}
.tg-view-box figure figcaption i {
	padding:0 15px 0 0
}
.tg-view-box figure figcaption .tg-theme-btn:hover {
	background:#fff;
	color:#272727
}
.flex-direction-nav .flex-nav-next, .flex-direction-nav .flex-nav-prev {
	background:0 0;
	border:none;
	line-height:normal;
	position:absolute;
	top:10px
}
.flex-direction-nav .flex-nav-next a, .flex-direction-nav .flex-nav-prev a {
	border:0;
	width:30px;
	height:30px;
	line-height:28px;
	text-align:center;
	background:#272727;
	display:block;
	color:#fff;
	font-size:20px
}
.flex-direction-nav .flex-nav-next a:hover, .flex-direction-nav .flex-nav-prev a:hover {
	color:#272727
}
.flex-direction-nav .flex-nav-next a:after, .flex-direction-nav .flex-nav-prev a:after {
	display:none
}
.flex-direction-nav .flex-nav-prev {
	left:54px
}
.flex-direction-nav .flex-nav-next {
	right:54px
}
html {
	height:100%
}

#seconds h1 {
	color:#272727
}
.tg-map {
	margin:-20px 0 0;
	border-bottom:4px solid
}
.col-info {
	width:100%;
	height:50px;
	padding:15px 0;
	background:#fff;
	border-bottom:1px solid #f1f1f1!important;
	text-align:left;
	margin:0 0
}
.col-info p {
	margin:0
}
.col-info i {
	padding:0 10px 0 0
}
.col-info i, .col-info p {
	font-size:14px;
	line-height:17px
}
.col-info p a {
	color:#424242
}
.col-info p a:hover {
	text-decoration:none
}
.form-contactus {
	padding:0 0 80px
}
.form-contactus fieldset {
	width:100%
}
.form-contactus .form-group {
	position:relative
}
.form-contactus .form-group:after {
	clear:both;
	display:block;
	content:''
}
.form-contactus .form-group input {
	padding:6px 12px;
	border:1px solid #e1e1e1
}
.form-contactus .form-group i.fa {
	right:0;
	border:none;
	left:auto;
	color:#959595
}
.form-contactus textarea {
	width:100%;
	height:130px;
	border:1px solid #e1e1e1;
	resize:none;
	padding:6px 12px;
	color:#959595
}
.tg-error-section {
	text-align:center
}
.tg-message h2 {
	font-size:60px;
	line-height:63px;
	text-transform:uppercase;
	font-weight:700
}
.tg-message h3 {
	font-size:35px;
	line-height:38px;
	margin:0 0 17px
}
.tg-message .tg-img-border {
	margin:0 0 30px
}
.tg-message figure {
	margin:0
}
.tg-message figure img {
	display:block;
	width:100%;
	height:auto
}
.tg-message span {
	font-size:14px;
	line-height:17px;
	margin:0 0 20px;
	display:block
}
.tg-message span a {
	font-size:14px;
	line-height:17px;
	font-weight:700;
	text-decoration:underline;
	text-transform:uppercase;
	color:#272727
}
.tg-message a:hover {
	text-decoration:none
}

.tags-social li {
	list-style:none;
	display:inline-block
}
.social strong {
	font-size:14px;
	line-height:17px;
	text-transform:uppercase;
	padding:0 20px 0 0
}
.social strong, .social ul.tg-social-icon {
	display:inline-block;
	vertical-align:middle
}
.social ul.tg-social-icon li {
	padding:0 5px
}
.social ul.tg-social-icon li a {
	background:0 0;
	width:auto
}
.social ul.tg-social-icon li+li {
	border-left:1px solid #d4d4d4
}
.preloader {
	background-color:#fff;
	height:100%;
	width:100%;
	position:fixed;
	z-index:999999999;
	margin-top:0;
	top:0
}
#loading-center {
	width:100%;
	height:100%;
	position:relative
}
#loading-center-absolute {
	position:absolute;
	left:50%;
	top:50%;
	height:200px;
	width:200px;
	margin-top:-100px;
	margin-left:-100px
}
.object {
	-moz-border-radius:50%;
	-webkit-border-radius:50% 50% 50% 50%;
	border-radius:50% 50% 50% 50%;
	position:absolute;
	border-left:5px solid #fecb00;
	border-right:5px solid #fecb00;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	-webkit-animation:animate 2s infinite;
	animation:animate 2s infinite
}
.object2 {
	-moz-border-radius:50%;
	-webkit-border-radius:50% 50% 50% 50%;
	border-radius:50% 50% 50% 50%;
	position:absolute;
	border-left:5px solid #7eb23d;
	border-right:5px solid #7eb23d;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	-webkit-animation:animate 2s infinite;
	animation:animate 2s infinite
}
#object_one {
	left:75px;
	top:75px;
	width:50px;
	height:50px
}
#object_two {
	left:65px;
	top:65px;
	width:70px;
	height:70px;
-webkit-animation-delay:.1s;
animation-delay:.1s
}
#object_three {
	left:55px;
	top:55px;
	width:90px;
	height:90px;
-webkit-animation-delay:.2s;
animation-delay:.2s
}
#object_four {
	left:45px;
	top:45px;
	width:110px;
	height:110px;
-webkit-animation-delay:.3s;
animation-delay:.3s
}
@-webkit-keyframes animate {
50% {
-ms-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
100% {
-ms-transform:rotate(0);
-webkit-transform:rotate(0);
transform:rotate(0)
}
}
@keyframes animate {
50% {
-ms-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
100% {
-ms-transform:rotate(0);
-webkit-transform:rotate(0);
transform:rotate(0)
}
}
.message_contact {
	float:left
}
.product-service {
	margin-top:-110px;
	position:absolute;
	left:0;
	right:0
}
ul.selectdate li {
	display:inline-flex;
	list-style-type:none;
	text-align:center;
	margin-bottom:5px
}
ul.selectdate li a {
	padding:15px 25px;
	border:1px solid #f1f1f1;
	color:#000
}
ul.selectdate li a:hover {
	border:1px solid #7eb23d;
	color:#000
}
.selectdate li a span {
	font-size:36px;
	color:#7eb23d;
	margin-bottom:-5px
}
.imgbdr {
	border:3px solid #fff;
	border-radius:50%;
	width:125px;
	height:125px;
	line-height:125px;
	vertical-align:middle;
	padding-top:20px
}
.imgbdr:hover {
	border:3px solid #fed700
}
.imgmar {
	margin:5px 0 10px
}
.tg-virtual-construct h6 {
	color:#fff
}
.servicearea {
	background:url(../images/servicesbg.jpg)
}
.whitetxt {
	color:#fff
}
.twbtn {
	margin:0 0 15px;
	text-align:center
}
.fbbtn {
	margin:0 0 5px;
	text-align:center
}
ul.pop-link {
	margin:0
}
ul.pop-link li {
	list-style-type:none;
	background-color:#7eb23d;
	border-radius:5px;
	padding:5px;
	display:list-item;
	float:left;
transition:background .5s ease;
	width:45%;
	border:1px solid #7eb23d
}
ul.pop-link.service_popup_box_3 li {
	width:32%
}
ul.pop-link.service_popup_box_3 li:last-child {
	width:32%
}
ul.pop-link li a {
	color:#fff
}
ul.pop-link li a:before, ul.pop-link li:first-child a:before {
	content:"\f085";
	font-family:fontAwesome;
	color:#fff;
	font-size:1em;
	margin-right:10px;
	vertical-align:middle
}
ul.pop-link li:last-child a:before {
	content:"\f0eb"
}
ul.pop-link li:hover {
	background:#fff;
	border:1px solid #7eb23d
}
ul.pop-link li:hover a:before {
	color:#7eb23d
}
ul.pop-link li:hover a {
	color:#7eb23d
}
ul.pop-link li:first-child {
	margin-right:10px
}
.popup a.popup_close {
	right:10px!important;
	top:20px!important
}
.text-center {
	text-align:center
}
.roundimgpop {
	width:100px;
	margin:auto auto 30px!important;
	height:100px;
	background:#7eb23d;
	padding:10px;
	border-radius:50%
}
.tg-cart-in {
	overflow:auto
}
.tg-cart-in ul {
	padding:0;
	margin:0
}
.tg-cart-in ul li {
	padding:10px 0;
	margin:0;
	line-height:20px;
	border-bottom:1px solid #f1f1f1;
	list-style-type:none;
	padding:1%
}
#cart_item_div {
	border:1px solid #eee
}
.martop10m {
	margin-top:40%
}
#cart_val {
	position:absolute;
	top:-14px;
	left:15px
}
#bs-example-navbar-collapse-1 span {
	border-radius:50%;
	color:#fff;
	font-size:12px;
	height:15px;
	line-height:17px;
	margin-top:20px;
	text-align:center;
	vertical-align:middle;
	width:15px
}
.bluebg {
	background:#7eb23d;
	color:#fff;
	border-radius:3px;
	padding:2px
}
#popup_crop, #popup_upload {
	text-align:left!important;
	background:rgba(0, 0, 0, .3) none repeat scroll 0 0;
	display:none;
	height:100%;
	left:0;
	overflow:auto;
	position:fixed;
	text-align:center;
	top:0;
	width:100%;
	z-index:9999
}
#poppup_upload .roundimgpop {
	margin:auto
}
.popup .popup_bg {
	position:fixed;
	background-color:#000;
	width:100%;
	height:100%;
	z-index:999;
	opacity:.9
}
.popup .content {
	position:fixed;
	max-width:600px;
	left:0;
	right:0;
	top:20%;
	z-index:999;
	margin:auto;
	border-radius:5px;
	padding:0 10px
}
.popup .content .popup_header {
	border-top-left-radius:5px;
	border-top-right-radius:5px
}
.popup .content .popup_header h3 {
	font-size:22px;
	font-family:arial;
	color:#00000;
	text-align:center;
	margin:0;
	padding:15px
}
.popup a.popup_close {
	right:5px;
	position:absolute;
	top:10px
}
.popup a.popup_close img {
	width:15px
}
.full-green-theme .range-calendar, .full-green-theme.range-calendar {
	background-color:#7eb23d!important
}
.full-green-theme .calendar .cell:hover, .full-green-theme .calendar .cell:hover .day-number {
	color:#000!important
}
.loading_icon {
	display:block;
	position:fixed;
	top:50%;
	left:50%
}
#login-form input[type=password], #login-form input[type=text] {
	padding:4px 6px 4px 46px
}
#addnew-address-form {
	min-height:215px
}
#vote_status-error, #vote_status1-error {
	position:absolute;
	top:23px;
	left:90px
}
.addnew-address-form .help-block, .address-form-new .help-block {
	display:inline-block
}
.esehe {
	border:1px solid #ccc;
	padding:10px
}
.esehe:hover {
	background:#fff;
	border:1px solid #7eb23d
}
#lost_no {
	padding-left:40px
}
.notoppad {
	padding-top:0!important
}
.nobotpad {
	padding-bottom:0!important
}
.quicklinks ul li {
	padding:5px 0;
	list-style-type:none;
	border-bottom:1px solid #272727
}
.quicklinks ul li a {
	color:#000
}
.quicklinks ul li a:hover {
	color:#7eb23d
}
.footer-logo-new {
	max-width:150px;
	display:inline-block
}
.bgNewText h4 {
	float:left;
	display:inline-block;
	color:#000;
	font-weight:700;
	font-style:italic
}
.tg-col h4 {
	color:#000;
	font-weight:700
}
.top-right-menu {
	text-align:right
}
.top-right-menu ul {
	margin:0;
	padding:0
}
.top-right-menu ul li {
	margin:5px 5px;
	padding:0;
	display:inline;
	list-style-type:none
}
.top-right-menu ul li a {
	font-size:12px;
	color:#666;
	text-decoration:none;
	line-height:38px
}
.owl-controls {
	display:none
}
.howitworksbg {
	background:url(../images/servicesbg.jpg);
	background-size:cover;
	background-attachment:scroll
}
.howitworksbg h2 {
	color:#fff
}
.howitworksbg h3 {
	color:#fff;
	text-transform:uppercase
}
.imageBox h4 {
	color:#fff
}
.imageBox p {
	color:#fff
}
.product-services .col-xs-6 {
	padding-left:0!important;
	padding-right:0!important
}
.whychooseus {
	color:#fff
}
.whychooseus ul li {
	list-style:none;
	padding-left:15px;
	position:relative
}
.whychooseus ul li:before {
	content:"\f111";
	font-family:FontAwesome;
	font-size:.5em;
	color:#fff;
	position:absolute;
	left:0;
	vertical-align:middle
}
.whychooseus h2 {
	color:#fff
}
.whychooseus p {
	color:#fff
}
.whychooseus p strong {
	color:#fff
}
.abt-wu {
	padding-top:38%
}
.clear {
	clear:both
}
.tg-banner.parallax-window {
	background-image:url(https://www.myindiacctv.com/images/page-banner-img/img-01.jpg);
	background-position:center -100px;
	background-repeat:no-repeat
}
.myLogoSlider .item img.img-logo-slider {
	max-height:45px;
	min-height:45px
}
.logo-owl-carousel-new .owl-wrapper-outer .owl-wrapper .owl-item .item {
	padding:15px;
	border:1px solid #000;
}
.product-service .col-sm-6 {
	position:relative
}
.product-service .first-sr:before {
	background:rgba(0, 0, 0, 0) url(../images/blue.png) repeat-x scroll left center;
	bottom:0;
	content:"";
	display:inline-block;
	height:20px;
	left:-87px;
	position:absolute;
	width:76%
}
.product-service .second-sr:before {
	background:rgba(0, 0, 0, 0) url(../images/white.png) repeat-x scroll left center;
	bottom:0;
	content:"";
	display:inline-block;
	height:20px;
	right:-87px;
	position:absolute;
	width:76%
}
#f1_container {
	height:281px;
	margin:auto 2% auto auto;
	position:relative;
	width:249px;
	z-index:1
}
#f1_container {
	perspective:1000
}
#f1_card {
	width:100%;
	height:100%;
	transform-style:preserve-3d;
	transition:all 1s linear
}
#f1_container:hover #f1_card {
	transform:rotateY(180deg)
}
.face {
	position:absolute;
	width:100%;
	height:100%;
	backface-visibility:hidden
}
.face.back {
	display:block;
	transform:rotateY(180deg);
	box-sizing:border-box;
	color:#fff;
	text-align:center
}
.second-sr #f1_container {
	margin-left:2%!important
}
footer .contact-info a {
	font-size:18px
}
.social-wrap {
	margin:0 auto;
	padding:0;
	text-decoration:none
}
.social-wrap ul li {
	list-style-type:none;
	border-bottom:none;
	margin:0 auto;
	background:0 0;
	padding:0;
	line-height:0!important
}
.social-wrap li a {
	margin:5px 3px 0 0!important;
	padding:0;
	width:35px;
	height:35px;
	text-indent:-99999px;
	float:left
}
.social-wrap li a.facebook1 {
	background:#314d91 url(../images/social-icons.png) no-repeat 0 0;
-webkit-transition:All .3s ease-out;
-moz-transition:All .3s ease-out;
-o-transition:All .3s ease-out
}
.social-wrap li a.facebook1:hover {
	background:#314d91 url(../images/social-icons.png) no-repeat 0 -51px
}
.social-wrap li a.twitter1 {
	background:#07beed url(../images/social-icons.png) no-repeat 0 -89px;
-webkit-transition:All .3s ease-out;
-moz-transition:All .3s ease-out;
-o-transition:All .3s ease-out
}
.social-wrap li a.twitter1:hover {
	background:#07beed url(../images/social-icons.png) no-repeat 0 -143px
}
.social-wrap li a.google-p1 {
	background:#a7291b url(../images/social-icons.png) no-repeat 0 -179px;
-webkit-transition:All .3s ease-out;
-moz-transition:All .3s ease-out;
-o-transition:All .3s ease-out
}
.social-wrap li a.google-p1:hover {
	background:#a7291b url(../images/social-icons.png) no-repeat 0 -232px
}
.social-wrap li a.linkdin1 {
	background:#1698e3 url(../images/social-icons.png) no-repeat 0 -443px;
-webkit-transition:All .3s ease-out;
-moz-transition:All .3s ease-out;
-o-transition:All .3s ease-out
}
.social-wrap li a.linkdin1:hover {
	background:#1698e3 url(../images/social-icons.png) no-repeat 0 -496px
}
@keyframes ring {
0% {
transform:rotate(-15deg)
}
2% {
transform:rotate(15deg)
}
4% {
transform:rotate(-18deg)
}
6% {
transform:rotate(18deg)
}
8% {
transform:rotate(-22deg)
}
10% {
transform:rotate(22deg)
}
12% {
transform:rotate(-18deg)
}
14% {
transform:rotate(18deg)
}
16% {
transform:rotate(-12deg)
}
18% {
transform:rotate(12deg)
}
100%, 20% {
transform:rotate(0)
}
}
.faa-parent.animated-hover:hover>.faa-ring, .faa-ring.animated, .faa-ring.animated-hover:hover {
	animation:ring 2s ease infinite;
	transform-origin-x:50%;
	transform-origin-y:0;
	transform-origin-z:initial
}
.faa-parent.animated-hover:hover>.faa-ring.faa-fast, .faa-ring.animated-hover.faa-fast:hover, .faa-ring.animated.faa-fast {
	animation:ring 1s ease infinite
}
.faa-parent.animated-hover:hover>.faa-ring.faa-slow, .faa-ring.animated-hover.faa-slow:hover, .faa-ring.animated.faa-slow {
	animation:ring 3s ease infinite
}
.circle {
	height:60px;
	width:60px;
	border-radius:50%;
	background-color:#7eb23d;
	line-height:72px;
	text-align:center;
	color:#fff;
	position:fixed;
	bottom:20px;
	-webkit-box-shadow:0 0 10px 0 #174e72;
	box-shadwo:0 0 10px 0 #174e72;
	right:84px;
	z-index:9999;
-webkit-transition:height .25s ease, width .25s ease;
transition:height .25s ease, width .25s ease;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.circle:after, .circle:before {
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border-radius:50%;
	border:1px solid #7eb23d
}
.circle:before {
	-webkit-animation:ripple 2s linear infinite;
	animation:ripple 2s linear infinite
}
.circle:after {
	-webkit-animation:ripple 2s linear 1s infinite;
	animation:ripple 2s linear 1s infinite
}
.circle:hover:after, .circle:hover:before {
	-webkit-animation:none;
	animation:none
}
@-webkit-keyframes ripple {
0% {
-webkit-transform:scale(1)
}
75% {
-webkit-transform:scale(1.75);
opacity:1
}
100% {
-webkit-transform:scale(2);
opacity:0
}
}
@keyframes ripple {
0% {
transform:scale(1)
}
75% {
transform:scale(1.75);
opacity:1
}
100% {
transform:scale(2);
opacity:0
}
}
.circle {
	cursor:help;
	-webkit-transform:translateZ(0);
	-webkit-font-smoothing:antialiased
}
.circle .tooltip {
	background:#7eb23d;
	bottom:100%;
	color:#fff;
	font-size:20px;
	font-weight:700;
	display:block;
	left:-56px;
	text-align:center;
	margin-bottom:15px;
	opacity:0;
	padding:20px;
	pointer-events:none;
	position:absolute;
	width:168px;
	-webkit-transform:translateY(10px);
	-moz-transform:translateY(10px);
	-ms-transform:translateY(10px);
	-o-transform:translateY(10px);
	transform:translateY(10px);
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
-o-transition:all .25s ease-out;
transition:all .25s ease-out;
	-webkit-box-shadow:2px 2px 6px rgba(0, 0, 0, .28);
	-moz-box-shadow:2px 2px 6px rgba(0, 0, 0, .28);
	-ms-box-shadow:2px 2px 6px rgba(0, 0, 0, .28);
	-o-box-shadow:2px 2px 6px rgba(0, 0, 0, .28);
	box-shadow:2px 2px 6px rgba(0, 0, 0, .28)
}
.circle .tooltip strong {
	color:#fff;
	font-size:18px
}
.circle .tooltip p {
	font-size:14px;
	margin:0
}
.circle .tooltip:before {
	bottom:-20px;
	content:" ";
	display:block;
	height:20px;
	left:0;
	position:absolute;
	width:100%
}
.circle .tooltip:after {
	border-left:solid transparent 10px;
	border-right:solid transparent 10px;
	border-top:solid #7eb23d 10px;
	bottom:-10px;
	content:" ";
	height:0;
	left:50%;
	margin-left:-13px;
	position:absolute;
	width:0
}
.circle:hover .tooltip {
	opacity:1;
	pointer-events:auto;
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0)
}
.lte8 .wrapper .tooltip {
	display:none
}
.lte8 .wrapper:hover .tooltip {
	display:block
}
.tg-post h3 a {
	font-size:16px;
	color:#7eb23d;
	display:block;
	border-bottom:1px solid #7eb23d
}
.tg-post .tg-post-meta span a {
	position:relative;
	padding-left:15px
}
.tg-post .tg-post-meta span a:before {
	content:"\f007";
	left:0;
	vertical-align:middle;
	font-family:FontAwesome;
	position:absolute;
	color:#373737
}
.tg-post:hover, .tg-post:hover a, .tg-post:hover a:before {
	color:#fff!important
}
.pop-link:after {
	clear:both;
	display:block;
	content:''
}
.pop-link li {
	float:left;
	width:45%
}
.pop-link li:last-child {
	width:45%;
	float:right
}
.tg-aboutus-section ul li {
	position:relative;
	padding-left:20px
}
.tg-aboutus-section ul li:before {
	content:'';
	background:#000;
	height:5px;
	width:5px;
	border-radius:100%;
	position:absolute;
	left:0;
	top:12px;
	line-height:5px;
	vertical-align:middle
}
.tg-cart-in .table thead {
	background:#7eb23d;
	color:#fff;
	font-weight:600
}
#home-slider .owl-wrapper-outer {
	max-height:445px
}
.service_popup li a {
	width:240px;
	display:block;
	cursor:pointer
}
.blue_btn {
	background:#7eb23d none repeat scroll 0 0;
	border-radius:2px;
	color:#fff!important;
	padding:5px 15px;
	font-size:13px
}
.red_btn {
	background:red none repeat scroll 0 0;
	border-radius:2px;
	color:#fff!important;
	padding:5px
}
.bgtel tr.odd td {
	background:#fff none repeat scroll 0 0
}
.product_list {
	padding:5px
}
.product_list_inner:hover {
	border:1px solid #7eb23d
}
.product_list h6 {
	height:56px
}
.anch_btn {
	background:#7eb23d none repeat scroll 0 0;
	border-radius:2px;
	color:#fff!important;
	padding:5px
}
.anch_btn_details {
	background:#7eb23d none repeat scroll 0 0;
	border-radius:2px;
	color:#fff;
	padding:8px 20px
}
.product_list img {
	width:200px;
	height:150px
}
.col-sm-25 {
	width:18%
}
.product_image_left img {
	width:100%
}

.btn-checkout {
	background:#17319f none repeat scroll 0 0;
	border:1px solid #17319f;
	box-shadow:0 0 2px rgba(0, 0, 0, .12), 0 2px 2px rgba(0, 0, 0, .2);
	color:#fff;
	font-size:16px;
	font-weight:600;
	margin:10px 0;
	min-height:35px;
	text-align:center;
	width:100%;
	display:block
}
.btn-checkout:hover {
	background:#fff none repeat scroll 0 0;
	border:1px solid #17319f;
	color:#4963d1
}
#myform {
	text-align:center;
	padding:5px;
	border:1px dotted #ccc;
	margin:2%
}
.add_to_cart_details label {
	float:left
}
.cart_sidebar .price {
	font-size:20px;
	font-weight:600;
	color:#0a8105;
	margin:0
}
.price_box_details p {
	margin-bottom:5px!important
}
.coupon_cls {
	margin-bottom:10px;
	padding-bottom:20px
}
.apply_text {
	text-transform:uppercase;
	width:150px!important
}
.apply_btn {
	line-height:42px
}
#apply_coupon-error {
	bottom:88px;
	left:106px;
	position:absolute
}
#coupon_success {
	color:green
}
.product_full_description table tr td {
	line-height:20px;
	padding:7px!important;
	text-align:left
}
.product_details .imgbdr {
	padding-top:6px
}
.success_msg {
	background:#7eb23d;
	color:#fff;
	text-align:center;
	border-radius:3px;
	padding:4px 0
}
