/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,900);
@import url("base.css");				/* Default Reset, Typography, Forms, etc. */ 
@import url("skeleton.css");			/* 960 Grid + Media Query Layouts */
@import url("font-awesome/css/font-awesome.css");
@import url("jquery.tweet.css");
@import url("superfish.css");
@import url("animate.css");
@import url("jquery.fancybox.css");
@import url("tipsy.css");
@import url("shortcodes.css");

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #HEADER
================================================== */
* { margin:0; padding:0; }
body { font-family:Arial,Tahoma; font-size:12px; background:#fff; color:#929292; margin:0; padding:0; }
.wrapper { position:relative; width:auto; max-width:960px; height:100%; margin:0 auto; background:#fff; box-shadow: 0 0 9px rgba(0, 0, 0, 0.5); }

h1, h2, h3, h4, h5, h6 { font-family:"Roboto", sans-serif; color:#505050; font-weight: normal; }
h1 { font-size:26px; line-height:30px; }
h2 { font-size:24px; line-height:34px; }
h3 { font-size:22px; line-height:32px; }
h4 { font-size:20px; line-height:30px; }
h5 { font-size:18px; line-height:26px; }
h6 { font-size:16px; line-height:24px; }

/* top_bar */
.top_bar { width:100%; max-height:50px; background:#505050; border-top:2px solid #db9b00; border-bottom:1px solid #373737; }
.top_bar .email_block { margin-top:9px; }
.top_bar .email_block span.icon { display:block; float:left; width:33px; height:26px; text-align:center; padding-top:7px; margin-right:1px; color:#e4ac1a; background:#656565; font-size:18px; }
.top_bar .email_block a.email { display:block; float:left; color:#e0e0e0; text-decoration:none; font-size:13px; background:#656565; padding:5px 8px 7px 8px; font-family:"Roboto"; }
.top_bar .phone_block { margin-top:9px; }
.top_bar .phone_block span.icon { display:block; float:left; width:33px; height:26px; text-align:center; padding-top:7px; margin-right:1px; color:#e4ac1a; background:#656565; font-size:18px; }
.top_bar .phone_block a.phone { display:block; float:left; color:#e0e0e0; text-decoration:none; font-size:13px; background:#656565; padding:5px 8px 7px 8px; font-family:"Roboto"; }

.top_bar .social_icons { text-align:right; }
.top_bar .social_icons a { display:inline-block; width:30px; height:30px; margin-top:9px; margin-bottom:2px; margin-right:5px; }

.top_bar .social_icons a:hover { -o-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -khtml-transition:all 0.5s linear; }
.top_bar .social_icons a:hover {	-webkit-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear; }
.top_bar .social_icons a.facebook { background:url(../images/social/facebook.png) #656565; }
.top_bar .social_icons a.facebook:hover { background:url(../images/social/facebook.png) #e4ac1a; }

.top_bar .social_icons a.en { background:url(../images/lan_1eng.png) #656565; }
.top_bar .social_icons .active a.en  { background:url(../images/lan_1eng.png) #e4ac1a; }
.top_bar .social_icons a.en:hover { background:url(../images/lan_1eng.png) #e4ac1a; }

.top_bar .social_icons a.nl { background:url(../images/lan_1nl.png) #656565; }
.top_bar .social_icons .active a.nl{ background:url(../images/lan_1nl.png) #e4ac1a; }
.top_bar .social_icons a.nl:hover { background:url(../images/lan_1nl.png) #e4ac1a; }

.top_bar .social_icons a.ar { background:url(../images/lan_1ar.png) #656565; }
.top_bar .social_icons .active a.ar { background:url(../images/lan_1ar.png) #e4ac1a; }
.top_bar .social_icons a.ar:hover { background:url(../images/lan_1ar.png) #e4ac1a; }


.top_bar .social_icons a.ml { background:url(../images/lan_1Mal.png) #656565; }
.top_bar .social_icons .active a.ml { background:url(../images/lan_1Mal.png) #e4ac1a; }
.top_bar .social_icons a.ml:hover { background:url(../images/lan_1Mal.png) #e4ac1a; }


a.login { color:#FFF; text-decoration:none; width:121px; height:33px; margin-top:17px; margin-bottom:2px; margin-right:5px;  }
a.login:hover {color:#F90; text-decoration:none;}



.top_bar .social_icons a.twitter { background:url(../images/social/twitter.png) #656565; }
.top_bar .social_icons a.twitter:hover { background:url(../images/social/twitter.png) #e4ac1a; }
.top_bar .social_icons a.pinterest { background:url(../images/social/pinterest.png) #656565; }
.top_bar .social_icons a.pinterest:hover { background:url(../images/social/pinterest.png) #e4ac1a; }
.top_bar .social_icons a.linkedin { background:url(../images/social/linkedin.png) #656565; }
.top_bar .social_icons a.linkedin:hover { background:url(../images/social/linkedin.png) #e4ac1a; }
.top_bar .social_icons a.vimeo { background:url(../images/social/vimeo.png) #656565; }
.top_bar .social_icons a.vimeo:hover { background:url(../images/social/vimeo.png) #e4ac1a; }
.top_bar .social_icons a.digg { background:url(../images/social/digg.png) #656565; }
.top_bar .social_icons a.digg:hover { background:url(../images/social/digg.png) #e4ac1a; }
.top_bar .social_icons a.youtube { background:url(../images/social/youtube.png) #656565; }
.top_bar .social_icons a.youtube:hover { background:url(../images/social/youtube.png) #e4ac1a; }
.top_bar .social_icons a.dribbble { background:url(../images/social/dribbble.png) #656565; }
.top_bar .social_icons a.dribbble:hover { background:url(../images/social/dribbble.png) #e4ac1a; }
.top_bar .social_icons a.stumbleupon { background:url(../images/social/stumbleupon.png) #656565; }
.top_bar .social_icons a.stumbleupon:hover { background:url(../images/social/stumbleupon.png) #e4ac1a; }

/* header */
.header { width:100%; border-bottom:2px solid #eee; }
.header .logo { position:relative; margin-top:5px; }
.header .logo span.slogan { position:absolute; top:7px; left:210px; color:#bbbaba; border-left:1px solid #e0e0e0; padding-left:17px; }
.header .navigation { position:relative; height:88px; margin-top:-19px; }
.header .navigation select { display:none; }
.header .navigation ul#nav { position:absolute; top:0px; right:0; height:100%; }
.header .navigation ul#nav li { width:auto; height:49px; min-width:85px; padding:0px 0px 33px 5px; margin-right:0; }
.header .navigation ul#nav li a .icon { display:inline-block; font-size:16px; margin-right:5px; margin-bottom:5px; }
.header .navigation ul#nav li a { display:block; text-align:center; padding-top:22px; padding-bottom:26px; font-size:14px; font-family:"PT Sans"; }
.header .navigation ul#nav li.active a { background:url(../images/menu_active_bg.png); border-bottom:2px solid #dca00e;  }
.header .navigation ul#nav li a:hover { background:url(../images/menu_active_bg.png); border-bottom:2px solid #dca00e; }
.header .navigation ul#nav li a { color:#686868; font-size:14px; text-decoration:none; }
.header .navigation ul#nav li.sfHover a.sf-with-ul { background:url(../images/menu_active_bg.png); border-bottom:2px solid #dca00e; }
.header .navigation ul#nav li.sfHover ul li a { background:#dca00e; }
.header .navigation ul#nav li.sfHover ul li a.sf-with-ul { background:#dca00e; }
.header .navigation ul#nav li ul li { padding:0; margin-bottom:-11px; text-align:left; border:none; }
.header .navigation ul#nav li.sfHover ul li a { padding:10px; border:none; text-align:left; color:#fff; }
.header .navigation ul#nav li.sfHover ul li a.sf-with-ul:after { position:absolute; content:"+"; right:7px; font-size:16px; }
.header .navigation ul#nav li.sfHover ul li a:hover { border-bottom:none; background:rgba(255,255,255,0.3); }


/* #FEATURED
================================================== */
.featured_block { width:100%; background:url(../images/_featured_bg.png) #f9f9f9; border-bottom: 2px solid #EEEEEE; margin-bottom:30px; }
.featured_block .headings { margin-top:20px; }
.featured_block .headings p { margin-bottom:20px; color:#8d8d8d; }
.featured_block .breadcrumb { margin-top:35px; text-align:right; }

/* breadcrumb */
.featured_block .breadcrumb { margin-top:39px; }
.featured_block .breadcrumb ul { display:inline; background:#E4AC1A; padding:7px 1px 7px 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.featured_block .breadcrumb ul li { display:inline-block; }
.featured_block .breadcrumb ul li:after { content:"/"; padding-left:5px; padding-right:5px; color:#fff; }
.featured_block .breadcrumb ul li:last-child:after { content:""; }

.featured_block .breadcrumb ul li a { color:#fff; text-decoration:none; }
.featured_block .breadcrumb ul li a:hover { text-decoration:underline; }
.featured_block .breadcrumb ul li.active a { color:#fff; }
.featured_block .breadcrumb ul li.active a:hover { text-decoration:none; }


/* #HOMEPAGE
================================================== */
.slider { position:relative; width:100%; height:345px; background:#fefefe }
.slider li { display:none; }
.slider li .flex-caption { display:none; }
.slider .flexslider { position:absolute; top:0; left:0; width:100%; height:345px; margin:0; padding:0; }
.slider .flexslider.loading { background:#fcfcfc url(../images/loading.gif) no-repeat center center; }
.slider .flexslider .flex-control-paging { display:none; }
.slider .flexslider .slides a { text-decoration:none; }
.slider .flexslider .slides li { position:relative; height:345px; }
.slider .flexslider .slides .flex-caption { position:absolute; left:12px; top:30px; width:390px; font-size:15px; padding:25px 10px 5px 0px; border-radius:4px; }
.slider .flexslider .slides .flex-caption h2 { background:#E4AC1A; color:#fff; margin-bottom:5px; padding:8px; font-size:27px; }
.slider .flexslider .slides .flex-caption p { font-size:12px; line-height:16px; font-weight:normal; color:#fff; padding:15px; } 
.slider .flexslider .slides .flex-caption p { background:#505050; color:#fff; margin-right:25px; margin-left:0px; margin-bottom:38px; }
.slider .flexslider .slides .flex-caption a.read_more { position:absolute; bottom:-2px; left:0; display:block; width:100px; height:18px; background:#d49705; }
.slider .flexslider .slides .flex-caption a.read_more { padding:12px 5px 10px 10px; color:#fff; font-size:16px; font-weight:normal; }
.slider .flexslider .slides .flex-caption a.read_more:before, .slider .flexslider .slides .flex-caption a.read_more:after { 
   background-color:rgba(255, 255, 255, 0.07); border:none; content:""; height:55%; left:0; margin:0; position:absolute; top:0; width:100%; z-index:300;
}
.slider .flexslider .slides .flex-control-paging { position:absolute; top:25px; right:10px; list-style:none; }
.slider .flexslider .slides .flex-control-paging li { float:left; margin-right:5px; }
.slider .flexslider .slides .flex-control-paging li a { display:block; cursor:pointer; width:30px; height:5px; background:#fff; font-size:0; }
.slider .flexslider .slides .flex-control-paging li a.flex-active { background:#86ae3f; }
.slider .flexslider .slides .flex-direction-nav  a { display:block; float:left; width:40px; height:45px; padding:5px 5px 5px 5px; font-size:0; }
.slider .flexslider ul.flex-direction-nav  a.flex-prev { display:block; position:absolute; width:25px; height:60px; background:#505050; left:0px; top:120px; font-size:37px; } 
.slider .flexslider ul.flex-direction-nav  a.flex-prev { padding-top:20px; color:#fff; padding-right:16px; text-align:center; text-decoration:none; } 
.slider .flexslider ul.flex-direction-nav  a.flex-prev { border-radius:0 90px 90px 0; -moz-border-radius:0 90px 90px 0; -webkit-border-radius:0 90px 90px 0; }
.slider .flexslider ul.flex-direction-nav  a.flex-prev:hover { background:#DB9B00; }
.slider .flexslider ul.flex-direction-nav li a.flex-next { display:block; position:absolute; right:0px; top:120px; font-size:37px; text-align:center; padding-top:20px; color:#fff; padding-left:16px; text-decoration:none; } 
.slider .flexslider ul.flex-direction-nav li a.flex-next {
	height:60px; width:25px;
     border-radius: 90px 0 0 90px; -moz-border-radius: 90px 0 0 90px; -webkit-border-radius: 90px 0 0 90px;
     background:#505050;
}
.slider .flexslider ul.flex-direction-nav  a.flex-next:hover { background:#DB9B00; }

/* promo block */
.promo_block { width:100%; background:#fafafa; border-bottom:1px solid #f3f3f3; }
.promo_block .promo { padding-top:15px; padding-bottom:15px; margin-top:5px; margin-bottom:0px; }
.promo_block .promo h3 { color:#505050; }
.promo_block .promo h3 span { color:#d59805; }
.promo_block .promo .promo_text p { margin-bottom:10px; }
.promo_block .promo .promo_buttons { margin-top:12px; text-align:right; }
.promo_block .promo .promo_buttons a.button { border-radius:0; margin-right:-1px; }


/* services */
.services { margin-top:30px; margin-bottom:40px; }
.services .service { border-bottom:2px solid #db9b00; text-align:center; padding-top:10px; padding:7px; padding-bottom:0; }
.services .service { background:#fafafa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.services .service:hover { box-shadow:1px 1px 3px rgba(0,0,0,0.2); }
.services .service h4 { margin-top:5px; }
.services .service .icon { position:relative; display:block; width:45px; height:35px; background:#db9b00; padding:25px 30px 35px 30px; color:#fff; font-size:44px; }
.services .service .icon { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.services .service .icon { margin:8px auto; box-shadow:0px -2px 10px rgba(0,0,0,0.2); }
.services .service .icon:after { position:absolute; top:0; left:0; width:100%; background-color: rgba(255, 255, 255, 0.07); border: medium none; content: ""; } 
.services .service .icon:after { height:50%;  margin:0; z-index:300; }
.services .service a.more { background:#db9b00; padding:7px 12px 4px 12px; color:#fff; text-decoration:none; }
.services .service a.more { -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; }
.services .service a.more { -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; }
.services .service a.more { border-top-left-radius:3px; border-top-right-radius:3px; }
.services .container img {width:99%;}


/* recent work */
.recent_work { position:relative; background:#fafafa; border-top:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; margin-bottom:30px; padding-bottom:15px; }
.recent_work #projects_carousel .heading { position:relative; margin-top:15px; background: url(../images/bg_lines.png) repeat-x scroll left 18px rgba(0, 0, 0, 0); margin-bottom:30px; }
.recent_work #projects_carousel .heading h2 { display:inline; background:#fafafa; margin-top:6px; margin-left:37%; color:#505050; text-align:center; padding:20px 30px 4px 30px; }
.recent_work a.flex-prev, .recent_work a.flex-next { position:absolute;  width:32px; height:30px; background:#e7e7e7; text-align:center; font-size:26px; text-decoration:none; color:#898989; }
.recent_work a.flex-prev { top:22px; left:10px; }
.recent_work a.flex-next { top:22px; right:10px; }
.recent_work a.flex-prev:hover, .recent_work a.flex-next:hover { background:#e4ac1a; color:#fff; }
.recent_work .project { position:relative; border-bottom:3px solid #E4AC1A; padding:0px; background:#fff; }
.recent_work .project { -webkit-border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-bottomleft:4px; }
.recent_work .project { border-bottom-right-radius:4px; border-bottom-left-radius:4px; }
.recent_work .project:hover { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
.recent_work .project .details { margin-left:8px; margin-bottom:5px; }
.recent_work .project .details a { color:#B1B1B1; font-size:13px; font-weight:bold; margin-right:10px; text-decoration:none; }
.recent_work .project .details a:hover { color: #E4AC1A; }
.recent_work .project h4 { font-size:17px; }
.recent_work .project a.img { overflow:hidden; display:block; max-height:220px; }
.recent_work .project a.img img { width:100%; transition-duration:0.4s; -webkit-transition-duration:0.4s; -o-transition-duration:0.4s; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; }
.recent_work .project a.img img { -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; }
.recent_work .project a.img img { border-top-left-radius: 3px; border-top-right-radius: 3px; }
.recent_work .project img:hover { background:#000; opacity:0.5; -webkit-transform: scale(1.3); -moz-transform: scale(1.3);  }
.recent_work .project img:hover { -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); }
.recent_work .project h4 { margin-left:7px; }
.recent_work .project p.category { color:#e4ac1a; font-weight:bold; margin-top:-5px; margin-left:7px; margin-bottom:5px; }
.recent_work .project p.info { margin-top:-10px; margin-left:7px; }









/* recent work */










/* latest news */
.latest_news .news_item img { width:100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.latest_news .news_item img:hover {  background:#000000; opacity:0.5; }
.latest_news .news_item .date { font-weight:bold; font-style:italic; }
.latest_news .news_item .description { margin-top:-15px; margin-bottom:10px; }
.latest_news .news_item a.more { position:relative; display:inline-block; background:#D19505; color:#FFFFFF; margin-left:0; padding:5px 6px 5px 34px; }
.latest_news .news_item a.more { text-decoration:none; text-transform:uppercase; height:20px; }
.latest_news .news_item a.more .icon { position:absolute; top:0; left:0; width:25px; height:100%; max-height:22px; padding:8px 1px 0 1px;  background:#D19505; } 
.latest_news .news_item a.more .icon { border-right:1px solid #F3F3F3; color:#FFFFFF; text-align:center; font-size:14px; }
.latest_news .news_item a.more:hover { background:#666666; color:#FFFFFF; }

/* featured clients */
.featured_clients { background:#fafafa;margin-top:40px; margin-bottom:-20px;pading-top:70px;padding-bottom:10px; }
.featured_clients img { width:100%; max-width:211px; }


/* #ABOUT
================================================== */
#about .our_mission img { width:100%; max-width:96.4%; }
#about .dropcap { width:80px; }
#about span.year_range { font-size:12px; }
#about .our_team .team_member { 
	background: none repeat scroll 0 0 #FAFAFA;
    border-bottom: 3px solid #E4AC1A;
    padding: 0;
	/*border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;*/
	border-radius:4px;
	padding-bottom:5px;
}
#about .our_team .team_member:hover { box-shadow:1px 1px 3px rgba(0,0,0,0.2); }
#about .our_team .team_member img { width:100%; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; }
#about .our_team .team_member img { -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border-top-left-radius:4px; border-top-right-radius:4px; }
#about .our_team .team_member img:hover { background:#000; opacity:0.3; }
#about .our_team .team_member h4 { margin-left:8px; font-size:17px; }
#about .our_team .team_member p.position {	
	color: #E4AC1A;
    font-weight: bold;
	margin:-5px 0 -2px 8px;
}
#about .our_team .team_member p.description {
	margin-left:8px;
	margin-right:5px;
	margin-bottom:5px;
}
#about .our_team .team_member .social_bar { margin-left:8px; }


/* #SERVICES
================================================== */
#services .request_quote {
	background:#fafafa;
	border-radius:4px;
	border-bottom:3px solid #E4AC1A;
	padding-top:5px;
	padding-bottom:5px;
}



.All_available { width:16px; height:16px; background:url(../images/available_icon.png) center center no-repeat; margin:0 auto; margin-bottom:5px; }
.All_unavailable { width:16px; height:16px; background:url(../images/not_availabe_icon.png) center center no-repeat; margin:0 auto; margin-bottom:5px; }



/* #PRICING TABLE
================================================== */
table.pricing { border-collapse: separate; border-color: #DDDDDD; border-spacing:2px; table-layout:fixed; width:100%; border-radius:4px; }
table.pricing thead tr.plan th {
	background:#505050;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color:#fff;
	font-size:25px;
	padding:20px;
	font-family:"Roboto";
}
table.pricing thead tr.prices th { position:relative; background:#fafafa; padding:35px 5px 25px 5px; color:#E4AC1A; font-size:34px; font-weight:bold; border-bottom:1px solid #f3f3f3; }
table.pricing thead tr.prices th span { font-size:14px; }

table.pricing tbody tr { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3); }
table.pricing tbody tr td { background:#fff; border-bottom:1px solid #eaeaea; color:#666;  text-align:center; padding:10px; }

table.pricing tbody tr:nth-child(2n) td  { background:#fafafa; border-bottom:1px solid #eaeaea; }

table.pricing tbody tr td .available { width:16px; height:16px; background:url(../images/available_icon.png) center center no-repeat; margin:0 auto; margin-bottom:5px; }
table.pricing tbody tr td .not_available { width:16px; height:16px; background:url(../images/not_availabe_icon.png) center center no-repeat; margin:0 auto; margin-bottom:5px; }


table.pricing tbody tr.signup td { background:#fafafa;
	border-bottom:2px solid #E4AC1A;
	 border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
table.pricing tbody tr.signup td a.button { margin-top:15px; }






table.pricingC { border-collapse: separate; border-color: #DDDDDD; border-spacing:2px; table-layout:auto; width:100%; border-radius:4px; }
table.pricingC thead tr.plan th {
	background:#505050;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color:#fff;
	font-size:25px;
	padding:20px;
	font-family:"Roboto";
}
table.pricingC thead tr.prices th { position:relative; background:#fafafa; padding:35px 5px 25px 5px; color:#E4AC1A; font-size:34px; font-weight:bold; border-bottom:1px solid #f3f3f3; }
table.pricing thead tr.prices th span { font-size:14px; }

table.pricingC tbody tr td.prices { position:relative; text-align:left;  padding:15px 15px 15px 5px; color:#E4AC1A; font-size:15px; font-weight:bold; border-bottom:1px solid #f3f3f3; }
table.pricingC tbody tr td.prices span { font-size:14px; font-weight:normal; color:#000000; }


table.pricingC tbody tr td.midalign { vertical-align:middle; }




table.pricingC tbody tr { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3); }
table.pricingC tbody tr td { background:#fff; color:#666;  text-align:center; padding:10px;border-bottom:1px solid #f3f3f3; }
table.pricingC tbody tr td.popular { background:#d2d1d1; color:#666;  text-align:center; padding:10px;border-bottom:1px solid #f3f3f3; }

table.pricingC tbody tr:nth-child(2n) td  { background:#fafafa; border-bottom:1px solid #eaeaea; }
table.pricingC tbody tr:nth-child(2n) td.popular{ background:#d2d1d1; border-bottom:1px solid #eaeaea; }

table.pricingC tbody tr td .available { width:16px; height:16px; background:url(../images/available_icon.png) center center no-repeat; margin:0 auto; margin-bottom:5px; }
table.pricingC tbody tr td .not_available { width:16px; height:16px; background:url(../images/not_availabe_icon.png) center center no-repeat; margin:0 auto; margin-bottom:5px; }


table.pricingC tbody tr.signup td { background:#fafafa;
	border-bottom:2px solid #E4AC1A;
	 border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
table.pricingC tbody tr.signup td a.button { margin-top:15px; }



















/* #PORTFOLIO
================================================== */
.portfolio ul.sort { }
.portfolio ul.sort li { float:left; margin-right:1px; margin-bottom:20px; }
.portfolio ul.sort li a { display:block; padding:5px; text-decoration:none; background:#8c8c8c; padding:7px 15px 7px 15px; color:#fff; }
.portfolio ul.sort li.current a { position:relative; background:#d19505; color:#fff; padding:7px 15px 7px 15px; text-align:center; }
.portfolio ul.sort li.current a:after {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #d19505 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 9px 5px 0;
    bottom:-7px;
    height: 0;
    left:40%;
    position: absolute;
    width: 0px;
	content:"";
}

.portfolio_sort .project { background:#fafafa; border-bottom: 3px solid #E4AC1A; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.portfolio_sort .project:hover { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
.portfolio_sort .project h4 { margin-left:10px; margin-bottom:4px; font-size:18px; }
.portfolio_sort .project .details { margin-left:10px; margin-bottom:15px; }
.portfolio_sort .project .details a { text-decoration:none; margin-right:10px; font-size:13px; color:#b1b1b1; font-weight:bold; }
.portfolio_sort .project .details a:hover { color:#E4AC1A; }
.portfolio_sort .project .description { margin-left:10px; margin-bottom:20px; }

.portfolio .columns4 a.img { max-height:131px; }
.portfolio .columns3 a.img { max-height:179px; }
.portfolio .columns2 a.img { max-height:277px; }

.portfolio_sort .project a.img { position:relative; display:block; overflow:hidden; }
.portfolio_sort .project a .project_img { width:100%; transition-duration: 0.4s; -webkit-transition-duration:0.4s; -o-transition-duration:0.4s; }
.portfolio_sort .project a .project_img { -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; }
.portfolio_sort .project a .project_img { -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
.portfolio_sort .project a .project_img { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.portfolio_sort .project a .project_img:hover { background:#000; opacity:0.5; 

-webkit-transform: scale(1.3); -moz-transform: scale(1.3);
-ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3);

}

.portfolio .pagination { margin-top:20px; }
.FeaturesTVT .pagination { margin-top:20px; }
.SignupTVT .pagination { margin-top:20px; }

.pagination a { float:left; display:block; width:20px; height:20px; background:#e7e7e7; margin-right:5px; text-align:center; border-radius:2px; } 
.pagination a { text-decoration:none; padding:4px 6px; -moz-transition: background-color 0.2s ease 0s; color:#666; font-size:14px; }
.pagination a:hover, .pagination a.active { background:#E4AC1A; color:#fff; }
.pagination a.next { width:35px; }





/* #FeaturesTVT
================================================== */
.FeaturesTVT ul.sort { }
.FeaturesTVT ul.sort li { float:left; margin-right:1px; margin-bottom:20px; }
.FeaturesTVT ul.sort li a { display:block; padding:5px; text-decoration:none; background:#8c8c8c; padding:7px 15px 7px 15px; color:#fff; }
.FeaturesTVT ul.sort li.current a { position:relative; background:#d19505; color:#fff; padding:7px 15px 7px 15px; text-align:center; }
.FeaturesTVT ul.sort li.current a:after {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #d19505 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 9px 5px 0;
    bottom:-7px;
    height: 0;
    left:40%;
    position: absolute;
    width: 0px;
	content:"";
}

.FeaturesTVT_sort .project { background:#fafafa; border-bottom: 3px solid #E4AC1A; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.FeaturesTVT_sort .project:hover { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
.FeaturesTVT_sort .project h4 { margin-left:10px; margin-bottom:4px; font-size:18px; }
.FeaturesTVT_sort .project .details { margin-left:10px; margin-bottom:15px; }
.FeaturesTVT_sort .project .details a { text-decoration:none; margin-right:10px; font-size:13px; color:#b1b1b1; font-weight:bold; }
.FeaturesTVT_sort .project .details a:hover { color:#E4AC1A; }
.FeaturesTVT_sort .project .description { margin-left:10px; margin-bottom:20px; }

.FeaturesTVT .columns4 a.img { max-height:131px; }
.FeaturesTVT .columns3 a.img { max-height:179px; }
.FeaturesTVT .columns2 a.img { max-height:277px; }

.FeaturesTVT_sort .project a.img { position:relative; display:block; overflow:hidden; }
.FeaturesTVT_sort .project a .project_img { width:100%; transition-duration: 0.4s; -webkit-transition-duration:0.4s; -o-transition-duration:0.4s; }
.FeaturesTVT_sort .project a .project_img { -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; }
.FeaturesTVT_sort .project a .project_img { -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
.FeaturesTVT_sort .project a .project_img { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.FeaturesTVT_sort .project a .project_img:hover { background:#000; opacity:0.5; 

-webkit-transform: scale(1.3); -moz-transform: scale(1.3);
-ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3);

}

.FeaturesTVT .pagination { margin-top:20px; }
.pagination a { float:left; display:block; width:20px; height:20px; background:#e7e7e7; margin-right:5px; text-align:center; border-radius:2px; } 
.pagination a { text-decoration:none; padding:4px 6px; -moz-transition: background-color 0.2s ease 0s; color:#666; font-size:14px; }
.pagination a:hover, .pagination a.active { background:#E4AC1A; color:#fff; }
.pagination a.next { width:35px; }









/* #signupTVT
================================================== */
.SignupTVT ul.sort { }
.SignupTVT ul.sort li { float:left; margin-right:1px; margin-bottom:20px; }
.SignupTVT ul.sort li a { display:block; padding:5px; text-decoration:none; background:#8c8c8c; padding:7px 15px 7px 15px; color:#fff; }
.SignupTVT ul.sort li.current a { position:relative; background:#d19505; color:#fff; padding:7px 15px 7px 15px; text-align:center; }
.SignupTVT ul.sort li.current a:after {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #d19505 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 9px 5px 0;
    bottom:-7px;
    height: 0;
    left:40%;
    position: absolute;
    width: 0px;
	content:"";
}

.SignupTVT_sort .project { background:#fafafa; border-bottom: 3px solid #E4AC1A; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.SignupTVT_sort .project:hover { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
.SignupTVT_sort .project h4 { margin-left:10px; margin-bottom:4px; font-size:18px; }
.SignupTVT_sort .project .details { margin-left:10px; margin-bottom:15px; }
.SignupTVT_sort .project .details a { text-decoration:none; margin-right:10px; font-size:13px; color:#b1b1b1; font-weight:bold; }
.SignupTVT_sort .project .details a:hover { color:#E4AC1A; }
.SignupTVT_sort .project .description { margin-left:10px; margin-bottom:20px; }

.SignupTVT .columns4 a.img { max-height:131px; }
.SignupTVT .columns3 a.img { max-height:179px; }
.SignupTVT .columns2 a.img { max-height:277px; }

.SignupTVT_sort .project a.img { position:relative; display:block; overflow:hidden; }
.SignupTVT_sort .project a .project_img { width:100%; transition-duration: 0.4s; -webkit-transition-duration:0.4s; -o-transition-duration:0.4s; }
.SignupTVT_sort .project a .project_img { -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; }
.SignupTVT_sort .project a .project_img { -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
.SignupTVT_sort .project a .project_img { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.SignupTVT_sort .project a .project_img:hover { background:#000; opacity:0.5; 

-webkit-transform: scale(1.3); -moz-transform: scale(1.3);
-ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3);

}

.SignupTVT .pagination { margin-top:20px; }
.pagination a { float:left; display:block; width:20px; height:20px; background:#e7e7e7; margin-right:5px; text-align:center; border-radius:2px; } 
.pagination a { text-decoration:none; padding:4px 6px; -moz-transition: background-color 0.2s ease 0s; color:#666; font-size:14px; }
.pagination a:hover, .pagination a.active { background:#E4AC1A; color:#fff; }
.pagination a.next { width:35px; }











.SignupFlow ul.sort { }
.SignupFlow ul.sort li { float:left; margin-right:1px; margin-bottom:20px; }
.SignupFlow ul.sort li a { display:block; padding:5px; text-decoration:none; background:#8c8c8c; padding:7px 15px 7px 15px; color:#fff; }
.SignupFlow ul.sort li.c2 { display:block; padding:5px; text-decoration:none; background:#8c8c8c; padding:7px 15px 7px 15px; color:#fff; }
.SignupFlow ul.sort li.current1 { position:relative; background:#d19505; color:#fff; padding:7px 15px 7px 15px; text-align:center; }
.SignupFlow ul.sort li.current a { position:relative; background:#d19505; color:#fff; padding:7px 15px 7px 15px; text-align:center; }
.SignupFlow ul.sort li.current1:after {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #d19505 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 9px 5px 0;
    bottom:-7px;
    height: 0;
    left:40%;
    position: absolute;
    width: 0px;
	content:"";
}



.SignupFlow ul.sort li.current a:after {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #d19505 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 9px 5px 0;
    bottom:-7px;
    height: 0;
    left:40%;
    position: absolute;
    width: 0px;
	content:"";
}










/* #TEAM
================================================== */
#team .team_members .team_member { background:#FAFAFA; border-bottom:3px solid #E4AC1A; padding-bottom:5px; }
#team .team_members .team_member { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#team .team_members .team_member:hover { box-shadow:1px 1px 3px rgba(0,0,0,0.2); }
#team .team_members .team_member img { width:100%; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; }
#team .team_members .team_member img { -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border-top-left-radius:4px; border-top-right-radius:4px; }
#team .team_members .team_member img:hover { background:#000; opacity:0.3; }
#team .team_members .team_member h4 { margin-left:8px; font-size:17px; }
#team .team_members .team_member p.position {	
	color: #E4AC1A;
    font-weight: bold;
	margin:-5px 0 -2px 8px;
}
#team .team_members .team_member p.description {
	margin-left:8px;
	margin-right:5px;
	margin-bottom:5px;
}
#team .team_members .team_member .social_bar { margin-left:8px; }
#team .technologies .block { text-align:center; padding-top:6px; }


/* #BLOG
================================================== */
.blog_content .post:hover { box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.2); }
.blog_content .post .pic { position:relative; }
.blog_content .post .pic a.img { display:block; overflow:hidden; max-height:288px; margin-bottom:7px; }
.blog_content .post .pic img{ width:100%; -webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px; }
.blog_content .post .pic img{ -moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px; }
.blog_content .post .pic img{ border-top-left-radius: 4px;border-top-right-radius: 4px; }
.blog_content .post .pic img { transition-duration: 0.4s; -webkit-transition-duration:0.4s; -o-transition-duration:0.4s; }
.blog_content .post .pic img:hover { background:#000; opacity:0.5; }
.blog_content .post .pic img:hover { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); }

.blog_content .post .pic .post_details { position:absolute; bottom:0; left:-7px; width:100%; max-width:570px; height:30px; padding-top:10px; padding-left:10px; background:#d19505; }
.blog_content .post .pic .post_details:before { position:absolute; top:0; left:0; width:100%; height:50%; content:""; margin:0; z-index:300; }
.blog_content .post .pic .post_details:before { background-color:rgba(255, 255, 255, 0.07); border:none; }
.blog_content .post .pic .post_details .angle { position:absolute; bottom:-6px; left:0; width:7px; height:6px; background:url(../images/blogpost_details_angle.png) no-repeat; }


.blog_content .post .pic .post_details a { padding-left:21px; color:#fff; text-decoration:none; margin-right:15px; padding-bottom:5px; }
.blog_content .post .pic .post_details a.date { background:url(../images/date.png) no-repeat; padding-top:2px; }
.blog_content .post .pic .post_details a.user { background:url(../images/user.png) no-repeat; padding-top:2px; }
.blog_content .post .pic .post_details a.category { background:url(../images/category.png) no-repeat; padding-top:1px; }
.blog_content .post .pic .post_details a.comments { background:url(../images/comments.png) no-repeat; padding-top:2px; }

.blog_content .post .content { background:#fafafa; margin-top:-6px; padding-bottom:20px; border-bottom:3px solid #E4AC1A; padding:15px; }
.blog_content .post .content { -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; }
.blog_content .post .content { -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; }
.blog_content .post .content { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }

.blog_content .post .content h4 { margin-top:5px; }
.blog_content .post .content a.more { position:relative; display:inline-block; background:#D19505; color:#FFFFFF; margin-left:0; padding:5px 6px 5px 34px; } 
.blog_content .post .content a.more { text-decoration:none; text-transform:uppercase; height:20px; }
.blog_content .post .content a.more .icon { position:absolute; top:0; left:0; width:25px; height:100%; max-height:22px; padding:8px 1px 0 1px; background:#D19505; } 
.blog_content .post .content a.more .icon { border-right:1px solid #F3F3F3; color:#FFFFFF; text-align:center; font-size:14px; }
.blog_content .post .content a.more:hover { background:#666; color:#fff; }
.blog_content .pagination { margin-top:20px; }

.blog_sidebar ul.categories {}
.blog_sidebar ul.categories li { border-bottom:1px dotted #dcdcdc; padding-bottom:5px; }
.blog_sidebar ul.categories li a { text-decoration:none; color:#666; font-size:13px; }
.blog_sidebar ul.categories li a:hover { color:#d19505; }
.blog_sidebar ul.categories li a span.icon { float:right; font-size:13px; }



.noman a { text-decoration:none; color:#e4ac1a; font-size:13px; }
.noman a:hover { color:#505050; font-size:14px;}



.blog_sidebar ul.courseNav { background-color:#F7F7F7; padding:15px; }
.blog_sidebar ul.courseNav li { border-bottom:1px dotted #dcdcdc; padding-bottom:5px; }
.blog_sidebar ul.courseNav li a { text-decoration:none; color:#666; font-size:13px; }
.blog_sidebar ul.courseNav li a:hover { color:#d19505; }
.blog_sidebar ul.courseNav li a span.icon { float:right; font-size:13px; }



.dashboard ul.categories {}
.dashboard ul.categories li { border-bottom:1px dotted #dcdcdc; padding-bottom:5px; }
.dashboard ul.categories li.yellow  { background-color:#d49705; border-bottom:1px dotted #dcdcdc; padding-left:5px;padding-top:5px; padding-bottom:5px; }
.dashboard ul.categories li.red  { background-color:#F00; border-bottom:1px dotted #dcdcdc; padding-bottom:5px; }
.dashboard ul.categories li.yellow a { text-decoration:none; color:#ffffff; font-size:13px; }
.dashboard ul.categories li.red a { text-decoration:none; color:#ffffff; font-size:13px; }
.dashboard ul.categories li a { text-decoration:none; color:#666; font-size:13px; }
.dashboard ul.categories li a:hover { color:#d19505; }
.dashboard ul.categories li.yellow a:hover { color:#000; }
.dashboard ul.categories li.red a:hover { color:#FC0; }
.dashboard ul.categories li a span.icon { float:right; font-size:13px; }
.dashboard ul.categories li.yellow a span.icon { float:left; font-size:13px; }



.blog_sidebar ul.archive {}
.blog_sidebar ul.archive li { border-bottom:1px dotted #dcdcdc; padding-bottom:5px; }
.blog_sidebar ul.archive li a { text-decoration:none; color:#666; font-size:13px; }
.blog_sidebar ul.archive li a:hover { color:#d19505; }
.blog_sidebar ul.archive li a span.icon { float:right; font-size:13px; }

.blog_sidebar .tag_cloud a { display:block; float:left; background:#666; color:#fff; padding:4px; margin-right:5px; margin-bottom:5px; text-decoration:none; }
.blog_sidebar .tag_cloud a:hover { background:#E4AC1A; }


/* #BLOG POST
================================================== */
#blog_post .blog_content .comments { margin-top:20px; }
#blog_post .blog_content .comments .comment { padding-top:10px; }
#blog_post .blog_content .comments .comment .pic img { border-radius:50%; width:90px; height:90px; margin-left:5px; }
#blog_post .blog_content .comments .comment .comment_text span.date { font-style:italic; font-weight:bold; color:#E4AC1A; }
#blog_post .blog_content .comments .comment .comment_text p { margin-top:15px; }
#blog_post .blog_content .leave_reply input[type="text"] { max-width:390px; }
#blog_post .blog_content .leave_reply input[type="text"], textarea { width:97%; }
#blog_post .blog_content .leave_reply #send_comment:hover { position:relative; background:#d39705; color:#fff; text-shadow:none; border:1px solid #b2810d; }
#blog_post .blog_content .leave_reply #send_comment:after {
	position:absolute; top:0; left:0; width:100%; background-color: rgba(255, 255, 255, 0.07); border: medium none; content: ""; height:50%;  margin:0; z-index:300;
}

/* #CONTACT
================================================== */
#contact #map { border:5px solid #FFFFFF; box-shadow:0 0 4px #727272; margin-bottom:5px; }
#contact #map iframe { margin-bottom:-5px; }

#contact .contact_form #responce .contact_error li { color:#CC092F; margin-bottom:0; }
#contact .contact_form #responce .contact_success li { color:green; margin-bottom:0; }
#contact .contact_form input[type="button"]:hover { position:relative; background:#d39705; color:#fff; text-shadow:none; border:1px solid #b2810d; }
#contact .contact_form input[type="button"]:hover:after {
	position:absolute; top:0; left:0; width:100%; background-color: rgba(255, 255, 255, 0.07); border: medium none; content: ""; height:50%;  margin:0; z-index:300;
}
#contact .contact_details .office { padding:15px 15px 5px 15px; background:#f5f5f5; margin-bottom:10px; }
#contact .contact_details .office .divider { width:100%; height:1px; background:#d2d2d2; border-bottom:1px solid #fff; }
#contact .contact_details .office ul.address { background: url(../images/contact_address_icon.png) no-repeat; padding-left:22px; margin-top:7px; }
#contact .contact_details .office ul.phone { background: url(../images/contact_phone_icon.png) no-repeat; padding-left:23px; margin-top:-5px; }
#contact .contact_details .office ul.email { background: url(../images/contact_email_icon.png) center left no-repeat; padding-left:23px; margin-top:-5px; margin-bottom:7px; }



/* #FOOTER
================================================== */
#footer { position:relative; width:100%; background:url(../images/footer_bg.png); margin-top:20px; color:#e0e0e0; padding-top:30px; /*border-top: 7px solid #E9EAEE;*/ }
#footer .footer .heading { position:relative; background:#e4ac1a; color:#FFF; padding:7px 5px 7px 10px; font-size:13px; margin-bottom:25px; font-family:"Roboto"; }
#footer .footer .heading {
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
#footer .footer .heading:after {
	background-color: rgba(255, 255, 255, 0.10);
    border: medium none;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	height:20px;
}

#footer .footer .heading .arrow { 
	position:absolute;
	bottom:-10px;
	left:12px;
	width:18px;
	height:14px;
	
	background: none repeat scroll 0 0 transparent;
    border-color: #e4ac1a transparent transparent;
    border-style: solid;
    border-width: 10px 6px 0;
    height: 0;
    width: 0;
}
#footer .footer .powered_by ul li { border-bottom:1px dotted #676767; padding-bottom:4px; padding:5px;  }
#footer .footer .powered_by ul li:hover { background:#e4ac1a; }
#footer .footer .powered_by ul li a { color:#fff; font-size:13px; text-decoration:none; margin-left:15px; }
#footer .footer .powered_by a .icon { padding-right:10px; font-size:19px; color:#f3f3f3; }

#footer .footer .contact_us {}
#footer .footer .contact_us ul { margin:0; padding:0; list-style:none; }
#footer .footer .contact_us ul li { border-bottom:none; color:#CCCCCC; padding-left:55px; padding-top:5px; padding-bottom:5px; }
#footer .footer .contact_us ul li a { color:#e0e0e0; text-decoration:none; }
#footer .footer .contact_us ul li a:hover { text-decoration:underline; }
#footer .footer .contact_us ul li.address { background: url("../images/address_icon.png") no-repeat scroll left center rgba(0, 0, 0, 0); }
#footer .footer .contact_us ul li.email { background: url("../images/email_icon.png") no-repeat scroll left center rgba(0, 0, 0, 0); }
#footer .footer .contact_us ul li.phone { background: url("../images/phone_icon.png") no-repeat scroll left center rgba(0, 0, 0, 0); }
#footer .footer .contact_us ul li.website { background: url("../images/website_icon.png") no-repeat scroll left center rgba(0, 0, 0, 0); }

#footer #twitter_feed a { color:#E4AC1A; }

#footer .footer ul#flickr_feed li { float:left; margin-right:7px; }
#footer .footer ul#flickr_feed li img { width:60px; height:60px; padding:1px; border:2px solid #505050; }
#footer .footer ul#flickr_feed li img:hover { border:2px solid #e4ac1a; }

#footer #sub_footer { position:relative; width:100%; background:#505050; margin-top:35px; border-top:2px solid #e4ac1a; }
#footer #sub_footer a.back_to_top { position:absolute; display:block; width:60px; height:24px; top:-24px; left:50%; background:#e4ac1a; margin-left:auto; margin-right:auto; }
#footer #sub_footer a.back_to_top { text-align:center; color:#fff; font-size:22px; text-decoration:none; }
#footer #sub_footer .footer_text { margin-top:14px; margin-bottom:12px; }

#footer #sub_footer .social_bar  ul { max-height:27px; float:right;  }
#footer #sub_footer .social_bar ul.social_icons  li { display:inline; }

/*========================================== Added By Asim (Start) ===================================================

/* #AvailableCourses
================================================== */
.AvailableCourses ul.sort { }
.AvailableCourses ul.sort li { float:left; margin-right:1px; margin-bottom:20px; }
.AvailableCourses ul.sort li a { display:block; padding:5px; text-decoration:none; background: #8c8c8c; padding:7px 15px 7px 15px; color:#fff; }
.AvailableCourses ul.sort li.current a { position:relative; background:#d19505; color:#fff; padding:7px 15px 7px 15px; text-align:center; }
.AvailableCourses ul.sort li.current a:after {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #d19505 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 9px 5px 0;
    bottom:-7px;
    height: 0;
    left:40%;
    position: absolute;
    width: 0px;
	content:"";
}

.AvailableCourses_sort .project { background:#fafafa; border-bottom: 3px solid #E4AC1A; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.AvailableCourses_sort .project:hover { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
.AvailableCourses_sort .project h4 { margin-left:10px; margin-bottom:4px; font-size:18px; }
.AvailableCourses_sort .project .details { margin-left:10px; margin-bottom:15px; }
.AvailableCourses_sort .project .details a { text-decoration:none; margin-right:10px; font-size:13px; color:#b1b1b1; font-weight:bold; }
.AvailableCourses_sort .project .details a:hover { color:#02a39e; }
.AvailableCourses_sort .project .description { margin-left:10px; margin-bottom:20px; }

.AvailableCourses .columns4 a.img { max-height:131px; }
.AvailableCourses .columns3 a.img { max-height:179px; }
.AvailableCourses .columns2 a.img { max-height:277px; }

.AvailableCourses_sort .project a.img { position:relative; display:block; overflow:hidden; }
.AvailableCourses_sort .project a .project_img { width:100%; transition-duration: 0.4s; -webkit-transition-duration:0.4s; -o-transition-duration:0.4s; }
.AvailableCourses_sort .project a .project_img { -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; }
.AvailableCourses_sort .project a .project_img { -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
.AvailableCourses_sort .project a .project_img { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.AvailableCourses_sort .project a .project_img:hover { background:#000; opacity:0.5; 

-webkit-transform: scale(1.3); -moz-transform: scale(1.3);
-ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3);

}

.AvailableCourses .pagination { margin-top:20px; }
.pagination a { float:left; display:block; width:20px; height:20px; background:#e7e7e7; margin-right:5px; text-align:center; border-radius:2px; } 
.pagination a { text-decoration:none; padding:4px 6px; -moz-transition: background-color 0.2s ease 0s; color:#666; font-size:14px; }
.pagination a:hover, .pagination a.active { background: #8c8c8c; color:#fff; }
.pagination a.next { width:35px; }

/*========================================== Added By Asim (End) ===================================================


/* #Media Queries
================================================== */

	@media only screen and (min-width: 960px) {
		.top_bar, .header, .promo_block, .featured_block, .slider, .recent_work, .recent_workSmall, .featured_clients, #footer { width:100%; min-width:970px; }
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.top_bar, .header, .promo_block, .featured_block, .slider, .recent_work, .recent_workSmall, .featured_clients, #footer { width:100%; min-width:776px; }
		.top_bar .email_block a.email { font-size:11px; }
		.top_bar .phone_block a.phone { font-size:11px; }
		
		#blog .blog_content .post .pic .post_details { max-width:495px; }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.top_bar { max-height:200px; }
		.top_bar .social_icons { text-align:left; }
		.header .logo {text-align:center; padding-top:20px; }
		.header .navigation ul#nav { display:none; }
		.header .navigation select { display:block; position:absolute; top:40px; right:0px; width:100%; height:30px; padding:5px; }
		.top_bar .email_block a.email { width:88%; }
		.top_bar .phone_block a.phone { width:88%; }
		
		.featured_block .breadcrumb ul { float:left; max-height:20px; margin-top:-40px; }
		.promo_block .promo .promo_buttons { text-align:left; }
		
		.services .service { margin-bottom:20px; }
		
		.recent_work a.flex-prev { left:0; }
		.recent_work a.flex-next { right:0; }
		.recent_work #projects_carousel .heading h2 { padding:20px 14px 4px; margin-left:28%; }
		.recent_work .project { margin-bottom:20px; }
	
	
	
		.recent_workSmall a.flex-prev { left:0; }
		.recent_workSmall a.flex-next { right:0; }
		.recent_workSmall #projects_carousel .heading h2 { padding:20px 14px 4px;  }
		.recent_workSmall .project { margin-bottom:20px; }
	
	
	
		
		.latest_news .news_item { margin-bottom:20px; }
		.latest_news .news_item:last-child { margin-bottom:40px; }
		
		.featured_clients .client { text-align:center; margin-bottom:10px; }
		
		/* about us */
		#about .skills { margin-bottom:30px; }
		#about .team_member { margin-bottom:20px; }
		
		/* services */
		#services .divider { margin-bottom:20px; }
		#services .services .service { margin-bottom:20px; }
		
		#blog .blog_content .post { margin-bottom:20px; }
		#blog .blog_content .post .pic .post_details { max-width:395px; }
		#blog .blog_content .post .pic .post_details a { margin-right:5px; }
		#blog .blog_content .pagination { margin-bottom:25px; }
		
		
		/* portfolio */
		.portfolio ul.sort li a { padding:7px 7px; }
		.portfolio .project { margin-bottom:20px; }
		.portfolio_sort .project a.img { min-height:220px; }
		
		
		/* FeaturesTVT */
		.FeaturesTVT ul.sort li a { padding:7px 7px; }
		.FeaturesTVT .project { margin-bottom:20px; }
		.FeaturesTVT_sort .project a.img { min-height:220px; }
		
		
		/* FeaturesTVT */
		.SignupTVT ul.sort li a { padding:7px 7px; }
		.SignupTVT .project { margin-bottom:20px; }
		.SignupTVT_sort .project a.img { min-height:220px; }
		
		
		
		
		
		/* shortcodes */
		.shortcodes_progress_bars { padding-bottom:20px; }
		.shortcodes_accordion { padding-bottom:20px; }
		
		#team .team_members .team_member { margin-bottom:20px; }
		#team .technologies .block  { margin-bottom:20px; }
		#team .technologies .block img { max-width:130px; }
		
		#footer #sub_footer .social_bar ul { float:left; margin-top:-5px; padding-bottom:5px; }
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/


select {height:35px;}


/*
.AvailableCourses_sort .project { background:#fafafa; border-bottom: 3px solid #E4AC1A; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.AvailableCourses_sort .project:hover { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
.AvailableCourses_sort .project h4 { margin-left:10px; margin-bottom:4px; font-size:18px; }
.AvailableCourses_sort .project .details { margin-left:10px; margin-bottom:15px; }
.AvailableCourses_sort .project .details a { text-decoration:none; margin-right:10px; font-size:13px; color:#b1b1b1; font-weight:bold; }
.AvailableCourses_sort .project .details a:hover { color:#E4AC1A; }
.AvailableCourses_sort .project .description { margin-left:10px; margin-bottom:20px; }
*/

.AvailableCourses_sort .project { background:#fafafa; border-bottom: 3px solid #E4AC1A; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); border: 1px solid #f0f0f0;}
.AvailableCourses_sort .project:hover { box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4); }
.AvailableCourses_sort .project h4 { margin-left:10px; margin-bottom:4px; font-size:18px; }
.AvailableCourses_sort .project .details { margin-left:10px; margin-bottom:15px; }
.AvailableCourses_sort .project .details a { text-decoration:none; margin-right:10px; font-size:13px; color:#b1b1b1; font-weight:bold; }
.AvailableCourses_sort .project .details a:hover { color:#E4AC1A; }
.AvailableCourses_sort .project .description { margin-left:10px; margin-bottom:20px; margin-top: 10px;}

.course-thumbnail {

	height: 180px;

}

.course-thumbnail img {

	max-width: 460px;	
	max-height: 180px;

}

.title-box {

/*	background-color: #f0eaea;*/
	background-color: #dddddd;
	border: 1px #ccc solid;
	border-radius: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;

}

.title-box span {

/*	font-weight: bold;*/
	color: #000;

}

.quiz-list {

	border-bottom: 1px solid #dedede;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	background-color: #f6f6f6;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	margin-top: -10px;
	margin-left: 10px;
	margin-right: 10px;

}

.quiz-list li {

	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	border-bottom:1px dotted #CCC; 
	height:45px;

}

.quiz-list li:last-child {

	border-bottom:none; 

}

.quiz-list li:before {
	content: "";
}

.margin-right-10 {
	margin-right: 10px;
}

.margin-top-8 {
	margin-top: 8px;
}

.margin-top-minus-5 {
	margin-top: -5px;
}

.height-btn {
	height: 35px;
}

.red-bold {
	color: #f00; 
	font-weight: bold;
}

.black-bold {
	color: #000; 
	font-weight: bold;
}

.red-box {
	background-color: #f00;
	color: #fff;
	padding: 2px 5px;
	margin-left: 5px;
}

#existing-students-list { height: 310px; overflow: auto; }
ul.trainee-list li { margin: 2px; padding: 2px; font-size: 12px; border-top: 1px dotted #000; border-bottom: 0px; height: auto;}
ul.trainee-list li:last-child {border-bottom: 1px dotted #000;}
ul.trainee-list li input[type=checkbox] { margin-top: 5px; margin-right: 5px;}
ul.trainee-list li img { margin-top: 5px; margin-right: 5px;}
ul.trainee-list li div { display: inline-block; margin-top: 5px; margin-right: 5px;}
ul.trainee-list li div.enrolled { float: right; background-color: #f00; color: #fff; font-weight: bold; padding-left: 5px; padding-right: 5px;}
ul.trainee-list li div.counter { display: inline-block; margin-top: 5px; margin-right: 5px; width: 30px; text-align: center;}
ul.trainee-list li div.status {display: inline-block; margin: 2px 3px; text-align: center; font-size: 12px; padding: 2px 7px;}
.a-0 {background-color: #101b96 !important; color: #fff !important;}
.a-1 {background-color: #35a32c !important; color: #fff !important;}


ul.courses-list .course-thumbnail {
	height: 110px;
	overflow: hidden;
}

ul.courses-list .course-thumbnail img {
	width: 100%;
	height: auto;
}

ul.courses-list .cost {

	position: absolute; 
	bottom: 10px; 
	right: 10px; 
	text-align:center; 
	width: auto; 
	height: auto;
	border: 1px solid #000; 
	border-radius: 5px; 
	background-color: #000; 
	color: #fff; 
	padding: 5px 15px;
	font-size: 12px;

}

ul.categories-list {

/*	margin: 5px 15px;*/

}

ul.categories-list li.list-header {

	padding: 7px;
	border-top: 3px double #585858;
	border-bottom: 3px double #585858;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	background-color: rgb(224, 224, 224);


}

ul.categories-list li {

	padding: 5px;
	border-bottom: 1px dotted #6d6d6d;
	color: #000;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 0px;
	overflow: hidden;

}

.bundle-details {

	overflow-x: hidden;
	overflow-y: auto;
	width: 620px;
	height: 400px;
	margin-left: -20px;

}

.option-windows {

	position: relative;

}

.option-window {
	position: absolute;
	top: 10px;	
	left: 30px;
	border: 3px double #000;
	border-radius: 5px;
	bow-shadow: 5px 5px 5px rgba(80, 80, 80, 0.5);
	padding: 0px;
	background-color: #fff;
	width: 400px;
	display: none;
	z-index: 1000;


}

.option-window .input-div {
	width: 275px;
	display: inline-block;
	vertical-align: top;

}

.option-window .select-div {
	width: 15px;
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;

}

.option-window .input-div input {
	width: 100%;
	margin-bottom: 0px;
}

.option-window .btn-div {
	width: 70px;
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}

.option-window .btn-close {
	position: absolute;
	top: 2px;	
	right: 2px;
	border: 1px solid #000;
	border-radius: 3px;
	padding: 3px 5px;
	background-color: #f00;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 20px;
	height: 20px;

}

.option-window .title-bar {

	background-color: #ccc;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	text-align: center;


}

.option-row {

	display: block;
	padding: 5px 10px;
	border-bottom: 1px dotted #000;
	margin-top: 5px;

}

#possible-drop-options {
	border: 1px solid #ccc;
	background: #eee;
	padding: 10px;
	border-radius: 7px;
}

#possible-drop-options .right-buttons {
	float: right;
}

#possible-drop-options .right-buttons input,
#possible-drop-options .right-buttons a {
	display: inline-block;
	vertical-align: top;
}


/* ================================= Progress Bar Styling (Start) ===================================== */

progress {
	width: 200px;
	height: 16px;
/*	margin: 50px auto;*/
	display: inline-block;
	/* Important Thing */
	-webkit-appearance: none;
	border: none;
}

/* All good till now. Now we'll style the background */
progress::-webkit-progress-bar {
	background: #ccc;
	border-radius: 16px;
	padding: 2px;
	box-shadow: 0 1px 0px 0 rgba(255, 255, 255, 0.2);
}

/* Now the value part */
progress::-webkit-progress-value {
	border-radius: 50px;
	box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4);
	background:
		-webkit-linear-gradient(45deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),
		-webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),
/*		-webkit-linear-gradient(left, #ba7448, #c4672d);*/
		-webkit-linear-gradient(left, #E08585, #FF0000);


	
	/* Looks great, now animating it */
	background-size: 25px 14px, 100% 100%, 100% 100%;
	-webkit-animation: move 5s linear 0 infinite;
}

@-webkit-keyframes move {
	0% {background-position: 0px 0px, 0 0, 0 0}
	100% {background-position: -100px 0px, 0 0, 0 0}
}

/* ================================= Progress Bar Styling (End) ===================================== */


.file-box {

	padding: 10px;
	border: 1px solid #ccc;
	background-color: #eee;
	border-radius: 8px;
	margin-bottom: 10px;
	
}

.file-box .preview-file {

	height: 0px;
	display: block;
	vertical-align: top;
	
}

.file-box .preview-file img,
.file-box .preview-file video {

	width: auto;
	height: 100%;
	
	
}

ul#list-courses li,
ul.list-courses li,
ul.quizzes-list li {
	background: #eee;
    	padding: 5px 10px 0px;
    	border: 1px solid #ccc;
    	border-radius: 5px;
}

.save-course-order {
	float: right;
}

div.single-trainer {

	display: block;
	padding: 8px 7px;
	border-bottom: 1px dotted #000;

}

div.single-trainer input[type=checkbox] {
	margin-top: 2px;
	margin-right: 10px;
}

h1.students-h1 {
	text-align: center;
	background: #ccc;
	border: 1px solid #333;
	border-radius: 10px;
	padding: 8px;
	margin: 10px;
}

a.status,
a.status:hover,
a.status:active,
a.status:focus {
    display: inline-block;
    margin: 0px 3px;
    text-align: center;
    font-size: 12px;
    padding: 2px 7px;
	float: right;
	text-decoration: none;
}

.question h3 {
	overflow: hidden;
	height: 32px;
}

.change-trainer-students,
.change-group-students {
	width: 90%;
	display: block;
	margin: 0 auto;
}

.change-trainer-students h3,
.change-group-students h3,
.heading-group {

	border-top: 3px double #000;
	border-bottom: 3px double #000;
	background: #eee;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;

}

.heading-group-left {

	border-top: 3px double #000;
	border-bottom: 3px double #000;
	background: #eee;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;

}

.text-center {
	text-align: center;
}

.header-columns {
    border-bottom: 1px dashed #000;
    background: rgba(228,172,26,0.5);
    color: #333;
    font-size: 14px;
    padding: 5px;
}

.header-columns.light {
    background: rgba(239,239,239,1);
}

.btn-lang-cs {
	position: relative;
    	background: #d19505;
    	color: #fff;
    	padding: 3px 10px 3px 10px;
    	text-align: center;
	display: inline-block;
    	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

.grey {
	background: #ccc;
	color: #333;
}
.btn-lang-cs:hover,
.btn-lang-cs:active,
.btn-lang-cs:focus,
.btn-lang-cs:visited {
    	color: #fff;
}
.arabic p {
	direction: rtl;
	text-align: right;
}

.color-black {
	color: #333;
}

.single-trainer div.s-num {
    width: 30px;
    text-align: center;
}
.single-trainer div {
    display: inline-block;
    vertical-align: top;
}

.color-bold-black {
	font-weight: bold;
	color: #333;
}

.msg {
	text-align: center;
	color: #f00;
	font-weight: bold;
}

#using-email-templates {
	position: absolute;
	top: 150px;
	left: 150px;
	width: 600px;
	border: 2px solid #000;
	border-radius: 10px;
	box-shadow: 5px 5px 5px #ccc;
	background: #fff;
	overflow: hidden;
	display: none;
}

#using-email-templates .heading {
	background: #ccc;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	
}

#using-email-templates ul {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	height: 300px;
	overflow-y: scroll;
}

#using-email-templates ul li {
	padding: 7px 5px;
	border-bottom: 1px dashed #ccc;
	display: block;
	margin: 0;
}

#using-email-templates ul li div.template-body {
	display: none;
}