@import url(http://fonts.googleapis.com/css?family=Raleway:500,400,300);

::-moz-selection{background:#00cf67;color:white}
::selection{background:#00cf67;color:white}


body, html { 
	width:100%;
	height: 100%;
	min-height: 100%;
	background-color:#FFF;
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px; -webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
font-family: 'Raleway', sans-serif;
}

.centered {text-align: center;}

.clear {padding: 5px 0; clear:both; display:block;}

h1 {
  	font-size:2.70em;
}

h2 {
	font-size:30px;
	line-height: 1.3em;
}
  
h3 {    
font-size:26px; line-height:32px;
}

h4 {     
	color: #303333;
	font-size:1.4em;
}

p, ul li
{
 font-weight:normal; font-size:15px; color:#333333;
}

span {
	
	}

/* Lead Text */
	
.lead {font-size:18px; color:#292929;}


/* Link */

a {
  	color: #303333;
  	text-decoration: none;}

a:hover {
	color: #34495e;}  
	
/* Paragrah */

p {
	color: #292929;}

p a {
	color:#303333;
	border-bottom: 1px dotted #888;
	-webkit-transition: all 0.5s ease-out;
  	-moz-transition: all 0.5s ease-out;
  	-o-transition: all 0.5s ease-out;
  	transition: all 0.5s ease-out;}

p a:hover {
	color:#111;}


/* Button */

.fade1,.fade2,.fade3{  
    display:none;}

	
.button, .buttonInnerHeader {
	border-radius: 7px;
	border: 1px solid rgba(255,255,255,0.53);
    color:#FFF;
    text-transform: uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    padding:15px 20px;
    font-size: 24px;
    min-width: 150px;
    line-height: 90px;
    text-align: center;}
	
.button:hover, .buttonInnerHeader:hover {
	color:#FFF;
	border:1px solid #FFF;
	 -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}
	
.buttonInnerHeader
{
margin-top:30px; float:left; line-height:35px;
}

.andcountingBoxInner
{
margin-top:120px; float:left; clear:both; width:100%;
}
    
    
/* Button */

.button2 {
    text-transform: uppercase;
    padding:15px 20px;
    background-color: #5BB75B;
    font-size: 16px;
    background-image: linear-gradient(to bottom, #00cf67, #04ea76);
    background-repeat: repeat-x;
    width:100%;
    cursor: pointer;
    border-radius: 7px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
}

.button2:hover {
	background-color: #06ee79;
    color: #FFFFFF;
    background-position: 0 -15px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}   
		
/* 03. HEADER SECTION ================================================== */


nav {
	z-index: 999;
	width: 100%;
	height: 80px;}


/* Some stylesheet reset */

#nav, #nav ul {
	list-style: none;
	margin: 0;
	padding: 0;}

/* The main navigation bar */

#nav {
float:right; position:relative;
	}

#nav>li {
	float: left; text-align:center;

	padding: 0px 0;}
	
	
#nav>li>a {
	display: block;
	padding:22px 20px; letter-spacing:1px;
	font-size: 14px; font-weight:400;
	color: #565758; text-transform:uppercase; border-right:1px solid #d8dbdf;
	text-decoration: none;
	-webkit-transition: color .2s ease-in, border-top-color .2s ease-in;
	-ms-transition: color .2s ease-in, border-top-color .2s ease-in;
	-moz-transition: color .2s ease-in, border-top-color .2s ease-in;
	-o-transition: color .2s ease-in, border-top-color .2s ease-in;
	transition: color .2s ease-in, border-top-color .2s ease-in;}

#nav li:hover a, #nav li .selected {
	color: #1f2325;
}

#nav li	div
	{
position:absolute; top:70px; padding:20px 10px; display:none;
background:#f2f3f5;

-webkit-transition: all .3s ease .15s;
-moz-transition: all .3s ease .15s;
-o-transition: all .3s ease .15s;
-ms-transition: all .3s ease .15s;
transition: all .3s ease .15s; opacity:0;
-webkit-box-shadow: -2px 4px 5px -3px rgba(0,0,0,0.69);
-moz-box-shadow: -2px 4px 5px -3px rgba(0,0,0,0.69);
box-shadow: -2px 4px 5px -3px rgba(0,0,0,0.69);
}

.servicesB
{
left:0px; width:100%;
}

.companyB
{

}

.companyB ul
{
height:auto!important;
}
	
#nav>li:hover div
{
display:block; opacity:1;
}

#nav>li:hover a
{
background:#f2f3f5;
}

#nav>li:hover ul a
{
background:none;
}
	
#nav>li	div ul
{
float:left; border-left:1px solid #d3d5d6; height:340px;
}

#nav>li	div ul:first-child
{
border-left:none;
}

#nav>li	.dropdownBox ul li
{
text-align:left;
}

#nav>li	.servicesB ul li:first-child
{
font-weight:700;
}

#nav>li	.dropdownBox ul li:first-child a
{
font-size:16px; font-weight:500;
}

#nav>li	.companyB ul li:first-child a
{
font-size:inherit!important; font-weight:normal;
}

#nav>li	.dropdownBox ul li a
{
text-align:left!important;  font-size:14px; line-height:34px!important;  padding:8px 10px!important; color: #565758; 
}
 
.cbp-af-header {
	position: absolute;
	top: 0px; box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	left: 0;
	width: 100%;
	background: #FFF;
	z-index:999999;
height:70px;
	border-bottom: 0px solid #e5e5e5;
	-webkit-transition: height 0.6s;
	-moz-transition: height 0.6s;
	transition: height 0.6s;}


/* FOR REDUCING THE HEIGHT OF THE NAVIGATION */

.cbp-af-header .logo
{
padding:8px 0 0 0;
}

.cbp-af-header .topNav
{
text-align:right; padding:14px 0 0 0;
}

.cbp-af-header .topNav li
{
display:inline-block; vertical-align:middle; padding:0 6px;
}

.cbp-af-header.cbp-af-header-shrink #logo { 
	padding:25px 20px 0px 0px; 
	width:110px;}

/* Transitions and class for reduced height */

.cbp-af-header #nav a {
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;}

.cbp-af-header.cbp-af-header-shrink {
}

.cbp-af-header.cbp-af-header-shrink #nav a {

	}



/* Header Generals  */

#header {
	width:100%;
	height:630px;
	color:#FFF;
	background:url('../images/bgouf.jpg')  #363f48 fixed; 
    position: relative;
	z-index:99999;
    background-size: 100%;
}

#header .headerInnerBlock
{
padding-top:100px;
}

.headerTxt h1
{
font-size:44px; font-weight:500; padding:20px 0px 30px 0; line-height:44px;
}

.headerTxt h2
{
padding:5px 0; font-size:26px; font-weight:400; padding:0 0 0 0;
}

.headerTxt p
{
margin-top:40px;
}

.headerTxt ul
{
margin:15px 0 0 30px;
}

.headerTxt ul li
{
color:#FFFFFF; font-size:14px; padding:0 0 2px 0;
}

.headerTxt h3
{
padding:10px 0; font-size:18px;
}

#header .headerForm
{
width:98%; background:url(../images/trans-bg.png) repeat 0 0; padding:20px;
-webkit-border-radius: 2px; float:right;
-moz-border-radius: 2px; margin-top:0px;
border-radius: 2px;
}

#header .headerForm h1
{
font-size:22px; display:block; margin-bottom:10px; font-weight:500; color:#EEF8FE; letter-spacing:1px; text-align:center;
}

.headerForm .remoteConnectForm
{
width:100%;
}

.headerForm .remoteConnectForm label
{
width:46%; float:left; margin-bottom:15px; margin-left:4%;
}



.headerForm .remoteConnectForm .submitBtnBox
{
display:block; clear:both; text-align:center;
}
.submitBtn
{
background-color:#00cf67; color:#FFFFFF; font-size:14px; text-transform:uppercase; letter-spacing:1px; font-weight:500;
cursor:pointer; border:none; padding: 8px 18px 8px 18px; -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.headerForm .remoteConnectForm .submitBtnBox 
{
background-color:#00cf67; color:#FFFFFF; font-size:14px; text-transform:uppercase; letter-spacing:1px; font-weight:500;
cursor:pointer; border:none; padding: 10px 20px 10px 20px; -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

.headerForm .remoteConnectForm .submitBtnBox .submitBtn:hover
{
background:#1c76b4;
}

.headerForm input[type="text"], .headerForm input[type="password"], .headerForm textarea, .headerForm select
{
background-color: #fff; border-radius: 3px; display: inline-block;
border: 1px solid #000; line-height: 24.2px; box-sizing: content-box; color:#999999;
font-size: 14px;
transition: all 150ms ease-in-out; width:90%;  height:32px; padding:2px 8px;
}

.bbbLogosHome
{
position:absolute; right:0px; background:#EFEFEF; width:108px; height:200px; top:120px; padding:20px 20px 15px 10px;
-webkit-box-shadow: -2px 3px 5px 0px rgba(0,0,0,0.38);
-moz-box-shadow: -2px 3px 5px 0px rgba(0,0,0,0.38);
box-shadow: -2px 3px 5px 0px rgba(0,0,0,0.38);
}

.bbbAccridatedLogos ul
{
top:140px; padding:30px 20px 10px 30px;
}


.bbbLogosHome li
{
margin-bottom:12px;
}

.bbbLogosHome li:last-child, .bbbAccridatedLogos:last-child
{
margin-bottom:0px;
}

.homeServicesBlock
{
padding:20px 0 70px 0; background:#fff;
}

.homeServicesBlock h3
{
font-size:38px; font-weight:300; margin-bottom:15px;
}

.homeServicesBlock h4
{
font-size:24px; letter-spacing:1px; color:#56585a; font-weight:400;
}


#homeTestimonial
{
padding: 20px 0 20px 0; height:180px;
border-top:1px solid #eee;
border-bottom: 1px solid #eee; 
}
/* TESTIMONIAL BLOCK GOES HERE ================================================== */

.testimonialBlock { 	
    left: 0;
    position: relative;
    width: 100%;
    z-index: 999;
    display: block;
}

.testimonialBlock h1
{
text-align:center; padding:0px 0 30px 0; font-weight:400; font-size:40px;
}

.testimonialBlock .testimonialQuotes
{
text-align:left;
}
	
@media only screen and (max-width: 767px)
{
.testimonialBlock .testimonialQuotes img
{
width:auto;
}
}

.testmonialTxt p
{
font-size:15px; margin-bottom:5px; line-height:28px; color:#3e3e3f; font-style:italic; letter-spacing:1px; padding:0 0 0 5px;
}

.testimonialBlock .nameTest
{
font-size:14px; color:#1f78b5;
}
	
.protectIconHome
{
background:url(../images/protect.jpg) no-repeat center center; letter-spacing:1px;
}

.supportIconHome
{
background:url(../images/support.jpg) no-repeat center center;
}

.repairIconHome
{
background:url(../images/tools.jpg) no-repeat center center;
}

#homeTestimonial .bodyContent
{

}

.bodyContent h1
{
text-align:left; padding:0 0 15px 0;
font-weight: 400;
font-size:32px;
}

.bodyContent h2
{
text-align:left; padding:0 0 15px 0;
font-weight: 400;
font-size: 28px;
}

.bodyContent h3
{
text-align:left; padding:0 0 5px 0; color:#2e2e2f;
font-weight: 400;
font-size: 20px;
}

.bodyContent p
{
padding-bottom:20px;color: #676869;
}

.bodyContent ul
{
margin-left:15px;
}

.bodyContent ul li
{
color: #676869; background:url(../images/tick.png) no-repeat left center; padding:0 0 0 20px;
}

.processCall
{
background:url(../images/call.png) no-repeat center center;
}

.processConnect
{
background:url(../images/download.png) no-repeat center center;
}

.processFix
{
background:url(../images/pay.png) no-repeat center center;
}

.footerOuter
{
width:100%; background:#666; padding:20px 0 20px 0; margin-bottom:50px;
}

.copyright
{
color:#CCCCCC; text-align:center; font-size:12px; padding-top:4px;
}

.footer_upper_black { background-color: #000; width: 100%; border-bottom: #555555 1px solid; position: relative; z-index: 878; border-top:1px solid #666666; padding:14px 0; }
.footer_upper_black div { margin: 0 auto;}
.ie7 .footer_upper_black DIV { padding-bottom: 12px; }
.footer_upper_black span { display: inline-block; width: auto; text-align: left; margin: 0; float: none; font-size: 1.3em; font-weight: 400; color: #9e9e9e; vertical-align: middle; /*white-space: nowrap;*/ }/*Change Faizur 11-12-14*/
.footer_upper_black a span { font-size:15px; font-weight:400; color:#c0c0c0;}
.footer_upper_black span.footer_ph_no { display: inline-block; width: auto; text-align: left; margin: 2px 20px 0 20px; float: left; }/*Change Faizur 11-12-14*/
.footer_upper_black span.footer_ph_no strong { margin: 0; font-weight:bold; font-family: Arial, sans-serif; font-size:16px; color: #00cf67; width: auto; /*float: left;*/ display: inline-block; }/*Change Faizur 11-12-14*/
.footer_upper_black span img { margin-right: 5%; float: left; vertical-align: middle; margin-top: 0; }
.footer_upper_black span.footer_ph_no img { float: left; vertical-align: middle; margin: 6px 10px 0 0; }/*Change Faizur 11-12-14*/
.footer_upper_black h3 { margin: 0; font-family: Arial, sans-serif; font-size: 1.5em; color: #FFF; }
.footer_lower_black { background-color: #0c0c0c; width: 100%; position: relative; z-index: 878; margin: 0 auto; }/*Change Faizur 11-12-14*/
.footer_lower_black div {/* text-align: center; margin: 0 auto;*/ padding: 15px 0 15px 1%; font-size: 1.3em; font-weight: 400; color: #9e9e9e; line-height: 1.5em; float: left; width: 70%; }/*Change Faizur 11-12-14*/
.footer_lower_black div a { color: #9e9e9e; }
.footer_lower_black div a:hover { color: #fff; }
.click_chat { width: auto; float: left; line-height: 17px; margin: 8px 0 0 15px; padding: 0; }
.click_chat span { width: 100%;  font-weight:700;}
.links { width: auto !important; float: right !important; color: #9E9E9E; margin: 15px 1% 0 0; padding: 0 !important; }/*Change Faizur 11-12-14*/
.links a { text-decoration: none; color: #9E9E9E; }
.links a span { margin: 0; padding: 0; line-height: 20px; height: 20px; border-bottom: none !important; }
.footer_upper_black { position: fixed; bottom: 0; left: 0; z-index: 999; }
.footer_media_right { float:right; width: auto !important; padding: 0 !important; *padding-top:5px !important; margin-left:0px!important;
margin-top: 0; }/*Change Faizur 11-12-14*/
.footer_media_right ul { float: right; list-style: none; margin-top:5px; }
.footer_media_right ul li { color: #ccc; float: none; display: inline-block; vertical-align: middle; padding: 0px 2px !important; }
.footer_media_right img { float: left; height: 20px; margin-right: 10px; }
.footer_media_right .top2 div { padding: 0; }
/*Add Faizur 11-12-14*/
.footer_upper_black span.footer_ph_no span { float: left; font-size: 14px; color:#888; margin: 3px 0 0; }
.click_chat span img { margin-right:8px; }
.links a { display: inline-block; padding: 0; margin: 0 0 0 15px; }
.links a.email { width: 28px; height: 20px; background: url(images/footer-icons.png) no-repeat left top; }
.links a.ontwitter { width: 25px; height: 20px; background: url(images/footer-icons.png) no-repeat -41px top; }
.links a.onfacebook { width: 9px; height: 20px; background: url(images/footer-icons.png) no-repeat -78px top; }
.links a.onyouyube { width: 27px; height: 20px; background: url(images/footer-icons.png) no-repeat -104px top; }
/*End Faizur 11-12-14*/

#sliderUSP { 
	padding:70px 0px 80px 0px;
	position: relative; 
	background:#f2f3f5 ;
}

#sliderUSP h1
{
font-size:36px; line-height:46px; font-weight:400; text-align:center; margin-bottom:25px; color:#666666;
}

#sliderUSP h3
{
font-size:26px; line-height:36px; font-weight:400; color:#565656; margin-bottom:5px;
}

#sliderUSP p
{
font-size:16px; line-height:30px; color:#6f7173;
}


.container {	
	z-index: 99999;
	position: relative;
	background: #FFF;}


.cbp-so-scroller {
	z-index: 9999;
	position: relative;}


/* Clear floats of children */
.cbp-so-section:before,
.cbp-so-section:after {
	content: " ";
	display: table;
	padding:0px 0px;}

.cbp-so-section p {
	margin-top: 10px;}

.cbp-so-section:after {
	clear: both;}

/* Sides */
.cbp-so-side {
	width: 100%;
	margin: 0;
	padding: 3em 2%;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	perspective: 1000;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	-moz-transition: -moz-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;}

.cbp-so-side-video {
	width: 100%;
	margin: 0;
	padding: 2.5em 0%;
	z-index: 9999999;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	-moz-transition: -moz-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;}

.cbp-so-side-img {
	width: 100%;
	margin: 0;
	padding:0em 0% 0em 0%;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	-moz-transition: -moz-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;}


/* Clear floats of children */
.cbp-so-side:before,
.cbp-so-side:after {
	content: " ";
	display: table;}

.cbp-so-side:after {
	clear: both;}

.cbp-so-side-right {
	text-align: left;}

.cbp-so-side-left {
	text-align: left; text-align:right;}

.cbp-so-side-right img {
	float: left;}

.cbp-so-side-left img {
	float: right;}

@media only screen and (max-width: 767px)
{

.cbp-so-side-right {
	text-align:center;}

.cbp-so-side-left {
	text-align:center; text-align:right;}

.cbp-so-side-right img {
	float:none;}

.cbp-so-side-left img {
	float:none;}

}
/* Initial state (hidden or anything else) */
.cbp-so-init .cbp-so-side {
	opacity: 0;}

.cbp-so-init .cbp-so-side-left {
	-webkit-transform: translateX(-80px);
	-moz-transform: translateX(-80px);
	transform: translateX(-80px);}

.cbp-so-init .cbp-so-side-right {
	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	transform: translateX(80px);}

/* Animated state */
/* add you final states (transition) or your effects (animations) for each side */
.cbp-so-section.cbp-so-animate .cbp-so-side-left,
.cbp-so-section.cbp-so-animate .cbp-so-side-right {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;}

.cbp-so-init .cbp-so-side-top {
	-webkit-transform: translateY(-80px);
	-moz-transform: translateY(-80px);
	transform: translateY(-80px);}

.cbp-so-section .cbp-so-animate .cbp-so-side-top {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;}
	
.stitchGreen
{
width:7px; height:67px; display:block; position:absolute; left:49%; background:url(../images/stitch-green.png) no-repeat left center; z-index:99999; top:-33px;
}

.stitchInner
{
width:7px; height:67px; display:block; position:absolute; left:49%; background:url(../images/stitch-blue.png) no-repeat left center; z-index:99999; top:-33px;
}

.stitchBlue
{
width:7px; height:67px; display:block; position:absolute; left:49%; background:url(../images/stitch-blue.png) no-repeat left center; z-index:99999; bottom:-33px;
}

#navfirst {
float:right;
}

#navfirst>li {
display:inline-block;
position: relative;
}

#navfirst>li>a {
	/* Layout */
	display: block;
	padding: 5px 15px 0 0px;

	/* Typography */
	font-size: 14px;
	color: #858C91;
	text-decoration: none;
	
	/* Transitions */
	-webkit-transition: color .2s ease-in, border-top-color .2s ease-in;
	-ms-transition: color .2s ease-in, border-top-color .2s ease-in;
	-moz-transition: color .2s ease-in, border-top-color .2s ease-in;
	-o-transition: color .2s ease-in, border-top-color .2s ease-in;
	transition: color .2s ease-in, border-top-color .2s ease-in;}
	
#navfirst li img
{
opacity: 0.4;
filter: alpha(opacity=40);
}

#navfirst li img:hover
{
opacity: 1.0;
filter: alpha(opacity=100);
}

.abtBottom
{
color:#FFFFFF; font-size:11px; padding:0 160px 0 0; line-height:14px; color:#cecece;
}

.bbbFooter
{
margin-top:15px; float:left;
}

.bbbFooter li
{
display:inline-block; margin-right:8px;
}

.bbbFooter li img
{
opacity: 1.0;
    filter: alpha(opacity=100);
}

.supportInt
{
margin-bottom:10px;
}

@media only screen and (max-width: 767px)
{

.cbp-so-side-right {
	text-align:center;}

.cbp-so-side-left {
	text-align:center; text-align:right;}

.cbp-so-side-right img {
	float:none; width:100%;}

.cbp-so-side-left img {
	float:none; width:100%;}

}


@media only screen 
and (min-width : 320px) 
and (max-width : 1024px) {
.flex-viewport li img
{
width:auto!important; margin:0 auto!important; float:none;
}

.sliderHomeTxtB
{
padding:0px 60px!important; text-align:center!important;
}

.sliderHomeTxtimg
{
text-align:center!important;
}

.tiles > li
{
float:none;
}
}


@media only screen 
and (min-width : 320px) 
and (max-width : 900px) {


.cbp-af-header .topNav
{
display:none;
}

.headerTxt h1
{
font-size:30px; line-height:30px; padding:5px 0 10px 0;
}

.headerTxt h2
{
font-size:15px;
}

#header
{
background:#333333; height:auto;
}

#header .headerForm
{
margin-bottom:15px;
}

#homeTestimonial
{
height:260px;
}

.testimonial .flex-control-nav
{
display:none;
}

.cbp-af-header .logo
{
text-align:center;
}

.copyright
{
text-align:left;
}

#navfirst
{
float:left;
}


}

@media only screen 
and (min-width : 200px) 
and (max-width : 420px) {
.supportInt img
{
width:100%; margin-bottom:10px;
}

}