@import url(bootstrap/css/bootstrap.css);
@import url(css/all.css);
@import url(css/tablet.css);
@import url(css/mobile.css);
@import url(css/fancybox.css);
@import url(css/unoslider.css);
@import url(css/module.css);
@import url(css/baseskin.css);

/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2013 By BESTDNNSKINS.COM
 */
/*--------- Global CSS Reset & Standards ----------*/
Body { margin:0;padding:0; background:#ffffff;  }
#Body{ background:#fff;color:#505354; }

html,body{ margin:0; padding:0; height:100%; font:normal 12px/1.5 'kelson_sansregular',Arial, Tahoma, sans-serif; color:#505354;}
form#Form{ height:100%; }
p{ margin:0 0 8px 0; }
ol, ul {list-style: none; margin: 0px;}
ol li { list-style-type: decimal;}
li,ul li{ list-style:disc; }
a{outline:0;border:0;}
img{border:0;}
.float-left { float:left; padding:0 18px 18px 0;}
.float-right { float:right; padding:0 0 18px 18px;}
.font13 { font-size:13px; line-height:1.5em;}
.font14 { font-size:14px; line-height:1.5em;}
.font15 { font-size:15px; line-height:1.5em;}


@font-face {
    font-family: 'kelson_sansregular' !important;
    src: url('font/kelson_sans_regular-webfont.eot');
    src: url('font/kelson_sans_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/kelson_sans_regular-webfont.woff') format('woff'),
         url('font/kelson_sans_regular-webfont.ttf') format('truetype'),
         url('font/kelson_sans_regular-webfont.svg#kelson_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'code_boldregular' !important;
    src: url('font/code_bold-webfont.eot');
    src: url('font/code_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/code_bold-webfont.woff') format('woff'),
         url('font/code_bold-webfont.ttf') format('truetype'),
         url('font/code_bold-webfont.svg#code_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*a:link { color :#2AAD89; text-decoration : none; }
a:visited { color :#2AAD89; text-decoration : none; }
a:hover { color :#000000; text-decoration : none; }
a:active { color :#2AAD89; text-decoration : none; }*/

a.greylink:link { color :#688E94; text-decoration : none; }
a.greylink:visited { color :#688E94; text-decoration : none; }
a.greylink:hover { color :#000000; text-decoration : none; }
a.greylink:active { color :#688E94; text-decoration : none; }
a.arrowlink {font-size:14px; font-weight:bold; }

.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clearfix:before, .clearfix:after, .container_12:before, .container_12:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;}
.clearfix:after, .container_12:after {clear: both;}

#twitt .top_menu.customisable-border{ border-bottom: 1px solid #000; }
----------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6{
    font-family: 'kelson_sansregular', sans-serif !important;
    font-weight: 400;
    color: #022c5d;
    text-transform: none;
}

h1{
    font-size: 22px;
    line-height: 33px;
    margin-bottom: 20px; 
}

h2{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 16px; 
}

h3{
    font-size: 26px;
    line-height: 27px;
    margin-bottom: 12px; 
	 font-family: 'kelson_sansregular', sans-serif !important;
	 font-weight: normal;
}

h4{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px; 
}

h5{
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 5px; 
}

h6{
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 5px; 
}
.Head{ font-weight:bold; font-size:15px; }
.SubHead { font-weight:bold;  font-size:14px; }
.SubSubHead{ font-size:13px; }
.Normal { font-size:13px; line-height:1.5em; }

.clearafter:after{ clear:both; content:"."; height:0px; font-size:0px; visibility:hidden; display:block; }
.clearafter{ display:inline-block; }
.clearafter{ display:block; }
.clear{ clear:both; }
.clear_float{ clear:both;line-height:0;font-size:0;}

.top_menu{ font-family: 'kelson_sansregular'; width:229px; padding:0;margin:9px 0 0 0; float:left;}
.top_menu ul{ list-style:none; margin:0px; padding:0px;}
.top_menu ul li{ display:inline;color:#fff; padding:0 0px;}
.top_menu ul li a{ color:#fff; text-decoration:none; font-size:14px;}
.top_menu ul li a:hover{ color:#fff; text-decoration:underline;}
.top_menu span{ color:#fff; width:2px; padding:0 7px;}

/*--------- Login style ----------*/
.User, A.User:link, A.User:visited, A.User:active{  background:none; padding:0 2px; font-size:12px; color:#FFF; text-decoration:none; }
A.User:hover { color:#DFDFDF; text-decoration:none; }

.skin_header .logo{ float:left; margin:20px 0;}
.skin_header .top_menu{ font-family: 'kelson_sansregular'; float:right; width:419px; padding:0; height:44px; background:#011b3a; margin:29px 0;}
.skin_header .top_menu ul{ list-style:none; margin:0px; padding:0px;}
.nav_box{margin-top:35px;}

#skin_nav { float:right; padding:0px; position:relative; z-index:920; }

/*--------- MegaMenu style ----------*/
#megaMenu { position:relative; margin:0 auto; font-family: 'kelson_sansregular';background:#011b3a; }
#megaMenu ul { list-style:none; margin:0; padding:0;}
#megaMenu li{ position:relative; display:block; float:left; margin-right:0px; list-style-type:none; z-index:920;}


#megaMenu .root > li { /*background:#3A3A3A;*/}
#megaMenu .root li a
{margin-left: 0px; -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; background:#fff; display:block; position:relative; float:none; z-index:10; cursor:pointer; text-decoration:none;}

#megaMenu .root li:hover a, 
#megaMenu .root li a:hover 
{ -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; background:#dfdfdf; text-decoration:none; -moz-transition:background 0.4s ease;  -webkit-transition:background 0.3s ease-in; transition:background 0.4s ease;}

#megaMenu .root li.selected a,
#megaMenu .root li.rmHover a, 
#megaMenu .root li.breadcrumb a 
{ -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; background:#F1081F; text-decoration:none; -moz-transition:background 0.4s ease;  -webkit-transition:background 0.3s ease-in; transition:background 0.4s ease;}

/* .red_btn_large{ background:#F1081F; padding:7px 34px; color:#fff; text-decoration:none; -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; font-size:21px;}
.red_btn_large:hover{ background:#042C5C; text-decoration:none; color:#fff;} was E51837
*/

#megaMenu .root li a span { display:block; padding:0 15px; height:40px; line-height:40px; color:#000; white-space:nowrap; font-size:17px; font-weight:normal; text-shadow:none; text-transform:capitalize;}
#megaMenu .root li.selected a span, 
#megaMenu .root li.rmHover a span, 
#megaMenu .root li.breadcrumb a span
{ color:#fff;}

#megaMenu .root li:hover a span, 
#megaMenu .root li a:hover span { color:#000;}





/*-- submenu --*/
#megaMenu .category { display:none; position:absolute; left:0; top:auto; z-index:1210; width:377px; padding:8px 0;background:#fff;border:1px solid #ccc; }
.category li.child-1, .category li.child-2, .category li.child-3, .category li.child-4, .category li.child-5 {  }
#megaMenu ul li:hover ul{ visibility: visible;}
#megaMenu .root li.rmHover .category { display:block;}
#megaMenu .category ul{ margin:0; padding:0; position:relative; z-index:1200;}
#megaMenu .category li{ width:185px; padding:0;}
#megaMenu .category li.item a{ border:none; padding:0 10px; background:url(../images/mega_sub_bottom.png) no-repeat left bottom; }
#megaMenu .category li.item a span{ display:block; background:none; font-size:15px; color:#3b3d3e; font-weight:normal; height:auto; white-space:normal; height:auto; line-height:1.5em; padding:12px 0 5px 0; text-shadow:none; text-transform:none;}
#megaMenu .category li.item a:hover span { background:none; color:#2666b2; cursor:pointer;}
#megaMenu .category li.selected > a span { color:#3A3A3A;}

#megaMenu ul li ul li ul{ position: relative; padding:0; width:auto; border:none; background:none;}
#megaMenu .leaf li{ clear:both;float:none; width:150px; padding:0 10px;}
#megaMenu .leaf li.item a{ text-transform: none; padding:0 0 0 6px; background:url(../images/right.gif) left 14px no-repeat; border-bottom:none;}
#megaMenu .leaf li.item a span{ display:block; background:none; font-size:12px; color:#555555; font-weight:normal; height:auto; line-height:1.5em; padding:8px 0 8px 0; text-transform:none;}


#megaMenu .leaf li.selected > a span { color:#3A3A3A; cursor:pointer;}
#megaMenu .leaf li li{ clear:both;float:none; width:130px;}

#megaMenu ul li ul li ul li a{ color:#555555; text-transform: none; font-size:12px; padding:8px 0 8px 5px; line-height:1em; background:url(../images/right.gif) left 12px no-repeat; border-bottom:none;}
#megaMenu ul li ul li ul li a:hover{ background:url(../images/right.gif) left 12px no-repeat; text-decoration:underline;}

#megaMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#megaMenu img.rootIcon {max-height:30px; margin-right: 6px; vertical-align: middle;}

.child-4 .category{left:-274px!important;}
.child-2 .category{left:-86px!important;}


.content_wrapper{width:100%; overflow:hidden; margin:20px 0;}

.container_home {/*float: left;*/margin:20px auto;max-width: 980px;overflow:hidden; }

.container_home li 
{
    width: 19.6%;
	 display: inline;
    float: left;
	margin:0 4px 0 0;
}

figure.expertise {
    float: left;
    position: relative;
    text-align: center;
}
.expertise figcaption {
    float: left;
    overflow: hidden;
    position: absolute;
    top:185px;
    transition: all 0.2s ease 0s;
    width: 100%;
	background:#222222;
    font-family: 'code_boldregular';
	font-size:21px;
	color:#fff;
	padding:10px 0;
}
.expertise figcaption a { color:#fff;}
.caption-title {
    float: left;
    overflow: hidden;
    transition: all 0.2s ease 0s;
    width: 99%;
    font-family: 'code_boldregular';
	font-size:17px;
	color:#fff;
	padding:10px 0;
	letter-spacing:2px;
	text-align:center;
}
.home_text{float:left; width:39%; padding:0 0 0 10px;}
div.demolayout {
    float: right;
    margin: 0px 0 0 25px;
    width: 57.2%;
}

@media screen and (min-width:0\0) {
}

.top_wrapper{width:100%; background:#011b3a; overflow:hidden; height:40px;}
.top_wrap{margin-top:94px;}
.top_wrap_home{margin-top:112px;}
/*.wrapper{ width:980px; margin:0 auto;}*/

.news_wrapper{width:100%;overflow:hidden; color:#022c5d; padding:20px 0;}
.bg_blue{background:#e1e6ec;}
.bg_gray{ background: url(images/grey-bg.jpg) repeat-x fixed center center ;}


.bg_gray_ourProject{ background: url(images/a1.jpg) repeat-x fixed center center ; } 

.bg_darkblue{background:#022C5E;}

.map_sec{ float:left; /*width:333px;*/ margin:20px 0;}
.map_sec .title{ border-bottom:1px solid #022c5d; font-size:25px;padding:0 0 14px 0; margin:0 0 15px 0; color:#022c5d;}

.news_sec{ float:left; width:97%;margin:20px 0 10ppx 0;padding:0 10px; margin-bottom:12px;}
.news_sec .title{ border-bottom:1px solid #022c5d; font-size:25px;padding:0 0 6px 0; margin:0 0 15px 0; color:#022c5d;}
.news_sec .title span{padding:0 0 0 0; margin:0 15px;}
.news_sec p{ font-size:13px; margin:0 16px;}
.news_sec p .news_title{font-size:17px; color:#022c5d; font-weight:normal;margin:0 0 13px 0; /*width:290px;*/ float:left;}
.news_sec .seprator{width:100%; background:#000; height:1px; margin:10px 0 0 0px;float:left; }
.newsummery{float:left; width:100%; padding:10px 0;}
.newstitle a {
 font-size: 17px;
color: #000;
font-weight: normal;
margin: 0;
width: 100%;
float: left;
 text-decoration: none;
 }
  .titlebreaknews{ border-bottom:1px solid #022c5d; font-size:25px;padding:0 0 7px 0; margin:10px 0 0px 0; color:#022c5d;}
 
 #dnn_ctr634_ViewEasyDNNNewsMain_lblDemoTrial { display:none; } 


.twitter_sec{ float:none; /*width:540px;*/ margin:20px auto;}
.twitter_sec .title{ border-bottom:1px solid #022c5d; font-size:25px;padding:0 0 5px 0; margin:0 0 15px 0; color:#022c5d;}
.twitter_sec .title span{padding:0 0 0 0; margin:0 15px;}
.twitter_sec p{ font-size:13px; margin:0 7px;}
.twitter_sec p .news_title{font-size:17px; color:#022c5d; font-weight:normal;margin:0 0 13px 0; width:258px; float:left;}
.twitter_sec .seprator{ width:258px; background:#000; height:1px; margin:10px 7px;}


.footer_wrapper{width:100%; background:#01142a; overflow:hidden;}

#footer {
    clear: both;
    color: #FFFFFF;
    float: left;
    margin: 21px 0;
    padding:0;
    position: static;
    text-align: left;
	width:100%;
}
.connect {
    float: left;
    height: 58px;
    margin-left: 0;
    margin-top: 87px;
    padding: 0 0 0 0;
    width: 215px;
}
.connect ul li { padding:0px!important; margin:0px; display:inline; float:none!important; clear:none!important; margin:0 1px;}


.connect ul li a.linkedin, a.youtube, a.twitter, a.facebook, a.gplus {
    background: url(images/socialmedia.png) no-repeat scroll 0 0 ;
}
a.facebook {
   float:left;
 width:34px;
 height:38px;
}
a.facebook:hover{ background-position:0 -41px;}
a.twitter {
 float:left;
 width:34px;
 height:38px;
 background-position:-36px 0px;
}
a.twitter:hover{ background-position:-36px -41px;}
a.linkedin {
    float:left;
 width:34px;
 height:38px;
 background-position:-72px 0px!important;
}
a.linkedin:hover{ background-position:-72px -41px!important;}
a.gplus {
    float:left;
 width:34px;
 height:38px;
 background-position:-108px 0px;
}
a.gplus:hover{ background-position:-108px -41px;}
a.youtube {
    float:left;
 width:34px;
 height:38px;
 background-position:-145px 0px;
}
a.youtube:hover{ background-position:-145px -41px;}

.whoweare-bg {
    height: 100px;
    margin: 11px;
    width: 207px;
}
.footer-head {
    background: none repeat scroll 0 0  !important;
    color: #fff;
    font-size: 19px!important;
    font-weight: normal;
    line-height: 19px !important;
    padding: 6px 0 0 0!important;
	margin-bottom:10px;
}
.footer-head1 {
    background: none repeat scroll 0 0  !important;
    color: #fff;
    font-size: 19px!important;
    font-weight: normal;
    line-height: 19px !important;
    padding: 0;
}
.bottomlinks {
    color: #fff;
    float: left;
    font-size: 17px;
    font-weight: normal;
    height: 245px;
    margin-left: 0;
    margin-top: 0;
    overflow: hidden;
    padding: 0 0 0 20px;
    width: 190px;
}
.bottomlinks ul li {
    line-height: 15px;
    padding: 0 0 3px 10px;
	clear: both;
	float:left;
    list-style: none;
}
.bottomlinks ul li a {
    color: #fff;
    text-decoration: none;
}
.bottomlinks ul li a:hover {
    color: #fff;
    text-decoration: none;
}

.bottomlinks1 {
    color: #fff;
    float: left;
    font-size: 17px;
    font-weight: normal;
    height: 245px;
    margin-left: 0;
    margin-top: 0;
    overflow: hidden;
    padding: 0 21px 0 13px;
    width: 237px;
    
}
.bottomlinks1 ul li {
    line-height: 21px;
    padding: 0 0 3px 0;
	clear: both;
    list-style: none;
}
.bottomlinks1 ul li a {
    color: #364463;
    text-decoration: none;
}
.bottomlinks1 ul li a:hover {
    color: #668CB1;
    text-decoration: none;
}
.bottomlinks2 {
    color: #fff;
    float: left;
    font-size: 17px;
    font-weight: normal;
    height: 245px;
    margin-left: 0;
    margin-top: 0;
    overflow: hidden;
    padding: 0 21px 0 13px;
    width: 237px;
}
.bottomlinks2 ul li {
    line-height: 21px;
    padding: 0 0 3px 25px;
	clear: both;
    list-style: none;
}
.bottomlinks2 ul li a {
    color: #fff;
    text-decoration: none;
}
.bottomlinks2 ul li a:hover {
    color: #fff;
    text-decoration: none;
}

.footer-learn-more {
    border: 0 solid #364463;
    color: #364463;
    float: left;
    font-size: 11px;
    font-weight: normal;
    margin: 0 0 0 10px;
    padding: 0;
    text-align: left;
    text-decoration: underline;
    width: 90px;
}
.footer-learn-more a {
    color: #364463;
    text-decoration: none;
}
.footer-learn-more a:hover {
    color: #668CB1;
    text-decoration: none;
}
#brand-box {
    background-color: #FFFFFF;
    display: inline-block;
    float: left;
    text-align: center;
    width: 219px;
}
#brand-box ul li {
    color: #364463;
    float: left;
    font-size: 17px;
    font-style: normal;
    font-weight: bold;
    height: 55px;
    margin-bottom: 0;
    margin-left: 5px;
    overflow: hidden;
    padding: 0;
    text-transform: none;
    width: 106px;
}
.footerlinks {
    border-top: 2px solid #668CB1;
    color: #364463;
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin-left: 0;
    margin-top: 5px;
    padding: 7px 7px 0;
    width: 935px;
}
.footerlinks ul li {
    border-left: 1px solid #364463;
    display: inline;
    line-height: 15px;
    margin: 0;
    padding: 0 10px;
}
.footerlinks ul li a {
    color: #364463;
    text-decoration: none;
}
.footerlinks ul li a:hover {
    color: #668CB1;
    text-decoration: none;
}

.link{ background:url(images/links.png) no-repeat 0 0; width:29px; height:24px; float:left; padding-right:10px;}
.office{ background:url(images/office.png) no-repeat 0 0; width:25px; height:24px; float:left;padding-right:10px;}
.touch{ background:url(images/touch.png) no-repeat 0 0; width:31px; height:21px; float:left;padding-right:10px;}
.mobile_footer{ background:url(images/mobile-footer.png) no-repeat 0 0; height:23px; float:left;padding-right:10px;}
.mail{ background:url(images/mail.png) no-repeat 0 7px; float:left;padding-right:10px;}

.connect1 {
    float: left;
    height: 245;
    margin-left: 0;
    margin-top: 0;
    padding: 0 0 0 35px;
    width: 192px;
}
.connect1 span{float: left; margin-top:49px;}
.footerlink_wrapper{width:100%; background:#021933; overflow:hidden;}
.footer_links{ padding:13px 0 13px 25px; color:#fff; font-size:15px;}
.footer_links a{ color:#fff;}


			
h1 span {font-size: 12px;}
h1 span a {color: #D45227; text-decoration: none;}
h1 span a:hover, h1 span a:focus {text-decoration: underline;}




.slider_wrapper{width:100%; /*background:#fff*/; overflow:hidden; position: relative;}
#ca-container h3{ float:left; padding-left:10px;}
.client_ist{ float:left; margin:0 0 0 0px;}

#dnn_map_sec
{
    float: left;
    width: 32%; margin:15px 0;
}
#dnn_news_sec
{
    float: left;
    width: 61%;
    margin: 15px 20px;
}
#dnn_twitter_sec
{
    float: left;
    width: 31%;
    margin:15px 0;
}
#dnn_FooterGridA { float: left;width: 21%;margin: 0px;}
#dnn_FooterGridB { float: left;width: 29%;margin: 0px;}
#dnn_FooterGridC { float: left;width: 25%;margin: 0px;}
#dnn_FooterGridD { float: left;width: 25%;margin: 0px;}

.slider_wrapper h3{margin:20px 0;}
.client_ist h3{margin:35px 0 10px 0;}
/*---twitter--*/
#tab1{ direction:block !important;}

.ca-nav{
	float: right;
    height: 34px;
    width:83px;
}
.ca-nav span{
	width:31px;
	height:38px;
	background:url(../images/arrows.png) no-repeat top left;
/*		position:absolute;
top:20%;
	margin-top:-19px;
	left:-40px;*/
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
	float:left;
}
.ca-nav span.ca-nav-next{
	background-position:top right;
	left:auto;
	right:-40px;
}
.ca-nav span:hover{
	opacity:1.0;
}

.inner_left{ width:64.7%; float:left;}
.inner_right{ width:30%;float:right;}

.common_ul
{
	margin-left:40px;
}
/*Ad-Pro Module Page CSS */
figure.video{margin:0 15px 10px 0; float:left;}
.adpro_container{ float:left; border-bottom:1px solid #cecece; margin:0 0 20px 0;}
.adpro_img_left{margin:0 15px 10px 0; float:left;}
.adpro_img_right{margin:0 15px 10px 0; float:right;}





.price-md-4{ width:33%;float:left; margin:0; }
.prices-box{padding: 30px 0;}
.col-md-12{width: 100%;}
.price-container {
    color: #FFFFFF;
    margin:0;
    padding:50px 10px 25px 10px;text-align:center;
}
.price {
    font-size: 72px; font-weight:bold;
}
.list-group-services {
    padding:0 0 30px 0;overflow:hidden;
}
.list-group-services li {
    border-bottom: 1px solid #255793;
    display: block;
    padding: 10px 0px;
	margin:0; width:100%;text-align:center;color:#fff; font-weight: normal;font-size:15px;
}
.blue{background:#2e65a7; overflow:hidden; margin-top:10px;}
.blue1{background:#174071; overflow:hidden;padding-bottom:60px;}
.list-group-services.blue1bdr li {border-bottom: 1px solid #123866;}
.blue2{background:#011b3a; overflow:hidden; margin-top:10px;}
.list-group-services.blue2bdr li {border-bottom: 1px solid #011328;}

.prices-box h5{ text-transform:uppercase; font-size:21px; color:#fff; text-align:center;font-weight: normal;}
.price-container p{color: #FFFFFF; font-size:17px; margin-top:10px; }
.prices-box .price_btn{margin: 10px auto;width:143px;}
.prices-box .price_btn a{
    background:#011b3a;
    color: #fff;
    padding: 9px 25px;
    transition: all 0.3s ease-out 0s;font-size:17px;text-transform:uppercase;
}
.prices-box .price_btn a:hover{
    background:#f1081f;
    transition: all 0.3s ease-out 0s;
	text-decoration:none;
}
.prices-box .price_btn a.active{
    background:#f1081f;
    transition: all 0.3s ease-out 0s;
}
.price sup{font-family:'Open Sans',sans-serif; font-size:21px; top:-33px; font-weight:lighter; margin-left:7px;}

/* SearachBox */


/*------------------------------------------------*/
/* IMAGE STYLES */
/*------------------------------------------------*/
img {
    border: 0;
}

/* Image Align Left 
    -------------------------------------*/
.imgLeft {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}

/* Image Align Right 
    -------------------------------------*/
.imgRight {
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
}

/* Image with border 
    -------------------------------------*/
.imgBorder {
    border: solid 3px #fff;
}

/* Polaroid Image Style 
    -------------------------------------*/
.imgPolaroid {
    color: #a6a6a6;
    font-size: 12px;
    text-align: left;
    padding: 13px 13px 17px 13px;
    background-color: #fff;
    box-shadow: 0 1px 2px #ccc;
}

    .imgPolaroid img {
        margin-bottom: 12px;
    }

/*------------------------------------------------*/
/* lIST STYLE */
/*------------------------------------------------*/


/* Ordered List */
ol li {
    list-style-type: decimal;
    margin-bottom: 8px;
    vertical-align: top;
}

ol ol {
    margin-top: 8px;
    margin-left: 30px;
}

    ol ol li {
        list-style-type: lower-roman;
    }

    ol ol ol li {
        list-style-type: lower-alpha;
    }

ol ul li {
    list-style-type: lower-roman;
}

/*------------------------------------------------*/
/* TABLE STYLE */
/*------------------------------------------------*/

/* Default Table Style */
table.tableDefault {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent;
}

    table.tableDefault th,
    table.tableDefault td {
        font-size: 12px;
        padding: 8px;
    }

    table.tableDefault th {
        font-weight: bold;
        text-align: left;
        border-bottom: solid 2px #aaa;
        background-color: #d7d7d7;
    }

    table.tableDefault td {
        border-bottom: solid 1px #d9d9d9;
    }

    table.tableDefault tr:nth-child(odd) {
        background: #transparent;
    }

    table.tableDefault tr:nth-child(even) {
        background: #e3e4e6;
    }

.tableDefault tbody tr:hover td {
    color: #111;
}
/* Support Pages CSS */

p{margin:0 0 10px 0; font-size:14px;}

.area_bg{background:#f2f1f1; font-size:14px;}
.area_title_bg{background:#ebe8e8; padding:5px;}
.area_bg td{ padding:5px; vertical-align:top;}

.bronze_bg{background:#ebebeb; font-size:14px;}
.bronze_title_bg{background:#dbdbdb; padding:5px;}
.bronze_bg td{ padding:5px; vertical-align:top;}

.notes_bg{background:#ebebeb; font-size:14px;}
.notes_title_bg{background:#dbdbdb; padding:5px;}
.notes_bg td{ padding:5px; vertical-align:top;}
.support_titile{ font-size:17px; font-weight:lighter;}
.support_titile1{ font-size:15px; font-weight:lighter;}

.block_bg{background:#ebebeb; font-size:14px;}
.block_title_bg{background:#dbdbdb; padding:2px;}
.block_bg td{ padding:2px; vertical-align:top;font-size:14px;}
.assit td{ padding:2px; vertical-align:top;font-size:14px;}

.tblGenFixed table {  border-collapse: separate;border-spacing: 2px;}

.menuleft { color:#fff;}
.menuleft span a { color:#fff !important;}

.logo_style{ float:left; margin:0 0;transition: all 0.3s ease-out 0s;}

.fixed {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
 transition:all 0.5s ease-out 0s;
}
.fixed .logo_style{margin:0;transition:all 0.3s ease-out 0s; }
.fixed .logo_style img{margin:0; width:185px;height:50px;}
.fixed nav div.nav_box{margin:5px 0;transition:all 0.5s ease-out 0s;}
.header_wrapper{background:#fff; }
.logo_style img{transition: all 0.5s ease-out 0s; width:383px; height:111px;}
.header_wrapper {
    animation: 0.5s ease 0s normal none 1 ;box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
}
.header_wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    left: 0;
    position: fixed;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 999;
}
/*.fixed {
    position: fixed;
}
.fixed {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}
.fixed .logo, .fixed .menu{margin:0;-webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;}

.fixed .nav_box { margin-top:13px;-webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;}

.fixed .logo_style {
    float: left;
    margin: 5px 0;
    padding: 0;
	width:185px;
	-webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}*/
<!-- Portfolio -->

.portfolioFilter {
    text-align: center;
    margin-bottom: 10px;
}

.portfolioFilter a { 
    margin:0 5px 0 0; 
	color:#666;
	text-decoration:none;
	background:#4C4C67;
	padding:6px 13px ;
	color:#fff;
}
.portfolioFilter a:hover { 
    font-weight:normal;background:#FF0000;color:#fff;
}

.portfolioFilter a.current { 
    font-weight:normal;background:#FF0000;color:#fff;
}



.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
.isotope {
    transition-property: height, width;
}


.port .image-extras:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
/*.port .image-extras {
    background: -moz-linear-gradient(center top , #FFAF69 0%, #FF7701 100%);
}
*/.port .image-extras {
    background:#021933 ;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transform: translateX(-100%);
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}

.port .image-extras .image-extras-content {
    display: inline-block;
    height: auto;
    vertical-align: middle;
    width: 90%;
}
.port .image-extras {
    text-align: center;
}


.port .image-extras .image-extras-content .icon, .port .image-extras .image-extras-content .icon img {
    display: inline-block;
    height: 36px;
    text-indent: -10000px;
    vertical-align: top;
    width: 35px;
}
.port .image-extras .port .image-extras-content .icon {
    display: inline;
}
.port .image-extras .image-extras-content h3, .port .image-extras .image-extras-content h2, .port .image-extras .image-extras-content a {
   color: #fff !important;
    font-size: 19px !important;
    margin: 10px 0 0 !important;
}
.port .image-extras .link-icon {
    background: url(images/link-ico.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.port .image-extras .image-extras-content .icon, .port .image-extras .image-extras-content .icon img {
    display: inline-block;
    height: 36px;
    text-indent: -10000px;
    vertical-align: top;
    width: 35px;
}
.port .image-extras .port .image-extras-content .icon {
    display: inline;
}
.port .image-extras .image-extras-content h3, .port .image-extras .image-extras-content h2, .port .image-extras .image-extras-content a {
     color: #fff !important;
    font-size: 19px !important;
    margin: 10px 0 0 !important;
}
.port .image-extras .gallery-icon {
    background: url(images/dow_icon.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.port .image-extras .image-extras-content h3, .port .image-extras .image-extras-content h2, .port .image-extras .image-extras-content a {
    color: #fff !important;
    font-size: 19px !important;
    margin: 10px 0 0 !important;
}
.port .image-extras .image-extras-content p{
    color: #fff !important;

}

.port:hover .image-extras {
    opacity: 0.8;
    transform: translateX(0%);
}
.port {
    overflow: hidden;
    position: relative;
    z-index: 1;
	width:310px;
	height:200px;
	float:left;
	margin:0 10px 10px 0;
}

.portfolioFilter {
    margin:0 0 30px;
    text-align: center;
}
.EDN_article_content span { font-size:14px;}
.cawrapper_main{width: 100%; text-align: center; margin: 0px auto 40px; overflow:hidden;}
.ca_wrapper{width:981px;margin: 0px auto; padding:10px 0;overflow:hidden;}
.client_list{ margin:0 7px 15px 8px; width:219px; float:left;text-align:center; background:#fff; padding:10px 5px;}
.client_list:hover{opacity:0.7;box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);transition: all 0.5s ease 0s;}
.client_list1{ margin:0 7px 15px 8px; width:171px; float:left;text-align:center; background:#fff; padding:5px;}
.client_list1:hover{opacity:0.7;box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);transition: all 0.5s ease 0s;}

.products{overflow:hidden; margin:15px 0;}
.products .btn_center{margin-bottom:20px;}
.h20{clear:both; height:20px;}

.atlwdg-trigger.atlwdg-RIGHT { z-index:1;} 

.jm-item {
    padding: 0;
    display: inline-block;
    text-align: left;
}
.jm-item-wrapper {
	position: relative;
	padding: 0;
	background: #E8D7B6;
}
.jm-item-image {
	position: relative;
    overflow: hidden;
}
.jm-item-image img {
	display: block;
	
}
.jm-item-title {
   background-color: rgba(0, 0, 0, 0.87);
    bottom: 12px;
    color: #FFFFFF;
    font-family: 'code_boldregular';
    font-size: 19px;
    font-weight: normal;
    height: 56px;
    letter-spacing: 2px;
    line-height: 23px;
    margin: 0 0 -12px;
    padding: 10px 0 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.jm-item-overlay {
	background: #000;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transition: opacity 0.5s ease-in 0s;
	-moz-transition: opacity 0.5s ease-in 0s;
	-o-transition: opacity 0.5s ease-in 0s;
	transition: opacity 0.5s ease-in 0s;
}
.jm-item-wrapper:hover .jm-item-overlay {
	opacity: 0.3;
}
.jm-item-button {
	height: 50px;
	width: 50px;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -25px;
}
.jm-item-button a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #FF6B0E;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    color: #FFFFFF;
    font-size: 1.2em;
    line-height: 50px;
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
    text-decoration: none !important;
    display: block;
}
.jm-item-button a:hover {
	background: #3b3b3b;	
}
.second .jm-item-wrapper .jm-item-title {
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}
.second .jm-item-wrapper:hover .jm-item-title {
	/*left: -100%;*/
	display:none;
}
.second .jm-item-description {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	background-color: rgba(0, 0, 0, 0.87);
	color: #fff;
	top: 100%;
	-webkit-transition: all 0.5s ease-in 0s;
	-moz-transition: all 0.5s ease-in 0s;
	-o-transition: all 0.5s ease-in 0s;
	transition: all 0.5s ease-in 0s;
}
.second .jm-item-wrapper:hover .jm-item-description {
	top: 0;
}
#contactUsLnk { margin-left:18px;}

.btn_left{ float:left; clear:both;}

.left-list{ float:left; margin:0 0 0 40px; width:58%;}
.left-margin{ margin:0 0 20px 40px;}


.user, .tweet, .timePosted {
  float:left;
}

.user {
  width:25%;
}

.tweet {
  width:50%;
}

.timePosted {
  width:15%;
}

.user {
  clear:left;
}

.user a {
 width: 100px;
}

.user span span {
  width:100px;
  display:block;
  margin-top:10px;
}

.user img, .user a > span {
  float:left;
}

.interact {
  float:left;
  width:10%;
  margin-top:-7px;
}

.interact a {
  margin-left:5px;
  float:left;
}

.user a > span {
  margin-left:10px;
}

#linkage {
  position:fixed;
  top:0px;
  right:0px;
  background-color:#3d3d3d;
  color:#ffffff;
  text-decoration:none;
  padding:5px;
  width:10%;
  font-family:arial;
}
/*Twitter Design*/
#example2 ul{ list-style:none; padding:0; margin:0;}
#example2 ul li{ border:solid 1px #a9a9a9; background:#fff; margin:0 0 10px 0; display:block; padding:8px; overflow:hidden; clear:both; position:relative;}
#example2 .user, #example2 .tweet, #example2 .timePosted, #example2 .interact{ width:88%; overflow: hidden;}
#example2 .tweet, #example2 .interact{ /* width:auto; */ /* float:none; */}
#example2 .user a > span, #example2 .user span span{ margin:0;}
#example2 .user img, #example2 .user a > span{ margin-right:10px;}

#example2 .user { float: left; position: absolute;}
#example2 .tweet { margin-left: 58px;margin-top: 20px;}
 #example2 .interact{ margin-left:53px;}
 
/*Sub menu Design*/
.top_wrapper #standardMenu .rootMenu{ margin:14px 0 0 0;}
.top_wrapper #standardMenu .rootMenu li{ padding:0 5px 0 0; border-right:solid 1px #fff; margin:0 4px 0 0;}
.top_wrapper #standardMenu .rootMenu li.last{ border:none; padding:0; margin:0;}
.top_wrapper #standardMenu .rootMenu li a span{ font-size:12px; color:#fff; padding:0; height:auto; line-height:13px;}
.top_wrapper #standardMenu .rootMenu li a:hover, .top_wrapper #standardMenu .rootMenu li a:hover span, .top_wrapper #standardMenu .rootMenu li.breadcrumb a, .top_wrapper #standardMenu .rootMenu li.breadcrumb a span{ color:#fff; background:none !important;}
.top_wrapper #standardMenu .rootMenu li a:hover{ text-decoration:underline;}
.top_wrapper #standardMenu .rootMenu li.selected a, .top_wrapper #standardMenu .rootMenu li.selected a span{ background:none; color:#F1081F;}

.showControlBar .header_wrapper{ top:54px;}
/*.showControlBar .logo_style img{ width:300px;}*/
.showControlBar .fixed .logo_style img, .fixed .logo_style img{ width:auto; max-width:100%;}
.showControlBar .top_wrap_home{ margin-top:162px;}
.logo_style{ padding:13px 0;}
.logo_style img{ width:auto; height:86px;}
.fixed .logo_style{ padding:0;}

/*AD pro Design*/
.adpro-table{border:solid 1px #a6a6a6; border-radius:10px;}
.adpro-price.graybg{ position:relative;}
.most-popular{ position:absolute; left:-40px; top:-40px;}
.adprotable-list{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
.adprotable-list th, .adprotable-list td{ border-left:solid 1px #cdcdcd; vertical-align:middle; padding:20px;}
.adprotable-list th{ background:#e2e2e2 url(../image/th-bg.gif) repeat-x 0 0;}
.adprotable-list th:first-child, .adprotable-list td:first-child, .adprotable-list td.adpro-text, .adprotable-list td.adpro-img{ border:none;}
.adprotable-list .odd{ background-color:#e2e2e2;}
.adprotable-list img{ max-width:100%;}
.adprotable-list h2, .adprotable-list h3, .adprotable-list h4{ margin:0;}
.adprotable-list h2{ font-size:24px; font-family:'kelson_sansregular',sans-serif; text-transform:uppercase; line-height:22px;}
.adprotable-list h3{ font-size:22px;}
.adprotable-list h4{ font-size:14px; color:#f10000; text-transform:uppercase;}
.adprotable-list h4 strong{ font-weight:bold; font-size:25px;}
.adprotable-list .adpro-price h3{ font-size:17px; line-height:20px; margin-bottom:5px;}
.adprotable-list th.adpro-details{ border-radius:10px 0 0 0;}
.adprotable-list th.adpro-price{ border-radius:0 10px 0 0;}
.adprotable-list .last td.adpro-details{ border-radius:0 0 0 10px;}
.adprotable-list .last td.adpro-price{ border-radius:0 0 10px 0;}
.adprotable-list th.adpro-details h3{ font-weight:normal; text-transform:uppercase;}
.adprotable-list td.graybg{ background:#e9e9e9;}
.adprotable-list .odd .graybg, .adprotable-list th.graybg{ background:#d3d3d3;}