@import url(bootstrap/css/bootstrap.css);
@import url(bootstrap/css/bootstrap-responsive.css);
@import url(css/font-awesome.css);
@import url(css/lightbox.css);
@import url(css/nivoSlider.css);
@import url(css/isotope.css);
@import url(css/esatta.css);
@import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light);

/* Document CSS
----------------------------------------------------------------------------- */

@font-face {
    font-family: 'Oswald';
    src: url('fonts/oswald-regular-webfont.eot');
    src: url('fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-regular-webfont.woff') format('woff'),
         url('fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('fonts/oswald-regular-webfont.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/lato-reg-webfont.eot');
    src: url('fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-reg-webfont.woff') format('woff'),
         url('fonts/lato-reg-webfont.ttf') format('truetype'),
         url('fonts/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



::-moz-selection{ background:#000; color:#fff;}
::selection{ background:#000; color:#fff;}
*{ margin:0; padding:0;}
body{ 
	background:#E3E3E3; 
	height:100%; 
	font-weight:normal; 
	line-height:1.5em; 
	color:#000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
}
a{ outline:0; border:0;}
a:link, a:active, a:visited{ color:#000; outline:none; text-decoration:none;}
a:hover{ text-decoration:underline;}
p, ul, ol{
	margin:0;
	padding:0 0 1em;
	font-size:16px;
	
}
img { max-width:none; border:0; -ms-interpolation-mode: bicubic;}
h1,h2,h3,h4,h5,h6{ 
	margin:0px; padding:5px 0 20px 0;
	font-family: "Oswald","Helvetica Neue","Arial","Helvetica",sans-serif;
	font-weight: normal;
	line-height: 1.0em;
	text-transform: uppercase;
	}
h1{ font-size:28px}
h2{ font-size:25px;}
h3{ font-size:22px;} 
h4{ font-size:18px;}   
h5{ font-size:16px;}
h6{ font-size:14px;}
.Space10{ margin:0 0 10px 0;}
.Space20{ margin:0 0 20px 0;}
.Space30{ margin:0 0 30px 0;}
.Space40{ margin:0 0 40px 0;}
.Space50{ margin:0 0 50px 0;}
.Space60{ margin:0 0 60px 0;}
.DNNEmptyPane{ display:none;}

/* Header
----------------------------------------------------------------------------- */
.HeaderRow{ display:none; position:relative; background:#2b2b2b; border-bottom:1px solid #393939; height:42px;}
.HeaderSocial{ float:left;visibility:hidden;}
.HeaderSocial a{ display:inline-block; width:25px; line-height:42px; font-size:14px; color:#868686; text-decoration:none; transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s;}
.HeaderSocial a:hover{ color:#000; text-decoration:none;}

/* Register & Login */
.LoginBar{ float:right; line-height:44px;  height:42px;}
.LoginBar .registerGroup, .LoginBar .registerGroup *, .LoginBar .loginGroup, .LoginBar .loginGroup *{ display:block;} 	
.LoginBar .registerGroup, .LoginBar .loginGroup{ float:left; padding:0; margin:0;}
.LoginBar .registerGroup li{ float:left; height:42px; border-right:1px solid #393939;}
.LoginBar .registerGroup a, .LoginBar .loginGroup a{
 color: #868686;
    display: block;
    font-size: 12px;
    font-weight: normal;
    height: 42px;
    line-height: 45px;
    min-width: 0;
    padding: 0 13px;
    position: relative;
    vertical-align: middle;
 }
.LoginBar .registerGroup a:hover, .LoginBar .loginGroup a:hover{ color:#fff; text-decoration:none;}
.LoginBar .registerGroup a span{ 	
	display: inline-block;
    font-size: 12px;
    margin-right: 3px;
    min-width: 3px;
    padding: 2px;
    position: absolute;
    right: -1px;
    text-align: center;
    top: -15px;
}
.LoginBar .registerGroup a strong, .LoginBar .loginGroup a strong{
 display: block;
    font-size: 12px;
    font-weight: normal;
    height: 100%;
    left: -12px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    top: 6px;
    vertical-align: baseline;
    width: 100%;
 }	
.registerGroup .userMessages strong, .registerGroup .userNotifications strong{ 
	background:url("Images/userLoginSprite.png") no-repeat scroll 10px 12px rgba(0, 0, 0, 0);
}
.registerGroup .userMessages strong:hover{background-position:10px -40px;}
.registerGroup .userMessages strong:active{background-position:15px -91px;}
.registerGroup .userNotifications strong{ background-position:-89px 10px;}
.registerGroup .userNotifications strong:hover{ background-position:-89px -42px;}
.registerGroup .userNotifications strong:active{ background-position:-89px -92px;}
.LoginBar .registerGroup .userProfileImg a{ padding:0; background:none; min-width:25px;}
.LoginBar .registerGroup a img{ height:41px; width:41px; opacity:0.8;}
.LoginBar .loginGroup{ border-left:1px solid #393939;} 
.LoginBar .loginGroup a{ padding:0 15px; font-weight:normal;}

/* Language Object */
.language-object{ float:left; margin:14px 13px 0 0;}
.language-object .Language img{ width:22px; height:15px; border:none; opacity:0.8; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s;}
.language-object .Language img:hover{ opacity:1;}

/* Logo & Navigation */
header {
    background: #000;
    border-bottom: 0px solid #000;
    height: 90px;
    position: relative;
    width: 100%;
}
.Logo{ float:left; margin:20px 20px 0 20px;}
.ToggleDown{ float:right; display:inline-block; background:url(images/ToggleDown.png) no-repeat center center; width:52px; height:22px; margin-top:14px; opacity:1;}
.ToggleUp{ float:right; display:inline-block; background:url(images/ToggleUp.png) no-repeat center center; width:52px; height:22px; margin-top:14px; opacity:1;}
.ToggleNav{ display:none;}
nav{
	float:none;
	margin-top:27px;
}

/* Breadcrumb Section */
.BreadcrumbSection{ background:#f0f0f0; min-height:34px;}
.BreadcrumbLeft{ font-size:12px; float:left; padding:5px 0 0 0; font-weight:normal; color:#676767; visibility:hidden;}
.BreadcrumbRight{ float:right; padding:5px 0 0 0; color:#000;}
.BreadcrumbRight a{ font-size:12px; color:#000; font-weight:normal; padding:0 8px;}

/* Content
----------------------------------------------------------------------------- */
.Banner{
 height:auto;	
	padding:0;
	background-color:#e3e3e3;	
    margin: 0 auto;    
    position: relative;
    width: 100%;
 }
.Content{
	height:auto;
	min-height:550px;
	padding:0;
	background-color:#fff;	
    margin: 0 auto;    
    position: relative;
    width: 100%;
}
.FullContent{
background:#f8f8f8;
}
.ContentPadding{ padding:20px 0;}
.FullBgOne{
 height:auto;
	
	padding:0;
	background-color:#e3e3e3;	
    margin: 0 auto;    
    position: relative;
    width: 100%;
 }
.FullBgTwo{
 height:auto;
	
	padding:0;
	background-color:#e3e3e3;	
    margin: 0 auto;    
    position: relative;
    width: 100%;
 }
.FullBgTwo:after{
 height:auto;
	
	padding:0;
	background-color:#e3e3e3;	
    margin: 0 auto;    
    position: relative;
    width: 100%;
 }

/* Unslider */
.Unslider{ position:relative; overflow:auto; color:#ffffff; text-align:center; padding:120px 0;}
.Unslider ul li{ display:block; float:left; list-style:none;}
.Unslider ul li h3{ padding:0 0 10px 0; font-size:38px; color:#000; text-transform:uppercase;}
.Unslider ul li p{ width:680px; margin:0 auto; padding:20px 0 30px 0; font-size:15px; line-height:1.8em; color:#f1f1f1;}
.Unslider .UsButton{ display:inline-block; margin:10px 0 0 0; background:rgba(255,255,255,.1); border:1px solid #f1f1f1; border-radius:3px; padding:17px 45px; font-weight:normal; font-size:14px; text-transform:uppercase; text-decoration:none; color:#f1f1f1; transition: all 0.2s ease 0s;}
.Unslider .UsButton:hover{ border:1px solid #000; color:#000;} 
.Unslider .dots{ position:absolute; left:0; bottom:30px; right:0;}
.Unslider .dots li{ display:inline-block; border:2px solid #f1f1f1; border-radius:100%; height:10px; width:10px; margin:0 4px; opacity:0.4; text-indent:-999em; cursor:pointer; transition: background 0.5s ease 0s, opacity 0.5s ease 0s; -webkit-transition: background 0.5s ease 0s, opacity 0.5s ease 0s; -moz-transition: background 0.5s ease 0s, opacity 0.5s ease 0s;}
.Unslider .dots li.active{ background:#ffffff; opacity:1;}

/* H1 Title */
.H1Title{ position:relative; border-bottom:1px solid #e5e5e5; text-align:center; margin-top:10px;}
.H1Title:after{ position:absolute; left:47%; bottom:-2px; content:''; background:#000; height:3px; width:60px;}
.H1Title h1{ height:90px; line-height:90px; font-size:36px; color:#000; text-transform:uppercase;}

/* H4 Title */
.H4Title { border-bottom:1px solid #cfcfcf; margin-bottom:18px;}
.H4Title h4 { display:inline-block; position:relative; font-size:16px; font-weight:normal; height:30px; line-height:30px; text-transform:uppercase;}
.H4Title h4:before { position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#000; content:''; }

/* Purchase Info */
.PurchaseInfo{ margin:70px auto 0 auto; padding:0 100px; text-align:center;}
.PurchaseInfo p{ font-size:14px; color:#999999; line-height:2em;}
.PurchaseButton{ margin-top:40px;}
.PurchaseButton a{ display:inline-block; background:#000; border-radius:3px; border-bottom:3px solid #2a3f55; padding:18px 50px; font-size:18px; text-transform:uppercase; color:#ffffff; text-decoration:none; transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s;}
.PurchaseButton a:hover{ background:#444; border-bottom:3px solid #404040;}

/* Our Portfolio */
.OurPortfolio{ padding:30px 0 0;}
.OurPortfolio .TitleSection{ color:#fff; text-align:center;}
.OurPortfolio .TitleSection h1{ font-size:36px; margin-bottom:20px; text-transform:uppercase;}

#filters { margin-bottom:30px; text-align:center;}
#filters li { display:inline-block; margin:10px 10px 10px 0; padding:0; list-style:none;}
#filters li a { display:inline-block; border:1px solid #fff; border-radius:3px; height:50px; line-height:50px; padding:0 25px; font-size:16px; text-decoration:none; color:#fff; text-align:center; outline:none;}
#filters li a:hover, #filters li a.current { background:#fff; color:#000;}

#isotope { margin-left:-30px;}
#isotope li.element { position:relative; float:left; margin:0 0 30px 30px; list-style:none;}
#isotope li.element .IsotopePic { position:relative; width:262px; height:200px;}
#isotope li.element .IsotopePic img { position:relative; width:100%; height:100%;}
#isotope li.element .IsotopePic span.ThumbHover { position:absolute; left:0; top:0; background:url(images/ThumbnailHover.png) no-repeat center center rgba(0,0,0,.3); height:100%; width:100%; opacity:0; transition: all 0.3s ease-in 0s;}
#isotope li.element:hover .IsotopePic span.ThumbHover { opacity:0.7;}

/* Plan List */
.Plan{ margin:30px 0 0 0;}
.PlanBusiness{ box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.1); transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.Plan ul{ margin:0; padding:0;}
.Plan ul li{ list-style:none; text-align:center;}
.Plan .title { background:#2ECC71; color:#FFFFFF; padding:45px 0;}
.Plan .title-business{ background:#34495E;}
.Plan .title-pro{ background:#3498DB;}
.Plan .title h3 { font-size:22px; font-weight:normal;}
.Plan .price { background:#FFFFFF; padding:35px 0 20px;}
.Plan .price h1 { font-size:40px; font-weight:900; line-height:50px;}
.Plan .price h1 span { font-size:15px; font-weight:400; line-height:15px; padding:0 8px 0 0;}
.Plan .price h1 span.sub{ position:relative; top:-20px; font-size:20px; font-weight:bold; color:#555;}
.Plan .options { margin-top:0;}
.Plan .options li { background:#FFFFFF; padding:20px 0;}
.Plan .options li:nth-child(2n) { background:#F0F0F0;}
.Plan .PlanBtn{ background:#2ECC71; padding:25px 0;}
.Plan .PlanBtn-business{ background:#34495E;}
.Plan .PlanBtn-pro{ background:#3498DB;}
.Plan .PlanBtn a{ color:#fff;}
.Plan .PlanBtn a:hover{ text-decoration:none;}

/* Testimonials */
.Testimonials .slides > li{ display:none;}
.Testimonials .slides{ zoom:1;}
.slides:after{ content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.loading .flex-viewport{ max-height:300px;}
.flex-viewport{ max-height:2000px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease;}
.flex-direction-nav{ display:none; text-indent:-9999px;}
.flex-control-nav, .flex-direction-nav { margin:0; padding:0; list-style:none;}
.Testimonials{ position:relative; margin:0 auto; padding:80px 0 90px;}
.Testimonials ul{ margin:0; padding:0;}
.Testimonials ul li{ position:relative;}
.Testimonials .Icon{ margin:0 auto; width:65px; height:65px; border:2px solid #e8e8e8; border-radius:50%; text-align:center;}
.Testimonials .Icon span{ font-size:48px; line-height:67px; color:#e8e8e8;}
.Testimonials .Text{ text-align:center; color:#f8f8f8; padding:20px 100px 0;}
.Testimonials .Text p{ font-size:18px; line-height:2em;}
.Testimonials .Text p em{ display:inline-block; font-size:20px; padding-right:20px; color:#f8f8f8;}
.Testimonials .Text p em.icon-quote-right{ padding-right:0; padding-left:20px;}
.Testimonials .Date{ text-align:center; color:#f8f8f8;}
.Testimonials .Date p{ font-size:14px;}

/* Footer
----------------------------------------------------------------------------- */
.FooterContent{ background:#313131; color:#808080!important;}

.FooterPadding{ padding:30px 0 60px;}
.FooterRow{ background:#292929; border-top:1px solid #353535; height:65px; line-height:69px; color:#868686;}
.Copyright{ float:left;font-size: 12px;}
.Copyright .SkinObject{ font-weight:normal;}
.Copyright a{ margin-left:10px; color:#868686; font-size:12px; font-weight:normal;}
.Copyright a:hover{ color:#000; text-decoration:none;}
.FooterSocial{ float:right;visibility:hidden;}
.FooterSocial a{ display:inline-block; height:30px; line-height:30px; padding:0 5px; margin-left:5px; font-size:15px; color:#868686; text-decoration:none; transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s;}
.FooterSocial a:hover{ color:#000;}

/* Footer Title */
.FooterTitle{ border-bottom:1px solid #3e3e3e; margin-bottom:15px; padding-left:2px;}
.FooterTitle h4{ font-size:16px; font-weight:normal; height:45px; line-height:45px; text-transform:uppercase; color:#808080;}

/* Footer About */
.FooterAbout p{ color:#808080;}
.FooterContact{ padding:8px 0 0 3px; color:#808080;}
.FooterContact em{ display:inline-block; padding-right:8px; font-size:14px;}
.FooterAddress{ padding:0 0 8px 0;}
.FooterPhone{ padding:0 0 8px 0;}
.FooterEmail a{ color:#000; text-decoration:none;}

/* Gallery List */
.GalleryList{ padding:10px 0 0; margin:0;}
.GalleryList li{ float:left; margin:0 10px 12px 0; list-style:none; }
.GalleryList li img{ width:55px; height:55px; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s;}
.GalleryList li img:hover{ -webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); transform:scale(1.2,1.2);}

/* Features
----------------------------------------------------------------------------- */
/* Prettify */
.com { color: #93a1a1;}
.lit { color: #195f91;}
.pun, .opn, .clo { color: #93a1a1;}
.fun { color: #dc322f;}
.str, .atv { color: #D14;}
.kwd, .prettyprint .tag { color: #1e347b;}
.typ, .atn, .dec, .var { color: teal;}
.pln { color: #48484c;}
.prettyprint {padding: 8px;background-color: white;border: 1px solid #e1e1e8;}
.prettyprint.linenums {-webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;-moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;}
ol.linenums {margin: 0 0 0 33px;}
ol.linenums li {padding-left: 12px;color: #bebec5;line-height: 24px;text-shadow: 0 1px 0 #fff;}
.bs-docs-example ul, .bs-docs-example ol{ margin: 0 0 0 33px;}
.space-40 { margin-bottom: 40px !important;}
.page-header{ background:none; padding-top:0; border-bottom:1px solid #d5d5d5;}

/* Font Icons */
.fontawesome-icon-list { margin:20px 0 0 ;}
.fontawesome-icon-list li{ float:left; background:#f8f8f8; margin:0 15px 10px 0; padding:6px; width: 16em; list-style:none;}
.fontawesome-icon-list li a{ color:#444;}
.fontawesome-icon-list li a:hover{ text-decoration:none;}
.fontawesome-icon-list li a em{ display:inline-block; padding:0 10px 0 0; vertical-align:bottom; font-size:16px; color:#565656;}

/* Progress Bars */
.progress { background: none repeat scroll 0 0 #EBEBEB; border-radius: 3px; box-shadow: none; height: 14px; margin-bottom: 12px; overflow: visible;}
.progress .bar { border-radius: 3px; box-shadow: none; position: relative; text-indent: -9999px;}

/* Tabs & Toggles */
#myTab{ padding:0; margin:0;}
#myTab li{ list-style:none;}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus{ background-color:#f8f8f8;}

/* Pages
----------------------------------------------------------------------------- */
/* About Us */
.TeamMember{ position:relative; width:100%;}
.TeamPhoto{ position:relative; overflow: hidden !important;}
.TeamPhoto img{ width:100%; height:230px; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s;}
.TeamPhoto img:hover{ opacity:0.8; -webkit-transform:scale(1.8,1.8); -moz-transform:scale(1.8,1.8); transform:scale(1.8,1.8);}
.TeamDesc{ position:relative; background:#fff; color:#999; padding:15px 10px 5px;}
.TeamDesc h4{ border-bottom:1px solid #e8e8e8; font-size:18px;  line-height:25px; margin-bottom:15px; color:#676767;}
.TeamDesc h4 span{ display:block; color:#999; font-size:14px; font-weight:normal; line-height:22px; margin-top:5px; padding-bottom:10px;}
.TeamSocial{ position:absolute; right:10px; top:20px;}
.TeamSocial a{ display:inline-block; padding:0 0 0 8px; font-size:16px; color:#767676;}
.TeamSocial a:hover{ text-decoration:none; color:#000;}

.AboutUs{ padding:5px 0 20px;}
.AboutUs p{ font-size:13px; color:#989898; line-height:1.8em;}
.AboutUs p span{ float:left; font-size:66px; font-weight:500; color:#000; padding:13px 10px 15px 0;}

.OurSkills{ padding-bottom:20px;}
.OurSkills ul li{ list-style:none;}
.OurSkills ul li{ position: relative; margin-top: 30px; height: 20px; background-color: #F2F2F2; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}
.OurSkills ul li:first-child{ margin-top:10px;}
.OurSkills ul li .Progress{ position: absolute;top: 0;left: 0;height: 100%;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;overflow: visible !important;}
.OurSkills ul li .ProgressPercent{ position: absolute;top: -27px;right: 0;background-color: #555;color: #fff;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);height: 22px;line-height: 22px;padding: 0px 5px;font-size: 11px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.ProgressPercent:after, .ProgressPercent:before{ top: 100%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.ProgressPercent:after{ border-top-color: #555;border-width: 4px;left: 50%;margin-left: -4px;}
.ProgressPercent:before{ border-top-color: #555;border-width: 5px;left: 50%;margin-left: -5px;}
.OurSkills ul li span{ position: absolute;top: 0;left: 0;padding-left: 10px;height: 20px;line-height: 19px;font-size: 12px;color: #FFF;text-shadow: 1px 1px 1px rgba(0,0,0,0.1);}
.OurSkills ul li .P1{ width:80%; background:#000;}
.OurSkills ul li .P2{ width:60%; background:#000;}
.OurSkills ul li .P3{ width:90%; background:#000;}
.OurSkills ul li .P4{ width:70%; background:#000;}

/* Our Services */
.ServicesItem{ position:relative; padding:0 0 40px 66px;}
.PadNone{ padding-bottom:0;}
.ServicesItem span{ display:inline-block; position:absolute; left:0; top:5px; width:50px; height:50px; line-height:50px; border:2px solid #000; border-radius:50%; text-align:center; font-size:30px; color:#000; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s;}
.ServicesItem:hover span{ color:#444; border:2px solid #444;}
.ServicesItem img{ display:inline-block; position:absolute; left:0; top:5px; width:58px; height:58px;}
.ServicesItem h3{ margin:0 0 8px 0; font-size:22px; font-weight:300; color:#797979;}
.ServicesItem p{ font-size:12px; color:#797979;}
.ServicesText h3{ font-size:18px; margin:0 0 15px; font-weight:normal; color:#000; text-transform:uppercase;}
.ServicesText p{ color:#797979; font-size:13px; line-height:1.5em;}

/* Pricing Tables */
.PricingTables .col3{ float:left; width:33.333333%;}
.PricingTables .col4{ float:left; width:25%;}
.PricingTables .col5{ float:left; width:20%;}
.PricingList{ margin:50px 0 0 0;}
.PricingList ul{ margin:0; padding:0;}
.PricingList ul li{ list-style:none; text-align:center;}
.PricingList .title { background:#4a4a4a; color:#FFFFFF; padding:30px 0;}
.PricingList .title h3 { font-size:22px; font-weight:normal;}
.PricingList .price { background:#FFFFFF; padding:35px 0 20px;}
.PricingList .price h1 { font-size:40px; font-weight:900; line-height:50px;}
.PricingList .price h1 span { font-size:15px; font-weight:400; line-height:15px; padding:0 8px 0 0;}
.PricingList .price h1 span.sub{ position:relative; top:-20px; font-size:20px; font-weight:bold; color:#555;}
.PricingList .options { margin-top:0;}
.PricingList .options li { background:#FFFFFF; padding:20px 0;}
.PricingList .options li:nth-child(2n) { background:#F0F0F0;}
.PricingList .PricingBtn{ background:#4a4a4a; padding:20px 0;}
.PricingList .PricingBtn a{ color:#fff;}
.PricingList .PricingBtn a:hover{ text-decoration:none;}

.PricingColor .title{ background:#000;}
.PricingColor .price{ border-right:1px solid #e8e8e8; border-left:1px solid #e8e8e8;}
.PricingColor .options{ border-right:1px solid #e8e8e8; border-left:1px solid #e8e8e8;}
.PricingColor .PricingBtn{ background:#000; padding:20px 0;}

/* Testimonials */
.TestimonialsList{ margin-bottom:30px;}
.TestiContent{ position:relative; background:#f0f0f0; padding:20px; margin-bottom:25px;}
.TestiContent:after{ position:absolute; bottom:-20px; left:60px; content:""; height:0; width:0; border-bottom:20px solid transparent; border-left:22px solid #f0f0f0; border-top:0 solid transparent;}
.TestiContent p{ font-size:13px; color:#797979; padding:0; margin:0; line-height:1.8em;}
.TestiPhoto{ float:left; padding-left:10px;}
.TestiPhoto img{ width:66px; height:66px; border-radius:50%;}
.TestiName{ float:left; padding:15px 0 0 25px; color:#797979;}
.TestiName span{ color:#000;}

/* 404 Page */
.Wrapper404{ padding-top:50px; text-align:center;}
.Wrapper404 h1 { color:#cdcdcd; font-size:320px; font-weight:700; line-height:320px;}
.Wrapper404 p { color:#767676; font-size:18px; font-weight:300;}

/* Portfolio
----------------------------------------------------------------------------- */
.Portfolio{ margin-top:30px;}
#ProtfolioFilters { margin-bottom:30px; text-align:center;}
#ProtfolioFilters li { display:inline-block; margin:10px 10px 10px 0; padding:0; list-style:none;}
#ProtfolioFilters li a { display:inline-block; background:#f2f2f2; border-bottom:2px solid #e5e5e5; border-radius:3px; height:40px; line-height:38px; padding:0 22px; font-size:14px; text-decoration:none; color:#000; text-align:center; outline:none;}
#ProtfolioFilters li a:hover, #ProtfolioFilters li a.current { background:#000; border-bottom:2px solid #2a3f55; color:#ffffff; transition:background 0.3s ease 0s, border 0.3s ease 0s, color 0.3s ease 0s;}

#PortfolioIsotope { margin-left:-22px;}
#PortfolioIsotope li.element { position:relative; float:left; background:#fff; list-style:none;}
#PortfolioIsotope li.element .PorImg { position:relative;}
#PortfolioIsotope li.element .PorImg img { position:relative; width:100%; height:100%; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s;}
#PortfolioIsotope li.element .PorImg:hover{ opacity:0.8;}

#PortfolioIsotope li.col2{ width:48%; margin:0 0 40px 20px;}
#PortfolioIsotope li.col2 .PorImg{ height:350px;}
#PortfolioIsotope li.col3{ width:31.5%; margin:0 0 40px 20px;}
#PortfolioIsotope li.col3 .PorImg{ height:250px;}
#PortfolioIsotope li.col4{ width:23.2%; margin:0 0 40px 20px;}
#PortfolioIsotope li.col4 .PorImg{ height:180px;}

#PortfolioIsotope li.element .PorText { border-bottom:1px solid #e5e5e5; margin:0 8px; padding:8px 0;}
#PortfolioIsotope li.element h4 { display:inline-block; position:relative; padding:18px 0; font-size:16px; font-weight:600; color:#555;}
#PortfolioIsotope li.element h4 span { font-weight:normal;}
#PortfolioIsotope li.element h4:before { position:absolute; left:0; bottom:-9px; width:100%; height:1px; background:#000; content:'';}
#PortfolioIsotope li.element p { font-size:12px; color:#888; padding:15px 0 15px 0; margin:0 8px;}

/* Contact
----------------------------------------------------------------------------- */
.map_wrap{ background:#f8f8f8; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
.map{ width:100%; height:400px;}

.ContactDesc { font-size:12px; color:#797979;}
.ContactList p { margin:0 0 10px 0; padding:0; font-size:12px;}
.ContactList p a { color:#000; text-decoration:none; outline:none;}
p.ContactSocial a{ display:inline-block; padding:0 0 0 9px; color:#666; text-decoration:none; font-size:15px;}
p.ContactSocial a:hover{ color:#000;}

.FeedBack { font-size:12px; color:#797979;}
.FeedBack span.em { color:#ff0000;}
.FeedBack .fb_line { margin-bottom:10px;}
.FeedBack label { display:block; margin-bottom:6px;}
.FbMessage label, .FbLine label { vertical-align:top;}
.FbLine input { width:240px; height:26px; background:#fff; border:1px solid #d8d8d8; box-shadow:none; border-radius:0; font-size:12px; color:#797979;}
.FbMessage textarea { width:100%; max-width:100%; height:140px; background:#fff; padding:5px; border:1px solid #d8d8d8; box-shadow:none; border-radius:0; font-size:12px; color:#797979;}
.FbSubmit input { margin-top:20px; background:#000; border:none; border-bottom:2px solid #2a3f55; border-radius:3px; width:100px; height:38px; line-height:36px; font-size:14px; text-decoration:none; color:#ffffff; text-align:center; cursor:pointer;}

.journalrow div.journalitem {
    margin-left: 65px;
    overflow: hidden;
	font-size:14px;
}
.journalrow {
    border-bottom: 1px solid #E4E1E1;
    margin-bottom: 8px;
    padding-bottom: 5px;
}

.journalrow div.author {
    float: left;
    overflow: hidden;
	padding-top:10px;
}
.journalitem p {
    margin-bottom: -9px;
}
.journalrow div.journalitem ul.jcmt li p {
    font-size:14px;
}
.DNN_Reports_HTML_Item p, .DNN_Reports_HTML_Item ul, .DNN_Reports_HTML_Item ol {
    margin: 0;
    padding: 0 0 0;
}

.dnnFormMessage {
    background: none repeat scroll 0 0 rgba(200, 200, 200, 0.52);
    border: 1px solid #C8C8C8;
    border-radius: 3px;
    display: block;
    margin-bottom: 10px;
    max-width: 980px;
    padding: 18px;
}

.Normal, .NormalDisabled, .NormalDeleted {
    color: #000;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
}

.Subhead
{
 font-size: 16px;
    font-weight: normal;
}

.SpacingBottom{
padding-top:20px;
}

.ModDNNUserDefinedTableC .dnnLabel {
    display: block;
    float: inherit;
    margin-right: 18px;
    overflow: visible;
    padding-bottom: 5px;
    padding-left: 20px;
    position: relative;
    text-align: left;
    width: 100%;
}

.dnnFormItem input[type="text"], .dnnFormItem select, .dnnFormItem textarea, .dnnFormItem input[type="email"], .dnnFormItem input[type="search"], .dnnFormItem input[type="password"] {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C9C9C9;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8), 0 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
    color: #000;
    font-size: 14px;
    margin-bottom: 5px;
    padding: 4px 8px;
}

select, input[type="file"] {
    height: 34px;
    line-height: 30px;
}

table {
    background-color: rgba(0, 0, 0, 0);
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.dnnGridHeader th {
    background: -moz-linear-gradient(center top , #FFFFFF 0%, #F0F2F1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #C9C9C9;
    border-right: 1px solid #C9C9C9;
    padding: 6px 0 6px 12px;
	font-weight:normal;
}

.dnnGridItem:hover, .dnnGridAltItem:hover {
        background-color: #777;
		color:#eee;
    }


@media only screen and (max-width: 768px) {
/* Header
----------------------------------------------------------------------------- */
.HeaderRow{ display:block!important; height:auto; padding:0 12px;}
.HeaderSocial{ display:none;}
header{ position:relative; height:auto; min-height:66px; border-bottom:none;}
.Logo{ float:none; position:absolute; left:0; top:0; padding:0 0 0 5px;}
.ToggleDown{ display:none;}
.ToggleUp{ display:none;}
.ToggleNav{
	display:inline-block; float:left; margin: 96px 0 0 19px;
	width:75px; height:21px; background:url(images/NavIcon.png) no-repeat center center;
 }
nav{ display:none; float:none; margin:132px 0 0 0;}

/* Breadcrumb Section */
.BreadcrumbSection{ padding:0 10px;}

/* Content
----------------------------------------------------------------------------- */
.ContentPadding{ padding:10px;}

/* Unslider */
.Unslider{ padding:80px 0;}
.Unslider ul li h3{ font-size:28px;}
.Unslider ul li p{ width:400px; font-size:13px;}
.Unslider .UsButton{ padding:12px 30px; font-size:13px;}
.Unslider .dots{ bottom:20px;}

/* H1 Title */
.H1Title:after{ left:45%;}
.H1Title h1{ height:60px; line-height:60px; font-size:28px;}

/* Purchase Info */
.PurchaseInfo{ margin:50px auto 0 auto; padding:0 50px;}
.PurchaseInfo p{ font-size:13px; line-height:1.8em;}
.PurchaseButton{ margin-top:30px;}
.PurchaseButton a{ padding:14px 35px; font-size:16px;}

/* Our Portfolio */
.OurPortfolio .TitleSection h1{ font-size:28px;}
#filters li a { height:40px; line-height:40px; padding:0 20px; font-size:14px;}

/* Plan List */
.Plan{ margin:10px 0 0 0;}
.PlanBusiness{ box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; transform:none; -webkit-transform:none; -moz-transform:none;}
.Plan .title { padding:35px 0;}
.Plan .price { padding:30px 0 15px;}

/* Testimonials */
.Testimonials{ padding:60px 0 60px;}
.Testimonials .Text p{ font-size:13px; line-height:2em;}
.Testimonials .Text p em{ font-size:18px;}
.Testimonials .Name span{ font-size:12px;}

/* Footer
----------------------------------------------------------------------------- */
.FooterPadding{ padding:10px;}
.FooterRow{ padding:15px 3px; height:auto; line-height:2em;}
.Copyright{ float:none; text-align:center;}
.FooterSocial{ float:none; text-align:center;}

/* Pages
----------------------------------------------------------------------------- */
/* Pricing Tables */
.PricingBusiness{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
.PricingList .title h3 { font-size:16px; font-weight:normal;}
.PricingList .price h1 { font-size:22px;}

/* 404 Page */
.Wrapper404 h1 { font-size:180px;}
.Wrapper404 p { font-size:16px;}
}

.dnnFormItem button, .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], .dnnFormItem input[type="submit"], .dnnPrimaryAction, .dnnSecondaryAction, .dnnTertiaryAction, ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup span {
    background: none repeat scroll 0 0 #EAEAEA;
    border: 1px solid #C2C2C2;
    border-radius: 3px;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-weight: lighter;
    margin-bottom: 9px;
    min-width: 75px;
    padding: 9px;
    text-align: center;
    text-decoration: none;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 4px 6px;
    vertical-align: middle;
}
.fullwidth h3 {
    color: #0088cc;
    font-family: 'Lato',sans-serif;
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
}



.alternative-font {
    color: #0088cc;
    font-family: "Shadows Into Light",cursive;
    font-size: 1.6em;
}

a.alternative-font {
    color: #0088cc;
}

p .alternative-font {
    display: inline-block;
    margin-bottom: -6px;
    margin-top: -15px;
    position: relative;
    top: 3px;
}

.DnnModule-Banners img{
	width:100%;
	max-width:889px;
}

.LoginPanel >.dnnLabel{
	margin-right: 11px;
    overflow: visible;
    padding-right: 0;
}



.dnnFileUploadScope .dnnFormItem span, .urlControlTab .dnnFormItem > span {
    display: block;
    float: left;
    margin-top: 8px;
    padding-left: 5px;
    text-align: left;
    width: 70px;
}

.DnnModule-DNN_HTML a{
	text-decoration:underline;
}

a.dnnPrimaryAction {
    color: #FFFFFF;
	text-decoration:none;
}

.dnnLoginService .dnnLabel {
    display: inline-block;
    float: left;
    position: relative;
    width: 32.075%;
    padding-right: 0px;
    margin-right: 12px;
    overflow: visible;
    text-align: right;
}


.Subhead {
    font-size: 16px;
    font-weight: bold;
}