@charset "utf-8";
/* CSS Document */

@import url("font-awesome.css");
* {font-family: 'Open Sans', sans-serif;}
h1 , h2 , h3 ,h4 , h5 ,h6 { margin:0;}
section#main { position: relative;   padding-top: 13px;
	background: url(../images/header_bg.jpg);
	    background-size: cover;background-position: 0;
}
.border-bottom {  border-bottom:1px solid #eee; padding: 20px 0;}
.border_right { border-right:1px solid #eee;}
.logo_center {
	margin: 0 auto;
}

.play_btn {
	padding:110px 0;
	
	}
	.play_btn h4 {
    font-weight: bold;
    background: rgba(255,255,255,0.5);
    padding: 7px;
	
	}
	.play_btn h4 span{
	color:red;
	
	}
.camera_remote {
	    background-color: rgba(43,58,86,.3);
	    color: #fff;
    text-align: center;
	    margin-top: 70px;
		padding:60px 0 70px;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.camera_remote  h2{
	font-weight:bold;
}
.camera_remote  h3{     padding: 6px;
   font-size: 24px;}
   .signup_btn_div {     left: 0;   position: absolute;
    margin: 0 auto;    bottom: -80px;
    width: 100%;}
	
.btn_style {
    width: 100%;
    line-height: 1.3em;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    vertical-align: middle;
	   
    height: 50px;
    padding: 15px 65px;
    position: relative;
    top: 15px;
    background: #8CC22E;
    border-radius: .25em;
    -webkit-transition: background 0.4s; /* Safari */
    transition: background 0.4s;}
	.btn_style:hover { background:#739D29; color:#fff; text-decoration:none;}	
	
	
.signup_btn  { 
    width: 100%;
    line-height: 1.3em;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    vertical-align: middle;
	position: relative; 
    height: 50px;
    padding: 15px 65px;
    background: #8cc22e;
    border-radius: .25em;
    -webkit-transition: background 0.4s; /* Safari */
    transition: background 0.4s;}
	
	.signup_btn:hover  {   background:#6e9924; color:#fff; text-decoration:none;}
	
	#case_study { background:#5B9BD5;padding:70px 46px 46px; color:#fff;}
		#case_study  h4 { padding-bottom:18px;    line-height: 30px;}
	#case_study p	{padding: 22px 0;
    text-align: justify;}
	
	#features{padding:40px 0; }
	#features h4, #features1 h4,#features2 h4{       padding-bottom: 10px;
    margin-bottom: 13px;
    display: inline-block;
    position: relative; }
	#features h4:before, #features1 h4:before,#features2 h4:before {      left: 0px;
    content: '';
    position: absolute;
   /* background: #c3bbbb;*/
    height: 3px;
    bottom: 0;
    width: 100%;}
	#features h4:after, #features1 h4:after,#features2 h4:after {       left: 40%;
    content: '';
    position: absolute;
  /*  background: #49A5D4;*/
    height: 3px;
    width: 50px;
    bottom: 0;}
		#features p { margin-top:10px; }
		.img-frame{     /*border: 4px groove #49A5D4;*/   overflow: hidden;
    border-radius: 50%;    display: inline-block;}
	.text_midle {    padding: 60px 0}
	.img-frame img {}
	
	section#slider { background:#49A5D4;    display: inline-block;
    width: 100%;padding: 35px;
    text-align: center;    color: #fff;}
	
	.text_slider {position: relative;    display: inline-block;}
	
	 section#slider .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -25px;
    text-align: center;
    left: 0px;    z-index: 61;
}

#footer {background:#347596; padding:40px 0 40px; color:#fff;}
#footer  ul { text-align:center; padding-top:10px; padding-left:0}
#footer  ul li { display:block;}
#footer  ul li a {color:#fff;}
#footer  ul li a:hover {  text-decoration:none;   color: #e6e6e6;}

.signup_pack{     width: 100%;    background: #347496;
    margin: 7px 0;    display: inline-block; color:#fff;
    padding: 30px;-webkit-transition: box-shadow 0.5s; /* Safari */
    transition: box-shadow 0.5s;box-shadow: 0px 0px 0px #888888;border: 2px solid; 
   border-radius: 10px; }
	.underline_txt { border-bottom:1px solid #fff}
.signup_pack h4 {    margin-bottom: 13px; /*position:relative;*/  }
.signup_pack h4:after {content: '';
    background: #fff;
    width: 30px;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: -7px;} 
.signup_pack h4 p{    font-size: 12px;}
ul {    padding: 0px;
    list-style-type: none;}
	
	section#form { padding:30px 0;}
	section#form h3{      padding-bottom: 13px;   position: relative;
    display: inline-block; }
	section#form h3:before{content: '';
    position: absolute;
    width: 100px;
    height: 3px;
    background: red;
    left: 0px;
    bottom: 0;
 }
 section#form h3:after{content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: #347596;
    left: 0px;
    bottom: 0;
    z-index: -1;
 }
	
	.box_div {}
	#features , #features1 ,#features2 { rgba(251,247,247,0.12); position:relative;    padding: 65px 0;        /*border-bottom: 1px solid #ddd;*/
  }
	
	/*#features:before {  background: url(../images/revenue.jpg);}
	#features1:before {  background:url(../images/peaceofmind.jpg);}
	#features2:before {  background: url(../images/Fingerstips1.jpg);}*/
	#features:before , #features1:before , #features2:before {   
    background-size: 100%;
    background-position: 0px;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.1;    top: 0px;}
	#footer h3 { text-align:center;color: rgba(255,255,255,.4); font-size:11px}
	.social_icon {}
	.social_icon li{    display: inline-block !important;
   padding: 1px;}
	.social_icon li a{    background: #444;
    border-radius: 50%;
    padding: 7px;
    display: block;
    width: 30px;-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
    height: 30px;}
	.social_icon li a i{    font-size: 16px;}
	.social_icon li.facebook:hover {} 
	.social_icon li.facebook:hover a { background:#4862A3;}
	.social_icon li.twitter:hover a{background:#1DA1F2;}
	.social_icon li.google-plus:hover a{background:#EA4335;}
	.social_icon li.phone:hover a {background:#4ECD00;}
    /*==========  Mobile First Method  ==========*/
div.signup_pack:hover {
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	box-shadow: 10px 10px 5px #888888;
	}
    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
section#main {background-position: center center; height:auto !important;}
.play_btn {    padding: 3px 0px;}
.border_right { border-right:0 ; border-bottom:1px solid ;margin-bottom: 25px;}

.camera_remote {
	background:rgba(0,0,0,0.5);
	    color: #fff;
    text-align: center;
	    margin-top: 70px;
		padding:10px 0 30px;
    position: relative;
    width: 100%;
    bottom: 0;
}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }