.course-header{
    text-align:center;
    font-size:35px; 
    margin-bottom:10px; 
    color:#0072bb;
}
.para-just{
    text-align: justify;
    padding-left: 25px;
   
}
.para-just span{
    text-align: justify;
}
.para-just  i{
padding-right: 10px;
  
    
}
.para-heading{
    font-size: 24px;
    padding:25px 25px 0 25px;
}
.module-features img{
  margin-left: 20px;
}
.module-features p{
    margin-top: -20px;
    margin-left: 20px;
}
.d-none{
    display: none;
}
.para-full{
	 float:left;
	  width:60%;
}


table tr td{
    border: none!important;
/*    border-right: 1px solid #fff!important;*/
    border-bottom: 1px solid #ccc!important;
    border-right: 1px solid #ccc!important;
    padding: 10px;
}
table tr:nth-child(1){
     border-bottom: none!important;
  /* background-color:#0072bb;
    color:#fff;
    text-transform:uppercase!important;*/
    
}/*
table tr:nth-child(3),table tr:nth-child(5),
table tr:nth-child(7),table tr:nth-child(9),table tr:nth-child(11),table tr:nth-child(13),
table tr:nth-child(15),table tr:nth-child(17),table tr:nth-child(19),table tr:nth-child(21),
table tr:nth-child(23){
    background-color:#c9cdd0;
    color:#54575c;
    text-transform:capitalize;
}
 table tr th{
      text-align: center;
    padding: 10px!important;
}
table tr td{
    text-align: center;
    padding: 10px!important;
     text-transform:capitalize;

    
}*/
.fa-arrow-circle-right{
      color:#0072bb;
      font-size: 21px;
}
/*
.enquery-btn a{
    border: 1px solid #0072bb;
    border-radius: 12px;
    background-color:#0072bb;
    color: #fff;
    padding: 15px;
    text-transform: uppercase;
}
.enquery-btn a:hover{
    border: 1px solid #ff0000;
    background-color: #ff0000;
    color: #fff;

    transition-duration: 0.9s;
  
}
*/
 /* ============================== */
 /* 1.0 Body 						  */
 /* ============================== */

 body {
 	background: url(images/bggradient.jpg) repeat-x top center ;
 	font-size: 14px;
 	font-family: 'Open Sans', sans-serif;
 	color:#999;
 }

.floated-right {
	float: right !important;
}

 /* ============================== */
 /* 2.0 Header					  */
 /* ============================== */

 .container.top {
 	position: relative;
 }

 .container.top.cover {
 	background: #fff;
 	border-bottom: 2px solid #E1E1E1;
 }

 .container.top.cover .row {
 	border-bottom: none;
 }

 #left-wing {
 	content: "dsada";
 	display: block;
 	left: 0;
 	position: absolute;
 	top: 0;
 }

 #right-wing {
 	content: "";
 	display: block;
 	right: 0;
 	position: absolute;
 	top: 0;
 }

 .topbar {
 	padding-bottom: 20px;
 	position: relative;
 }

 .topbar:after {
 	position: absolute;
 	width: 100%;
 	content: "";
 	height: 1px;
 	bottom: 10px
 }

 .top .row{
 	position: relative;
 	min-height: 15px;
 }

 .row{
 	position: relative;;
 }


 /* ============================== */
/* 2.1 Social icons
/* ============================== */

.social-icons{
	list-style: none;
	text-indent: -99999px;
	margin-top:10px;
}

.social-icons  li{
	float: left;
}

.social-icons li a {
	background-repeat: no-repeat;
	display: block;
	height: 39px;
	width: 39px;
}

#social-ico-twitter, #social-ico-facebook, #social-ico-pinterest, #social-ico-rss {
	width:39px;
	height: 39px;
	margin-right: 10px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

#social-ico-twitter {
	background-position: 0px px;
}

#social-ico-facebook {
	background-position: -49px 0px;
}

#social-ico-pinterest {
	background-position: -99px 0px;
}

#social-ico-twitter:hover {
	background-position: 0px -39px;
}

#social-ico-facebook:hover {
	background-position: -49px -39px;
}

#social-ico-pinterest:hover {
	background-position: -99px -39px;
}

#social-ico-rss {
	background-position: -227px 0px;
}

#ico-phone, #ico-mail {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	width:28px;
	height: 28px;
	margin: 5px 10px 0px 0px;
	border-radius: 25px
}


#ico-phone {
	background-position: -157px -6px;
}

#ico-mail{
	background-position: -193px -6px;
}

/* ============================== */
/* 2.2 Site header
/* ============================== */

#logo {
	margin:12px 0px	;
}

.top form {
	margin-top:15px;
}

.search-box {
	float: right;
	padding:7px 12px 7px 28px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	font-size: 13px;
	color:#999;
	background: url("images/search-ico.png") no-repeat 10px;
	min-width: 20%;
}


/* ============================== */
/* 2.3 Navigation
/* ============================== */

.selectnav { display: none; }

#navigation { float: right; margin-top: 4px;}
#navigation ul,
#navigation li { list-style:none; padding:0; margin:0; }

#navigation ul li a {
	font-size: 14px;
	font-weight: 600;
	margin: 31px 10px 28px 10px;
	text-transform: uppercase;
}

#navigation ul ul {
	margin: -2px 0 0 5px;
	border:1px solid #ededed;
	border-radius: 5px;
	padding:10px;
}

#navigation ul ul li a {
	font-size: 12px;
	font-weight: normal;
	margin: 0 10px;
	padding: 10px 5px;
	width: 150px;
}

#navigation ul ul li:last-child a, #navigation ul ul li:last-child a:hover {
	border-bottom: 1px solid transparent
}

#navigation ul ul ul li:last-child a {
	border-bottom: 1px solid transparent !important
}



#current {
	font-weight: bold !important;

}

#navigation  ul > li.current-menu-ancestor > a,
#navigation > div > ul > li.current-menu-item > a,
#current {
	font-weight: bold !important;
}

#navigation  ul > li.current-menu-ancestor li.current-menu-ancestor > a {
	border: none !important;
	font-weight: normal;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}


/* ============================== */
/* 3.0 Repeatable Patterns
/* 3.1 Typography
/* ============================== */


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: inherit;
}

h1 {
	font-size: 28px;
	font-weight: 400;
	line-height: 38px;
	margin: 25px 0;
}

h2 {
	font-size: 16px;
	line-height: 34px;
	font-weight: 600;
	margin: 25px 0;
}

h3 {
	font-size: 16px;
	line-height: 34px;
	margin: 24px 0 12px 0;
	font-weight: 600;
}

h3 span {
	font-weight: 400;
	font-style: italic;
}

h4 {
	font-size: 14px;
	line-height: 30px;
}

h5 {
	font-size: 12px;
	line-height: 24px;
	font-weight: 400;
}

h6 {
	font-size: 10px;
	line-height: 21px;
}

p {
	margin: 0 0 15px 0;
	line-height: 22px;
	font-size: 14px;
	font;
}

p img {
	margin: 0;
}

p.lead {
	font-size: 21px;
	line-height: 27px;
}

a {
	text-decoration: none;
	color: #999;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

small {
	font-size: 80%;
}

hr {
	border: solid #ddd;
	border-width: 1px 0 0;
	clear: both;
	margin: 25px 0;
	height: 0;
}

.introp {
	font-weight: bold;
}
.introp .dropcap {
	font-weight: normal;
}

.dropcap {
	float: left;
	font-size: 58px;
	line-height: 54px;
	margin-top: -2px;
	padding-right: 10px;
	padding-top: 4px;
}

.unstyled {
	list-style: none
}
span.muted { display: none }


textarea,
input {
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 8px 10px;
	margin-bottom: 8px;
	font-size: 12px;
	min-width: 30%
}
textarea {
	min-width: 80%;
	min-height: 170px
}

/* ============================== */
/* 3.2 Highlights
/* ============================== */

.highlight.color,
.highlight.grey,
.highlight.light { padding: 0px 5px; color: #fff; border-radius: 2px; }


.highlight.grey { background: #4c4c4c; }
.highlight.light { background: #aaa; }

/* ============================== */
/* 3.3 Margins
/* ============================== */

.no-margin-top{margin-top:0;}
.margin-top-20 {margin-top:20px;}
.no-margin-bottom{margin-bottom:0;}
.margin-bottom-20{margin-bottom:20px;}

.more, .more a {font-weight: 700;}

/* ============================== */
/* 3.4 Floats
/* ============================== */

.left{float: left;}
.right{float: right;}

/* ============================== */
/* 3.5 Buttons
/* ============================== */

.button {
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	color:#ffffff;
	font-weight:bold;
	font-style: normal;
	padding: 8px 10px;
	font-size: 14px;
	margin: 0px 8px;
	text-decoration:none;
	text-shadow:0px -1px 0px #ffb100;
	cursor: pointer;
	line-height: 18px;
	-webkit-transition:  0.3s ease-in-out;
	-moz-transition:  0.3s ease-in-out;
	-ms-transition:  0.3s ease-in-out;
	-o-transition:  0.3s ease-in-out;
	transition:  0.3s ease-in-out;
}
.button.small-bt {
	padding: 5px 6px;
	font-size: 13px;
	margin: 0px 5px;
}
.button.big-bt {
	padding:12px 15px;
	font-size:14px;
	margin:0 10px;
}
.yellow.button{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffd400), color-stop(1, #ffb100) );
	background:-moz-linear-gradient( center top, #ffd400 5%, #ffb100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd400', endColorstr='#ffb100');
	background-color:#ffd400;
	border:1px solid #ffa800;
	text-shadow:0px -1px 0px #ffb100;
}
.yellow.button:hover {
	opacity: 0.8;
	color:#fff;
}

.blue.button{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #72dfef), color-stop(1, #39c3df) );
	background:-moz-linear-gradient( center top, #72deef 5%, #39c3df 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72deef', endColorstr='#39c3df');
	background-color:#72deef;
	border:1px solid #12a0ca;
	text-shadow:0px -1px 0px #2fc6e1;

}
.blue.button:hover{
	opacity: 0.8;
	color:#fff;
}

.grey.button{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d7d7d7), color-stop(1, #b9b9b9) );
	background:-moz-linear-gradient( center top, #d7d7d7 5%, #b9b9b9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7d7d7', endColorstr='#39c3df');
	background-color:#d7d7d7;
	border:1px solid #8b8b8b;
	text-shadow:0px -1px 0px #b8b8b8;
}
.grey.button:hover{
	opacity: 0.8;
	color:#fff;
}

.green.button{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bee147), color-stop(1, #91c719) );
	background:-moz-linear-gradient( center top, #bee147 5%, #91c719 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bee147', endColorstr='#91c719');
	background-color:#bee147;
	border:1px solid #67ab05;
	text-shadow:0px -1px 0px #8dc91a;
}
.green.button:hover{
	opacity: 0.8;
	color:#fff;
}
.orange.button{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc151), color-stop(1, #ff951f) );
	background:-moz-linear-gradient( center top, #ffc151 5%, #ff951f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc151', endColorstr='#ff951f');
	background-color:#bee147;
	border:1px solid #ff7108;
	text-shadow:0px -1px 0px #ff911f;
}
.orange.button:hover{
	opacity: 0.8;
	color:#fff;
}
.button:active {
	top:1px;
}

.no-margin{
	margin:0;
}

/* ============================== */
/* 4.0 Content
/* ============================== */

.features h2 {
	margin-top:35px;
}

.content, .news, .testimonials, .clients {
	/*background:#fff;*/
	padding-bottom:20px;
	padding-left: 0px;
	padding-right: 0px;
}

.clients {
	padding-bottom: 35px;
}

#page-title {
	position: relative;
}

#page-title h2 {
	margin:28px 0; line-height: 38px;
}

#page-title ul {
	position: absolute;
	top:35px;
	right:0px;
}

.features [class^="icon-"], .features [class*=" icon-"] {
	margin-right: 10px
}


.gallery-icon {
	position: relative;
}

.gallery-icon.fourcol {
	width: 33.3%;
	margin:0px !important;
	float: left;
	padding: 0;
}
.gallery {
	margin: auto;
}
.gallery .gallery-item {
	float: left;
	text-align: center;
	width: 33%;
}
.gallery-icon img {
	display: block;
}
.gallery-icon a {
	display: block;
}
.gallery .gallery-caption {
	margin-left: 0;
}
.video-cont {
	text-align: center;
	padding: 20px 0px 0px;
}
.entry .video-cont {
	padding: 0px 0px 20px;
}

.info-bar.alt {
	text-align: center;
	padding-bottom: 25px;
}
.info-bar.alt h2 { margin-bottom: 10px; }
.info-bar .yellow-button {
	margin:0 15px;
}


.work{
	padding-bottom:40px;
}

.news h3{
	line-height: 18px;
}

.news h5{
	margin: 0 0 15px 0;
}

.testimonials img.avatar,
#comments-widget img.avatar,
#comments img.avatar {
	float:left;
	width: 63px;
	height: 63px;
	/*-webkit-border-radius: 50px;
	border-radius: 50px;*/
	margin: 10px 15px 0 0;
}

.clients-jc {
	list-style: none;
	padding-bottom: 2px;
}

.clients-jc li {
	float: left;
	margin:0px;
}



/* ============================== */
/* 4.1 Tag list Sidebar & Blog Entry
/* ============================== */

#tags {
	margin:30px 0 0;
	border-top: 1px solid #f3f3f3;
	padding:30px 0 25px;

}
#tags ul.tags-list {
	display: block;
	padding-left: 35px;
	margin:0;
	list-style: none;
}

ul.tags-list  li {
	list-style:none;
	padding:0;
	margin:0;
	display:inline;
}
ul.tags-list  li{
	float:left;
	margin:0 5px 10px 0;
}

ul.tags-list li a {
	display: inline-block;
	text-decoration: none;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	font-style: bold;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding:4px 14px;
}
ul.tags-list  li a:hover {
	-webkit-transition:  0.1s ease-in-out;
	-moz-transition:  0.1s ease-in-out;
	-ms-transition:  0.1s ease-in-out;
	-o-transition:  0.1s ease-in-out;
	transition:  0.1s ease-in-out;
}
#tags-widget ul.tags-list{
	padding:0;
}

/* ============================== */
/* 4.2 Entry navigation
/* ============================== */

#post-nav{
	padding:0px;
}

#post-nav h4{
	font-size: 16px;
	font-weight: 600;
	line-height: 18px;
}
#post-nav div p{
	font-size: 13px;
	text-transform: uppercase;
	margin: 0;
}
#post-nav div{
	width:43%;

}
#post-nav div.post-prev, #post-nav div.post-next{
	position: relative;
}
#post-nav div.post-prev{
	display: inline-block;
	padding:30px 0 30px 40px;
	text-align: left;
}
#post-nav div.post-next{
	display: inline-block;
	padding:30px 0;
	text-align: right;
	padding:30px 40px 30px 0;

}
#post-nav a.post-prev-ico, #post-nav a.post-next-ico{
	position: absolute;
	width: 8px;
	height: 18px;
	top:45%;
	background: url("images/arrows.png") no-repeat;
}
#post-nav a.post-prev-ico{
	left:0;
	background-position: 0 0;
}
#post-nav a.post-next-ico{
	right:0;
	background-position: -19px 0;
}


.entry ul, .entry ol{
	margin:0 25px 0 15px;
}
.entry ul{
	list-style: circle;
}
.entry ul.slides, .entry ol.slides {
	margin:0px;
}
.entry ul.flex-direction-nav {
	list-style: none;
}


/* ============================== */
/* 4.3 Comments
/* ============================== */

#comments h3{
	padding: 30px 0;
	font-weight: 400;
	font-size: 26px;
}

ol#comments-list li div.comment{
	overflow: hidden;
	margin-bottom: 15px;
}

.comment-body{
	float: right;
	width:87%;
}

.children .comment-body{
	width: 84%;
}

div.comment-body .comment-reply{
	font-size: 12px;
	text-transform: uppercase;
	padding-left: 20px;
	background-position: 0 -83px;
}

.discussion {
	position: relative;
}

.discussion:before {
	content: "";
	height: 10px;
	left: 0;
	position: absolute;
	top: 0;
	width: 44px;
}

.children li {
	position: relative;
}

.children li:before {
	content: "";
	height: 1px;
	left: -44px;
	position: absolute;
	top: 40px;
	width: 44px;
}

.children li:last-child:after {
	content: "";
	height: 100%;
	left: -45px;
	position: absolute;
	top: 41px;
	width: 10px;
}

#comments h4{
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}

#comments ul, #comments ol{
	list-style: none;
	/*margin:0;*/
}

ol#comments-list ul.children{
	margin-left: 75px;
}

ol#comments-list {
	overflow: hidden;
}

/* ============================== */
/* 4.4 Table
/* ============================== */

table.standard-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border:none;
	margin-bottom: 15px;

}

table.standard-table th {
	border-right: none;
	text-align: left;
	background: #eee;
	padding: 10px 15px;
	color: #999;
	vertical-align: top;
	font-size: 14px;
	font-weight: 600;
}

table.standard-table td {
	padding: 10px 15px;
	border-top: none;
	border-right: none;
}

/* ============================== */
/* 5.0 Sidebar
/* ============================== */

#sidebar h2 {
	margin-bottom:0;
	line-height: 22px;
}

#social-widget, #content-widget{
	padding-bottom: 15px;
}

#social-widget ul{
	list-style: none;
}

#social-widget ul li{
	margin:0;
}

#social-widget p{
	margin-top: 0;
}

#social-widget ul li div{
	float: left;
	margin-right: 15px;
}

#content-widget{
	padding-top: 15px;
}

#content-widget p{
	margin-top: 15px;
	font-size: 13px;
}

#content-widget .tabs{
	list-style: none;
	width:100%;
	overflow: hidden;
	margin-bottom: 20px;
}

#content-widget .tabs li{
	float: left;
	margin-right:2px;
}

.google-map {
	height: 300px; margin-top: 45px
}
.google-map.google-map-full {
	margin-top: 0px;
}

#content-widget .tabs li:last-child {
	margin-right:0px;
}

#content-widget .tabs li a {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	padding:1px;
	text-indent: -9999px;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

#content-widget .tabs li.active a {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #72deef), color-stop(1, #39c3df) );
	background:-moz-linear-gradient( center top, #72deef 5%, #39c3df 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72deef', endColorstr='#39c3df');
	background-color:#72deef;
	border:1px solid #18acd1;
}

#content-widget .tabs li a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #39c3df), color-stop(1, #72deef) );
	background:-moz-linear-gradient( center top, #39c3df 5%, #72deef 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#39c3df', endColorstr='#72deef');
	background-color:#39c3df;
	border:1px solid #18acd1;
}

#content-widget .tabs li a:active {
	position:relative;
	top:1px;
}

#content-widget .tabs li a span{
	text-indent: -9999px;
	width:18px;
	margin: 5px 30px;
	display: block;
}


#sidebar h4{
	margin-bottom: 0;
	line-height: 18px;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
}

#sidebar h5{
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 15px;
}

#sidebar h4 a span, #comments h4 a span{
	font-style: italic;
	font-weight: 400;
}

.standard-widget{
	padding: 5px 0 25px;
}
.standard-widget:first-child {
	border-top: 0px
}

.standard-widget ul{
	list-style: circle;
	margin:15px 0 0 15px;
}

.standard-widget ul li{
	line-height: 24px;
	font-size:14px;
}

.active a {
	font-weight: bold;
}
/* ============================== */
/* 6.0 Shortcodes
/* ============================== */

blockquote,
.quote{
	padding: 12px 0 0 0;
	margin-bottom: 10px;
	font-style: italic;
}

blockquote {
	position: relative;
	padding-left: 55px;
}

blockquote:before {
	content: " ";
	display: block;
	position: absolute;
	left:15px;
	top:9px;
	width: 25px;
	height: 25px;
}

.alert, .warning, .success {
	padding: 15px 12px;
	margin-bottom: 10px;
}

.warning{
	background:#fff5d8;
	color:#dcb574;
}
.alert{
	background: #ffe9e2;
	color:#e08686;
}
.success {
	background-color: #EBF6E0;
	color: #5F9025;
}

.quote i, .alert i, .warning i, .success i, div.accordion h4 i{
	width:22px;
	height: 25px;
	display: inline-block;
	margin:0 10px 0 5px;
	vertical-align: middle;
}
div.accordion h4 i{
	width:25px;
}
.quote i{background-position: 0px 0px;}
.warning i{background-position: -105px 0px;}
.alert i{background-position: -130px 0px;}
.success i {background-position: -154px 0px;}


div.accordion h4 i {background-position: -52px 0px}
div.accordion h4:hover i{background-position: -25px 0px}
div.accordion h4.active i{background-position: -79px 0px}

.entry ul.tabs{
	list-style: none;
	border-bottom: 2px solid #eee;
	padding: 10px 0;
	margin:0;
}

.entry ul.tabs li {
	display: inline;
	padding:12px 16px;
	cursor: pointer;
	margin:0 6px 0 0;
	-webkit-border-radius: 2px 2px 0px 0px;
	border-radius: 2px 2px 0px 0px;
}



.entry .tabs-content{
	padding:15px;
}

div.accordion h4{
	padding: 12px;
	margin-bottom: 10px;
	cursor: pointer;
	-webkit-border-radius: 2px 2px 0px 0px;
	border-radius: 2px 2px 0px 0px;
}

div.accordion h4 a{
	font-weight: 400;
	font-size: 14px;
}

div.accordion h4.active{
	margin-bottom: 0px;
}


div.accordion div {
	border-top: none;
	padding: 12px;
	margin-bottom: 10px;
	-webkit-border-radius: 0px 0px 2px 2px;
	border-radius: 0px 0px 2px 2px;
}


/* Progress Bar
====================================*/

.skill-bar {
	position: relative;
	margin: 0 0 10px 0;
}

.skill-bar-content[data-percentage] {
	color: #FFFFFF;
	text-align: right;
	padding: 5px
}

.skill-bar-content {
	width: 0%;
	box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.12);
}

.skill-bar .skill-title {
	color: #fff;
	top: 6px;
	left: 15px;
	position: absolute;
}

.skill-bar .percentage {
	color: #666;
	position: absolute;
	top: 9px;
	left: 90%;
}


#comments-widget ul{
	list-style: none;
}
.tabs-content .tab{
	display:none;
}

/* ============================== */
/* 7.0 Footer
/* ============================== */

.footer{
	padding-bottom:20px;
}

.footer h3{
	font-size:24px; font-weight: 400;
	margin:30px 0;
}

.footer .twitter{
	margin-top:31px;
}

.footer .twitterfeed {
	padding-left: 55px ;
	background: url("images/twitter-ico.png") no-repeat left;
	min-height: 35px
}
.callus {
	font-size: 35px;
}
.tweet_list {
	list-style: none;
	margin:0 0 3px 0;
	font-style: italic;
}

.footer #footer-form p{
	margin:0 0 3px 0;
}

.footer input, textarea, .content-form input, textarea{
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 8px 10px;
	margin-bottom: 8px;
	font-size: 12px;
}

.footer input:focus, textarea:focus, .content-form input:focus, textarea:focus {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}

#error404 {
	background: url('images/404.png') no-repeat left 5px;
	padding: 0px 0px 30px 110px;
}



.footer input, .content-form input{
	width: 80%;
}

#submit {

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #72deef), color-stop(1, #39c3df) );
	background:-moz-linear-gradient( center top, #72deef 5%, #39c3df 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72deef', endColorstr='#39c3df');
	background-color:#72deef;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #18acd1;
	display:inline-block;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	font-style: normal;
	padding:12px 15px;
	text-decoration:none;
	text-shadow:0px -1px 0px #39c3df;
	text-transform: uppercase;
	width:66px;
	cursor: pointer;
}

#submit:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #39c3df), color-stop(1, #72deef) );
	background:-moz-linear-gradient( center top, #39c3df 5%, #72deef 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#39c3df', endColorstr='#72deef');
	background-color:#39c3df;
}

#submit:active {
	position:relative;
	top:1px;
}

/* ============================== */
/* 7.1 Footer bottom
/* ============================== */

.footer-bottom {
	height: 132px;
	padding:25px 0;
}
.scrollup {
	width:32px;
	height:32px;
	text-indent:-9999px;
	background: url('images/footer-top.png') no-repeat;
	display: block;
	margin-top: -30px;
	float: right;
}

.footer-bottom ul {
	list-style:url('images/footer-dot.png');
}

.footer-bottom ul li {
	float: left;
	margin:0 10px;
}

/* ============================== */
/* 8.0 Portfolio
/* ============================== */

#portfolio-container{
	padding-bottom: 40px;
}

#portfolio{
	overflow: hidden;
	width:100%;
}

#portfolio-container .portfolio-item{
	margin-top:40px;
}

.portfolio-item {
	position: relative;
	margin-bottom: 5px;
	-webkit-border-radius: 3px;
	border-radius: 2px;
	overflow: hidden;
	-webkit-box-shadow: inset 0px 1px 1px 0px #dddddd;
	box-shadow: inset 0px 1px 1px 0px #dddddd;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.team .desc,
.portfolio-item .desc{
	padding-bottom: 5px;
	margin-top:-5px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.team img {
	width: 100%;
}

div.desc h4, div.desc p{
	text-align: center;
}
div.desc h4{
	padding-top: 15px;

}
div.desc h4 a{
	color:#444;
}

.portfolio-item:hover div.desc{
	background: #222;
	cursor: pointer;
}

.portfolio-item:hover div.desc h4 a{
	color:#fff;
}

.picture{
	position: relative;

}
.picture a{
	display: block;
	height: auto;
	width: 100%;
	position: relative;
}

.pf-cont img {
	width: 100%;
}
#portfolio .threecol.portfolio-item {
	margin-left: 2%;
	margin-right: 2%;
	padding: 0;
	width:21%;
	float: left;
}
#portfolio .sixcol.portfolio-item {
	margin-left: 2%;
	margin-right: 2%;
	padding: 0;
	width: 46%;
	float: left;
}

#portfolio .fourcol.portfolio-item {
	margin-left: 2%;
	margin-right: 2%;
	padding: 0;
	width: 29.33%;
	float: left;
}

.gallery-icon .overlay,
.thumb-container .overlay,
.portfolio-item .overlay {
	opacity:0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
	display: block;
	width:100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 40;

	cursor: pointer;
	margin:0;
	padding: 0;
}
.gallery-icon .hover-image,
.thumb-container .hover-image,
.portfolio-item .hover-image {
	filter:alpha(opacity=0); /* For IE8 and earlier */
	background:url("images/zoom.png") no-repeat top left;
	left:50%;
	top:40%;
	position: absolute;
	display: block;
	z-index: 45;
	width:49px;
	height: 49px;
	margin-left: -25px;
	margin-top: -25px;
}

.gallery-icon .link-image,
.thumb-container .link-image,
.portfolio-item .link-image {
	filter:alpha(opacity=0); /* For IE8 and earlier */
	background: url("images/link.png") no-repeat scroll left top transparent;
	display: block;
	height: 49px;
	left: 50%;
	margin-left: -20px;
	margin-top: 0;
	position: absolute;
	top: 60%;
	width: 39px;
	z-index: 45;
}

#portfolio-paging {
	float:left;
	width:100%;
	overflow:hidden;
	position:relative;
	margin:-5px 0 10px 0;
}
#portfolio-paging .paging  {
	clear:left;
	float:left;
	position:relative;
	left:50%;
}

#portfolio-paging ul li{
	display:block;
	float:left;
	list-style:none;
	margin:10px 5px;
	position:relative;
	font-size: 14px;
	font-weight: 700;
}
#portfolio-paging .next-prev-page{
	top:0px;
}
#portfolio-paging .paging li {
	position:relative;
	right:50%;
}
#portfolio-paging .paging li a, .next-prev-page li a{
	padding:2px 8px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

#portfolio-paging .next-prev-page, .next-prev-page{
	position: absolute;
	right:0;
	left: none;
}
.next-prev-page{
	top:35px;
	float: left;
}
.next-prev-page li{
	list-style: none;
	float: left;
	margin-left:5px;
}

.view-all {
	border-radius: 20px 20px 20px 20px;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 10px;
	position: absolute;
	right: 50%;
	text-transform: uppercase;
	top: 30px;
	-webkit-transition:  0.1s ease-in-out;
	-moz-transition:  0.1s ease-in-out;
	-ms-transition:  0.1s ease-in-out;
	-o-transition:  0.1s ease-in-out;
	transition:  0.1s ease-in-out;
}

.prev-page a {
	background: url("images/arrows.png") no-repeat scroll 7px 6px #F3F3F3 !important
}
.next-page a {
	background: url("images/arrows.png") no-repeat scroll -11px 6px #F3F3F3 !important
}
.prev-page.active a,
.prev-page a:hover {
	background: url("images/arrows.png") no-repeat scroll 7px -21px #CCCCCC !important
}
.next-page.active a,
.next-page a:hover {
	background: url("images/arrows.png") no-repeat scroll -11px -21px #CCCCCC !important
}

.contact-info {
	padding:5px 20px;
	margin-top: 20px;
}
.aside{
	padding:5px 20px;
	float: right;
	margin:0 0 20px 25px;
	font-size: 12px;
	text-align: left;
	width:115px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
}

.contact-info h4,
.aside h4{
	font-size: 13px;
}

.contact-info p,
.aside p{
	margin-bottom: 10px;
	font-size: 13px;
}


/* ============================== */
/* 8.1 Filters
/* ============================== */

ul#filters,
ul#filters li {
	list-style:none;
	padding:0;
	margin:0;
	display:inline;
}

ul#filters li {
	float:left;
	position:relative;
	margin:0px 5px

}

ul#filters li a {
	display: inline-block;
	text-decoration: none;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	font-style: bold;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding:4px 14px;
}

ul#filters li a.selected,
ul#filters li a:hover {
	-webkit-transition:  0.1s ease-in-out;
	-moz-transition:  0.1s ease-in-out;
	-ms-transition:  0.1s ease-in-out;
	-o-transition:  0.1s ease-in-out;
	transition:  0.1s ease-in-out;
}


/* ============================== */
/* 9.0 FlexSlider
/* ============================== */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px;  position: relative;  zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {
	width: 30px;
	margin: -20px 0 0;
	display: block;
	padding: 2px 8px;
	text-indent: -9999px;
	width: 8px;
	position: absolute;
	bottom: -40px;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next { background-position: -11px 6px; right: 0px; }
.flex-direction-nav .flex-prev { background-position: 7px 6px; left: 0px; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: .3!important; filter:alpha(opacity=30); cursor: default; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -43px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {
	width: 9px;
	height: 9px;
	display: block;
	background: transparent;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active { cursor: pointer;  }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
	.flex-direction-nav .flex-prev {opacity: 1; left: 0;}
	.flex-direction-nav .flex-next {opacity: 1; right: 0;}
}


/* ============================== */
/* 10.0 Carousel
/* ============================== */
.jcarousel {
	position: relative;
	overflow: hidden;
	/* You need at least a height, adjust this to your needs */
	height: 100px;
}

.jcarousel ul {
	width: 20000em;
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
}

.jcarousel li {
	float: left;
}
.recent-news-jc .threecol,
.recent-work-jc .threecol {
	width: 251px;
	margin-right: 45px;
	float: left;
}
.recent-news-jc .fourcol{
	width:351px;
	margin-right:45px;
	float:left;
}
.testimonials-jc .sixcol {
	width: 547px;
	margin-right: 45px;
	float: left;
}

/* ============================== */
/* 11.0 Pricing tables
/* ============================== */

.pricing-table {
	margin-top: 25px;
	margin-bottom: 25px
}
.pricing-table h3 {
	font-size: 18px;
	text-align: center;
	padding: 6px 0;
	margin: 0;
	font-weight: 700;
}

.pricing-table h4 {
	font-size: 24px;
	padding: 20px 0px;
}
.pricing-table ul {
	padding: 0;
	border-top: 0;
	list-style: none;
}

.pricing-table li {
	color: #999;
	background: #fff;
	text-align: center;
	padding: 10px 0;
}

li.sign-up {

	padding: 12px 0;

}

.pricing-table h3,
.pricing-table h4 {
	text-align: center;
	color: #fff;
	margin: 0;
}

.price,
.time {
	display: block;
	line-height: 20px;
}
span.time {
	font-size: 14px;
	font-weight: normal;
	color: #999999
}


/* Featured
====================================*/
.pricing-table.featured  {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.pricing-table.featured:hover {
/*	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);*/
	cursor: pointer;
}


/* ============================== */
/* 12.0 Blog & News
/* ============================== */


.entry{
	padding-top:20px;
	padding-bottom: 40px;
}

#entry-list .entry:not(:first-child){
	padding-top: 40px;
}
.entry h2 { font-size:16px; font-weight: 600; line-height: 34px; margin:0 0 5px 0;}

.entry h2.post-title {
	margin-bottom: 15px
}

ul.entry-info{
	list-style:url('images/footer-dot.png');
	margin: 0;
}
ul.entry-info li {
	text-transform: uppercase;
	float: left;
	margin:10px;
	font-size: 12px;

}

.post-container{
	float:left;
	width:76%;
}

.post-sidebar{
	float: right;
	width:155px;
}
.thumb-container {
	position: relative;
}
.social-container, .thumb-container{
	-webkit-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden;
}
.thumb-container, .thumb-container img{
	width:155px;
	height: 155px;
}
.social-container{
	margin-top:10px;
	padding:15px 20px 10px 20px;
}
.social-container ul{
	list-style: none;
	margin: 0;
}
.social-container ul li{
	margin-bottom: 5px;
}
.social-container h5 {
	font-weight: 600;
}

#entry-paging {
	float:left;
	width:100%;
	overflow:hidden;
	position:relative;
	margin:15px 0 10px 0;
}

#entry-paging .paging  {
	clear:left;
	float:left;
}

#entry-paging ul li{
	display:block;
	float:left;
	list-style:none;
	margin:10px 5px;
	position:relative;
	font-size: 14px;
	font-weight: 700;
}

#entry-paging .next-prev-page{
	top:0px;
}
#entry-paging .paging li {

}
.next-prev-page li a{
	background-repeat: no-repeat;
	border-radius: 2px 2px 2px 2px;
	padding: 2px 8px;
	display: block;
	text-indent: -9999px;
	width: 8px;
}
#entry-paging .paging li a {
	background-repeat: no-repeat;
	border-radius: 2px 2px 2px 2px;
	padding: 2px 8px;
	display: block;
}

#entry-paging .next-prev-page{
	position: absolute;
	right:0;
	left: none;
}


/* Clearfix
================================================== */
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}



/* ================================================== */
/* 13.0 Retina Images (High Resolution)
====================================================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) {

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
		}*/
		#social-ico-twitter, #social-ico-facebook, #social-ico-pinterest, #ico-phone, #ico-mail, #social-ico-rss{
			background-image: url('images/icons@2x.png');
			background-size: 330px 129px;
		}
		#ico-phone { background-position: -157px -6px; }
		#ico-mail {	background-position: -193px -6px; }
		#social-ico-twitter {background-position: 0px 0px; }
		#social-ico-facebook { background-position: -49px 0px; }
		#social-ico-pinterest { background-position: -99px 0px; }
		#social-ico-twitter:hover { background-position: 0px -39px; }
		#social-ico-facebook:hover { background-position: -49px -39px; }
		#social-ico-pinterest:hover { background-position: -99px -39px; }
		#social-ico-rss { background-position: -227px 0px; }


		.search-box{
			background: url("images/search-ico@2x.png") no-repeat 10px;
			background-size: 15px 15px;
		}

		#content-widget .tabs li a .last-posts-ico{
			background:url('images/icons@2x.png') no-repeat -270px -21px;
			background-size: 330px 129px;
		}
		#content-widget .tabs li a .tags-ico{
			background:url('images/icons@2x.png') no-repeat -292px -21px;
			background-size: 330px 129px;
		}
		#content-widget .tabs li a .comments-ico{
			background:url('images/icons@2x.png') no-repeat -311px -21px;
			background-size: 330px 129px;
		}
		#content-widget .tabs li.active a .last-posts-ico, #content-widget ul li:hover a .last-posts-ico{
			background:url('images/icons@2x.png') no-repeat -270px 2px;
			background-size: 330px 129px;
		}
		#content-widget .tabs li.active a .tags-ico, #content-widget .tabs li:hover a .tags-ico{
			background:url('images/icons@2x.png') no-repeat -292px 2px;
			background-size: 330px 129px;
		}
		#content-widget .tabs li.active a .comments-ico, #content-widget .tabs li:hover a .comments-ico{
			background:url('images/icons@2x.png') no-repeat -311px 2px;
			background-size: 330px 129px;
		}

		#tags ul.tags-list{
			background-image:url("images/icons@2x.png");
			background-size: 330px 129px;
		}
		#post-nav a.post-prev-ico, #post-nav a.post-next-ico{
			background-image: url("images/arrows@2x.png");
			background-size: 27px 40px;
		}
		div.comment-body .comment-reply{
			background-image: url("images/icons@2x.png");
			background-size: 330px 129px;
		}
		blockquote:before {
			background-image:url('images/shortcodes@2x.png');
			background-size: 176px 25px;
		}
		.quote i, .alert i, .warning i, .success i, div.accordion h4 i{
			background-image:url('images/shortcodes@2x.png');
			background-size: 176px 25px;
		}
		.footer .twitterfeed {
			background-image: url("images/twitter-ico@2x.png");
			background-size: 41px 36px;
		}

		#error404 {
			background-image: url('images/404@2x.png');
			background-size: 85px 85px;
		}

		.scrollup{
			background: url('images/footer-top@2x.png') no-repeat;
			background-size: 32px 32px;
		}

		.footer-bottom ul{
			list-style:url('images/footer-dot@2x.png');
			background-size: 8px 9px;
		}

		.gallery-icon .hover-image,
		.thumb-container .hover-image,
		.portfolio-item .hover-image{
			background-image:url("images/zoom@2x.png");
			background-size: 49px 49px;

		}
		.gallery-icon .link-image,
		.thumb-container .link-image,
		.portfolio-item .link-image{
			background-image: url("images/link@2x.png");
			background-size: 39px 25px;

		}

		.prev-page a {
			background-image: url("images/arrows@2x.png");
			background-size: 27px 40px;
		}
		.next-page a {
			background: url("images/arrows@2x.png");
			background-size: 27px 40px;
		}
		.prev-page.active a,
		.prev-page a:hover {
			background-image: url("images/arrows@2x.png");
			background-size: 27px 40px;
		}
		.next-page.active a,
		.next-page a:hover {
			background-image: url("images/arrows@2x.png");
			background-size: 27px 40px;
		}
		.flex-direction-nav a {
			background: url("images/arrows@2x.png") no-repeat 0 0 #F3F3F3;
			background-size: 27px 40px;
		}

		.flexslider .flex-next:hover { background: url("images/arrows@2x.png"); 	background-size: 27px 40px; }
		.flexslider .flex-prev:hover { background: url("images/arrows@2x.png"); 	background-size: 27px 40px; }

		ul.entry-info{
			list-style:url('images/footer-dot@2x.png');
			background-size: 8px 9px;
		}
		.next-prev-page li a{
			background-image: url("images/arrows@2x.png");
			background-size: 27px 40px;
		}
	}



	/* ============================== */
/* 14.0 Slider
/* more in /skins/sukces/skin.css
/* ============================== */

.slider-container {
	position: relative;
	overflow: hidden;
}
.slider-container:after {
	content: " ";
	position: absolute;
	bottom: 9px;
	width: 100%;
}

#fakebackground {
	height: 600px;
	position: absolute;
	right: 0;
	top: 45px;
	width: 100%;
	z-index: -1;
}

.ls-sukces .ls-nav-sideleft {
	padding: 5px;
	width: 65px;
	cursor: pointer;
}

.ls-sukces .ls-nav-sideright {
	padding: 5px;
	width: 65px;
	cursor: pointer;
}

.ls-sukces .ls-bottom-slidebuttons {
	padding:5px 10px 0px;
}

/* ============================== */
/* view.js transitions
/* ============================== */

.viewer li{
	-webkit-transition: width 1500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
	-moz-transition: width 1500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
	transition: width 1500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
}
.viewer .caption{
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 1.5s ease-in-out;
	-moz-transition: opacity 1.5s ease-in-out;
	transition: opacity 1.5s ease-in-out;
}
.viewer .current .caption{
	opacity: 100;
	visibility: visible;
}



.excelhr_spec	{ display:block; width:100%; padding:30px 0px 0px 0px; }
.excelhr_spec h1{ color:#166ba8; font-size:24px; font-weight: 600; margin:0px 0px 20px 0px; padding-bottom:12px; background:url("images/headingborder.png"); background-repeat:no-repeat; background-position:center bottom; text-align:center; background-size:120px; }
.col-md-4		{ width:33.33%; float: left; padding:0px 15px; box-sizing: border-box; }

.cor_box		{ border:1px solid #ddd; background:#fff; text-align:center; margin-bottom:20px; position:relative;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
 }
.cor_img		{ border:0px; overflow:hidden; position:relative; }
.cor_img img		{ border:0px; overflow:hidden;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
 }
.cor_box:hover .cor_img > img{
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
	
	} 
.cor_h3 h3		{ margin:0px; font-size: 16px; padding: 5px 0px;  }
.cor_box:hover .cor_h3 h3	{ color:#28c4df }

.cor_box:before, .cor_box:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #ccc;
  -moz-box-shadow: 0 15px 10px #ccc;
  box-shadow: 0 15px 10px #ccc;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.cor_box:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.co_hover	{ position:absolute; left:0px; top:0px; height:0%; overflow:hidden; width:100%; background: rgba(0, 0, 0, 0.3);; z-index:1; text-align: center;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
  }

.co_hover .btn	{ cursor:pointer; position: relative; top:45%; background:#166ba8; padding:8px 10px; border:1px solid #166ba8; color:#fff; border-radius:5px;
  }
.cor_box:hover .co_hover { height:100%; }

@media (min-width: 768px) and (max-width: 1024px) {
	.col-md-4		{ width:40.33%; padding:0px 0px 0px 60px; box-sizing: border-box;justify-content: center;margin-left: 20px;}  
	

}
@media (min-width: 481px) and (max-width: 767px){
	.col-md-4		{ width:70.33%; padding:0px 0px 0px 40px; box-sizing: border-box;justify-content: center;margin-left: 60px;}  
}

.row  .ct_box				{ width:16.66% !important;float: left;}
.err						{ color:#F00; font-size:12px; position:absolute; right:0px; top:0px; } 

/*@media (min-width: 768px) and (max-width: 1024px) {
	.row  .ct_box				{ width:40.33% !important;padding: 20px;text-align: justify; }
}*/

.cd-popup { 
  position: fixed; z-index:11111;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
  position: relative;
  width: 90%;
  max-width:350px;
  min-height:300px;
  margin:2em auto;
  background: #FFF;
  border-radius: .25em .25em .4em .4em;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  /*-webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);*/
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}


.cd-popup-container .cd-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}
.cd-popup-container .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.cd-popup-container .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.is-visible .cd-popup-container {
 /* -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);*/
}
@media only screen and (min-width: 1170px) {
  .cd-popup-container {
    margin:2em auto;
  }
}

.bdown_form	{ }
.bdown_form_box	{ padding:10px 30px 20px 30px; }

.bdown_box		{ margin-bottom:7px; position:relative; }
.bdown_h3 h3	{ padding:5px 5px; text-align:center; background:#333; color:#fff; }
.bdown_p		{ font-size:14px; color:#333; margin-bottom:3px; }
.bdown_input	{ padding:8px 12px; width:100%; border:1px solid #ddd; box-sizing: border-box; color:#333; font-size:14px; }
.bdown_textarea	{ padding:8px 12px; width:100%; border:1px solid #ddd; box-sizing: border-box; height:50px; min-height:50px; }
.bdown_btn .btn  { cursor:pointer; padding:10px 15px; width:100%; border:1px solid #ddd; box-sizing: border-box; background:#166ba8; color:#fff; font-size:16px; }
.bdown_textarea:focus	 {     -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out; }


@media only screen and (min-width:481px) and (max-width:768px) { 
.cor_h3 h3 { font-size: 14px; }
.row  .ct_box				{ width:100% !important; }	
}
@media only screen and (max-width:480px) {
.col-md-4, .row .ct_box				{ width:100% !important; }	
.cor_h3 h3 { font-size:15px; }
}

@media (min-width: 481px) and (max-width: 767px) {
	.para-full{ 
		float:left;
	   width:100%;
		align-content: right;
		padding:20px 20px 20px 40px;
		}
/*	
.cor_box		{ border:1px solid #ddd; background:#fff; text-align:center; margin-bottom:20px; position:relative;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
 }
.cor_img		{ float:right; border:0px; overflow:hidden; position:relative; }
.cor_img img		{ float:right; border:0px; overflow:hidden;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
 }
.cor_box:hover .cor_img > img{
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
	
	} */
}
.leader-deco{
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	padding:2%;
}
.leader-con{
	margin-left:20%;
	color:#000;
}
@media (min-width: 481px) and (max-width: 767px) {
	.leader-deco{
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	padding:10px 10px 10px 20px;
		margin: 50px;
}
	
.leader-con{
	margin-left:20%;
	color:#000;
}
}
.content-ul .right-content{
	padding: 20px;
}
.right-con{
	padding: 10px;
}
.right-con li{
	list-style:disc;
	padding: 10px;
}
.right-con h2{
	color: #F7171B;
}
@media (min-width: 320px) and (max-width: 480px) {
	.cont-contact{
		padding: 10px;
	}
}
@media (min-width: 481px) and (max-width: 767px) {
	.cont-contact{
		padding: 10px;
	}
}