/* CSS Resets */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}img, object, embed{ max-width: 100%;}img { height: auto;}table td img, table td object, table td embed{ max-width: 100%;}table td img { height: auto;}
.clr { clear:both}
.fleft { float:left}
.fright { float:right}
.w48 { width:48%;}
.mr20 { margin-right:20px;}
.mb10 { margin-bottom:10px;}
.dnnrow { width: 100%;max-width: 1600px;min-width: 320px;margin: 0 auto;}
.dnnrow:after { display:block; content:''; clear:both}
.marginlr { margin:0 30px; }
.leftbox { width:73%;}
.rightbox { width:25%;}
.radius { -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.radius5 { -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.radius10 { -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.radius15 { -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
.shadow { -webkit-box-shadow: #ddd 1px 2px 3px;-moz-box-shadow: #ddd 1px 2px 3px;box-shadow: #ddd 1px 2px 3px;}
div.language-object { float:left;}
div.language-object img { width:24px; margin:0px 10px 2px 0}
.dnntopbar{ background:#eee; border-bottom:1px #ddd solid; padding:5px 0}
.dnnuser{ float:left; white-space:nowrap}
.dnnlogin{ float:left; white-space:nowrap}
#dnnheader {
border-bottom:5px solid #000;
background: #333; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222)); /* for webkit browsers */
background: -moz-linear-gradient(top, #444, #222); /* for firefox 3.6+ */;
left:0px; right:0px;height:70px; position:fixed; z-index:999
}
.pmtop{ height:70px;}
.logo { padding:10px 0 0}
#dnnbreader { padding:20px 0; clear:both; background:#eee; border-bottom:1px #e8e6e6 solid}
#dnnmain { background:#fff; padding:20px 0}
#dnnfooter { padding:0px; margin:0px;font-size:12px; clear:both; padding:30px 0; border-top:1px #eee solid}
.siteinfo { padding-top:15px; color:#fff}
.siteinfo a:link,.siteinfo a:active,.siteinfo a:visited { color:#3795b0; font-weight:bold; padding:0 3px}
.siteinfo a:hover { color:#fff}
.dnnrow div.dnnForm { min-width:220px}
.dnnrow .allpropager { word-wrap:break-word}
#dnncontent { padding:0px}
#topfullpane { position: relative;background: #f6f6f6; border-top:1px #f6f6f6 solid}
.BannerPane { padding:0px}
.TopLeftPane, .TopRightPane { width:48%}
.ThreeLPane { width:32%}
.ThreeCPane { width:32%; margin-left:2%;}
.ThreeRPane { width:32%}
.FourLPane { width:23.5%;}
.FourCPane { width:23.5%; margin-left:2%}
.FourCRPane { width:23.5%; margin-left:2%;}
.FourRPane { width:23.5%;}
.LeftThreePane,.RightThreePane { width:23.5%}
.LeftNinePane,.RightNinePane { width:74.5%}
.LeftFourPane,.RightFourPane { width:32%}
.LeftEightPane,.RightEightPane { width:66%}
.RightPane { clear:both;}
.SocialPane { text-align:right}
/*===================================================
Font Icons
=====================================================*/
.TopbarPane .fontsocial a em { padding:7px 5px; line-height:32px; text-decoration:none;-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; color:#fff}
.fontsocial a em { padding:5px 4px; line-height:32px; text-decoration:none;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color:#fff}
.fontsocial.lg-social a em { font-size:28px; padding:5px 4px; line-height:50px; text-decoration:none;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color:#fff}
.fontsocial.circle a em { -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;color:#fff}
.fontsocial a em.icon-digg { background:#0082CD}
.fontsocial a em.icon-appstore { background:#000}
.fontsocial a em.icon-blogger-1 { background:#fb670d}
.fontsocial a em.icon-evernote { background:#74C042}
.fontsocial a em.icon-flickr { background:#FF0189}
.fontsocial a em.icon-google { background:#4385F6}
.fontsocial a em.icon-youtube { background:#df2025}
.fontsocial a em.icon-yahoo { background:#65106E}
.fontsocial a em.icon-quora { background:#A82300}
.fontsocial a em.icon-soundcloud { background:#F47B20}
.fontsocial a em.icon-yelp { background:#C22917}
.fontsocial a em.icon-facebook { background:#1f69b4}
.fontsocial a em.icon-twitter { background:#45b5e7}
.fontsocial a em.icon-twitter-bird{ background:#45b5e7}
.fontsocial a em.icon-vimeo { background:#14beef}
.fontsocial a em.icon-tumblr { background:#44546a}
.fontsocial a em.icon-googleplus-rect { background:#d3492c}
.fontsocial a em.icon-github-text { background:#F1CBB4}
.fontsocial a em.icon-github { background:#000; color:#F1CBB4}
.fontsocial a em.icon-skype { background:#01AEF2}
.fontsocial a em.icon-icq { background:#02E301}
.fontsocial a em.icon-yandex { background:#FF2333}
.fontsocial a em.icon-blogger { background:#fd6301}
.fontsocial a em.icon-deviantart { background:#4c634f}
.fontsocial a em.icon-jabber { background:#BA0202}
.fontsocial a em.icon-lastfm { background:#B80638}
.fontsocial a em.icon-linkedin { background:#02669a}
.fontsocial a em.icon-picasa { background:#C07FE3}
.fontsocial a em.icon-wordpress { background:#2D709B}
.fontsocial a em.icon-instagram { background:#000}
.fontsocial a em.icon-box { background:#EDA962}
.fontsocial a em.icon-stumbleupon { background:#ef4e22}
.fontsocial a em.icon-signal { background:#01EB18}
.fontsocial a em.icon-trophy { background:#EEC801}
.fontsocial a em.icon-water { background:#0050A7}
.fontsocial a em.icon-droplet { background:#00CCFF}
.fontsocial a em.icon-pinterest { background:#df2025}
.fontsocial a em.icon-dribbble { background:#eb4d88}
.fontsocial a em.icon-dropbox { background:#2B82C9}
.fontsocial a em.icon-paypal-1 { background:#18549C}
.fontsocial a em.icon-behance { background:#33559f}
.fontsocial a em.icon-share { background:#03B652}
.fontsocial a em.icon-mail-1 { background:#cdc82c}
.fontsocial a em.icon-rss-1 { background:#e9a01d}
.fontsocial.dark a em { background:#333; color:#fff}
.fontsocial.light a em { background:#eee; color:#000}
.fontsocial a:hover em { color:#fff; background:#000}
/* Font icon demo */
#icons:after { display:block; content:''; clear:both}
#icons div { width:24%; float:left; background:#eee; margin:5px 0.5%; padding:10px 0}
#icons div span { line-height:30px;}
#icons div em { font-size:32px;padding:0 10px; display:block; float:left}
.codesOn .i-name { display: none;}
.codesOn .i-code { display: inline;}
.i-code { display: none;}
.smallicon{ font-size:16px;}
.mediumicon{ font-size:24px;}
.largeicon{ font-size:32px;}
.xlargeicon{ font-size:48px;}
.fixedbg h2{ color:#fff; text-transform:uppercase; font-size:50px;}
.bg01{ background:url(../images/slide1_bg.jpg) 0 0 no-repeat fixed; padding:200px 0;background-size: cover !important; text-align:center}
.bg02{ background:url(../images/slide2_bg.jpg) 0 0 no-repeat fixed; padding:200px 0;background-size: cover !important; text-align:center;}
.bg03{ background:url(../images/slide3_bg.jpg) 0 0 no-repeat fixed; padding:200px 0;background-size: cover !important; text-align:center;}
.bg04{ background:url(../images/slide4_bg.jpg) 0 0 repeat fixed; padding:200px 0;important; text-align:center;}
.bg05{ background:url(../images/slide5_bg.jpg) left top repeat fixed; padding:200px 0;background-size: cover !important; text-align:center;}
.custom_title,.custom_title2{ font-size:24px; line-height:30px; color:#fff; text-transform:uppercase; padding:20px 0 0; font-weight:bold; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2)}
.custom_subtitle { font-size:18px; line-height:24px; color:#000}
.custom_contenttext{ font-size:16px; line-height:30px; color:#fff;}
.custom_content{ font-size:14px; color:#000; line-height:24px;}
.foot_block_intouch,
.foot_block_intouch *{ margin:0px; padding:0px;}
.foot_block_intouch li{ margin:0px; padding:6px 0 6px 30px; list-style:none; background:url(../images/contact_icon.png) no-repeat}
.foot_block_intouch li.touch_phone{ background-position:0 7px;}
.foot_block_intouch li.touch_clock{ background-position:0 -70px;}
.foot_block_intouch li.touch_mail{ background-position:0 -152px;}
.foot_block_intouch li.touch_site{ background-position:0 -237px;}
.foot_block_intouch li.touch_adress{ background-position:0 -316px;}
.foot_block_intouch li.facebook{ background-position:0 -404px;}
.foot_block_intouch li.twitter{ background-position:0 -488px;}
/*----*****---- << Headings >> ----*****----*/
.main-title { padding:80px 0px 60px; text-align:center; background:url(../images/shadow-title.png) bottom center no-repeat; margin-bottom:50px;}
.main-title h2 { color:#000; font-weight:300; font-size:50px; line-height:50px; margin:0px; text-transform:uppercase; letter-spacing:1px;font-family:'bluehost'}
.main-title p { color:#666; font-size:24px;}
.welcome { margin:40px 0 75px; padding:35px 0}
.welcome h1 { font-family:'bluehost'; text-transform:uppercase; color:#000; font-size:50px}
.welcome p{ font-size:24px}
h2.border-title{ text-align:center;}
/*----*****---- << Pricing Table >> ----*****----*/
.pr-tb-col { position:relative; border:1px solid #d3dae5; background:#fff; width:100%; margin:0px; padding:0 0 15px; text-align:center; -webkit-transition:-webkit-box-shadow 0.2s ease-out; -moz-transition:-moz-box-shadow 0.2s ease-out; -o-transition:-o-box-shadow 0.2s ease-out; transition:box-shadow 0.2s ease-out; }
.tb-title h5 { font-size:30px; color:#fff; line-height:40px; margin:0px; background:#333; padding:10px 0 }
.tb-title, .guarantee, .price { background:#fff; border-bottom: 1px solid #d3dae5; }
.guarantee { font-size:17px; color:#999; padding-top:17px; padding-bottom:17px;}
.guarantee p { margin-bottom:0; }
.tb-header .price { box-shadow: 0 -29px 20px #f7f7f7 inset; padding:52px 20px; display:block; font-size:36px; color:#3795b0}
.tb-header .price span { font-size:15px; color:#666666; display:block; text-transform:capitalize; margin-top:35px; }
.tb-content { list-style-type:none; margin:0px; padding:0px 25px 10px 25px; }
.tb-content li { font-size:14px; color:#757575; border-bottom:1px solid #d3dae5; padding:10px 0px; line-height:25px; text-shadow:1px 1px 0px #fff; list-style:none }
/* Margining
-------------------------------------------------------------- */
.margin5, .margin10, .margin15, .margin20, .margin25, .margin30, .margin35, .margin40, .margin45, .margin50, .margin55, .margin60, .margin65, .margin70, .margin75, .margin80, .margin85, .margin90, .margin100 { width:100%; clear:both; background-color:transparent; }
.margin5 { height:5px; }
.margin10 { height:10px; }
.margin15 { height:15px; }
.margin20 { height:20px; }
.margin25 { height:25px; }
.margin30 { height:30px; }
.margin35 { height:35px; }
.margin40 { height:40px; }
.margin45 { height:45px; }
.margin50 { height:50px; }
.margin55 { height:55px; }
.margin60 { height:60px; }
.margin65 { height:65px; }
.margin70 { height:70px; }
.margin75 { height:75px; }
.margin80 { height:80px; }
.margin85 { height:85px; }
.margin90 { height:90px; }
.margin100 { height:100px; }
/*----*****---- << Progress Bars >> ----*****----*/
.progress-bar-wrapper { text-align:center; }
.progress-bar-content h4 { font-weight:600; text-transform:capitalize; }
.progress-bar-content span.code { margin-bottom:15px; display:inline-block; }
.pr-tb-col:hover:after, .pr-tb-col.active:after { border:5px solid #3795b0; }
.progress-bar-wrapper #donutchart1, .progress-bar-wrapper #donutchart2, .progress-bar-wrapper #donutchart3, .progress-bar-wrapper #donutchart4 { margin:0 auto 33px; display:block; height:140px; }
.progress-bar-wrapper #donutchart1 div span, .progress-bar-wrapper #donutchart2 div span, .progress-bar-wrapper #donutchart3 div span, .progress-bar-wrapper #donutchart4 div span { text-align:center; width:100%; font-size:50px; font-weight:normal; }
.progress-bar-wrapper #donutchart1 div, .progress-bar-wrapper #donutchart2 div, .progress-bar-wrapper #donutchart3 div, .progress-bar-wrapper #donutchart4 div { font-weight:normal; }
.progress-bar-wrapper #donutchart1 div, .progress-bar-wrapper #donutchart2 div, .progress-bar-wrapper #donutchart3 div, .progress-bar-wrapper #donutchart4 div { font-family: 'Titillium Web', sans-serif; line-height:32px !important; top:21% !important; top:21%\0/ !important; }
.progress-bar-wrapper #donutchart1 div span { color:#E74D3C; }
.progress-bar-wrapper #donutchart2 div span { color:#FF7F50; }
.progress-bar-wrapper #donutchart3 div span { color:#8aba23; }
.progress-bar-wrapper #donutchart4 div span { color:#35aad8; }
/*----*****---- << Custom Services >> ----*****----*/
.custom-services { position:relative; padding-left:90px; }
.custom-services span { width:80px; text-align:center; position:absolute; left:0;}
.custom-services .icon-one { background:url(../images/icon-one.png) center top no-repeat; height:80px; }
.custom-services .icon-two { background:url(../images/icon-two.png) center top no-repeat; height:80px; }
.custom-services .icon-three { background:url(../images/icon-three.png) center top no-repeat; height:80px; }
.custom-services .icon-four { background:url(../images/icon-four.png) center top no-repeat; height:80px; }
.custom-services .icon-five { background:url(../images/icon-five.png) center top no-repeat; height:80px; }
.custom-services .icon-six { background:url(../images/icon-six.png) center top no-repeat; height:80px; }
.custom-services .icon-seven { background:url(../images/icon-seven.png) center top no-repeat; height:80px; }
.custom-services .icon-eight { background:url(../images/icon-eight.png) center top no-repeat; height:80px; }
.custom-services .icon-nine { background:url(../images/icon-nine.png) center top no-repeat; height:80px; }
/*----*****---- << Intro text >> ----*****----*/
.intro-text { background:#f5f5f5; border-top:5px solid #eff0f0; border-bottom:5px solid #eff0f0; text-align:center; padding:35px 0 40px }
.intro-text h2 { font-size:50px; }
.demo-btn { display:inline-block; position:relative; margin:0 auto; font-size:16px; font-weight:600; *width:300px; }
.demo-btn a:link, .demo-btn a:active, .demo-btn a:visited { float:left; padding:30px; color:#ffffff; text-transform:capitalize; }
.demo-btn a.purchase { border-top-left-radius:15px; border-bottom-left-radius:15px; background:#3795b0 }
.demo-btn a.demo { border-top-right-radius:15px; border-bottom-right-radius:15px; background:#049eba}
.demo-btn span { font-size:16px; font-weight:600; line-height:29px; background:#fff; padding:0px; width:30px; height:30px; border-radius:30px; position: absolute; top:32%; left:42%; left: 42%\0/; *left: 39%; }