@charset "utf-8";

html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
article,aside,figure,footer,header,hgroup,nav,section{display:block}
/*img,object,embed{max-width:100%}*/
h1,h2,h3,h4,h5,h6{text-transform: uppercase;color: #FFF;}
h1{font-size: 48px;text-transform: capitalize;font-weight: 400;}
h2{font-size: 36px;text-transform: capitalize;font-weight: 400;}
h3{font-size: 30px;text-transform: capitalize;font-weight: 400;}
h4{font-size: 22px;text-transform: capitalize;font-weight: 500;}
html{overflow-y:scroll}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{color: #c5d52b;}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{background:transparent;font-size:100%;margin:0;padding:0;vertical-align:baseline}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0;font:100%;font-size:inherit}
th{font-weight:700;vertical-align:bottom}
td{font-weight:400;vertical-align:top}
hr{border:0;border-top:1px solid #585858;display:block;height:1px;margin:20px 0;padding:0}
input,select{vertical-align:middle}
pre{white-space:pre-line;word-wrap:break-word}
:focus{outline:0}
input[type=checkbox]{vertical-align:baseline}
select,input,textarea{font:99% sans-serif}
a:hover,a:active{outline:none}
small{font-size:85%}
strong,th{font-weight:700}
td,td img{vertical-align:top}
sub,sup{font-size:75%;line-height:0;position:relative}
sup{top:-.5em}
sub{bottom:-.25em}
pre,code,kbd,samp{font-family:monospace, sans-serif}
.clickable,label,input[type=button],input[type=submit],button{cursor:pointer}
button,input,select,textarea{margin:0}
button{overflow:visible;width:auto}
.ie7 img{-ms-interpolation-mode:bicubic}
.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true))}
.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}
.clearfix:after,.clear{clear:both}
.clearfix{zoom:1}

body,select,input,textarea{color:#444}
a:link{-webkit-tap-highlight-color:#fcd700}
ins{background-color:#fcd700;color:#000;text-decoration:none}
mark{background-color:#fcd700;color:#000;font-style:italic;font-weight:700}
input:invalid,textarea:invalid{background-color:#30C}
input[type=radio],.ie6 input{vertical-align:text-bottom}
::-moz-selection,::selection{background:#0099CC;color:#fff;text-shadow:none}
*, *:hover{-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;}
/* ==========================*/

body{background:#fff;color:#5c5c5c;font-size:16px;line-height:1.231;font-family:"Ubuntu", sans-serif;}

a{color:#0099CC;}
a:hover, a.active {color:#c5d52b!important;text-decoration: none;}
p{font-weight: 300;}
.wrapper{width: 100%;float: left;position:relative;}


/*================ header =========*/
header{position: absolute;top: 0;width: 100%;z-index: 1;}
.logo{padding: 20px 0 0;}
.logo span{color: #c5d52b;font-size: 60px;}
.menu{float:right;margin: 45px 0 0;}
.nav{padding: 0;}
.menu ul li{float: left;}
.menu ul li a{padding: 0 24px 0;text-transform: capitalize;font-size: 20px;color: #FFF;}
.menu ul li a:hover, .menu ul li a.active{color: #c5d52b;}
.menu ul li a:hover, .menu ul li a.active{text-decoration: underline;}
.menu ul li:last-child a, .menu ul li.last, .menu ul li+li+li+li{padding-right: 0;}


/*================ banner =========*/
.banner{position: relative;}
.banner .banner-img img{width: 100%;vertical-align: bottom;}
.banner-content {position: absolute;top: 130px;text-align: center;width: 100%;}
.banner-content h1{color: #FFF;margin: 0 0 272px 0;}
.btn {background: #ffc000;color: #000;font-size: 24px;font-weight: 400;text-transform: uppercase;line-height: 58px;padding: 0 33px;border: 0;box-shadow: 1px 0px 6px 0px #333;}
.btn span{color: #FFF;}
.btn:hover{color: #000!important;background: #c5d52b;}


/*================ blog sites =========*/
.blog-sites{text-align: center;padding: 85px 0;}
.blog-sites h3{color: #5c5c5c;margin: 0 0 10px 0;}
.blog-sites h3 span{font-size: 48px;}
.blog-sites ul li {display: inline-block;padding: 50px 27px 0;text-align: center;}


/*================ chart block =========*/
.chart-block{background: #f6f6f6;padding: 60px 0;}
.chart-block .chart-wrap{margin: 0 0 20px 0;border: 3px solid #c5d52b;width: 322px;height: 209px;overflow: hidden;}
.chart-block h4{font-weight: 500;color: #5c5c5c;margin: 0 0 30px 0;}
.chart-block ul li {font-size: 18px;font-weight: 300;padding: 0 0 22px 35px;background: url('../images/checked-list-style.png') no-repeat;background-position: left top;}
.chart-block .row {margin-left: -44px;margin-right: -44px;}
.chart-block .col-sm-4 {padding-left: 44px;padding-right: 44px;}

/*================ what can we do sites =========*/
.free-account-block{text-align: center;font-size: 20px;background: url(../images/banner2.jpg) no-repeat;padding: 90px 0 75px;color: #FFF;}
.free-account-block p{margin: 0 0 62px 0;}
.free-account-block h3{margin: 0 0 20px 0;}

/*================ feedbacbk =========*/
.feedback{padding: 95px 0 70px;}
.feedback h3 {color: #5c5c5c;text-align: center;margin: 0 0 48px 0;}
.feedback .col-sm-2 {width: 14.5%;}
.feedback .image-wrap{width: 142px;height: 142px;border-radius: 100%;overflow:hidden!important;border: 5px solid #c5d52b;display: block;}
.feedback .image-wrap:hover{border: 5px solid #5c5c5c;transform: scale(1.03);-webkit-transform: scale(1.03);-moz-transform: scale(1.03);-o-transform: scale(1.03);-ms-transform: scale(1.03);
                                       filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'old-timey\'><feColorMatrix type=\'matrix\' values=\'0.14 0.45 0.05 0 0 0.12 0.39 0.04 0 0 0.08 0.28 0.03 0 0 0 0 0 1 0\'/></filter></svg>#old-timey");
                                       -webkit-filter: sepia(1);
                                       -webkit-filter: sepia(100%);
                                       -moz-filter: sepia(100%);
                                       -ms-filter: sepia(100%);
                                       -o-filter: sepia(100%);
                                       filter: sepia(100%);}
.desc img.left {vertical-align: top;}
.desc img.right {vertical-align: bottom;}
.desc p{font-style: italic;line-height: 23px;}
.desc a{font-size:20px;margin: 30px 0 0;display: inline-block;color: #5c5c5c;cursor: pointer;}


/*================ footer =========*/
footer{background: #333333;text-align: center;color: #dbdbdb;padding: 42px 0 28px;}
.footer-links{margin: 0 0 20px 0;}
.footer-links li {display: inline-block;}
.footer-links li a{color: #dbdbdb;text-transform: capitalize;border-left: 1px solid #dbdbdb;padding: 0 5px;}
.footer-links li:first-child a{border-left: 0;}
.contact{margin: 0 0 20px 0;font-size: 14px;color: #dbdbdb;}
.copyright{font-size: 14px;}


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */ 
@media print {
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* h5bp.com/t */
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}