/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
/* 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: Arial, sans-serif;
background: #E7EAEC;
}
.container{
width: 90%;
margin: 0 auto;
}
div.logo {
text-align: center;
}
.logo h1 a{
font-size: 1.6em;
font-family: Arial, sans-serif;
margin-top: 3px;
color:#3889CF;
letter-spacing:2px;
}
.header-bg{
background:#fff;
padding: 0.5% 0;
}
.drp-dwn select {
font-family: Arial, sans-serif;
padding: 5px;
outline: none;
width: 100%;
color:#3889CF;
border: 1px solid #C2C2C2;
background: #C2C2C2;
cursor: pointer;
z-index: 1;
display: block;
margin-bottom: 10px;
float: right;
}
div.images-slider img {
width: 100%;
}
/*---start-feartures-grids----*/
.feature-grid{
float: left;
margin-bottom: 10px;
}
.feature-grid:nth-child(2),.feature-grid:nth-child(4),.feature-grid:nth-child(6){
margin-right:0;
}
.feature-grid-left {
text-align: center;
margin-top: 0.3em;
}
.feature-grid-left span{
font-family: Arial, sans-serif;
width:64px;
height:64px;
display:inline-block;
}
.icon1 span{
background: url(../images/icons.png) no-repeat -6px 0px;
}
.icon2 span{
background: url(../images/icons.png) no-repeat -328px 0px;
}
.icon3 span{
background: url(../images/icons.png) no-repeat -268px 0px;
}
.icon4 span{
background: url(../images/icons.png) no-repeat -74px 0px;
}
.icon5 span{
background: url(../images/icons.png) no-repeat -140px 0px;
}
.icon6 span{
background: url(../images/icons.png) no-repeat -204px 0px;
}
.feature-grid-right{
text-align: center;
}
.feature-grid-right h2{
font-family: Arial, sans-serif;
font-size: 1em;
color: #272727;
font-weight: 500;
line-height: 1.5em;
margin: 0px 0px 0.2em 0;
display: block;
}
.feature-grid-right p{
font-family: Arial, sans-serif;
color: #6B6A6A;
line-height: 1.9em;
width: 90%;
}
.content-feature-grids {
border-bottom: 1px solid #eee;
padding: 10px 0;
}
.content-feature-grids h3 {
color: #3D3D3D;
font-size: 1.1em;
font-family: Arial, sans-serif;
text-align: center;
}
.content-feature-grids p{
color:#7E7878;
font-size: 0.8755em;
font-family: Arial, sans-serif;
text-align: center;
margin: 0 0 10px;
font-weight: 300;
}
div.feature-grid-right p {
font-size: 0.8755em;
font-weight: 300;
}
/*Pricing table and price blocks*/
.pricing-plans{
padding: 10px 0;
background: #fff;
}
/*----*/
.pricing-grid{
width: 100%;
float: left;
margin-bottom:10px;
background: #252E30;
text-align: center;
}
.pricing-grid:hover {
background:#1A1A1A;
}
.pricing-grid:hover h4 a,.pricing-grid:hover .cart i{
background: #49CBCD;
text-decoration: none;
}
.pricing-grid:nth-child(3){
margin-right:0;
}
.pricing-grid h4 a{
background:#3889CF;
padding: 5px 10px;
display: block;
color: #FFF;
}
.pricing-grid h4,.pricing-grid1 h4,.pricing-grid2 h4,.pricing-grid3 h4,.pricing-grid4 h4{
margin:0;
}
.price-value a{
font-size: 1.1em;
color: #A0A1A1;
font-family: Arial, sans-serif;
}
.price-value {
padding: 10px 0;
}
.pricing-grid ul li a{
color:#C0BEBE;
font-size:0.9em;;
text-align: center;
display: block;
padding: 0.3em 0em;
}
.pricing-grid ul li a:hover{
background:#353A42;
color:#49CBCD;
text-decoration: none;
}
.cart{
padding: 10px 29% 56px;
display: block;
color: #FFF;
margin-top: 10px;
}
/*---//End-feartures-grids----*/
#toTop {
display: none;
text-decoration: none;
position: fixed;
bottom: 10px;
right: 10px;
overflow: hidden;
width: 44px;
height: 44px;
border: none;
text-indent: 100%;
background: url(../images/top_move.png) no-repeat right top;
}
/*--- pricing ---*/
div#prices h3 {
font-family: Arial, sans-serif;
font-size: 1.1em;
text-align: center;
color: #3D3D3D;
}
div#prices p {
font-family: Arial, sans-serif;
font-size: 0.8755em;
text-align: center;
margin-bottom: 10px;
color: #3D3D3D;
font-weight: 300;
}
.span3 {
margin: 1% 2% 0 0;
float: left;
}
.span3 i {
position: relative;
font-size: 0.8755em;
color: #fff;
background: #3889CF;
padding: 9px 13px;
font-style: normal;
}
.span3 i:hover{
background:#49CBCD;
color:#333;
}
.span3 a:hover {
text-decoration:none;
}
/*faq*/
div.faq-grid h5 {
font-size: 1em;
font-family: Arial, sans-serif;
color: #3D3D3D;
line-height: 1.9em;
font-weight: 500;
}
div.faq-grid p {
font-size: 0.8755em;
font-family: Arial, sans-serif;
color: #3D3D3D;
line-height: 1.9em;
text-align:left;
font-weight: 300;
}
/* contact */
.contact{
padding:10px 0;
background: #252E30;
}
.contact-left{
float:left;
}
.contact-left h3{
color:#fff;
font-size:1em;
}
.contact-left p.style {
font-size: 0.8755em;
color: #999;
line-height: 1.9em;
margin: 3% 0;
}
.contact-right{
float:left;
width: 100%;
}
.get-intouch-left-address p.style1{
color: #f5f5f5;
margin-top: 2%;
}
.get-intouch-left-address p.style2{
color: #f5f5f5;
}
.get-intouch-left-address p{
color: #999999;
font-size: 0.8755em;
line-height:2.3em;
}
.get-intouch-left-address p a{
color: #999999;
font-size: 0.95em;
line-height:2.3em;
}
.image img {
border-radius: 2px;
}
.get-intouch-left-address p a:hover{
color:#fff;
text-decoration: none;
}
.form{
float: left;
width: 100%;
margin: 2% 4% 0 0;
display: block;
}
.contact input[type="text"], .contact textarea {
padding: 7px;
width: 92%;
margin: 10px 2% 0 0;
background: #4B5456;
outline: none;
color: #fff;
font-size: 0.92355em;
font-family: Arial, sans-serif;
border: 1px solid #4B5456;
-webkit-appearance: none;
}
.contact input[type="text"]:nth-child(2)
{
margin-right: 0em;
}
.contact form textarea{
resize:none;
height:100px;
}
.contact input[type="submit"]{
padding: 10px 10px;
background: #191F21;
outline: none;
color: #fff;
font-size: 0.82355em;
font-style: normal;
font-family: Arial, sans-serif;
border: none;
-webkit-appearance: none;
margin-top: 10px;
cursor: pointer;
}
.contact input[type="submit"]:hover{
background: #3889CF;
color: #fff;
}
/*--- footer-bottom ---*/
.footer{
background: #191F21;
padding:5px 0;
}
.copy-right
{
text-align:center;
margin-right: 15px;
}
.copy-right p
{
font-size:0.82355em;
color:#999999;
margin: 0;
}
.copy-right p a
{
color:#3889CF;
}
.copy-right p a:hover
{
color: #fff;
text-decoration: none;
}
.left{
float: left;
}
.right{
float:right;
margin: 0px 17px 0 0px;
}