@import url('nav-menu.css');
@import url('recovery.css');
@import url('partner1.css');
@import url('recoveryproduct.css');
@import url('header-menu.css');
@import url('menu-animation.css');
@import url('footer.css');
@import url('bootstrap.css');
@import url('bootstrap-responsive.css');
@import url('font-awesome.min1.css');
/*
1. General
**********************************************************************/

/*
1. General
**********************************************************************/
 body {
    color: #000;
    line-height:20px;
	font-family:"Open Sans",sans-serif;
	}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
h1 {
    margin: 10px;
}
p {
    padding: 10px;
  	font-size:14px;
    color: #000;
    margin-top:-9px;
}
b {
    font-size: 18px;
    font-weight: bold;
}

/******
2. Layout
**********************************************************************/
.centered {
    margin-left:auto;
    margin-right:-12px;
	padding-bottom:10px;
    float: none;
    text-align: center;
	border-radius:2px;
	
}
.feature-text {
	margin-left:88px;
	text-align: justify;
}
/* Use this class if you want ceter element with span* class */
 .center {
    float: none !important;
    margin: 0 auto !important;
    text-align: center;
}
.highlighted-box {
    background:#F4F8F9;
    padding:20px 30px;
}
.highlighted-box h1 {
    margin:0px;
}
.large-text {
    line-height:1.2em;
    font-size: 30px;
    color: #181A1C;
    padding:20px;
    margin-bottom:20px;
}
.highlighted-box h1, .highlighted-box p {
    color: #181A1C !important;
}
.circle-border {
    display: inline-block;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
   background: #019f9f none repeat scroll 0 0;
     bottom: 30px;
    cursor: pointer;
     font-size: 20px;
    height: 65px;
       text-align: center;
    vertical-align: middle;
    width: 65px;
	padding-top:15px;
	color:#FFF;
}
.circle-border1 {
    display: inline-block;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
   background: #01cece none repeat scroll 0 0;
     bottom: 30px;
    cursor: pointer;
     font-size: 20px;
    height: 65px;
       text-align: center;
    vertical-align: middle;
    width: 65px;
	padding-top:15px;
	
}
.left-align {
    text-align:left;
}
.right-align {
    text-align:left;
}
.error {
    color: #CF0000;
    display: none;
}
.invisible {
    display:none;
    visibility:visible;
}
.triangle {
    margin: 0 auto;
    text-align:center;
    width: 0;
    height: 0;
    border-top: 30px solid #181A1C;
    border-left: 585px outset transparent;
    border-right: 585px outset transparent;
    position: relative;
}
/*
2.1 Animations
**********/
 .zoom-in {
	 transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease;
}
.zoom-in:hover {
	transform: scale(1, 1);
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
}
/*
2.2 Buttons - There are buttons on a transparent background, primary and secondary color background.
**********/
 .button,  .button:visited, .button:focus {
    display:inline-block;
    border:2px solid #ffcf0f;
	background-color:#ffcf0f;
    color:#000;
    padding:15px 15px;
    font-size:20px;
    line-height:auto;
	border-radius:5px;
	font-family:'Open Sans', Arial, sans-serif;
	}
.button:hover, .button:active{
    background-color:#f8c703;
    color:#20570d;
	border-color:#f8c703;
	transition:all 0.5s ease 0s;
}
.button6,  .button6:visited, .button6:focus {
    display:inline-block;
    border:2px solid #38b1bb;
	background-color:#38b1bb;
    color:#000;
    padding:10px;
    font-size:20px;
	font-weight:500;
    line-height:auto;
	border-radius:5px;
	font-family:'Open Sans', Arial, sans-serif;
	width:220px;
	    margin-top: 8px;
    margin-right: 15px;
}

.button6:hover, .button6:active{
     background-color:#329aa3;
    color:#fff;
	border-color:#329aa3;
	transition:all 0.5s ease 0s;
}
.button5,  .button5:visited, .button5:focus {
    display:inline-block;
    border:2px solid #38b1bb;
	background-color:#38b1bb;
    color:#fff;
    padding:13px;
    font-size:20px;
	font-weight:500;
    line-height:auto;
	border-radius:5px;
	font-family:'Open Sans', Arial, sans-serif;
	width:220px;
	    margin-top: 8px;
    margin-right: 15px;
}

.button5:hover, .button5:active{
     background-color:#329aa3;
    color:#000;
	border-color:#329aa3;
	transition:all 0.5s ease 0s;
}
.button1,  .button1:visited, .button1:focus {
    display:inline-block;
    border:2px solid #38b1bb;
	background-color:#38b1bb;
    color:#fff;
    padding:12px 12px;
    font-size:18px;
	font-weight:500;
    line-height:auto;
	border-radius:5px;
	font-family:'Open Sans', Arial, sans-serif;
}

.button1:hover, .button1:active{
     background-color:#329aa3;
    color:#000;
	border-color:#329aa3;
	transition:all 0.5s ease 0s;
}
.button-buynow,  .button-buynow:visited, .button-buynow:focus {
    display:inline-block;
    border:2px solid #3989c3;
	background-color:#3989c3;
    color:#fff;
   padding:13px;
	opacity:.92;
    font-size:18px;
    line-height:auto;
	border-radius:5px;
	font-weight:500;
	font-family:'Open Sans', Arial, sans-serif;
}

.button-buynow:hover, .button-buynow:active{
     background-color:#3989c3;
    color:#0f0f0f;
	border-color:#3989c3;
	transition:all 0.5s ease 0s;
}
.button-buynow1,  .button-buynow1:visited, .button-buynow1:focus {
   display: inline-block;
    border: 2px solid #3989c3;
    background-color: #3989c3;
    color: #fff;
    padding: 25px 16px 24px 18px;
    opacity: .92;
    font-size: 20px;
    line-height: auto;
    border-radius: 5px;
    width: 214px;
    font-weight: 500;
    font-family: 'Open Sans', Arial, sans-serif;
    margin-top: -13px;
}

.button-buynow1:hover, .button-buynow1:active{
     background-color:#3989c3;
    color:#0f0f0f;
	border-color:#3989c3;
	transition:all 0.5s ease 0s;
}
.button-buynow2,  .button-buynow2:visited, .button-buynow2:focus {
   display: inline-block;
    border: 2px solid #3989c3;
    background-color: #3989c3;
    color: #fff;
    padding: 22px 15px 14px 18px;
    opacity: .92;
    font-size: 20px;
    line-height: auto;
    border-radius: 5px;
    width: 214px;
    font-weight: 500;
    font-family: 'Open Sans', Arial, sans-serif;
}

.button-buynow2:hover, .button-buynow2:active{
     background-color:#3989c3;
    color:#0f0f0f;
	border-color:#3989c3;
	transition:all 0.5s ease 0s;
}
.button-compaire,  .button-compaire:visited, .button-compaire:focus {
    display:inline-block;
    border:2px solid #37ad49;
	background-color:#37ad49;
    color:#fff;
    padding:10px;
	opacity:.92;
    font-size:18px;
    line-height:auto;
	border-radius:5px;
	font-weight:500;
	font-family:'Open Sans', Arial, sans-serif;
}

.button-compaire:hover, .button-compaire:active{
     background-color:#48b759;
    color:#b0152f;
	border-color:#48b759;
	transition:all 0.5s ease 0s;
}
.button-download,  .button-download:visited, .button-download:focus {
     display:inline-block;
    border:2px solid #38b1bb;
	background-color:#38b1bb;
    color:#fff;
    padding:10px;
    font-size:18px;
	font-weight:500;
    line-height:auto;
	border-radius:5px;
	font-family:'Open Sans', Arial, sans-serif;
}

.button-download:hover, .button-download:active{
    background-color:#329aa3;
    color:#20570d;
	border-color:#329aa3;
	transition:all 0.5s ease 0s;
}
 .button2,  .button2:visited, .button2:focus {
    display:inline-block;
    border:1px solid #ffcf0f;
    color:#000;
    padding:15px 15px;
    font-size:20px;
    line-height:auto;
	font-family:'Open Sans', Arial, sans-serif;
	}
.button2:hover, .button2:active{
    background-color:#ffcf0f;
    color:#000;
	border-color:#ffcf0f;
	transition:all 0.5s ease 0s;
}
 .button3,  .button3:visited, .button3:focus {
    display:inline-block;
    border:1px solid #FFBB32;
    color:#000;
	background:#FFBB32;
    padding:12px 10px;
    font-size:16px;
    line-height:auto;
	margin-top:9px;
	margin-right:15px;
	
	}
.button3:hover, .button3:active{
    color:#367121;
	border-color:#2eadb7;
	transition:all 0.5s ease 0s;
}
.button4,  .button4:visited, .button4:focus {
    display:inline-block;
    border:1px solid #55DB66;
    color:#000;
	background:#55DB66;
    padding:12px 35px;
    font-size:16px;
    line-height:auto;
	margin-top:9px;
	}
.button4:hover, .button4:active{
    color:#b0152f;
	border-color:#6dc77a;
	transition:all 0.5s ease 0s;
}
.button-sp, .button-sp:visited, .button-sp:focus {
    border:none;
    background-color:#2e78dc;
    color:#181A1C;
	
}
.button-sp:hover, .button-sp:active {
    background-color:#000;
    color:#fff;
}
.button-ps, .button-ps:visited, .button-ps:focus {
    border:none;
    background-color:#3898c7;
    color:#000;
	width:323px;
}
.button-ps:hover, .button-ps:active {
    background-color:#3898c7;
    color:#000;
}
.button-demo a{
	background-color:#099; border-radius:4px; padding:8px; color:#000; margin-left:30px;
}
.button-demo a:hover{
	color:#fff;
}
.button-price a{
	background-color:#6eaf78; border-radius:4px; padding:8px 18px 8px 18px; color:#000; margin-left:45px;
}
.button-price a:hover{
	color:#fff;
}
/*
2.3 Thumbnails - Predefined bootstrap's thumbnail class.
**********/
 .thumbnail {
    width:100%;
    height:100%;
    padding:0;
    overflow: hidden;
    position: relative;
    border:0;
    border-radius:0;
    box-shadow:none;
    text-align:center;
    background: #fff;
}
.thumbnail .more {
    display:block;
    z-index:4;
    position:absolute;
    top:-100px;
    left:50%;
    margin:0 auto;
    margin-left:-41px;
    width:80px;
    height:80px;
    font-size:40px;
    color:#fff;
    text-decoration:none;
    line-height: 70px;
    text-align: center;
}
.thumbnail:hover .more {
    top:40%;
    margin-top:-40px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3 s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.thumbnail h3, 
.thumbnail p {
    margin:0;
    padding:1px;
    position:relative;
    z-index:4;
}
.thumbnail h3 {
    color: #FECE1A;
    margin-top:10px;
    font-size:20px;
}
.thumbnail > p {
    padding-bottom:20px;
}
.thumbnail .mask {
    opacity:0.85;
    filter: alpha(opacity=85);
    top:100%;
    left:0;
    width:100%;
    height:100%;
    background:#181A1C;
    position:absolute;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2 s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.thumbnail:hover .mask {
    top:0;
}
 .thumbnail1 {
    width:60%;
    height:100%;
    padding:0;
    overflow: hidden;
    position: relative;
    border:0;
    border-radius:0;
    box-shadow:none;
    text-align:center;
   }
.thumbnail1 .more {
    display:block;
    z-index:4;
    position:absolute;
    top:-100px;
    left:50%;
    margin:0 auto;
    margin-left:-41px;
    width:80px;
    height:80px;
    font-size:40px;
    color:#fff;
    text-decoration:none;
    line-height: 70px;
    text-align: center;
}
.thumbnail1:hover .more {
    top:40%;
    margin-top:-40px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3 s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.thumbnail1 h3, 
.thumbnail p {
    margin:0;
    padding:1px;
    position:relative;
    z-index:4;
}
.thumbnail1 h3 {
    color: #fff;
    margin-top:0px;
    font-size:20px;
	background-color:#3898c7;
}
.thumbnail1 > p {
    padding-bottom:20px;
}
.thumbnail1 .mask {
    opacity:0.85;
    filter: alpha(opacity=85);
    top:100%;
    left:0;
    width:100%;
    height:100%;
    background:#3898c7;
    position:absolute;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2 s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.thumbnail1:hover .mask {
    top:0;
}
/*

3. Sections 
***************************************************************************/
 .section1 {
    padding-bottom: 0px;
}
.section1 .container-new {
    padding-top:10px;
	padding-bottom:5px;
}
.section1 .title {
    text-align: center;
    margin-bottom: 10px;
}
.section1 .title h1 {
    font-weight: normal;
    margin-bottom: 10px;
    padding: 0;
}
.section1 .title > p {
    font-size: 21px;
    color: #00000;
    font-weight: 600;
}
.primary-section {
    background:#FFFFF;
}
.primary-section .triangle {
    border-top: 40px solid #FECE1A;
}
.primary-section .title {
    border-bottom: 1px solid #FFF;
}
.primary-section, .primary-section .title p {
    color: #000000;
	background-color:#fff;	
}
.primary-section h3 {	
}
.primary-section h1 {
    color:#0060AC;
	font-size:29px;
	margin-bottom:2px;
	
}
.secondary-section {
    background:#fcfced;
}

.secondary-section1 {
   background: #f3f3f3 none repeat scroll 0 0;
   
   }
.secondary-section h1, .secondary-section .title p {
    color: #0068d7
}
/* Third section use bacground image */
.third-section {
    padding-bottom: 70px;
    background: #fff url(../images/brand-bg.png) no-repeat center;
  
}
.third-section .container {
    padding-top:20px;
    position:relative;
}
.third-section .title {
    border-bottom: 1px solid #A1AAB7;
    color: #2e78dc;
}
.sub-section {
    margin-top:30px;
}
.sub-section .title {
    padding:0;
}
/*******
3.1 Services  
***************************************/
.service{
    margin-top:20px;
	padding-bottom:20px;
}
 .service, .service h2 {
    padding-top:10px;
}
.service p {
    padding:0px 5px;
    height:120px;
}
.service1{
    margin-top:20px;
	padding-bottom:20px;
}
 .service1, .service1 h2 {
    padding-top:15px;
}
.service1 p {
    padding:0px 15px;
    height:160px;
}
/*
3.2 Screenshot
***************************************/
 .single-project {
    margin-bottom:30px;
    background:#ebeceb;
}
.single-project img {
    width:100%;
}
.project-description {
    padding-right:20px;
	text-align:justify;
}
.project-description p {
    padding-left:0;
}
.project-title {
    margin-top:15px;
    margin-bottom:15px;
    border-bottom:1px solid #2e78dc;
}
.project-title h3 {
    float:left;
    margin-top:0;
    padding:0;
    width:80%;
}
.project-title .close {
    color: #222;
    margin-top:10px;
}
.project-title h3 {
    color:#000;
}
.project-info {
    font-weight:100;
    padding:10px 0;
}

.close {
    float: right;
    width: 40px;
    height: 40px;
    text-align: center;
	cursor:pointer;
}
/*
3.3 About
*/
.thumbnail h3 a{
	color:#000000
}
.thumbnail h3 a:hover{
	color:#2e78dc;
	text-decoration:underline;
}
.box-width{
	width:200px;
	float:left;
	margin-top:-7px;
}
.box-desc{
	width:740px;
	float:right;
}
.box-width1{
	width:360px;
	float:left;
}
.box-desc1{
	width:625px;
	float:right;
	margin-top:35px;
}
.about-text {
    margin-top:30px;
	width:1020px;
}
.about-text p {
    padding:10px;
    font-size:15px;
}
.hoverBorder {
	position: relative;
	display: inline-block;
	margin-right: 55px;
	 margin-bottom: 2px;
}
.pull-left {
	float: left
}
.hoverBorderWrapper {
	position: relative;
	display: block
}
.theHoverBorder {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 0 3px rgba(255,255,255,0.15) inset;
	-moz-box-shadow: 0 0 0 3px rgba(255,255,255,0.15) inset;
	box-shadow: 0 0 0 3px rgba(255,255,255,0.15) inset
}
.arrowlist li{ background: url('../images-new/product/arrows.png') no-repeat left 8px; top:-4px; padding-left: 28px; padding-top:2px; font-size:14px; text-align:justify; line-height:25px }
.arrowlist1 li { background: url('../images/icon-arrow-bw.png') no-repeat left 9px; padding-left: 22px; font-size:14px; line-height:30px }
.arrowlist2 li { background: url('../images-new/product/Arrow.png') no-repeat left 3px; padding-left: 32px; margin-bottom:10px; font-size:14px; }
/*
3.4 Clients
**********************************************************************/
 .client-logo{
	 width:100%;
	 margin-right:20px;
	 margin-top:8px;
 }
 .client-titile{
	 margin-top:10px;
 }
 .clients{
	 width:172px;
	 float:left;
	 
 }
 .req-spaces{
	 padding-left: 39px;
    padding-right: 10px;
    position: relative;
 }
 .client-slider img {
    border:1px solid white;
}
.client-slider img:hover {
    background-color:#FECE1A;
}
.client-nav {
    list-style:none;
    margin-top:22px;
}
.client-nav li {
    float:left;
    display:block;
    margin-left:10px;
}
.client-nav li a {
    display:inherit;
    background:#23b584;
    border-radius:3px;
    width:20px;
    height:20px;
}
.client-nav li a:hover {
    background:#181A1C;
}
.client-more a{
	float:right;
	margin-right: -8px;
    margin-top: -11px;
}
.client-more a:hover{
	text-decoration:underline;
}
.testimonial p {
    color:#181A1C;
    padding:15px;
    margin:0;
}
.arrow1 {
    margin-left:10px;
    width:0;
    border-top:10px solid #eae7e7;
    border-left: 20px outset transparent;
    border-right: 20px outset transparent;
}

.testimonial-text{
    display:block;
    font-size:22px;
    text-align:center;
    margin:0 auto;
    margin-top:30px;
    width:70%;
    line-height:1.3em;
}
.moneyback-img{
	float:left; margin-right:10px
	}
	.moneyback{
		font-size:12px;
	}
/*
3.6 FAQs
********************************************************************/
 
.faqs {
    margin: 0 auto;
    
    width: 980px;
}

.text {
    font-size: 30px;
    font-weight: 600;
    padding: 0;
    text-align: center;
}

.trigger {
    background: #f4f4f4 url(../images-new/Ques.png) no-repeat scroll 10px 8px;
    border: 1px solid #dfdfdf;
    border-radius: 6px;
    display: block;
    font-size: 16px;
    font-weight: normal;
    line-height: 19px;
    margin: 5px 0 0;
    padding: 8px 32px 8px 40px;
	font-weight:600;
}

.faqaccordion .ans-column {
     background: #ffffff;
	border:1px solid #e8e8e8;
    border-color: -moz-use-text-color #e8e8e8 #e8e8e8 #e8e8e8 #e8e8e8;
    border-radius: 5px;
    margin-bottom: 0;
	margin-top:5px;
    overflow: hidden;
    padding: 1em 20px 1em 3em;
    position: relative;
}
.scrollup {
    background: #eef0f2 none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 5px;
    bottom: 30px;
    cursor: pointer;
    display: none;
    font-size: 20px;
    height: 39px;
    position: fixed;
    right: 30px;
    text-align: center;
    vertical-align: middle;
    width: 39px;
	padding-top:6px;
}
.add-info{f6f2d1
	border:1px solid #ebf7f4; background-color:#fff; border-radius:5px; padding:10px
}
.add-info1{
	border:1px solid #f6f2d1; background-color:#fdfdd7; border-radius:5px; padding:10px
}
/*
4 Related Products
********************************************************************/
.rel-main {
    background: #fcfced none repeat scroll 0 0;
    height: auto;
    width: 100%;
	margin-bottom:-20px;
}
.rel-product {
	margin-top:50px;
	padding-bottom: 25px;
    text-align: center;
    font-size: 28px;
	line-height:26px;
	color:#3989c3;
    
}
.rel-cntr {
    height: auto;
    margin: 0 auto;
    width: 1089px;
}
ul.reated-text li {
    background:url(../images-new/product/divider.gif) no-repeat scroll right 30px;
	 margin: 0;
	 padding-left:4px;
     padding-top: 17px;
    display: inline-block;
    height: 110px;
   
}
.relprod-icon {
    float: left;
    margin-right:0px;
}
.relprod-cnt{
    float: right;
	padding-top:20px;
}

.relprod-h1 a:hover{
	color:#666;
}

.relprod-h1 a{
    font-size: 15px;
    line-height: 12px;
    text-align: left;
	color:#000;
}
/*Screenshot CSS*/

#container{
	max-width:620px;
	margin:0 auto;
	padding-bottom:0px;
}
pre{
	font-family: "Source Code Pro", monospace;
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 20px;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;
	background-color: whiteSmoke;
	border: 1px solid #CCC;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#banner-fade,
#banner-slide{
	margin:0 auto;
}
#banner-fade1,
#banner-slide1{
	margin-bottom: 60px;
}


ul.bjqs-controls.v-centered li a{
	display:block;
	padding:10px;
	background:none; 
	color:#2eadb7; 
	text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{
	background:none;
	color:#999;
}

ol.bjqs-markers li a{
	padding:4px 9px;
	background:#60b1b7;
	color:#fff;  
	margin:5px;
	text-decoration: none;
	border-radius:500px;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #999;
}

p.bjqs-caption{
	background: rgba(255,255,255,0.8);
}

/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0; top:50%;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0; top:50%}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline; list-style:disc}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:100%;margin:0;position:absolute;bottom:0;}

/* Testimonial Slide*/
#carousel {
  position: relative;
  width: 96%;
  margin: 0 auto;
}

#slides {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 250px;
}

#slides ul {
  list-style: none;
  width: 100%;
  height: 250px;
  margin: 0;
  padding: 0;
  position: relative;
}

#slides li {
  width: 100%;
  height: 250px;
  float: left;
  text-align: center;
  position: relative;
  font-family: lato, sans-serif;
}

pre {
			overflow-x: scroll;
			background: #ffffff;
			border: 1px solid #cecece;
			padding: 10px;
		}
		
		.clear { clear: both;  }
		
		.zoomed > .container {
			-webkit-filter: blur(3px);
			filter: blur(3px);
		}
		
		.container {
			width: 505px;
			margin: 0 auto;
		}
		
		.gallery {
			float: left;
			padding: 20px 20px 10px 55px;
			margin: 0;
			-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
			-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
			box-shadow: 0 1px 3px rgba(0,0,0,0.25);
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
		}
		.gallery div {
			float: left;
			padding: 0 10px 10px 0;
		}
		.gallery div:nth-child(6n) {
			padding-right: 0;
		}
		.gallery a,
		.gallery img {
			float: left;
		}
/*
5 Header-second
********************************************************************/

.top-header-Second {
     height: 65px;
    background-color: #FFFFFF;
    /* For WebKit (Safari, Chrome, etc) */
    background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(#44a0ff), to(#FFFFFF)) no-repeat;
    /* Mozilla,Firefox/Gecko */
    background: #FFFFFF -moz-linear-gradient(top, #44a0ff, #FFFFFF) no-repeat;
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#44a0ff, endColorstr=#FFFFFF) no-repeat;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#44a0ff, endColorstr=#44a0ff)" no-repeat;
}

.header-Second{
    margin: 0 auto;
    width: 1000px;
}
.dow_mg {
    float: right;
    padding-top: 15px;
}


.header-Second ul {
float:right;
height:65px;
margin:0;
padding:0;
}

.header-Second ul li {
list-style:none;
display:inline;
padding:0;
}

.header-Second ul li a {
color:#000;
text-decoration:none;
font-weight:400;
font-size:14px;
line-height:60px;
padding:30px 25px 14px 6px;
}
.header-Second ul li a:hover {
	color:#fff;
	text-decoration:underline;
}
.header-nav {
z-index:9999;
position:fixed;
left:0;
top:0;
width:100%;
display:block;
}
.mask.vb::before {
    background: rgba(0, 0, 0, 0) url('../images-new/pattern.png') repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.mask.vb::after {
    background: rgba(0, 0, 0, 0) url('../images-new/pattern.png') repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.link-buttons{
	width:840px;
}
.demo-button{
	width:440px;
	float:left;
	padding-left:232px;
}
.button-download,  .button1:-download, .button1:-download {
    display:inline-block;
    border:2px solid #38b1bb;
	background-color:#38b1bb;
    color:#000;
    padding:13px 13px;
    font-size:20px;
	font-weight:600;
    line-height:auto;
	border-radius:5px;
	font-family:'Open Sans', Arial, sans-serif;
}

.button1-download, .button-download:active{
     background-color:#329aa3;
    color:#fff;
	border-color:#329aa3;
	transition:all 0.5s ease 0s;
}
.price-button{
	width:380px; float:right;
}
.combo-pin{
	float:right; margin-right:15px; margin-top:10px; box-sizing: border-box; margin-left:50px;
}
.hr {
		border-bottom: 1px solid #cecece;
		clear: both;
		display: block;
		height: 10px;
		margin-bottom: 15px;
		margin-top: 5px;
	}
	.combo-bundle{
border-radius: 1100px 99px 99px 1100px; -webkit-border-radius: 1100px 99px 99px 1100px;-moz-border-radius: 1100px 99px 99px 1100px;background-color:#E0233E; transform:rotate(30deg); transition:all 0.3s ease-in-out 1s;
position:absolute;
	padding:.4em .70em;
	font-weight::600;
	font-size:16px;
	color:#fff;
	box-shadow:inset 0 1px 0 0 #e0233e, inset 0 0 0 1px #e0233e, 0 0 0 1px #d3213b, 1px 1px .5em .1em rgba(0, 0, 0, .5);
 -moz-transition:all .3s ease-in-out;
 -ms-transition:all .3s ease-in-out;
 -webkit-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out;
	-moz-transform:rotate(30deg);
	-webkit-transform:rotate(30deg);
	transform:rotate(30deg);
	cursor:pointer;
	text-align:center;
	right:170px;
}
.combo-bundle:hover {
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
.cart-img{
	margin-left:-30px; padding-right:10px;
}
.download-img{
	margin-right:6px
}
.prod-img-space{
	margin-left:45px;
}
.prod-image-space{
	margin-left:140px;
}
.prod-span-space{
	margin-right:90px;
}
.word-link-color{
	background-color:#F00; color:#FFF; padding:5px; border-radius:5px
}
.line-link{
	margin-right:0px; line-height:25px
}
.lens {
    background: rgba(0, 0, 0, 0) url("../images/lens.png") no-repeat scroll center center;
}
.lens, .play {
    position: relative;
    z-index: 20;
}
.h2tag{
	color:#0060ac;  font-weight:bold
}
.featureh2{
	background-color:#1c94c3; color:#fff; border-radius:5px; font-style:italic; padding:10px; font-size:28px
}
.priceh2{
	background-color:#333; color:#fff; border-radius:5px; font-style:italic; padding:10px; font-size:28px
}
.screenshot-p{
	color:#1c94c3;
	 
}
.video-h2{
	padding-bottom:20px; padding:7px; color:#448cdd; border-radius:5px;  font-weight:600; font-size:28px
}

.header-color{
	color:#09C;
}
.imp-data{
	color:#09C; line-height:28px;
}
.feature-points{
width:415px; background-color:#FAF8CB; padding:5px; border-radius:3px; margin-left:90px;
}
.feature-points-support{
width:415px; background-color:#fbefee; padding:12px; border-radius:3px; margin-left:90px;
}
.feature-points-wide{
background-color:#FAF8CB; padding:8px; border-radius:3px; margin-left:60px; width:960px
}
.imp-points{
width:570px; background-color:#FAF8CB; padding:5px; border-radius:3px; margin-left:50px;
}
.border-bottom{
	border-bottom:1px solid #181a1c; padding-bottom:20px;
}
.blue-dark{
	color:#34696c
}
.nortan-margin{
	margin-left:-30px;
	margin-right:50px
}
/*Animation*/
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

/*
6 Responsible
********************************************************************/
 @media (min-width: 1200px) {
    .thumbnail .more {
        margin-left:-41px;
        width:80px;
        height:80px;
        border-radius:40px;
        line-height: 80px;
    }
 }
 
@media (max-width: 979px) {
    body {
        padding-left:0;
        padding-right:0;
    }
	video{
		width:100%
	}
    
    .thumbnail .more {
        margin-left:-21px;
        width:40px;
        height:40px;
        border-radius:30px;
        line-height: 40px;
    }
    .thumbnail:hover .more {
        margin-top:-20px;
    }
    .newsletter form {
        text-align:center;
    }
	div.faqs{
		width:94%;
		line-height:35px;
	}
		iframe{
		width:97%;
		display:block;
	}
	div.rel-main {
     height: auto;
    width: 100%;
	padding-bottom:7px;
	margin-bottom:15px;
}
div.rel-cntr
{
	width:100%;
	display:block;
}
.testimonial p{
	margin-right:-20px;
}
div.header-Second{
    margin: 0 auto;
    width: 100%;
	float:left;
}
a.button-ps, a.button-ps:visited, a.button-ps:focus{
	width:100%;
}
div#gallery {
    float: left;
    width: 100%;
}
.span5{
	width:45%;
	margin-right:25px;
	margin-left:19px;
}
.service p{
	height:160px;
}
.service1 p{
	height:220px;
	font-size:14px;
}
.service1 h3{
	font-size:18px;
}
div.price-column h3 {
    float: left;
    width: 100%;
	font-size:28px;
}
.price-column .list li{
	font-size:14px;
	padding:0 auto;
	margin:4px -4px;
}
div.link-buttons{
	width:100%;
}
div.demo-button{
	width:38%;
	padding-bottom:10px;
	padding-left:135px;
	float:left;
	margin-left:90px;
}
div.price-button{
	width:48%;
	margin-left:15px;
	float:right;
}
.combo-bundle{
	float:right;
	right:50px;
}
.btn-bar{
		margin-left:68px;
	}
	div#main-border {
		width:100%;
		float:left;
	}
	div.slider-container .slide{
		width:730px;
		padding:0 auto;
		text-align:center;
			}
	div.slider-container{
		width:95%;
		}
		.arrowlist li{
	width:100%;
	margin-left:5px;
}
.feature-points-wide{
	width:98%;
	margin:0 auto;
}
.nortan-margin{
	margin:0 auto;
}
}
@media (max-width: 767px) {
	.prod-img-space, .prod-image-space, .threeicon, .threeicon1, .margin-minus, .margin-minus-top, .margin-right-90{
		margin:0 auto;
		margin-left:10px
}
.margin-minus-left, .margin-right-60, .margin-left-105{
	margin:0px
}
	.margin-nortan{
		margin:0 auto;
		width:100%
	}
	.info-box2 p, .info-box3 p, .info-box4 p{
		display:none;
	}
	.imp-points{
		width:100%;
		margin:0 auto;
	}
		.box-desc1, .threeicon-download, .box-width1{
		width:100%;
		margin:0 auto;
	}
	.oneicon{
		margin:0 auto;
	}
	.info-box p{
		margin-bottom:60px;
	}
	.button-res{
		margin-left: 23%;
padding-bottom: 10px;
padding-top: 10px;
	}
	.client-logo{
		display:none;
	}
	div.span5{
		width:100%;
	}
	.info-box1 p{
		clear:both;
		position:absolute;
		margin-top:100px;
	}
	div#main-border {
		width:92%;
		float:left;
		padding:0 auto;
		height:230px;
		background:none;
		border:none;
	}
	div#gallery{
		margin:0 auto;
	}

	div.slider-container .slide{
		width:465px;
		padding:0 auto;
		text-align:center;
		height:230px;
		font-size:13px;
			}
	div.slider-container{
		width:76%;
		height:230px;
		}
		ul.slider-nav{
			width:75%;
		}
		div.slider{
			width:100%;
		}
	div.content p{
		width:55%;
		padding:0 auto;
		font-size:13px;
		margin-left:-40px;
		line-height:20px;
		text-align:center;
	}
		#buttons a{
		margin:0 -25px;
	}
	.btn-bar{
		margin-left:10px;
		width:95%;
	}
	.quoteContainer {
  display: table;
  width:100%;
  margin-left:0px;
}
  .info-mail {
        width:90%;
        padding:15px 0px;
    }
    .project-description {
        padding-left:20px;
    }
    .price-column, div.testimonial {
        margin-top:30px;
		margin:0 auto;
    }
	div.faqs{
		width:94%;
		line-height:35px;
	}
	.button1, .button1:visited, .button1:focus, .button-compaire, .compaire:visited, .button-compaire:focus {
    display:inline-block;
    
}
div.rel-main {
     height: auto;
    width: 100%;
	padding-bottom:7px;
	margin-bottom:15px;
}
div.rel-cntr
{
	width:100%;
	display:block;
}
div.header-Second{
    margin: 0 auto;
    width: 100%;
	float:left;
}

div#gallery {
    float: left;
    width: 100%;
}
div.price-column h3 {
    float: left;
    width: 100%;
	}
	div.testimonial p{
		width:84%;
	margin-left:30px;
}
.testimonial .whopic{
	margin-left:120px;
}
.button3, .button4{
	display:none;
}
div.link-buttons{
	width:100%;
}
div.demo-button{
	width:80%;
	padding-bottom:10px;
	padding-left:0px;
	float:left;
}
div.price-button{
	width:80%;
	margin-left:80px;
	float:left;
}
a.button-download, a.button-compaire{
		font-size:17px;
	width:100%;
	padding:4px;
}
.button-download, .button-download:visited, .button-download:focus{
	padding:5px;
}
div.box-desc{
	width:58%;
	margin:5px;
	}
.about-text{
	width:100%;
	float:right;
}
.arrowlist li{
	width:100%;
	margin-left:5px;
}
}
@media (max-width: 480px) {
	div.header-Second ul{
		height:auto
	}
	div.header-Second ul li a{
		padding:0 auto;
	}
	div#gallery {
    float: left;
    width: 100%;
}
.combo-bundle{
	display:none;
}
	div.content p{
		width:35%;
		padding:0 auto;
		font-size:13px;
		margin-left:-40px;
		line-height:20px;
		text-align:center;
	}
	div.slider-container div.slide{
		width:290px;
		padding:0 auto;
		height:220px;
		line-height:20px;
	}
	*div#main-border {
		width:85%;
		float:left;
		padding:0 auto;
		height:220px;
	}
div.box-desc{
	width:98%;
	}
	.box-width{
		margin-left:50px;
	}
	div.slider-container{
		width:92%;
		height:220px;
		}
		ul.slider-nav{
			width:65%;
		}
		div.slider{
			width:100%;
		}
		.feature-points-support{
	width:72%
}
}
@media (max-width:1200px){
	a.button-ps, a.button-ps:visited, a.button-ps:focus{
	width:100%;
}
div.price-column h3 {
    float: left;
    width: 100%;
	font-size:27px;
}
div#gallery {
    float: left;
    width: 95%;
}
.price-column .list li{
	font-size:14px;
	padding:0 auto;
	margin:4px -4px;
}
.span5{
	width:45%;
	margin-right:21px;
}
div.thumbnail1{
	width:52%;
	margin-left:20px;
}
div.link-buttons{
	width:100%;
}
div.rel-cntr {
     height: auto;
    width: 100%;
	
}
.about-text{
	width:98%;
	float:right;
}
.box-desc{
	width:68%;
	}
#gallary img{
	max-width:50%;
}
.centered{
	margin:0 auto;
}
 
@media (min-width:980px) and (max-width:1200px){
	ul.thumbnails{
		margin-left:-75px;
	}
	div.link-buttons{
	width:100%;
}
div.demo-button{
	width:47%;
	padding-bottom:10px;
	padding-left:238px;
	float:left;
}
div.price-button{
	width:51%;
	margin-left:15px;
	float:right
}
	.combo-bundle{
	float:right;
	right:50px;
}
}
@media (min-width:1201px) and (max-width:1360px){
	ul.thumbnails{
		margin-left:-75px;
	}
}
@media (min-width:768px) and (max-width:930px){
	div.demo-button{
	width:43%;
	padding-bottom:10px;
	padding-left:100px;
	float:left;
	margin-left:82px;
}
div.price-button{
	width:43%;
	margin-left:15px;
	float:right
}
}