/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
 body{
	  font-family: 'Roboto', sans-serif;
 }
 .wrap{
	width:80%;
	margin:0 auto;
	 transition:all .2s linear;
	-moz-transition:all .2s linear;/* firefox */
	-webkit-transition:all .2s linear; /* safari and chrome */
	-o-transition:all .2s linear; /* opera */
	-ms-transition:all .2s linear;
 }
 .header_top{
	padding:10px 0;
	box-shadow: 1px 3px 5px #efefef;
	position: fixed;
	z-index: 1;
	width: 100%;
	clear: both;
	background: #FFF;
	border-top:5px solid #575757;
 }
  .logo{
	float:left;
 }
  .menu{
	 float:right;
	 margin:10px 0;
 }
  .menu li{
	display:inline-block;
 }
  .menu li a{
  	 display:block;
	 font-size:1em;
	 font-weight:500;
	 padding:5px 15px;
	 color:#575757;
	 -webkit-transition: all 0.5s ease;
	  -moz-transition: all 0.5s ease;
	  -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
 }
 .menu li a:hover {
	 color: #ec1c24;
 } 
 

/*** main ****/
.content_top{	
	position:relative;	
}
.banner_desc{
	float:left;
	width:100%;
	padding:10em 0 3em 0;
	text-align:center;
	color: #FFF;
	font-weight:300;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.31);
	font-family: 'Roboto', sans-serif;
}
.banner_desc h1{
	font-size:3.5em;	
}
.banner_desc h1 span{
	font-weight:bold;
}
.banner_desc h3{
	font-size:1.4em;
	margin-top:10px;
}
.banner_desc h3 span{
	font-weight:bold;
}
.banner_desc p{
	font-size:0.9em;
	font-style:italic;
	padding-top:3px;
}
/**** Content top / Services ****/
.secouter{
	background:#FFF;
	padding:6em 0 3em 0;
	text-align:center;
	box-shadow: 1px 5px 5px #d4d4d4;
	-webkit-box-shadow: 1px 5px 5px #efefef;
	-moz-box-shadow: 1px 5px 5px #efefef;
	-o-box-shadow: 1px 5px 5px #efefef;	
	margin-bottom:15px;
	float:left;
	width:100%;
}
.secouter h2,.dashborder_img h2,.content_bottom h2{
	font-size:3.5em;
	color:#575757;
	padding:0px 0px 10px 0px;
	font-weight:300;
	border-bottom:1px solid #e7e7e7;
}
.secouter h2 span,.dashborder_img h2 span,.content_bottom h2 span{	
	color:#ec1c24;
}
.secouter h4,.dashborder_img h4,.content_bottom h4{
	font-size:1.5em;
	color:#222;
	font-weight:300;
}

/*  GRID OF Four Services */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1;
}
.grid_1_of_4{
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.grid_1_of_4:first-child { 
	margin-left: 0; 
} 
.images_1_of_4 {
	width: 32%;
	padding: 1.5% 0;
	text-align: center;
}
.images_1_of_4  img{
	max-width:100%;
	opacity: 1;
    transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
}
.images_1_of_4  img:hover{
	opacity:.5;	
}
.images_1_of_4  h3 {
	font-size:1.2em;
	color:#ec1c24;
	font-weight:600;
	padding-top:20px;
}
.images_1_of_4  h3 span{
	color:#d4d4d4;
}
.images_1_of_4  p{
	font-size:14px;
	color:#575757;
	text-align: justify;
	margin: 0 auto;
	padding:10px 0;
	width:95%;
	line-height:1.6em;
}
.button{
	text-align:center;
	width:auto;
	margin:0 auto;
}
.button a{
	  display:inline-block;
	  background: #575757;
	  border: 3px solid #e1e1e1;
	  padding:8px 30px;
      font-size:1.2em;
	  color: #FFF;
	  border-radius:5px;
	  -webkit-border-radius:5px;
	  -moz-border-radius:5px;
	  -o-border-radius:5px;
}
.button a:hover{
	    background: #ea222b;
}
.button a img{
	vertical-align: middle;
	margin-bottom: 2px;
}
/********** about *******/
.about_grids{
	padding:2em 0 1em 0;
	float:left;
	width:100%;
	border-bottom:1px solid #e7e7e7;
	margin-bottom:15px;
}
.about_grids p{
	padding:1em 0 3em 0;
	width:100%;
	text-align:left;
	font-size:14px;
	color:#575757;
	text-align: justify;
}
.about_grids img{
	padding:0 2em 0 0;
	float:left;
	width:auto;
}
.about_grids h3{
	font-size:1.2em;
	color:#ec1c24;
	font-weight:600;
	padding-top:20px;
	text-align:left;
}
.features1_bg{
	width:96%;
	height:auto;
	padding:1% 2%;
	background:#e4e4e4;
	float:left;	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	margin-bottom:10px;
}
.features1_bg h3{
	float:right;
	font-size:1.2em;
	color:#008db0;
	font-weight:600;
	text-align:right;
	display:block;
	width:100%;
	margin-bottom:15px;	
}
.features1_bg img{	
	float:right;	
}
.features1_bg div{
	padding:0 1em 0 0;
	width:90%;
	float:left;
	text-align:right;
}
.features1_bg p{	
	font-size:14px;
	color:#575757;	
}
.features2_bg{
	width:96%;
	height:auto;
	padding:1% 2%;
	background:#e4e4e4;
	float:left;	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	margin-bottom:10px;
}
.features2_bg h3{
	float:left;
	font-size:1.2em;
	color:#ec1c24;
	font-weight:600;
	text-align:left;
	display:block;
	width:100%;
	margin-bottom:15px;	
}
.features2_bg img{	
	float:left;	
}
.features2_bg div{
	padding:0 0 0 1em;
	width:90%;
	float:left;
	text-align:left;
}
.features2_bg p{	
	font-size:14px;
	color:#575757;
	line-height:22px;	
}
/******** leadership *********/
.leadership1_bg{
	width:100%;
	height:auto;
	padding:1% 0%;
	float:left;	
	margin-bottom:10px;
}
.leadership1_bg h3{
	float:right;
	font-size:1.2em;
	color:#008db0;
	font-weight:600;
	text-align:right;
	display:block;
	width:100%;
	margin-bottom:15px;	
}
.leadership1_bg img{	
	float:right;	
}
.leadership1_bg div{
	padding:0 1em 0 0;
	width:87%;
	float:left;
	text-align:right;
}
.leadership1_bg p{	
	font-size:14px;
	color:#575757;
	line-height:22px;	
}
.leadership2_bg{
	width:96%;
	height:auto;
	padding:1% 2%;
	float:left;	
	margin-bottom:10px;
}
.leadership2_bg h3{
	float:left;
	font-size:1.2em;
	color:#ec1c24;
	font-weight:600;
	text-align:left;
	display:block;
	width:100%;
	margin-bottom:15px;	
}
.leadership2_bg img{	
	float:left;	
}
.leadership2_bg div{
	padding:0 0 0 1em;
	width:87%;
	float:left;
	text-align:left;
}
.leadership2_bg p{	
	font-size:14px;
	color:#575757;
	line-height:22px;	
}
/******** Content bottom *********/
.content_bottom{
	padding:5em 0 3em 0;
	text-align:center;
}
/*  contact  */
.contactdiv{
	width:80%;
	margin:0 auto;	
	padding:20px 0px;
}
#contactnav{
	margin:0;
	padding:0;	
}
#contactnav li{
	float:left;
	margin:0px 30px 15px 0px;;
	font-size:24px;
	color:#575757;		
}
#contactnav span{	
	vertical-align:super;
	padding-top:25px;	
}
#contactnav a{	
	color:#0097c9;
	vertical-align:super;
	padding-top:5px;
}
.mapdiv{
	border:3px solid #bebebe;
	width:1030px;
	margin:0 auto;
	margin-top:15px;	
}
/**** Social Media ****/
.footerSM{width:341px; margin:0 auto; height:47px; padding:15px 0px;}
#f-social-link{position:relative;}
#f-social-link li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#f-social-link li, #f-social-link a{height:47px; display:block;}

#f-twitter{left:0px;width:47px;}
#f-twitter{background:url(../images/socialmedia.png) 0 0; 
	opacity: .3;
    transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;}
#f-twitter:hover{opacity: 1}

#f-facebook{left:97px;width:47px;}
#f-facebook{background:url(../images/socialmedia.png) -98px 0;
	opacity: .3;
    transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;}
#f-facebook:hover{opacity: 1}

#f-gplus{left:194px; width:47px;}
#f-gplus{background:url(../images/socialmedia.png) -196px 0;
	opacity: .3;
    transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;}
#f-gplus:hover{opacity: 1}

#f-linkedin{left:291px;width:47px;}
#f-linkedin{background:url(../images/socialmedia.png) -294px 0;
	opacity: .3;
    transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;}
#f-linkedin:hover{opacity: 1}

/**** Footer ****/
  .footer{	
  	padding:15px 0;
    background:#222222;
 }
 /*  GRID OF FOUR */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1;
}
.col_1_of_4{
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col_1_of_4:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
	
.span_1_of_4 {
	width: 20.8%;
	padding:1.5%; 
}
.span_1_of_4  h3{
	color: #FFF;
	font-size: 1.4em;
	padding-bottom:15px;
}
.list li a{
	display:inline-block;
	font-size:1em;
	font-weight:300;
	padding:6px 0px;
	color:#CCC;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.list  li a:hover{
	color:#FFF;
}
.social-icons{
	margin-top:2em;
}
.social-icons li a img{
	vertical-align:middle;
	padding-right:5px;
	opacity:0.7;
}
.list  li a:hover > img{
	opacity:1;
}
 .copy_right{
	padding:15px 0;
	text-align:center;
	background:#d10305;
	float:left;
	width:100%
}
  .copy_right p{
	font-size:11px;
	color:#D6B6FF;
 }
 .copy_right p a{
    	color:#FFF;
 }
  .copy_right p a:hover{
	text-decoration:underline;
 }
 
/**************** Media Quries ************************/
@media only screen and (max-width: 1366px){
	.wrap{
		width:90%;
	}
}
@media only screen and (max-width: 1280px) {
	.wrap{
		width:90%;
	}
	.ipad{
		padding-top:12em;
	}

@media all and (max-width:1024px){
 	.wrap{
 		width:90%;
 	}
 	.banner_desc{
       width:90%; 	
 	}
 	.banner_desc h1{
 	   font-size:3em;
 	}
 	.banner_desc h3{
 	   font-size:1.2em;
 	   margin-top:5px;
 	}
 	.ipad{
 	   width:40%;
 	}
 	.customer_desc span.testimonial-arrow{
        left:5em;	
 	}	
 }
 @media all and (max-width:800px){
 	.wrap{
 		width:95%;
 	}
 	.menu li a{
 	  font-size:0.85em;
 	  margin:5px 6px;
 	}
 	.menu li.login a{
 	  padding:4px 20px;
 	}
 	.banner_desc h1{
 	   font-size:2.5em;
 	}
 	.banner_desc a.play_icon{
        padding:0;	
 	}
 	.sign_up input[type="text"]{
 	    width:250px;
 	}
 	.sign_up input[type="submit"]{
 	   padding:7px 25px;
 	}
 	.sign_up{
 	   margin-top:1.5em;
 	}
 	.ipad{
 		padding-top:15em;
 	}
 	.features{
 	   padding:6em 0 4em 0;
 	}
}
 @media all and (max-width:768px){
 	.wrap{
 		width:95%;
 	}
 	.ipad{
 		padding-top:16em;
 		margin-bottom:-7em;
 	}
 }
 @media all and (max-width:640px){
 	.wrap{
 		width:95%;
 	}
 	.menu{
 	   margin:8px 0;
 	}
 	.banner_desc{
 	  padding:8em 0 3em 0;
 	}
 	.banner_desc h1{
         font-size:2em;	
 	}
 	.banner_desc h3{
 	   font-size:1em;
 	   margin-top:0;
 	}
 	.sign_up input[type="text"]{
 	   width:200px;
 	}
 	.sign_up input[type="submit"]{
 	    padding:7px 20px;
 	}
 	.ipad{
 		margin-bottom:-5em;
 	}
 	.grid_1_of_4,.grid_1_of_3,.col_1_of_4{
 		margin:0;
 	}
 	.images_1_of_4,.images_1_of_3,.span_1_of_4{
 		width:94%;
 		padding:3%;
 	}
 	.images_1_of_4 h3{
 	  padding-top:0;
 	}
 	.features{
 	   padding:4em 0;
  	}
  	.features h2, .dashborder_img h2, .content_bottom h2{
  	   font-size:2.5em;
  	}
  	.features h4, .dashborder_img h4, .content_bottom h4{
  	   font-size:1.2em;
  	}
  	.features_grids{
       margin-top:0em; 	
  	}
  	 .images_1_of_4 p{
  	   width:60%;
  	}
  	.customer_desc span.testimonial-arrow{
  	   left:12em;
  	}
}
 @media all and (max-width:480px){
 	.wrap{
 		width:95%;
 	}
 	.header_top{
 	  padding:0px 0;
 	}
 	.menu{
 	  margin:0 0 8px 0;
 	}
 	.logo{
 		float:none;
 		text-align:center;
 	}	
 	.banner_desc{
 	  float:none;
 	  width:100%;
 	}
 	.menu{
 	  float:none;
 	  text-align:center;
 	}
 	.menu li a{
 		margin:5px 10px;
 	}
 	.ipad{
 	  width:100%;
 	  text-align:center;
 	  margin-bottom:-10em;
 	  padding-top:0em;
 	}
 	.features{
 	   padding:8em 0 4em 0;
 	}
 	.features h2, .dashborder_img h2, .content_bottom h2{
 	  font-size:2em;
 	}
 	.customer_desc span.testimonial-arrow{
 	   left:8em;
 	}
 	.copy_right p{
 	   font-size:0.85em;
 	   line-height:1.8em;
 	}
 	  .images_1_of_4 p{
      width:100%;
    }
}
@media all and (max-width:320px){
 	.wrap{
 		width:95%;
 	}
 	.menu li a{
 	   margin:0px 4px 5px 4px;
 	   font-size:0.8em;
 	}
 	.banner_desc{
 	   padding:10em 0 0 0;
 	}
 	.banner_desc h1{
 	   font-size:1.6em;
 	} 
 	.sign_up input[type="text"]{
 	   width:160px;
 	}
    .sign_up input[type="submit"]{
       font-size:0.85em;
       margin-left:5px;
    }
    .ipad{
      padding-top:1em;
      margin-bottom:-6em;
    }
    .features{
      padding:4em 0 2em 0;
     }
    .features h2, .dashborder_img h2, .content_bottom h2{
      font-size:1.6em;
    }
    .features h4, .dashborder_img h4, .content_bottom h4{
      font-size:1em;
    }
    .images_1_of_4 h3{
      padding-top:0;
    }
    .customer_desc{
      margin:2em  0;
    }
    .customer_desc span.testimonial-arrow{
      left:7em;
    }
}