/*
/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ CONTENTS /\/\/\/\/\/\/\/\/\/\/\/\/\/\//\/\/\/\

	 1. IMPORT
	 2. HEADER
	 3. NAVIGATION
	 4. FOOTER & FOOTER WIDGETS
     5. SIDEBAR & SIDEBAR WIDGETS
     6. PORTFOLIO/PROJECTS
     7. BLOG STYLING
     8. HOME PAGE
     9. 404 PAGE
     10. ABOUT PAGE
     11. CONTACT PAGE FORM
     12. ICON LIST
     13. RECENT WORK CAROUSEL
     14. TESTIMONIALS
     15. ICON SERVICE BOXES
     16. PARALLAX
     17. CLIENTS
     18. TYPOGRAPHY
     19. BUTTONS
     20. PRICING TABLES BOXS
     21. TABS
     22. ACCORDION & TOGGLE
     23. PROGRESS SKILL BAR
     24. PROMO BOX
     25. PAGINATION
     26. TITLE
     27. DROPCAPS
     28. HIGHLIGHT
     29. SWIPE J.S SLIDER
     30. CAROUSEL
     31. FLICKR
     33. LIST & BULLETS
     33. BUTTON UP
     34. MEDIA QUERIES
*/

/* =================================================================== */
/* Import Section
====================================================================== */
@import url("font-awesome.css");
@import url("magnified.css");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700");
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 600;
}
body, h1, h2, h3, h4, h5, h6, .button, input[type="button"], input[type="submit"], input[type="text"], input[type="password"], input[type="email"], textarea, select {
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size:13px;
    line-height:20px;
    color:#555;
}
h1 {
    font-size: 28px;
    line-height: 50px;
    margin: 0;
	color:white;
}

h2 {
    font-size: 22px;
    line-height: 30px;
}
.page_title h2.notLogged
{
	padding-bottom:15px;
}
h3 {
    font-size: 16px;
    line-height: 30px;
}
h4 {
    font-size: 14px;
    line-height: 30px;
}
h5 {
    font-size: 12px;
    line-height: 24px;
}
h6 {
    font-size: 10px;
    line-height: 20px;
}
.btn-block
{
	padding:8px 16px;
}
a {text-decoration: none ;}
a:hover{
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color:#555;
}
a:focus{
    outline: none;
    text-decoration: none;
}
.my_requests .table>tbody>tr>td
{
	padding:18px;
	vertical-align:middle;
}
.not-ie a {
    -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}
.serviceBox_3
{min-height: 230px;}
.mrgb-20{
    margin-bottom:20px;
    display:block;
}
.mrgb-30{
    margin-bottom:30px;
}
.mrgb-40{
    margin-bottom:40px;
    display:block;
}
.mrgb-50{
    margin-bottom:50px;
    display:block;
}
.mrgb-60{
    margin-bottom:60px;
    display:block;
}
.mrg-0{
    margin:0 auto;
}

.fa-check-circle-o, .fa-ban
{
	padding-right:25px;
	vertical-align: middle;
}

.verifications .fa-ban
{
	padding-right: 0;
}
/* ==================================== */
/* Praktiki custom CSS                  */

.activity-hr{
	margin-bottom: 28px;
}

p {
	text-align: justify;
}

.input-group-addon
{
	cursor: pointer;
}

.form-group.required label:after {
	content:" *";
	color:red;
}

.form-group.required-gray label:after {
	content:" *";
	color: #9f9f9f;
}
#second_menu{

padding-right: 0;
padding-left: 0;
}

.bot-pd {
	padding-bottom: 20px;
}

/* New Phase 2 */

th.rotate_cell {
	writing-mode: vertical-rl; 
	text-orientation: mixed;
	height: 200px;
	width: 120px;
}

input.final_report {
	width: 100px;
	text-align: right;
}

/* Calendar section -> Schedules controller */

.show-date-boxes,
.schedule-info {
    text-align: center;
    font-size: 1.3em;
}

.hours-count{
    display: block;
	padding-top: 20px;
	font-size: 42px;
	line-height: 42px;
    font-weight: bold;
}
.month-nav{
    margin-bottom: 20px;
}
.left-nav-button, .month-title,  .right-nav-button{
    text-align: center;
    font-size: 1.2em;
    font-weight: bolder;
}

.month-title{
    font-size: 1.8em;
}

.week-row
{
	height: 80px;
	clear: both;
}

.day-box-head-smaller{
    border-right: 1px solid #3498DB;
	border-bottom: 1px solid #3498DB;
	border-top: 1px solid #3498DB;
    width: 14.285%;
    float: left;
    height: 25px;
    text-align: center;
    font-weight: bold;
    display:none;
}
.day-box-head{
    border-right: 1px solid #3498DB;
	border-bottom: 1px solid #3498DB;
	border-top: 1px solid #3498DB;
    width: 14.285%;
    float: left;
    height: 25px;
    text-align: center;
    font-weight: bold;
    display:inline-block;
}

.day-box{
    position: relative;
    border-right: 1px solid #C6C6C6;
	border-bottom: 1px solid #C6C6C6;
    width: 14.285%;
    float: left;
    height: 80px;
    display: inline-block;
}

.small-month .day-box{
	height: 85px;
}

.day-box-head:first-child,
.day-box-head-smaller:first-child {
	border-left: 1px solid #3498DB
}
.day-box:first-child {
    border-left: 1px solid #C6C6C6;
}

.active-day {
	cursor: pointer;
}
.active-day:hover {
	background: #FFFF00;
}

.past-date{
    background: lightgrey;
    color: black;
	cursor: default;
}
.weekend{
    background: #D9EDF7;
}
.other-month{
    background: lightgrey;
    color: lightgrey;
}
.out-of-period{
    background: lightgrey;
    color: white;
}

.day-box.present
{
	background: #FCF8E3;
	cursor: pointer;
}

.day-box.mentored
{
	background: #DFF0D8;
	cursor: pointer;
}

.date-number{
    font-size: 40px;
	line-height: 40px;
	padding: 5px 0 0 5px;
}
.small-month .date-number{
    font-size: 32px;
	line-height: 32px;
	padding: 5px 0;
	text-align: center;
	display: block;
}
.day-box .date1
{
	display: none;
}
.title-reserved-hours{
    position: absolute;
    font-size: 18px;
	height: 42px;
    bottom: 2px;
    right: 8px;
	color: #000055;
}
.notConfirmed .title-reserved-hours{
	color: #880000;
}
.small-month .title-reserved-hours{
	position: static;
	text-align: center;
	font-size: 16px;
}
.past-date .title-reserved-hours{
	color: #8A6D3B;
}
.modified .title-reserved-hours{
	color: #008800;
}

.reserved-hours{
    display: inline-block;
    font-size: 42px;
	line-height: 42px;
	vertical-align: top;
}
.small-month .reserved-hours{
    font-size: 36px;
	line-height: 36px;
}

input.checkButton
{
	display: none;
}
.obqvi_rabotodatel .fa-ban,#usersvuz-ajax-container .fa-ban, #usersmentor-ajax-container .fa-ban
{
	padding-right:0;
}
.obqvi_rabotodatel tbody tr td,
#usersvuz-ajax-container tbody tr td,
.approved_candidates tbody tr td
{
	vertical-align:middle;
}
#newForm .img-rounded
{
	max-height:129px;
}
#usersmentor-ajax-container .dropdown-toggle,#usersvuz-ajax-container .dropdown-toggle,#documents-ajax-container .dropdown-toggle, .obqvi_rabotodatel .dropdown-toggle
	{
		height:35px;
		padding-left:20px;
		padding-right:20px;
		margin:0;
	}
#usersmentor-ajax-container tr td
{
	vertical-align:middle;
}
.partners div img
{
	width:35px;
}
.city_choice.show
{
	width:100%;
	display:block;
}

.choose_one
{
	left: 5px;
    position: relative;
    border-radius: 5px;
	border:3px solid #f2f6ff;
}
.choose_one div
{
	display:inline-block;
	width:330px;
	height:70px;
	background:#f2f6ff;
	border-radius:15px;
	margin:10px;
}
.partners_first
{
	text-align:center;
}
.partners_first div 
{
	width:300px;
	height:180px;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	border:2px solid #a0d9ff;
	border-radius:20px;
	margin-right:30px;
	margin-bottom:30px;
}
.partners_first div img
{
	width:100px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:10px;
}
.uni_in
{
	margin-bottom:50px;
	border-bottom:2px solid #3498db;
	padding-bottom:15px;
}
.partners_first div {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 2s;
  transition-duration: 2s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
   -webkit-animation: fadeIt 2s ease-in-out; 
       -moz-animation: fadeIt 2s ease-in-out; 
         -o-animation: fadeIt 2s ease-in-out; 
            animation: fadeIt 2s ease-in-out; 
  
}	
.sub-line.fs_obj.fs_obj_active
{
	font-weight:bold;
}
.partners_first div:hover, .partners_first div:focus, .partners_first div:active {
  background:rgb(130,215,255);
  color: black;
}
.partners div
{
	margin-bottom:10px;
	vertical-align:top;
}
.dropdown-processed
{
	display:inline-block;
}

/*Partnership*/
.Sofia,.Varna,.Blagoevgrad,.Botevgrad,.Burgas,.VelikoTurnovo,.Pleven,.Albena,.Ruse,.Svishtov,.Gabrovo,.StaraZagora,.Plovdiv,.Shumen,.Pernik
{
	display:none;
}
.classloading
{
	background:url("../images/university/SU.jpg");
}
.classloading2
{
	background:url("../images/university/blagoevgrad.jpg");
}
.classloading3
{
	background:url("../images/university/Varna.jpg");
	background-size:cover !important;
	background-position:top center !important;
}
.classloading33
{
	background:url("../images/university/botevgrad.jpg");
}
.classloading11
{
	background:url("../images/university/plovdiv.jpg");
}
.classloading14
{
	background:url("../images/university/pernik.jpg");
}
.classloading4
{
	background:url("../images/university/burgas.jpg");
}
.classloading5
{
	background:url("../images/university/pleven.jpg");
}
.classloading6
{
	background:url("../images/university/albena.jpg");
}
.classloading7
{
	background:url("../images/university/velikoturnovo.jpg");
	background-position:top center !important;
}
.classloading8
{
	background:url("../images/university/ruse.jpg");
}
.classloading9
{
	background:url("../images/university/svishtov.jpg");
}
.classloading10
{
	background:url("../images/university/gabrovo.jpg");
}
.classloading12
{
	background:url("../images/university/starazagora.jpg");
}
.classloading13
{
	background:url("../images/university/shumen.jpg");
}
.partners .city_choice.classloading7:active
{
	background-position:center !important;
}
.classloading,.classloading2,.classloading3,.classloading33,.classloading4,.classloading5,.classloading6,.classloading7,.classloading8,.classloading9,.classloading10,.classloading11,.classloading12,.classloading13,.classloading14
	{
		background-position:center;
		background-size:cover;
		border-radius:10px;
		border:none;
		height:100px;
		width:250px;
		color:white;
		margin:5px;
		-webkit-box-shadow: inset 0px 0px 183px 200px rgba(0,0,0,0.35);
-moz-box-shadow: inset 0px 0px 183px 200px rgba(0,0,0,0.35);
box-shadow: inset 0px 0px 183px 200px rgba(0,0,0,0.35);
	}
	.classloading,.classloading2,.classloading3,.classloading33,.classloading4,.classloading5,.classloading6,.classloading7,.classloading8,.classloading9,.classloading10,.classloading11,.classloading12,.classloading13,.classloading14
	{
		text-shadow: 0px 0px 15px rgba(255, 255, 255, 1);
	}
	.partners
	{
		text-align:center;
	}
	.partners button {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  font-size:16px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}	
.partners button:hover, .partners button:focus, .partners button:active {
  -webkit-box-shadow: inset 0px 0px 172px 45px rgba(255,255,255,0.7);
-moz-box-shadow: inset 0px 0px 172px 45px rgba(255,255,255,0.7);
box-shadow: inset 0px 0px 172px 45px rgba(255,255,255,0.7);
  color: black;
  font-weight:bold;
}

button.answers{
	width:100% !important;
	margin-bottom:10px;
	font-weight:bold;
	background:#3498DB;
	height:60px;
	text-align:left;
	white-space:normal;
}
.answers div
{
	display:inline-block;
}
.answers div:first-of-type
{
	float:left;
}
.plus
{
	text-align:center !important;
}
.news .panel
{
	margin-bottom:35px;
}
.fa.fa-edit
{
	line-height: 32px;
}	

.news .panel-group .panel .panel-body
{
	height:330px;
	color:white !important;
	padding:0;
	background-position: center !important;
	background-size: cover !important;
	position:relative;
}
/*.panel-group .panel .panel-body#new1
{
	background:url('../modules/images/news.jpg');
}
.panel-group .panel .panel-body#new2
{
	background:url('../images/news2.jpg');
}
.panel-group .panel .panel-body#new3
{
	background:url('../images/news3.jpg');
}*/
.categories a
{
	padding-top:10px;
	padding-bottom:10px;
}
.list-group-item.active.headd
{
	background:#3498DB;
	border:none;
}
.news button
{
	position: absolute;
	bottom: 0;
	right: 0;
	background:#3498DB;
	border-radius:2px 2px 5px 2px;
	padding:5px 35px;
}
.cel
{
	padding-right:10px;
}
.purpose_head
{
	margin-bottom:30px;
}
.purpose_para,.activity_para
{
	margin-bottom:20px;
}
.activity_para
{
	margin-left:30px;
}
.first_text
{
	font-weight:bold;
}
.categories li:first-of-type
{
	font-weight:bold;
	font-size:18px;
}

.answers div.plus
{
	
	width:25px;
	display:inline-block;
	border:2px solid white;
	border-radius:25px;
	float:right;
}
.minus
{
	display:none;
}
.news .panel-heading
{
	margin-top: 21px;
	background:#3498DB;
	color:white;
	font-size:20px;
}
.news .panel-body div
{
	background: rgba(255,255,255,0.9);
	color: black;
	font-weight: bold;
	bottom:0;
	position:absolute;
	padding:25px;
}
/*===Trinees page====*/

.name-of div
{
	color:#337ab7;
	padding: 1px 0;
}

.trainee_style
{
	font-weight: bold !important;
}
.trainee_style div.well-sm
{
	margin-right:-4px;
	margin-left:-2px;
}
.trainee_style .name-of
{
	color:black;
}

.trainee_style .col-sm-9,
.trainee_style .col-sm-3
{
	font-weight:bold;
	text-align:center;
}
.heading
{
	display:inline-block;
	margin-left:15px;
	color:white;
}
.heading:hover
{color:white;}
.student
{
	cursor: pointer;
}
.trainee_header,
.student
{
	margin-left: 0;
	margin-right: 0;
}

.graphic_program, 
.trainee_style .well-lg
{
	text-align:center;
	border:none;
	border-radius:0;
}
.acception_train
{
	background-color:#3498DB;
	color:white;
	text-align:center;
}
.wait_acception
{
	background-color:#edeaea;
	color:#9b9999 !important;
	text-align:center;
}
.wait_acception, .acception_train
{
	padding-top:5px;
	padding-bottom:5px;
	border-radius:5px;
}
.trainee_style .well-sm
{
	padding:0;
	border:none;
	margin-bottom:5px;
	background-color:transparent;
}
.trainee_style div.well-sm > div
{
	background-color:#f5f5f5;
}
.trainee_style div.well-sm > div
{
	border-right:5px solid white;
	padding: 10px 0;
	margin-bottom:10px;
}
.trainee_style .first
{
	text-align: center;
	border-bottom: 1px solid #000000;
}
.col-sm-6.last
{
	text-align:center;
	border-right:5px solid white;
	background-color:#f5f5f5;
}
.col-sm-6.last div:first-of-type
{
	color:black;
}
.graphic_program .col-sm-5
{
	border-top:1px solid #3498DB;	
}
.trainee_style .well-sm > div
{
	text-align:center;
}
.trainee_style .well-sm > div div:first-of-type
{
	padding-bottom:5px;
	color:black;
}
.trainee_style div.well-sm a div.col-sm-6 div.first
{
	border-bottom:3px solid white;
	color:black;
}
	

@media (max-width: 992px){
	.week-row,
	.day-box {
		height: 60px;
	}
	.serviceBox_3 {
    min-height: 260px;
}
	button.answers
	{
		height:auto;
		min-height:60px;
	}
	.my_requests table tr td:before
	{
		font-weight:bold;
	}
	#logo-bar .container 
	{
		width:auto
	}
	.my_requests
	{
		
		margin:0;
	}
	.my_requests table tr th
	{
		display:none;
	}
	.my_requests table td
	{
		display:block;
		padding:2px !important;
	}
	.my_requests table td:first-of-type:before
	{
		content: "Дата на кандидатстване: ";
	}
	.my_requests table td:nth-of-type(2):before
	{
		content: "Позиция: ";
	}
	.my_requests table td :nth-of-type(3):before
	{
		content: "Работодател: ";
	}
	.my_requests table td:nth-of-type(4):before
	{
		content: "Период на практическо обучение: ";
	}
	.my_requests table td:nth-of-type(5):before
	{
		content: "Брой кандидати: ";
	}
	.my_requests table td:nth-of-type(6):before
	{
		content: "Статус: ";
	}
	
    .reserved-hours{
        font-size: 36px;
		line-height: 36px
    }
	.title-reserved-hours{
		height: 36px;
	}
}
@media (max-width: 768px) {
	h2
	{
		font-size:12px;
	}
    .day-box-head{
        display: none;
    }
    .day-box-head-smaller{
        display: inline-block;
    }
	.week-row, 
	.day-box {
		height: 70px;
	}
	
	.date-number {
		display: block;
		padding: 5px 0;
		text-align: center;
		font-size: 28px;
		line-height: 28px;
	}
	
    .reserved-hours{
        font-size: 24px;
		line-height: 24px;
    }
	.title-reserved-hours{
		height: 28px;
		font-size: 14px;
		position: static;
		text-align: center;
	}
	
	.left-nav-button .small-hide,
	.right-nav-button .small-hide,
	.title-reserved-hours span
	{
		display: none;
	}
	
	.month-title
	{
		font-size: 1.4em;
	}
}
/* Dropdown fix */

.dropdown li a {
	cursor: pointer;
}

tr:first-child .dropdown li.moveup,
tr:last-child .dropdown li.movedown {
	display: none;
}

/* Popover fix */

[data-toggle="popover"] {
	cursor: pointer;
}

.name-of .popover-content
{
	padding: 10px;
	color: #662222;
}


option, optgroup {
	max-width: 80vw;
}
.obqvi_rabotodatel .num_candidati
	{display:none;}
/*  Programme  */
@media (max-width: 768px) {
	#programme-table tr td
	{
		display: block;
	}
	.obqvi_rabotodatel thead,
	.approved_candidates thead,
	.trainee_header,
	.ekip_table thead
	{
		display:none;
	}
	.obqvi_rabotodatel .num_candidati
	{display:inline-block;
	margin-right:15px;
	}
	.obqvi_rabotodatel tr td,
	.approved_candidates tr td,
	.ekip_table tr td
	{
		display:block;
	}
	
	.ekip_table tr
	{
		border-bottom: 2px solid #3498DB;
	}
	
	.obqvi_rabotodatel tr td:before,
	.approved_candidates tr td:before
	{
		font-weight:bold;
	}
	.obqvi_rabotodatel tr td:first-of-type:before
	{
		content:"#: ";
	}
	.obqvi_rabotodatel tr td:nth-of-type(3):before
	{
		content:"Позиция: ";
	}
	.obqvi_rabotodatel tr td:nth-of-type(4):before
	{
		content:"Брой студенти: ";
	}

	.obqvi_rabotodatel tr td:nth-of-type(6):before
	{
		content:"Програма: ";
	}
	.obqvi_rabotodatel tr td:nth-of-type(7):before
	{
		content:"Срок за кандидатстване и подбор: ";
	}
	.obqvi_rabotodatel tr td:nth-of-type(8):before
	{
		content:"Период на практическо обучение: ";
	}
	.approved_candidates tr td:nth-of-type(1):before
	{
		content:"Име: ";
	}
	.approved_candidates tr td:nth-of-type(2):before
	{
		content:"ВУ: ";
	}
	.approved_candidates tr td:nth-of-type(3):before
	{
		content:"Обява: ";
	}
	.approved_candidates tr td:nth-of-type(5):before
	{
		content:"Статус: ";
	}
	.approved_candidates tr td:last-of-type
	{
		border-bottom: 2px solid #3091D3;
	}
	#programme-table thead,
	#programme-table tr td:nth-child(1)
	{
		display: none;
	}
	
	#programme-table tr td:nth-child(3),
	#programme-table tr td:nth-child(4),
	#programme-table tr td:nth-child(5)
	{
		text-align: justify;
	}
	#programme-table tr td:nth-child(3):before
	{
		content: "Дейност: ";
		font-weight: bold;
	}
	#programme-table tr td:nth-child(4):before
	{
		content: "Задачи: ";
		font-weight: bold;
	}
	#programme-table tr td:nth-child(5):before
	{
		content: "Планиран резултат: ";
		font-weight: bold;
	}
	
	#programme-table tr td:nth-child(6)
	{
		text-align: center;
	}
	#programme-table tr td:nth-child(6):after
	{
		content: " работни часа";
	}
}

/* Jobs list */

/* Recent Tab
====================================*/
.empty-img
{
	font-size: 72px;
	text-align: center;
	color: #3498DB;
	height: 72px;
	line-height: 72px;
}

.empty-img .mfo
{
	display: block;
	position: absolute;
	left: 10px;
	top:50px;
	font-size: 12px;
}

.jobs_list
{
    margin:0;
    padding:0;
	font-size: 16px;
	line-height: 22px;
}
.jobs_list .row
{
    padding: 15.5px 0 17px;
    border-bottom: 1px solid #ebebeb;
}
.jobs_list .row:last-child {
    border-bottom: 0px solid #f5f6f6;
}

.jobs_list img {
    max-width: 100%;
}
.jobs_list .job-info a {
    color: #444444;
    font-size: 18px;
    text-decoration: none;
}
.jobs_list .job-info a:hover {
    color: #659524;
}
.jobs_list .row span.img img {
    float: left;
    margin-right: 0px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.jobs_list .row span.img img:hover {
    float: left;
    margin-right: 0px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.jobs_list .row i {
    padding: 1px 0px 0px 0px;
    margin: 0px;
    display: block;
    font-style: normal;
    color: #9e9e9e;
    font-family:Lato;
}

@media (max-width: 1200px) {
	.jobs_list {
		font-size: 11px;
		line-height: 16px;
	}
	.jobs_list .job-info a {
		font-size: 12px;
	}
}

/* Verifications *********/

.verifications .vRow
{
	border-bottom: 1px solid #d6d4d4;
	padding: 10px 0;
}

/* =================================================================== */
/* 2. HEADER
====================================================================== */
#header { z-index: 999; background: #fff; /*width:100%;*/ transition: all 0.4s ease-in-out 0s;}

#info-bar{background: white; color: #707270; padding: 5px 0 3px;}
.top-info{width:auto;}
.top-left-user{float:right;}
.top-info ul{ list-style: none; float: right; padding:0; margin: 0;}

.top-info span { font: 13px/28px "open sans"; padding-right: 5px; }

.top-info span i { font-size: 13px; margin-right: 5px; }

.top-info li{ /*float:left;*/}

.top-info li a{
    border-radius: 5px;
    color: white !important;
    display: inline-block;
    font-size: 14px;
    height:auto;
	padding:10px;
    line-height: 11px;
    margin: 0 2px;
    text-align: center;
    transition: background-color 400ms linear 0s;
    width: auto;
    background: none repeat scroll 0 0 #f0ad4e;

}
.top-info li:hover>a                {color:#f0ad4e!important;background-color:#e3e3e3}
.top-info li:hover a.my-tweet       {background:#3ABDD1;}
.top-info li:hover a.my-facebook    {background:#648CD5;}
.top-info li:hover a.my-skype       {background:#00AFFF;}
.top-info li:hover a.my-pint        {background:#DE5656;}
.top-info li:hover a.my-rss         {background:#EF8D1F;}
.top-info li:hover a.my-google      {background:#E73904;}

.ie8 #header {	border-bottom: 1px solid #e9e9e9;}

.pixel-header{
    height: 50px;
    overflow: hidden;
}
.top-menu
{
	float:right;
	width:auto;
}
/* Logo
====================================*/

#logo-bar{
    background:#727CB6;
    padding: 0;
}

#logo{
 
  margin-top: 10px;
}
#logo p{
	margin-top: -30px;
	text-align: center;
	color: #fff;
	line-height: 1;
	margin-left: 77px;
	font-size: 10px;
}

.logo-set
{
	width:auto;
	padding-right:0 !important;
}
.top-menu
{
	padding-left:0;
}

#logo > h1 {
    margin:0;
    line-height: 0;
}
#logo a img {
    max-width:80px;
    height: auto;
    vertical-align: text-top;
}
#logo span
{
	display:inline-block;
}
.content:last-of-type{
    padding:30px 0;
	min-height: 350px;
    position: relative;
}

#myNavbar
{
	z-index:1;
	padding-right: 0;
    padding-left: 0;

}


.functions{
    padding: 30px 0;
}
#sub_blocks{
    padding: 80px 0;
}
.sub_content{
    padding: 30px 0;
}
/*For slider*/
p.slide-heading,.slider .slide2 p.slide-heading, .slider .slide3 .sub-line, #sec_slide
{
	background:white;
	padding:10px;
	border-radius:5px;
	height:35px !important;
}
.slide btn.btn-warning.btn-lg
{
	display:none !important;
}	
#sec_slide
{
	margin-left:60px;
}
.fraction-slider p, .fraction-slider a
{
	width:auto !important;
	height:40px;
}
.fraction-slider .prev, .fraction-slider .next
{
	width: 36px !important;
}
.fraction-slider .next:before, .fraction-slider .prev:before
{
	top:-12px;
}
.fraction-slider .btn
{
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);
	font-size:18px !important;
}
.slider .slide1 .slide-heading span.info_sl
{
	font-size:14px !important;
	color:black;
	font-weight:bold;
}

	.slide-heading.fs_obj.fs_obj_active
	{
		font-size:14px !important;
		font-weight:bold;
		vertical-align:middle;
	}
/* page_head Title
====================================*/
.page_head {
    background: url("../images/page-title-head.png") repeat;
    border-bottom: 3px solid #dcdbd7;
    padding: 16px 0 0;
    position: relative;
}

.page_title{
    margin-top: 60px;
    display: inline-block;
}

.page_title h2 {
    color: #676767;
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin-top: 0;
    text-transform: uppercase;
    border-bottom: 3px solid #727CB6;
    margin: 0;
    padding-bottom: 17px;
    bottom: -3px;
    position: absolute;
}

/* Breadcrumbs
====================================*/
#breadcrumbs{float: right;font-weight:400;   /* margin-top: 16px;*/}

#breadcrumbs ul {
    font-size: 12px;
    padding: 0;
    margin: 0;
}

#breadcrumbs>ul>li {
    display: inline-block;
    color: #888;
    padding: 0 11px 0 0;
    margin: 0 0 0 5px;
    background: url(../images/breadcrumbs.png) no-repeat 100% 55%;
}
.top-info_first{ margin-top:6px;}
#breadcrumbs ul li a { color: #727CB6; }
#breadcrumbs ul li a b {font-weight:400;}
#breadcrumbs ul li:first-child { padding-right: 0; margin-left: 0;/*margin-top:12px; */}

#breadcrumbs ul li:first-child,
#breadcrumbs ul li:last-child {
    color: #888;
    background: none;
}

#breadcrumbs ul li:last-child { padding:0; background: none; }
#breadcrumbs ul li:first-child{
	/*margin-top: -20px;*/
	margin-left: 8px;
	display: block;
}
/* =================================================================== */
/* 3. NAVIGATION
====================================================================== */
/*
  Add some SmartMenus required styles not covered in Bootstrap 3's default CSS.
 These are theme independent and should work with any Bootstrap 3 theme mod.
*/
.navbar-nav ul
{
    width:100%;
    min-width:187px!important;
    padding:0;
    border: 0;
}

.navbar-toggle{
    background:#303436;
    border:none;
    padding:10px;
    border-radius:3px;
    margin-top:13px;
    margin-right: 5px;
}
.navbar-default{
    background: none;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background:#303436;
}
.navbar-default .navbar-toggle .icon-bar{
    background-color:#fff;
    height:3px;
}
.navbar{
    margin-bottom: 0;
    min-height:35px;
    border:none;
    float: right;
}

/* sub menus arrows */
.navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
    position:static;
    margin-top:0;
    margin-right:0;
    margin-left:6px;
    display:inline-block;
    width:0;
    height: 0;
    overflow:hidden;
    vertical-align:middle;
    border-top:4px solid;
    border-right:4px dashed transparent;
    border-bottom:4px dashed transparent;
    border-left:4px dashed transparent;
}
.navbar-nav > li > .has-submenu .sub-arrow {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    width:8px;
    height: 8px;
    line-height: 8px;
    border-width: 0px;
}
.navbar-nav > li > .has-submenu .sub-arrow:before {
    content: "\f107";
}
.navbar-nav ul .sub-arrow {
    position:absolute;
    right:0;
    margin-top:6px;
    margin-right:15px;
    border-top:4px dashed transparent;
    border-bottom:4px dashed transparent;
    border-left:4px solid;
}
.navbar-nav ul a.has-submenu {
    padding-right:30px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border-color: transparent;
    padding: 0;
}
/* scrolling arrows for tall menus */
.navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
    position:absolute;
    display:none;
    visibility:hidden;
    height:20px;
    overflow:hidden;
    text-align:center;
}
.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
    position:absolute;
    top:-2px;
    left:50%;
    margin-left:-8px;
    width:0;
    height:0;
    overflow:hidden;
    border-top:7px dashed transparent;
    border-right:7px dashed transparent;
    border-bottom:7px solid;
    border-left:7px dashed transparent;
}

.navbar-nav span.scroll-down-arrow {
    top:6px;
    border-top:7px solid;
    border-right:7px dashed transparent;
    border-bottom:7px dashed transparent;
    border-left:7px dashed transparent;
}
.navbar-default .navbar-nav li a{
    color:#555;
    text-transform:uppercase;
    font-size: 14px;
    font-weight: 500;
    line-height:15px;
}

.navbar-default .navbar-nav > li:first-child{
    border-left:none;
}
.navbar-default .navbar-nav > li > a{
    color:#fff;
    padding:40px 9px;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover
{
    background:none !important;
    color: #fff;
}

.navbar-nav > li.active {
    background: #505B95;
    border: none;
}
.navbar-nav > li:hover{
    background: #505B95;
    transition:all 0.2s ease-in-out 0s;
}
.dropdown-menu{z-index:10000 !important;}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus{
    background: #505B95;
    color: #fff;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover{ background-color: #fff; }

/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
.navbar-nav .collapsible ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul .dropdown-menu .dropdown-header {
    padding-left:35px;
}
.navbar-nav .collapsible ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul .dropdown-menu .dropdown-header {
    padding-left:45px;
}
.navbar-nav .collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul ul .dropdown-menu .dropdown-header {
    padding-left:55px;
}
.navbar-nav .collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul ul ul .dropdown-menu .dropdown-header {
    padding-left:60px;
}
.navbar-nav .dropdown-menu > li > a {
    white-space:normal;
    font-size: 13px;
    padding:12px 20px;
    border-bottom:1px solid #e4e4e4;
}
.navbar-nav .dropdown-menu > li:last-child a {
    border-bottom:none;
}
.navbar-nav .dropdown-menu > li > a:hover
{
    color: #fff;
    background: #727CB6;
}
.navbar-nav ul.sm-nowrap > li > a {
    white-space:nowrap;
}
/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
.navbar-nav .collapsible ul {display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
.navbar-nav .collapsible ul.sm-nowrap > li > a {white-space:normal;}
.navbar-nav .collapsible iframe{display:none;}
/* disable Bootstrap 3's global box-sizing:border-box; for the menus as it doesn't play nice with SmartMenus */
ul.sm li *,ul.sm li *:before,ul.sm li *:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus
{
    border-color:transparent!important;
    background-color: #727CB6;
    color: #fff !important;
}

/*--------Animation_Hover_Effect_CSS---------------*/
.navbar-nav > li:hover > ul{
    -moz-animation: fadeInUp .4s ease-in;
    -webkit-animation: fadeInUp .4s ease-in ;
    animation: fadeInUp .4s ease-in;
}

.navbar-nav > li > ul.dropdown-menu li:hover ul{
    -moz-animation: fadeInUp .5s ease-in ;
    -webkit-animation: fadeInUp .5s ease-in ;
    animation: fadeInUp .5s ease-in;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
/*--------//Animation_Hover_Effect_CSS---------------*/

/* ===================================================== */
/* 4. FOOTER & FOOTER WIDGETS												 */
/* ===================================================== */
.footer_bottom{
    background:#292F38;
    padding:20px 0;
    color:#fff;
}
.footer{
    background:#323A45;
    padding:30px 0;
    position: relative;
    color:#fff;
}
/* Footer Widgets
====================================*/

.widget_content{
    margin-top: 15px;
}
.widget_content > p {
    font-family: Pt Sans;
    font-size: 14px;
}
.widget_content > ul.logos li {
	height: 73px;
	padding: 10px;
}
.widget_content > ul.logos img {
	float: left;
	height: 53px;
	margin-right: 10px;
}

.copyright {
    color: #AAAAAA;
    font-size: 11px;
    line-height: 25px;
    margin: 0;
}
.copyright a{
    color:#fff;
    text-decoration:none;
}
.copyright a:hover{
    color:#aaa;
}
.sidebar .widget h4 span
{
    background:#fff;
    color:inherit;
}


/* Contact Widget
====================================*/
.contact-details-alt{padding:0;}
.contact-details-alt li{list-style:none;}
.contact-details-alt li p strong { color:#fff; float: left; margin: 0;font-size:12px;width:25%;}
.contact-details li p strong { color:#666; float: left; margin: 0 5px 5px 0; }
.contact-details-alt li {
    margin: 0 0 5px 0;
}
.contact-details p,
.contact-details li,
.contact-details a {color: #666;}
.contact-details-alt p {
    line-height: 18px;
    width: 100%;
    margin:0;
}
.contact-details-alt p a {
    color: #FFFFFF;
    font-weight: 700;
    font-size:12px;
}
.contact-details-alt p a:hover {
    color: #919191;
}
.contact-details-alt li i {
    float: left;
    font-size: 12px;
    margin: 2px 0 0 0 ;
    width: 15px;

}
.widget_info_contact{padding:0;margin-top:20px;}
.widget_info_contact li{list-style:none;}
.widget_info_contact li p strong { color:#666; float: left; margin: 0 5px 5px 0;font-size: 12px;width:20%;}
.widget_info_contact li {
    margin: 0 0 5px 0;
}
.widget_info_contact p {
    margin: 0 0 0 20px;
    line-height: 18px;
    overflow:hidden;
}
.widget_info_contact p a {
    color: #666;
    font-weight: 600;
    font-size: 12.5px;
}
.widget_info_contact p a:hover {
    color: #919191;
}
.widget_info_contact li i {
    float: left;
    margin: 1px 0 0 0;
}

/* Social Widget
====================================*/
.widget_social {
    list-style: none outside none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}
.widget_social li {
    float: left;
    background: none !important;
}
.widget_social li a {
    color: #666;
    display:block;
    height: 46px;
    text-align: center;
    width: 46px;
    border-radius:50%;
    -webkit-border-radius: 50%;-moz-border-radius: 50%;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}
.widget_social li a i {
    font-size: 22px;
    line-height: 46px;
    margin-right: 0;
    float: none;
}
.widget_social li a.fb:hover      {color: #2f5a9a;}
.widget_social li a.twtr:hover    {color: #3abdd1;}
.widget_social li a.gmail:hover   {color: #363636;}
.widget_social li a.pinterest:hover{color: #d13a3a;}
.widget_social li a.rss:hover     {color: #f15200;}
.widget_social li a.tumblr:hover  {color: #203550;}
.widget_social li a.flickrs:hover        {color: #ff0084;}
.widget_social li a.instagram:hover     {color: #507ea4;}
.widget_social li a.linkedin:hover      {color: #0072b2;}
.widget_social li a.skype:hover         {color: #00aaf1;}
.widget_social li a.youtube:hover       {color: #ff3330;}
.widget_social li a.dribbble:hover      { color: #f973a4;}

/* =================================================================== */
/* 5. Sidebar & Sidebar Widgets
====================================================================== */
.sidebar .widget {
    display: block;
    float: left;
    /*height: 100%; Не може да е така */
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}

.sidebar .widget ul.list_style{
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
}
.sidebar .widget ul.list_style li{
    list-style:none;
    border-bottom:1px solid #f2f2f2;
    font-size: 12px;
    line-height: 20px;
    padding: 8px 2px 8px 12px;
}
.sidebar .list_style li:before
{
    font-family: FontAwesome;
    content: "\f105";
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 8px;
}
.sidebar .widget ul.list_style li a {
    color: #777;
    font-size: 13px;
    line-height: 20px;
}
.sidebar .widget ul.list_style li a:hover {
    color:#727CB6;
}

/* Site Search
====================================*/
.site-search-area {
    margin: 0px;
    padding: 0 0 30px;
}
#site-searchform {
    margin: 0;
    padding: 0;
}
#site-searchform #s{
    border: 1px solid #eee;
    background-color: #fff;
    width: 82%;
    height:41px;
    padding:5px 10px 5px 10px;
    color: #999;
    float: left;
    font: normal 12px "Open sans", Helvetica, Arial, sans-serif;
}
#site-searchform #s:focus{
    border: 1px solid #E74C3C;
    background-color: #fff;
    width: 82%;
    height:41px;
    padding:5px 10px 5px 10px;
    color: #999;
    float: left;
    font: normal 12px "Open sans", Helvetica, Arial, sans-serif;
}
#site-searchform #searchsubmit{
    float: left;
    width:18%;
    height:41px;
    cursor:pointer;
    text-indent:-5555em;
    line-height:100;
    overflow:hidden;
    background: #727CB6 url(../images/search-icon.png) no-repeat center 14px;
    border:0;
    transition:all 0.4s ease-in-out;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -ms-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
}
#site-searchform #searchsubmit:hover{
    background: #383634 url(../images/search-icon.png) no-repeat center 14px;
}
.gray_border {
    width: 100%;
    height: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #DCDCDC;
}

ul.tags {
    padding: 0;
    margin: 5px 0 15px;
    float: left;
}
.tags li {
    float: left;
    padding: 0px;
    margin: 0px 5px 5px 0px;
    list-style-type: none;
    line-height: 25px;
}
.tags li a {
    border: 1px solid #f2f2f2;
    color: #909090;
    float: left;
    font-size: 12px;
    padding: 3px 8px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.tags li a:hover {
    background-color: #727CB6;
    color: #fff;
}

/* Recent Posts Widget
====================================*/
.links{
    margin:0;
    padding:0;
}
.links li{
    list-style:none;
}
.links i {
    margin-right: 2px;
}

.links li a {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
}
.footer li a:hover{
    color:#727CB6;
}
.links li span {
    display: block;
    color: #919191;
    font-size: 12px;
    margin-bottom: 6px;
}

/* ========================================================== */
/*  6. PORTFOLIO/PROJECTS                                     */
/* ========================================================== */

.isotope-item {
    z-index: 2;
}

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

/* Isotope CSS3 transitions */
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

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

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

/* Disabling Isotope CSS3 transitions */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

/* Disable CSS transitions for containers with infinite scrolling */
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

#portfolio{
    width:100%;
    padding-bottom:120px;
    position:relative;
    z-index:9;
}
#filter {
    margin: 0 auto 25px 15px;
    overflow: hidden;
    padding: 5px 0 0;
    position: relative;
    text-align: left;
    width: auto;
    z-index: 10;
}
#filter li {
    float: left;
    list-style: none outside none;
    margin: 0 1px 10px;

}
#filter li a{
    color:#505354;
    padding:10px 20px;
    font-size:14px;
    position: relative;
    line-height: 12px;
    font-family: Arial, Helvetica, sans-serif;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
    transition: all .50s ease-in-out;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    outline:none;
    text-decoration: none;
}

#filter li.selected a, #filter li a:hover{
    color:#727CB6;
}
#filter li.selected a:after, #filter li a:hover:after {
    background: #727CB6;
    width: 100%;
}
#filter  li a:after,
#filter  li a:before {
    transition: all .5s;
}
#filter li a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width:0%;
    content: '.';
    color: transparent;
    height: 2px;
}
#filter li a:hover:after {
    width: 100%;
}

#list{ margin-bottom:30px;padding: 0; }

.list_item{
    margin-bottom:3%;
    overflow: hidden;
}

.list_item h4{
    font-size: 18px;
}

/* Hover Effect on Portfolio Image
====================================*/
.recent-item{
    transition: all 0.4s cubic-bezier(0.76, 0.1, 0.21, 0.9) 0s;
    width: 100%;
}
.recent-item .touching.medium .plus_overlay {
    border-bottom:50px solid #727CB6;
    border-left: 50px solid transparent;
    bottom: 0;
    height: 0;
    opacity: 0.95;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92) 0s;
    width: 0;
    z-index: 999;
}
.recent-item:hover .touching.medium .plus_overlay {
    border-bottom:500px solid rgba(114, 124, 181, 0.62);
    border-left:none;
    height: 100%;
    width: 100%;
}
.recent-item:hover .touching.medium .plus_overlay_icon{display: none;}

.recent-item .touching.medium .plus_overlay_icon {
    bottom: 10px;
    color: #fff;
    height: 15px;
    position: absolute;
    right: 8px;
    transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92) 0s;
    width: 13px;
    z-index: 999;
}
.recent-item:hover .item-description{
    display: block;
    left: 0;
    position: absolute;
    top: 35%;
    left: 0;
    width: 100%;
    z-index: 999;

}
.touching.medium{
    position: relative;
    overflow: hidden;
    width: 100%;
}
.touching.medium img {
    width: 100%;
    position: relative;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.recent-item .item-description {
    opacity: 0;
    position: absolute;
    top: 0;
    text-align: center;
}
.item-description h5 {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 40px;
    margin: 0;
    text-transform: uppercase;
}
.recent-item:hover .item-description{
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    opacity:1;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.recent-item .item-description span {
    color: #fff;
    font-size: 20px;
    display: block;
    font-weight:600;
    line-height:14px;
}

.recent-item .option {
    position: absolute;
    text-align: center;
    top: 25%;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.recent-item .option a{
    color: #727CB6;
    background: #FFF;
    width:45px;
    height: 45px;
    border-radius: 50%;
    font-size: 21px;
    line-height: 43px;
    text-align: center;
    display: inline-block;
    zoom: 1;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index:100;
    transform: scale(0, 0) rotateX(360deg);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.recent-item .option a:hover{
    background: #727CB6;
    color:#fff;
}
.recent-item:hover .option a
{
    zoom: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1, 1) rotateX(0deg);
}
.recent-item .option a.hover-zoom {
    margin-right: 1%;
}

.recent-item .option a.hover-link {
    margin-left: 1%;
}

/*-------Portfolio_3_Medium_Images----------*/

.medium-images .recent-item .option {
    top: 23%;
}

.medium-images .recent-item .option a{
    font-size: 15px;
    line-height: 40px;
    width: 40px;
    height: 40px;
}

.medium-images .recent-item:hover .item-description {
    top: 35%;
}
.medium-images .item-description h5 {
    font-size: 19px;
    line-height: 33px;
}
.medium-images .item-description span{
    font-size: 18px;
    font-weight: 600;
    line-height: 13px;
}

.medium-images .list_item h4{
    font-size: 16px;
}

/*-------Portfolio_4_small-images----------*/

.small-images .recent-item .option{
    top: 18%;
}

.small-images .recent-item .option a,
.jcarousel  .recent-item a{
    width:35px;
    height: 35px;
    font-size: 15px;
    line-height: 35px;
}

.small-images .recent-item:hover .item-description {
    top: 28%;
}

.small-images .item-description h5,
.jcarousel-list .item-description > h5{
    font-size: 17px;
    margin: 0;
}

.jcarousel-list .item-description > span{
    font-size: 17px;
    line-height: 1;
}
.small-images .item-description span{
    line-height: 0.5;
    font-size: 16px;
}

.small-images .list_item h4{
    font-size: 14px;
}

.jcarousel-list .recent-item:hover .item-description{top: 50%;}

/*----------//Portfolio_4_small-images-------------*/

/* ----------------------------------------------------
  MASONRY PORTFOLIO STYLES
------------------------------------------------------- */

.masonry_wrapper {
    overflow:hidden;
    margin:0 0 30px;
}

.masonry_wrapper .item img {
    height: auto !important;
    height: 100% !important;
    width: 100%;
    position: relative;
    z-index: -2;
}

.mixed-container .item {
    padding:10px 5px !important;
    margin:0 !important;
    height: auto !important
}

.mixed-container .item img{
    padding:0 !important;
    width:100%;
    margin:0 !important;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.mixed-container .item img:hover{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.item figure {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #fff;
    text-align: center;
    cursor: pointer;
}

.item figure img {
    position: relative;
    display: block;
    opacity: 1;
}
.item .recent-item .option {top: 33%;}

.item .recent-item:hover .item-description {
    top: 50%;
}

/*------------Masonry-medium-images----------*/
.medium-images .item .recent-item .option {
    top: 25%;
}
.medium-images .item .recent-item:hover .item-description {
    top: 48%;
}

/*-----------Masonry-small-images---------*/
.small-images .item .recent-item:hover .item-description {
    top: 45%;
}
.small-images .item .recent-item .option {
    top: 25%;
}
/*---------//Masonry-CSS---------------*/

/* Portfolio Single Page
====================================*/
.portfolio_single{
    padding:30px 0;
}
.portfolio_single .widget_title h4 span
{
    background:#fff;
}

.project_details {
    background-color:#fff;
    overflow:hidden;
}
.project_detail_slider {margin-bottom: 30px;}
.project_desc p{margin-bottom:20px;}
.project_desc h6, .project_details h6 {
    font-size: 20px;
    margin-top: 5px;
}
.project_details .details li {
    border-bottom: 1px solid #F2F2F2;
    color: #A3A3A3;
    font-size: 12px;
    line-height: 18px;
    padding: 8px 0;
}
.project_details .details{
    margin: 0;
    padding:0;
}
.project_details .details li span {
    color: #686868;
    display: block;
    float: left;
    font-weight: bold;
    height: 20px;
    position: relative;
    width: 30%;
}
.project_details .details li a {
    color: #A3A3A3;
    font-size: 12px;
}

.project_details .details li a:hover {color: #e74c3c;}

.project_detail_box {margin-bottom: 30px;}

.project_description, .project_details{
    margin-bottom: 30px;
}

.arrow-left, .arrow-right{
    width: 23px;
    height: 23px;
    display: inline-block;
    float: left;
    background-color: #f2f2f2;
    color: #666;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.arrow-left i, .arrow-right i{
    font-size: 14px;
    display: block;
    line-height:16px;
    padding-top: 4px;
    text-align: center;
}
.arrow-left.active, .arrow-right.active{
    background-color: #bdc3c7;
    color: #f2f2f2;
    cursor: pointer;
}
.arrow-left.active:hover,
.arrow-right.active:hover { background-color: #777;}

/* ======================================================================== */
/* 7. BLOG STYLING
/* ======================================================================== */

.blogTitle {
    margin: auto auto 10px;
    position: relative;
}
.blogTitle > a h2 {
    font-size: 18px;
    margin-bottom: 5px;
    margin-top:0;
    color: #555;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;
}
.blogContent > p {
    font-size: 13px;
    line-height: 20px;
}
.blogTitle > a:hover h2{color: #727CB6;}
.blogTitle span {
    color: #777;
    cursor: pointer;
    font-size: 12px;
    line-height: 24px;
}
.blogTitle span i {
    padding-right: 5px;
    font-size: 12px;
}
.blogTitle span:hover i {
    color: #777;
}
.blogMeta {
    display: inline-block;
    padding: 5px 0 0;
    position: relative;
}
.blogMeta a {
    color: #777;
    font-size: 12px;
    line-height: 20px;
    margin-right: 15px;
    text-decoration: none;
}
.blogMeta a:hover, .blogTitle span:hover{color: #727CB6}
.blogMeta a i{
    padding-right: 5px;
    font-size: 14px;
}
.blogMeta a:hover i{color: #777;}
.blogDetail {
    border: 1px solid #f2f2f2;
    display: inline-block;
    padding: 15px;
    position: relative;
}
.blogPic {position: relative;}
.blogPic > img {
    width: 100%;
}
.blog-hover > a {
    display: block;
    left: 45%;
    position: absolute;
    top: 35%;
}
.blogPic .blog-hover{
    background:rgba(255,255,255, 0.5);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 120ms ease-in-out;-moz-transition: all 120ms ease-in-out;-o-transition: all 120ms ease-in-out;-ms-transition: all 120ms ease-in-out;transition: all 120ms ease-in-out;
    width: 100%;
}
.blogPic:hover .blog-hover{opacity: 1;}
.blogPic .blog-hover .icon {
    background: #727CB6;
    border-radius: 50% 50% 50% 50%;
    display: block;
    height: 40px;
    margin: 25% auto 0;
    position: relative;
    -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;
    color: #f2f2f2;
    width: 40px;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    top: 50%;
}
.blogPic .blog-hover .icon:hover{
    background:#555;
}
.blogPic:hover .blog-hover .icon{
    top: 0;
}
.blogPic .blog-hover p {
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}
.blog{
    padding:50px 0;
}
.blog_large .post, .blog_single .post{
    padding-bottom:50px;
    margin-bottom:50px;
    border-bottom:1px solid #f2f2f2;
}
.blog_large .post_img, .blog_single .post_img {
    margin-bottom: 25px;
    position: relative;
}
.blog_large .post_img img, .blog_single .post_img img {
    height: auto;
    max-width: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.blog_large .post_img:hover img,
.blog_single .post_img:hover img{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.blog_large .post_video{
    margin-bottom:25px;
    position: relative;
}
.blog_large .post_video iframe{
    max-width:100%;
    max-height:100%;
    height:320px;
    width:100%;
    border:none;
    box-shadow: none;
}

.blog_large .post_date, .blog_single .post_date {
    float: left;
    height: 0;
    text-align: center;
}
.blog_large .post_date span, .blog_single .post_date span{
    display: block;
}
.blog_large .day, .blog_single .day {
    background:#727CB6;
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 600;
    padding: 	10px;
}
.blog_large .month, .blog_single .month {
    background:#555;
    color: #FFFFFF;
    padding: 4px 13px 6px;
}

.blog_large .post_content, .blog_single .post_content {
    margin: 0 0 0 70px;
}
.blog_large .post_meta .metaInfo, .blog_single .post_meta .metaInfo {
    font-size: 0.9em;
    margin-bottom: 7px;
}
.blog_large .post_meta .metaInfo > span, .blog_single .post_meta .metaInfo > span {
    display: inline-block;
    padding-right: 15px;
    color:#777;
}
.blog_large .post_meta .metaInfo > span > a, .blog_single .post_meta .metaInfo > span > a {
    color: #777;
    font-family: lato;
    font-size: 12.4px;
}
.blog_large .post_meta .metaInfo > span > a:hover, .blog_single .post_meta .metaInfo > span > a:hover{color:#727CB6;}
.blog_large .post_meta .metaInfo, .blog_single .post_meta .metaInfo {
    font-size: 0.95em;
    margin: 0 auto;
    padding: 0 0 20px;
}
.blog_large .post_meta .metaInfo i, .blog_single .post_meta .metaInfo i {
    margin-right: 3px;
    color:#777;
}
.blog_large .post_meta h2, .blog_single .post_meta h2 {
    margin-bottom: 10px;
    margin-top: 0;
}
.blog_large .post_meta h2 a, .blog_single .post_meta h2 a {
    font-size: 24px;
    font-weight: 600;
    color:#555;
    line-height: 34px;
    text-transform:capitalize;
}
.blog_large .post_meta h2:hover a, .blog_single .post_meta h2:hover a {
    color:#727CB6;
}
.blog_large .post_content > p, .blog_single .post_content > p {
    margin-bottom: 20px;
}

/* BLOG MEDIUM
/* ==========================*/
.blog_medium .post:after {
    clear: both;
    content: " ";
    display: block;
    visibility: hidden;
}

.blog_medium .post{
    padding-bottom:50px;
    margin-bottom:50px;
    border-bottom:1px solid #f2f2f2;
}
.blog_medium .post_img {
    float: left;
    margin-bottom: 0;
    margin-right: 20px;
    position: relative;
    width: 35%;
}
.blog_medium .post_img img {
    height: auto;
    max-width: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}
.blog_medium .post_img:hover img{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.blog_medium .post_video{
    margin-bottom:25px;
    position: relative;
}
.blog_medium .post_video iframe{
    max-width:100%;
    max-height:100%;
    height:320px;
    width:100%;
    border:none;
    box-shadow: none;

}
.blog_medium .post_date {
    float: left;
    margin-right: 20px;
    position: relative;
    text-align: center;
}
.blog_medium .post_date span{
    display: block;
}
.blog_medium .day {
    background:#727CB6;
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 600;
    padding: 5px 10px;
}
.blog_medium .month {
    background:#555;
    color: #FFFFFF;
    padding: 2px 13px 4px;
}
.blog_medium .post_content {
    float: left;
    margin: 0;
    width: 50%;
}
.blog_medium .post.no_images .post_content {
    max-width: 88%;
    width: auto;
}
.blog_medium .post_meta .metaInfo {
    font-size: 0.9em;
    margin-bottom: 7px;
}
.blog_medium .post_meta .metaInfo > span {
    display: inline-block;
    padding-right: 15px;
    color:#777;
}
.blog_medium .post_meta .metaInfo > span > a {
    color: #777;
    font-family: lato;
    font-size: 12.4px;
}
.blog_medium .post_meta .metaInfo > span > a:hover{ color:#727CB6; }
.blog_medium .post_meta .metaInfo {
    font-size: 0.95em;
    margin: 0 auto;
    padding: 0 0 20px;
}
.blog_medium .post_meta .metaInfo i {
    margin-right: 3px;
    color:#777;
}
.blog_medium .post_meta h2 {
    margin-bottom: 10px;
    margin-top: 0;
}
.blog_medium .post_meta h2 a {
    font-size: 24px;
    font-weight: 600;
    color:#555;
    line-height: 34px;
    text-transform:capitalize;
}
.blog_medium .post_meta h2:hover a {
    color:#727CB6;
}
.blog_medium .post_content > p {
    margin-bottom: 20px;
}

/*  Masonry Blog Style
================================================== */

.masonry_wrapper_blog .blog-item {
    background: #f1f1f1 !important;
    padding:20px !important;
}

.masonry_wrapper_blog .metaInfo{
    margin-top:25px;
    padding: 0;
    text-transform: uppercase;
    font-size:12px;
    font-weight: 600;
}
.masonry_wrapper_blog .metaInfo a{color: #555; padding:0;}
.masonry_wrapper_blog .metaInfo a,
.blog-item > span a:hover,
.blog-title a:hover{
    color:#727CB6;
}

.blog-title > h2{margin: 15px 0;}

.blog-title a {
    font-size: 22px;
    line-height: 25px;
    font-weight: 600;
    color: #555;
    text-transform: capitalize;
}
.blog-desc {
    padding-bottom: 15px;
}
.masonry_blog .pagination{margin:50px 0 20px;}

/* SINGLE POST
/* ========================== */
.about_author {
    background: #f2f2f2;
    overflow: hidden;
    position: relative;
}
.author_desc {
    background:#727CB6;
    float: left;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    padding: 20px 0;
    position: absolute;
    text-align: center;
    width: 25%;
}
.author_desc > img {
    background:#FFFFFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin-bottom: 20px;
    padding: 4px;
    max-width: 80px;
    max-height:80px;
}

.about_author h3 {
    margin: 0 auto;
}
.author_name > a {
    color: #555333;
    font-size: 16px;
    font-weight: bold;
}
.author_name > a:hover {color:#727CB6;}
.author_bio {
    display: block;
    float: right;
    padding: 20px;
    position: relative;
    width: 75%;
}
.author_det {
    margin-bottom: 0;
}
.author_bio > h5 {
    font-size: 12px;
    margin: 0 auto 10px;
}
.author_bio > h5 a{color:#727CB6;}

/* Post Share Article
================================================== */
.shares { background: #f2f2f2; list-style: none; overflow: hidden; margin: 50px 0 0;padding:0;}
.shares li { float: left; border-right: 1px solid #fff; }
.shares li.shareslabel h3 {padding: 8px 20px; font-weight: 600; text-transform: uppercase; font-size: 18px;margin: 0;}
.shares li a { display: block; width: 45px; height: 46px; background-repeat: no-repeat; background-position: 7px 7px; -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;}
.shares li a:hover { background-position: 7px -58px; background-color: #727CB6; }
.shares li a:active { background-color: #999; }
.shares li a.twitter { background-image: url(../images/social/twitter.png); }
.shares li a.facebook { background-image: url(../images/social/facebook.png); }
.shares li a.gplus { background-image: url(../images/social/gplus.png); }
.shares li a.pinterest { background-image: url(../images/social/pinterest.png); }
.shares li a.yahoo { background-image: url(../images/social/yahoo.png); }
.shares li a.linkedin { background-image: url(../images/social/linkedin.png); }
.shares li a.youtube { background-image: url(../images/social/youtube.png); }


/* About Author
====================================*/
.author_social {
    list-style: none outside none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    text-align:center;
    z-index:9999;
}
.author_social li {
    background: none !important;
    display:inline-block
}
.author_social li a {
    color: #444;
    display:block;
    height: 30px;
    text-align: center;
    width: 30px;
    border-radius:50%;
    -webkit-border-radius: 50%;-moz-border-radius: 50%;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    background:#f9f9f9;
}
.author_social li a i {
    font-size: 14px;
    line-height: 30px;
    margin-right: 0;
    float: none;
}
.author_social li a.fb:hover      {background: #2f5a9a; color:#fff;}
.author_social li a.twtr:hover    {background: #3abdd1; color:#fff;}
.author_social li a.gmail:hover   {background: #363636; color:#fff;}
.author_social li a.pinterest:hover{background: #d13a3a; color:#fff;}
.author_social li a.rss:hover     {background: #f15200; color:#fff;}
.author_social li a.tumblr:hover  {background: #203550; color:#fff;}
.author_social li a.flickr:hover        {background: #ff0084; color:#fff;}
.author_social li a.instagram:hover     {background: #507ea4; color:#fff;}
.author_social li a.linkedin:hover      {background: #0072b2; color:#fff;}
.author_social li a.skype:hover         {background: #00aaf1; color:#fff;}
.author_social li a.youtube:hover       {background: #ff3330; color:#fff;}
.author_social li a.dribbble:hover      { background: #f973a4; color:#fff;}

.post-author {
    margin-left:94px;
    position:relative;
    margin-top:15px;
    margin-bottom:60px;
}
.post-author .avatar {
    left:-47px;
    position:absolute;
}
.post-author h6 {
    font-family: lato;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: auto;
}
.news_content h2 {
    border-bottom: 1px solid #f2f2f2;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.8;
    margin: 30px auto;
}
.metaInfo {
    font-size: 0.9em;
    margin-bottom: 7px;
}
.metaInfo > span {
    display: inline-block;
    padding-right: 14px;
    color:#777;
}
.metaInfo > span > a{color:#777;}
.metaInfo > span > a:hover{color:#e74c3c;}
.metaInfo {
    font-size: 0.95em;
    margin: 0 auto;
    padding: 15px 0 20px;
}
.metaInfo i {
    margin-right: 3px;
    color:#777;
}
.news_content .metaPost {margin-top: 0;}
.news_content .titlePost > h4 {
    font-size: 28px;
    line-height: 1.4;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
}
.news-slider {margin-bottom: 30px;}
/* comment list */
.news_comments{
    margin:50px auto;
}
#comment-list { margin:0; padding:0;}
#comment-list li {
    background:none;
    margin:0;
    padding:0;
    overflow:hidden;
}
/* Comment
============================*/
#comment-list ul.children { margin-left:94px;padding:0;}
.comment-container {
    border-top:solid 3px #f2f2f2;
    margin:0 0 15px 90px;
    padding:20px 20px;
    position:relative;
    -moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;
}
.comment-container:hover {
    background:#F4F4F4;
    border-color:#727CB6;
}
.comment-body p{ margin:0; }
.avatar {
    float:left;
    width:74px;
}
.avatar img {
    display:block;
    margin-right:20px;
    position: relative;
    z-index: 0;
    border:1px solid #DCDCDC;
    padding:3px;
}
h4.comment-author {
    font-size:16px;
    line-height:20px;
    margin:0;
}
h4.comment-author a{color:#555}
#comment-list li .comment-container:hover a{color:#727CB6;}
#comment-list .comment-meta { margin-bottom:10px; }
#comment-list .comment-date { font-size:12px; font-style:italic;color:#888;}
#comment-list li .comment-container:hover .comment-date { color:#727CB6; }
/* comment hover effect */
#comment-list li .comment-container:hover h4 { color:#727CB6; }
.comment-reply-link {
    position:absolute;
    right:20px;
    top:20px;
}
a.link-style3 {
    color: inherit !important;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none !important;
    text-transform: uppercase;
}
.comment-reply-link {
    position: absolute;
    right: 20px;
    top: 20px;
}
.comment_form > input {
    margin-bottom:20px;
    margin-right:20px;
    width: 31.1%;
}
#comments {
    margin-bottom: 20px;
}
.comment_form > input:last-child {
    margin-right:0;
}

/* ===================================================== */
/* 8. HOME PAGE						                     */
/* ===================================================== */

.lead {
    font-size: 28px;
    font-weight: 300;
    line-height: 40px;
    margin-bottom: 50px;
}

/* Texture Section
=========================== */
.texture-section{
    padding: 65px 0;
    margin: 20px 0 30px;
    background: #96D3C6;
}
.texture1{
    background: url(../images/pattern-1.png);
}

/* Recent Post
=========================== */
.post-images {
    float: left;
    width: 30%;
    margin-right: 25px;
}
.post-images img
{
    width: 100%;
}
.post-detail {
    width: 65%;
    display: inline-block;
    margin: 0px;
}
.post-detail > span {
    color: #BCBCBC;
    margin: 0 2px;
    font-size: 11px;
    text-transform: uppercase;
}
.post-detail a{ color: #BCBCBC; }
.post-detail a:hover{ color: #727CB6; }

.post-detail h5{ margin:0 0 7px; }

.post-detail h5 a {
    color: #21252b;
    font: lighter 16px/18px "Trebuchet MS";
}
.post-detail > p {
    margin: 7px 0 0;
    line-height: 19px;
}
.post-detail .read-more { color: #727CB6; }
.post-detail .read-more:hover{ color:#444A6D; }

.dashed {
    border-color: #DBDFE2;
    border-style: dashed;
}

/* Feature Block
=========================== */
.feature-block{
    padding: 30px 0;
}
.feature-block h4
{
    color: #363333;
    font: 300 38px/30px "open sans";
    margin: 0;
    padding-bottom: 20px;
}
.feature-block p
{
    font: 500 13px/22px "open sans";
    color: #A6A1A1;
}
.feature-block i.fa {
    font-size: 40px;
    margin: 0 12px 0 0;
}
.feature-block hr
{
    border-color: #D0D0D0;
    margin: 20px 0;
}

/* ===================================================== */
/* 9. 404 PAGE					                     	 */
/* ===================================================== */
.page_404 {
    position: relative;
    text-align: center;
}
.page_404 > h1 {
    font-size: 250px;
    font-weight: 600;
    line-height: 250px;
    position: relative;
}
.page_404 > p {
    font-family: Pt Sans;
    font-size: 30px;
    font-weight: bold;
    line-height:30px;
    margin-bottom:30px;
}
a.back_home {
    margin: 0;
    color:#fff;
    padding: 12px 18px 13px;
}

/* ===================================================== */
/* 10. ABOUT PAGE											 */
/* ===================================================== */
.left_img {
    float: left;
    margin:0 15px 8px 0;
    overflow: hidden;
}
.right_img {
    float:right;
    margin:0 0 8px 15px;
    overflow: hidden;
}
.divider {
    position: relative;
    display: block;
    height: 30px;
}

/* ===================================================== */
/* OUR TEAM PAGE										 */
/* ===================================================== */
.our_team {
    padding: 30px 0 60px;
}
.pic{
    border:1px solid #eee;
    border-bottom:none;
    position:relative;
    overflow:hidden;
}
.pic > img {
    width: 100%;
    cursor: pointer;
    transition:all 0.7s ease-in-out;
    -webkit-transition:all 0.7s ease-in-out;
    -moz-transition:all 0.7s ease-in-out;
    -ms-transition:all 0.7s ease-in-out;
    -o-transition:all 0.7s ease-in-out;
}
.pic > img:hover{
    cursor: pointer;
}
.names {
    font-family: Pt Sans;
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
    color:#666;
    text-transform: uppercase;
}
.names > small {
    float: right;
    font-size: 12px;
    font-weight: 600;
    line-height: 30px;
    text-transform:capitalize;
}
.description {
    color: #666666;
    font-family: PT sans;
    font-size:14px;
}
.team_prof {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #ecf0f1 #f2f2f2;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    border-color: #f2f2f2;
    padding: 10px 15px 5px;
    overflow: hidden;
}

/* ===================================================== */
/* SOCIAL MEDIA OUR TEAM								 */
/* ===================================================== */
.dreamz-team
{
    overflow:hidden;
}
.social_media_team {
    position:absolute;
    background:rgba(114, 124, 182, 0.55);
    border:1px solid #ccc;
    height:100%;
    width:100%;
    top:0;
    left:0;
    text-align:center;
    transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transition:all 0.6s ease-in-out;
    -webkit-transition:all 0.6s ease-in-out;
    -moz-transition:all 0.6s ease-in-out;
    -ms-transition:all 0.6s ease-in-out;
    -o-transition:all 0.6s ease-in-out;
    visibility:hidden;
}
.dreamz-team:hover .social_media_team
{
    visibility:visible;
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);

}
.dreamz-team:hover .pic > img
{
    transform:scale(1.5);
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -o-transform:scale(1.5);
}
.team_social {
    list-style: none outside none;
    margin:37% 0 0 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
}
.team_social li {
    display: inline-block;
    margin:0 5px;
}
.team_social li a {
    color:#fff;
    background:#363636;
    display:block;
    height: 35px;
    text-align: center;
    width: 35px;
    border-radius:50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}
.team_social li a i {
    font-size: 16px;
    line-height: 35px;
    margin-right: 0;
}
.team_social li a.fb:hover      {background: #2f5a9a;}
.team_social li a.twtr:hover    {background: #3abdd1;}
.team_social li a.gmail:hover   {background: #E72828;}


/* =================================================================== */
/* 11. CONTACT PAGE FORM
====================================================================== */

#contactForm{
    margin-top:30px;
}
input[type="submit"]{color:#fff !important;}

/* Forms
=========================== */
textarea {
    resize: vertical;
    width:100%;
}
.form-control {
    height: 46px;
    border-radius:0;
    padding: 12px;
    margin-bottom: 10px;
}
.form-control:focus,#site-searchform #s:focus
{
    border-color: #727CB6;
    box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(114, 124, 182, 0.6);
    outline:none;
}
.input-sm {
    height: 32px;
    line-height: 1.5;
    padding: 5px 10px;
}

label.error {
    color: #ebedef;
    font-size: 13.006px;
    line-height: 18.004px;
    font-weight: normal;
    margin-right: 4px;
    text-shadow: none;
    text-decoration: none;
}
label.error {
    color: #e74c3c;
}
label{
    margin-bottom:10px;
}

/* Contact-Page-2
===============================*/
.contact_2{
    padding:0 0 60px;
    position: relative;
}

.contact_2 .form-control{
    border-radius: 4px;
    margin-bottom: 22px;
}
.contact_2 textarea.form-control{
    border-radius: 4px;
    height: 150px;
}

.contact_2 .widget_info_contact li {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
}
.contact_2 .widget_info_contact li i {
    color: #647382;
    float: left;
    font-size: 24px;
    height: 80px;
    width: 45px;
}
.contact_2 strong {
    color: #647382;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.contact_2 .widget_info_contact p {
    line-height: 22px;
}
.contact_2 .widget_info_contact a{
    color: #647382;
}

/* Contact_page_3
==================================*/
.contact_3{
    padding:0 0 60px;
    position: relative;
}

.contact_3 .lead {
    font-size: 16px;
    margin-bottom: 80px;
    line-height: 1.4;
}
.contact_3 .maps {
    margin-bottom: 50px;
}
.contact_3 .form-control {
    border-radius: 0;
    height: 36px;
    margin-bottom: 10px;
    padding:0 12px ;
}
.contact_3 textarea.form-control{
    height: 230px;
}
.contact_3 .form-group label {
    color: #6f6f6f;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 4px;
}
.contact_3 .widget_info_contact {
    margin-top: 20px;
    display: inline-block;
}
.contact_3 .widget_info_contact strong {
    display: block;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 10px;
}
.contact_3 .widget_info_contact li i {
    color: #647382;
    font-size: 24px;
    text-align: center;
    width: 100%;
    margin-bottom: 17px;
}
.contact_3 .widget_info_contact p{
    overflow:visible;
    margin:0;
    text-align: center;
}
.contact_3 .widget_info_contact p a {
    color: #647382;
    font-size: 12.5px;
    font-weight: 600;
    margin-bottom: 5px;
}
/*MAPS
=========================== */
.contact{
    padding:50px 0;
}
.maps{
    position:relative;
}
#page_maps{
    max-height:380px;
    height:360px;
}

/* ==================================================
   12. ICON LIST
================================================== */
.icon_lists {
    margin-top: 22px;
}
.icon_lists .fa-hover a {
    border-radius: 0;
    color: #222222;
    display: block;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
}
.icon_lists .fa-hover a .fa {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    text-align: right;
    width: 32px;
}
.icon_lists .fa-hover a:hover {
    background-color: #727CB6;
    color: #FFFFFF;
    text-decoration: none;
}
.icon_lists .fa-hover a:hover .fa {
    font-size: 24px;
    vertical-align: -3px;;
}
.icon_lists .fa-hover a:hover .text-muted {
    color: #BBE2D5;
}
/* ==================================================
   13. Recent Works Carousel
================================================== */

.jcarousel {
    position: relative;
    overflow: hidden;
    width:100%;
}
.jcarousel ul {
    position: absolute;
    list-style: none;
    margin: 0;
    padding:0;
}
.carousel-navi {
    bottom:17px;
    float: right;
    position: absolute;
    right: 15px;
}
.carousel-intro {
    position: relative;
}
.jcarousel-list li {
    margin-bottom: 30px;
    width:234px;
    padding-left:10px;
    padding-right:10px;
}
.jcarousel-list .item-description > h5 {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 12px;
    margin: 2% 0;
}
.jcarousel-list .item-description > span{
    font-size: 15px;
}
.jcarousel-list .item-description > a{
    font-size: 16px;
    margin: 12px 4px;
    padding: 4px 6px;
}
.arrow-left, .arrow-right{
    width: 23px;
    height: 23px;
    display: inline-block;
    float: left;
    background-color: #f2f2f2;
    color: #666;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.arrow-left i, .arrow-right i{
    font-size: 14px;
    display: block;
    line-height:16px;
    padding-top: 4px;
    text-align: center;
}
.arrow-left.active, .arrow-right.active{
    background-color: #bdc3c7;
    color: #f2f2f2;
    cursor: pointer;
}
.arrow-left.active:hover, .arrow-right.active:hover {background-color: #777;}

/*--------------------------------------------------------------------------*/
/* 14. TESTIMONIALS
/*--------------------------------------------------------------------------*/
.testimonial-item blockquote {
    background:#EAEAEA;
    border-top: 3px solid #727CB6;
    border-left: none;
    padding: 20px;
    margin: 0;
}

blockquote{font-size:14px;}

.testimonial-item .icon {
    color: #fff;
    font-size: 120px !important;
    line-height: 0;
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 0;
}
.testimonial-review > img {
    background:#FFFFFF;
    border: 2px solid #727CB6;
    border-radius: 50%;
    float: left;
    height: 70px;
    overflow: hidden;
    padding: 2px;
    width: 70px;
}
.testimonial-review > h1 {
    float: left;
    color:#555;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    margin-top: 15px;
    padding-left: 20px;
}
.testimonial-item blockquote p {
    margin-bottom: 0;
    font-size: 14px;
    font-family:PT sans;
    font-weight: 400;
    line-height: 21px;
    color: #444;
    position: relative;
    z-index: 10;
    font-style:italic;
    font-weight: 500;
}

.testimonial blockquote small {
    display: block;
    line-height: 20px;
    font-size: 12px;
    color: #999999;
    margin-top: 5px;
}
.testimonial-review {
    position: relative;
    padding-top: 20px;
}

.testimonial-item blockquote:after {
    font-family: FontAwesome;
    content: "\f0D7";
    position: absolute;
    bottom: 4%;
    left: 23px;
    font-size: 40px;
    color:#EAEAEA;
}

.testimonial-review small {
    font-size: 13px;
    line-height:18px;
    color: #727CB6;
    display:block;
}

#testimonial-carousel {
    margin-top: 25px;

}
.testimonial .testimonial-buttons {
    position: absolute;
    right: 0;
    top: -41px;
}

.testimonial .testimonial-buttons a {
    background: #f2f2f2;
    margin-left:-3px;
    width:25px;
    font-size:11px;
    height:25px;
    display: inline-block;
    text-align:center;
    line-height:27px;
    color:#bdc3c7;
}

.testimonial .testimonial-buttons a:hover {
    background: #f2f2f2;
    color: #555;
}

/* Parallax Testimonial
=========================== */
.parallax-testimonial{
    margin: 0 auto;
    padding: 0 100px 30px;
    text-align: center;
    color: #fff;
}
.parallax-testimonial-review > img {
    background:#FFFFFF;
    border-radius: 50%;
    height: 70px;
    overflow: hidden;
    padding: 3px;
    width: 70px;
}
.parallax-testimonial-review > span {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: normal;
    margin-top: 15px;
    padding-left: 20px;
    display: block;
}
.parallax-testimonial-item blockquote{
    border-left:none;
}
.parallax-testimonial-item blockquote p {
    margin-bottom: 0;
    font-size: 25px;
    font-weight: 400;
    line-height: 33px;
    color: #fff;
    position: relative;
    z-index: 10;
}
.parallax-testimonial blockquote small {
    display: block;
    line-height: 20px;
    font-size: 12px;
    margin-top: 5px;
}
.parallax-testimonial-review {
    position: relative;
}

.parallax-testimonial-review small {
    font-size: 13px;
    line-height:18px;
    color: #727CB6;
    display:block;
}
.parallax-testimonial .carousel-indicators{
    bottom: 0;
    margin-bottom: 0;
}

/* ======================================================================== */
/* 15. Parallax
/* ======================================================================== */

section.parallax {
    padding: 65px 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
section.parallax h2 {
    color: rgba(255, 255, 255, 0.8);
    font-size: 42px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
section.parallax-1 {
    background-image: url("../images/1.jpg");
}

section.parallax h2 {
    color: rgba(255, 255, 255, 0.8);
    font-size: 42px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.parallax-contact {
    text-align: center;
    color: #fff;
}
.parallax-contact > h4 {
    color: #fff;
    font: 700 26px/25px "arial", sans-serif;
    margin-bottom: 21px;
}
.parallax-contact > p {
    color: #ccc;
    font-size: 16px;
    margin-bottom: 30px;
}

.parallax-contact > em {
    display: block;
    font: lighter 22px/22px "Open Sans", Helvetica, Arial, sans-serif;
    margin-top: 35px;
}
.parallax-contact strong {
    color: #B3ADAD;
    font: 600 20px/20px "arial", sans-serif;
}

/* ======================================================================== */
/* 16. Icon Service Boxes
/* ======================================================================== */

.info_service {
    padding: 20px 0 0;
}

/* Service Box 1
====================================*/
.serviceBox_1{margin-top: 25px;}
.serviceBox_1 .service-icon{
    float: left;

}
.serviceBox_1 .service-icon i{
    font-size: 34px;
    color: #727CB6;
}
.serviceBox_1 .service-content h3{
    color: hsl(0, 0%, 20%);
    font-size: 18px;
    font-weight: 600;
    margin-top: 0;
}
.serviceBox_1 .service-content{
    margin-left: 55px;
}
.serviceBox_1 .service-content p{
    color:hsl(0, 0%, 47%);
    line-height: 24px;
    font-family: Open Sans, Helvetica, Arial, sans-serif;

}

/* service Box 2
====================================*/
.serviceBox_2{
    text-align: center;
    margin-top: 20px;
}
.serviceBox_2 .service-icon{
    border: 2px solid #727CB6;
    border-radius:100%;
    width: 90px;
    height: 90px;
    line-height: 98px;
    margin: 0 auto;
}
.serviceBox_2 .service-icon i{
    font-size: 35px;
    color:#727CB6;
    transition:all 0.3s ease-in-out 0s;

}
.serviceBox_2 .service-content h3{
    color: hsl(0, 0%, 20%);
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 23px 0;

}
.serviceBox_2 .service-content p{
    color:hsl(0, 0%, 47%);
    font-family: Open Sans, Helvetica, Arial, sans-serif;
}

/* service Box 3
====================================*/
.serviceBox_3  {
    padding: 15px 15px 25px;
    margin:60px auto 0;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    background:#fff;
    border:1px solid #727CB6;
    border-bottom-width:3px ;
    position:relative;
}
.serviceBox_3  .service-icon
{
    width:70px;
    height:70px;
    line-height:70px;
    border-radius:4px;
    border:1px solid #727CB6;
    background:#fff;
    color:#727CB6;
    margin:-48px auto 20px;
}
.serviceBox_3,.serviceBox_3 i,
.serviceBox_3  p,.service-icon,
.serviceBox_3  :after,.serviceBox_3 h3:before,
.service-icon:after,
.service-icon,.service-content{
    transition: all 0.5s ease-in-out;
}

.serviceBox_3  p {
    margin:0 0 15px;
}
.serviceBox_3 h3 {
    font-size: 20px;
    font-weight:normal;
    letter-spacing:0.7px;
    position: relative;
    margin:20px 0;
    padding:10px 0;
    background:none;
    overflow:hidden;
}
.serviceBox_3 h3:before
{
    content:"";
    background:#727CB6;
    width:0;
    height:2px;
    position:absolute;
    bottom:0;
    left:50%;
}
.serviceBox_3  h3:after
{
    content:"";
    background:#727CB6;
    width:0;
    height:2px;
    position:absolute;
    bottom:0;
    right:50%;
}
.serviceBox_3:hover h3:after,
.serviceBox_3:hover h3:before{
    width:100%;
}
.serviceBox_3  i {
    display: inline-block;
    font-size:3em;
    line-height:70px;
}
.serviceBox_3:hover .service-icon{
    background:#727CB6;
    color:#fff;
}
.serviceBox_3 .read{color:#727CB6; }
.serviceBox_3 .read:hover{color:#21328B; }
/* service Box 4
====================================*/
.grey_bg{
    background: #EFEFEF;
}
.serviceBox_4{
    padding: 40px 0 0;
}
.serviceBox_4{
    background: none repeat scroll 0 0 #fff;
    text-align: center;
}
.serviceBox_4> span {
    background: none repeat scroll 0 0 #727CB6;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font: bold 40px/18px "arial",sans-serif;
    height: 88px;
    line-height: 88px;
    width: 88px;
}
.serviceBox_4> h3{
    color: #424955;
    font-family: 'Open Sans',sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.serviceBox_4> p{
    color: #424955;
    font: lighter 14px/21px "open sans",sans-serif;
    padding: 0 35px;
}
.serviceBox_4 .read {
    padding: 25px 0 40px;
}

.serviceBox_4 .read a{
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #444A6D 0%, #444A6D 50%, #727CB6 50%) repeat scroll 100% 0 / 200% 100%;
}

.serviceBox_4 .read a:hover{
    background-position: 0 0;
}

/* service Box 5
====================================*/
.serviceBox_5{
    margin-bottom: -10px;
    line-height: 0;
    overflow: hidden;
    text-align: center;
}

.serviceBox_5 .service-image{
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease 0s;
}
.serviceBox_5 .service-image > img {
    width: 100%;
}
.serviceBox_5 .service-image:hover{
    opacity: 0.7;
    transition: all 0.5s ease 0s;
}
.serviceBox_5 .service-content{
    padding-top: 62px;
    position: relative;
}
.serviceBox_5 .service-content::before {
    background: hsl(188, 30%, 39%) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 500px;
    left: -20%;
    position: absolute;
    top: 0;
    transform: rotate(7deg);
    transition: all 0.3s ease 0s;
    width: 400px;
}
.serviceBox_5 .service-content::after {
    background: hsl(188, 30%, 39%) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 500px;
    left: 30%;
    position: absolute;
    top: 30px;
    transform: rotate(-35deg);
    transition: all 0.3s ease 0s;
    width: 400px;
}

.serviceBox_5 .service-content .internal::before {
    background: hsl(188, 35%, 31%) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 500px;
    left: -50%;
    position: absolute;
    top: 3%;
    transform: rotate(14deg);
    transition: all 0.3s ease 0s;
    width: 400px;
    z-index: 1;
}
.serviceBox_5 .service-content .internal::after {
    background: hsl(188, 35%, 31%) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 500px;
    left: 57%;
    position: absolute;
    top: 30px;
    transform: rotate(-52deg);
    transition: all 0.3s ease 0s;
    width: 400px;
    z-index: 1;
}
.serviceBox_5 .service-content .item_content{
    background: hsl(188, 35%, 31%) none repeat scroll 0 0;
    position: relative;
    z-index: 2;
    color: white;
}
.serviceBox_5 .service-content.bg1::before {
    background:#4D8D72;
}
.serviceBox_5 .service-content.bg1::after {
    background:#4D8D72;
}

.serviceBox_5 .service-content.bg1 .internal::before {
    background:#407A61;
}
.serviceBox_5 .service-content.bg1 .internal::after {
    background:#407A61;
}
.serviceBox_5 .service-content.bg1 .item_content{
    background:#407A61;
}

.serviceBox_5 .service-content.bg2::before {
    background:#C2D4A4;
}
.serviceBox_5 .service-content.bg2::after {
    background:#C2D4A4;
}
.serviceBox_5 .service-content.bg2 .internal::before {
    background:#ABBD8C;
}
.serviceBox_5 .service-content.bg2 .internal::after {
    background:#ABBD8C;
}
.serviceBox_5 .service-content.bg2 .item_content{
    background:#ABBD8C;
}

.serviceBox_5 .service-content.bg3::before {
    background:#E9DC9F;
}
.serviceBox_5 .service-content.bg3::after {
    background:#E9DC9F;
}
.serviceBox_5 .service-content.bg3 .internal::before {
    background:#D8CC93;
}
.serviceBox_5 .service-content.bg3 .internal::after {
    background:#D8CC93;
}
.serviceBox_5 .service-content.bg3 .item_content{
    background:#D8CC93;
}

.serviceBox_5 .service-content h3{
    color: hsl(0, 0%, 100%);
    font: 400 20px/24px "Trebuchet MS",Tahoma,sans-serif;
    margin-bottom: 30px;
    margin-top: 20px;
    color: #fff;
    text-transform: uppercase;
}
.serviceBox_5 .service-content a{
    color: hsl(0, 0%, 100%);
    font-size: 14px;
    font-weight: 700;
    line-height: 38px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.serviceBox_5 .service-content a:hover{
    color:#000000;
    text-decoration: none;
    transition: all 0.3s ease 0s;

}
.serviceBox_5 .service-content:hover::before {
    transform: rotate(-7deg);
}
.serviceBox_5 .service-content:hover .internal::before {
    transform: rotate(10deg);
}

/* ===================================================== */
/* 17. CLIENTS												 */
/* ===================================================== */

.our_clients ul .img{
    max-width:100%;
}
.our_clients ul {
    padding: 0;
    list-style:none;
    position: relative;
    display: block;
}

/*--------------------------------------------------------------------------*/
/* 18. TYPOGRAPHY
/*--------------------------------------------------------------------------*/
.typography{
    padding:30px 0;
}
.typography h1 {
    margin-top: 0;
}

/* ======================================================================== */
/* 19. BUTTONS                                                              */
/* ======================================================================== */

.btn-default{
    background:#727CB6;
    color:#fff;
    border:none;
    border-radius:2px;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
}
.btn-default:hover{
    background:#444A6D;
    color:#fff;
}

/* Social Buttons
====================================*/

.btn-social-googleplus {
    background-color: hsl(0, 0%, 18%);
}
.btn-social-facebook {
    background-color:#3453A2;
}
.btn-social-twitter {
    background-color:#2ABBE3;
}
.btn-social-pinterest {
    background-color: #D91F25;
}
.btn-social-linkedin {
    background-color:#1F80BB;
}
.btn-social-stumbleupon {
    background-color:#E86130;
}
.btn-social-stumbleupon,
.btn-social-linkedin,
.btn-social-pinterest,
.btn-social-twitter,
.btn-social-facebook,
.btn-social-googleplus
{
    color:#fff;
    border-radius:0;
}
.content.elements .btn
{
    border-radius:2px;
}
.btn-social-stumbleupon:hover,
.btn-social-googleplus:hover ,
.btn-social-linkedin:hover,
.btn-social-pinterest:hover,
.btn-social-twitter:hover,
.btn-social-facebook:hover
{
    background:#333;
    color:#fff;
}

/* ==================================================
   20. PRICING TABLES BOXS
================================================== */
.pricingBlock {
    padding-bottom:30px;
    position: relative;
}
.pricingTable {
    text-align:center;
    font-weight:400;
}
.pricingTable-sign-up {
    padding:20px;
    text-align:center;
    background:#f2f2f2;
}
.pricingContent ul li {
    padding:5px 20px;
    text-align:center;
}
.pricingContent{
    background:#fff;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
}
.pricingTable .pricingTable-header {
    color:#fff;
    padding:0px;
}
.pricingTable-header .heading{
    display:inline-block;
    width:100%;
    padding:15px 0px;
    text-transform:uppercase;
    font-size: 15px;
    font-weight: bold;
}
.pricingTable .heading{background:#F2F2F2;color:#333;}
.pricingTable.business .heading{background: #e74c3c;}
.pricingTable .pricingTable-header .price-value{background: #555;}
.pricingTable-header .price-value {
    display:inline-block;
    width:100%;
    padding:20px 0px;
}
.pricingBlock.theme-color-pt .pricingTable-header .price-value{background:#727CB6;}

.pricingTable-header .price-value span{font-size:250%;}
.pricingTable-header .price-value span.mo{font-size:150%;}
.pricingTable {
    text-align:center;
    font-weight:400;
    margin-bottom:30px;
    background:#fff;
    transition:all 0.4s ease-in-out;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -ms-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
}
.theme-color-pt .pricingTable,
.pricingTable
{
    position:relative;
    box-shadow:0px 1px 4px 0px #cccccc;
    -webkit-box-shadow: 0px 1px 4px 0px #cccccc;
    -moz-box-shadow:    0px 1px 4px 0px #cccccc;
    box-shadow:         0px 1px 4px 0px #cccccc;
    border-bottom:3px solid #727CB6;
}
.theme-color-pt .pricingTable:hover
{
    transform:none;
    overflow:visible;
}
.theme-color-pt .pricingTable:before,
.pricingTable:before
{
    content:"";
    right: 23%;
    top: -3px;
    width: 50%;
    height:3px;
    background:#727CB6;
    position:absolute;
}
.pricingTable
{
    border-bottom-color:#696868;
}
.pricingTable:before,
.pricingTable .btn-default
{
    background:#696868;
}
.pricingTable .btn-default:hover
{
    background:#403F3F;
}
.theme-color-pt .btn-default{
    background: #727CB6;
}
.theme-color-pt .btn-default:hover{
    background: #444A6D;
}
.theme-color-pt .pricingTable .heading,
.pricingTable .heading
{
    background:#F2F2F2;
    color:#333;
    border:1px solid #E4E4E4;
    border-bottom:none;
}
.pricingContent ul li {
    color: #434343;
    overflow: hidden;
}
.pricingContent ul li {
    border-bottom: 1px solid #F0F0F0;
    padding: 15px 0;
    text-align: center;
    overflow: hidden;
    display: block;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
}
.pricingBlock.theme-color-pt .pricingContent ul li:nth-child(2n+2),
.pricingContent ul li:nth-child(2n+2)
{
    background:#F4F4F4;
}
.pricingBlock.theme-color-pt .pricingContent ul li:hover,
.pricingContent ul li:hover
{
    padding-left:15px;
}
.pricingContent ul{margin: 0;padding:0;}

/* -------------------------------------------------- */
/*	21. TABS
/* -------------------------------------------------- */
.nav-tabs
{
    border:none;
}
.nav-tabs > li{margin-bottom: -2px;}

.nav-tabs > li > a
{
    background:#F8F8F8;
    border:1px solid #ebebeb;
    margin:0;
    color:#777777;
    border-radius:0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{
    border-color:#ebebeb;
    outline:none;
    background:white;
    color:#727CB6;
    margin:0 0 -1px 0;
    border-bottom:none;
    border-top: 1px solid #727CB6;
}
.nav-tabs li.active, .nav-tabs li.active a, .nav-tabs li.active a:hover {
    border-top: 1px solid #727CB6;
    color:#727CB6;
}

ul.nav-tabs li a i {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}
ul.nav-tabs li.last-tab a
{
    padding:4px 22px;
    outline:none;
}
.tab-content
{
    border:1px solid #ebebeb;
    padding:20px 14px;
}
.tab-content:first-child { display: block; }
.tab-content > h3 {
    color: #555333;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 0;
}
.tab-content > p {
    font-family: lato;
    line-height: 20px;
}

/* Recent Tab
====================================*/
.recent_tab_list
{
    margin:0;
    padding:0;
}
ul.recent_tab_list li
{
    margin: 0 0 15.5px;
    padding: 0 0 17px;
    list-style-type: none;
    border-bottom: 1px solid #ebebeb;
    float: left;
    width: 100%;
}
.recent_tab_list li span {
    float: left;
    margin-right: 15px;
}
.recent_tab_list li a {
    color: #444444;
    display: block;
    font-size: 12px;
    text-decoration: none;
}
.recent_tab_list li a:hover {
    color: #727CB6;
}
.recent_tab_list li span img {
    float: left;
    margin-right: 0px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.recent_tab_list li span img:hover {
    float: left;
    margin-right: 0px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.recent_tab_list li i {
    padding: 1px 0px 0px 0px;
    margin: 0px;
    display: block;
    font-size: 11px;
    font-style: normal;
    color: #9e9e9e;
    font-family:Lato;
}
.recent_tab_list li.last {
    padding: 0px 0px 7px 0px;
    margin: 0px 0px 0px 0px;
    border-bottom: 0px solid #f5f6f6;
}

/* Comment Tab
====================================*/

.comments{
    padding:0;
    margin:0;
}
.comments .post-thumbnail {
    float: left;
    margin: 0 15px 0 0;
}
.comments .post-thumbnail > img {
    height: 50px;
    width: 50px;
}
.comments li {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px;
    padding: 0 0 15px;
    font-size: 12px;
    line-height: 18px;
    list-style: none outside none;
}
.comments_list > p {
    margin: 0;
    overflow: hidden;
}
.comments li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding: 0;
}
.comments li:last-child p{
    margin:0
}
.comments_list  a {
    text-decoration: none;
    color:#727CB6;
}
.com_pist a:focus{
    color:#555;
}
.comments_list  i {
    color: #909090;
    font-size: 12px;
    margin-left: 3px;
}
.sidebar-tab
{
    margin-bottom:30px;
}

/* =========================================*/
/* 22. ACCORDION & TOGGLE                   */
/* =========================================*/
.panel-group .switch {
    float: right;
    font-size: 17px;
    color: #524d4d;
}

.panel-group .panel.panel-default{
    border-color: #e2e2e2;
    border-right: none;
    border-left: none;
    border-radius: 0;
    margin: 15px 0 0;
    padding: 3px 0;
    box-shadow: none;
}
.panel-group .panel.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top-color:#fff;
}
.panel-group .panel .panel-body {
    color: #5F5F5F;
}
.panel-default > .panel-heading{
    background: #fff;
    padding-right: 0;
}

.panel-group .panel + .panel {
    margin-top: -2px;
}

.panel-title {
    color: #878787;
    font: lighter 15px/22px "verdana";
    padding: 0 30px;
    position: relative;
}
.panel-title i.fa {
    color: #524d4d;
    font-size: 17px;
    margin: 0 5px;
}
.panel-title a > i.fa{
    position: absolute;
    left: 0;
    top: 2px;
}
.panel-title .accordion-icon{
    position: absolute;
    right: 0;
    top: 2px;
}
.panel-group .panel-body{
    color: #323232;
}
.panel-group .panel-default > .panel-heading + .panel-collapse .panel-body{
    border-top-color: #878787;
}
.panel-group .panel-title > a{
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    margin-bottom: 0;
    outline: medium none;
    text-decoration: none;
    display: block;
}

.active_acc .panel-title a{
    color:#727CB6;
}
.panel.active_acc,
.panel:hover{
    border-top-color:#727CB6;
}

.panel-heading:hover  a,
.panel-heading:hover .accordion-icon{
    color: #727CB6;
}

/* ===================================================== */
/* 23. PROGRESS SKILL BAR									 */
/* ===================================================== */

.progress-skill-bar{
    padding:0;
}
.progress_skill {
    background:#F8F8F8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    box-shadow: none;
    height:27px;
    border:1px solid #F1F1F1;
    margin-bottom: 15px;
    line-height: normal;
}
.progress_skill .bar {
    background:#727CB6;
    line-height:24px;
    font-family:"Open sans", Helvetica, Arial, sans-serif;
    color: #ffffff;
    text-align: left;
    font-weight: bold;
    text-indent: 15px;
    text-transform:uppercase;
    -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-text-shadow: none;-moz-text-shadow: none;text-shadow: none;
    -webkit-transition: width 1s ease;-moz-transition: width 1s ease;-o-transition: width 1s ease;transition: width 1s ease;
    border-radius: 5px;
}
.progress_skill:hover .bar {
    -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease;
    background:#444A6D !important;
    color:#fff;
    cursor: pointer;
}
.progress-skill-bar {
    margin-bottom: 10px;
    margin-left:0;
    margin-top: 15px;
    list-style:none;
}
.progress-skill-bar li{overflow: hidden;}
.progress-skill-bar .lable {
    background: #555;
    float: left;
    color: #fff;
    border-right: 1px #FFFFFF solid;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    margin-top:1px;
    line-height: 25px;
    padding: 0 0 0 4px;
    text-align: center;
    width: 37px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
.progress-success .bar,
.progress_skill .bar-success {
    filter: none;
    background: #15b994;
}

/* ===================================================== */
/* 24. PROMO BOX											 */
/* ===================================================== */
.promo_box {
    background:#f2f2f2;
    padding: 30px 0;
    overflow: hidden;
}
.promo_box .pb_action a.btn {
    float: right;
    margin-top:5px;
    border:none;
}
.promo_box .pb_action a.btn i{
    margin-right:7px;
}
.promo_content h3 {
    color: #444;
    font-size: 22px;
    font-weight: bold;
    font-family:PT Sans;
    margin: 0 0 5px;
}
.promo_content p{
    color:#666;
    font-family:PT sans;
    margin-bottom:0;
}
.promo_box.dark{
    background:#20242A;
}
.promo_box.dark .promo_content h3{ color: #fff; }
.promo_box.dark .promo_content p{ color: #B0B0B0; }

/* ===================================================== */
/* 25. PAGINATION										 */
/* ===================================================== */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background:#727CB6;
    border-color: #727CB6;
}
.pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background:#727CB6;
    border-color: #727CB6;
}
.pagination a {
	cursor: pointer;
}
/* ==================================================
   26. TITLE
================================================== */
.dividerHeading h4,
.widget_title h4
{
    border-bottom: 1px solid #D6D4D4;
    font-size: 21px;
    font-weight: normal;
    margin:0 0 25px 0;
    padding: 0 0 10px;
    position: relative;
}

.dividerHeading h4::before,
.widget_title h4::before{
    border-radius: 0 5px 5px 0;
    bottom: -1px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100px;
}

.dividerHeading h4::before,
.widget_title h4::before
{
    background: #727CB6;
}

.widget_title h4 {
    font-size: 14px;
    text-transform: uppercase;
}
.footer .widget_title h4
{
    border-color: #B5B5B5;
}
.footer .widget_title h4 span
{
    color:#fff;
}

/* ===================================================== */
/* 27. DROPCAPS												 */
/* ===================================================== */
.dropcap {
    float: left;
    color: #169fe6;
    font-size: 58px;
    line-height: 54px;
    padding:6px 10px 8px;
    margin-top: 8px;
}
.dropcap.default { color: #727CB6; }
.dropcap.gray { color: #555; }
.dropcap.light { color: #aaa; }

.dropcap_block {
    float: left;
    background-color: #727CB6;
    font-size: 50px;
    line-height: 50px;
    padding:6px 10px 8px;
    margin-top: 8px;
    margin-right:10px;
    color:#fff;
}
.dropcap_block.default { background-color: #727CB6; }
.dropcap_block.gray { background-color: #555; }
.dropcap_block.light { background-color: #aaa; }

/* ===================================================== */
/* 28. HIGHLIGHT										 */
/* ===================================================== */
.highlight{ padding: 0px 6px 2px; color: #fff;}
.highlight.default { background: #727CB6; }
.highlight.gray { background: #4c4c4c; }
.highlight.light { background: #aaa; }

blockquote.default {
    border-color: #727CB6;
    color:#666;
    background:#f2f2f2;
    font-size:inherit;
}

/* ===================================================== */
/* 29. Swipe.JS Slider									 */
/* ===================================================== */
.swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative;
    margin-top: 0;
}

.swipe-wrap {
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.swipe-wrap > li {
    float:left;
    width:100%;
    overflow: hidden;
    position: relative;
}

.swipe-navi {
    display: block;
    height: auto;
    margin-top: 10px;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 1001
}

.swipe-navi .swipe-left,
.swipe-navi .swipe-right {
    position: absolute;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    opacity: 0;
    zoom: 1;
    filter: alpha(opacity=0);
    color:#fff;
    cursor: pointer;

    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;

    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;

    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    background:#727CB6;

}
.swipe-navi .swipe-left:hover,
.swipe-navi .swipe-right:hover{
    background:#555 !important;
}
.swipe-wrap img {
    width: 100%;
}

.swipe:hover .swipe-navi .swipe-left{
    opacity: .9;
    zoom: 1;
    filter: alpha(opacity=90);
    margin-top: -27px;
}

.swipe:hover .swipe-navi .swipe-right {
    opacity: .9;
    zoom: 1;
    filter: alpha(opacity=90);
    margin-top: -27px;
}

.swipe-navi .swipe-left {
    left: 5px;
    margin-top: -32px;
}

.swipe-navi .swipe-right {
    right: 5px;
    margin-top: -22px;
}
.img-about {
    margin-top: 15px;
}

/* ==================================================*/
/*  30. CAROUSEL                                     */
/*================================================== */
.porDetCarousel,.porDet2Carousel {
    margin-bottom: 40px;
    overflow: hidden;
}
.carousel-content, .porDetCarousel, .porDet2Carousel {position: relative;}
.carousel-item {
    width: 100%;
    display: block;
    visibility: hidden;
    position: absolute;
    top: 0;    left: 0;
}
.carousel-item.active {
    display: block;
    visibility: visible;
    position: static;
}
.carousel-item.current {
    left: 0;
    right: 0;
    visibility: visible;
    z-index: 1;
}
.carousel-item {
    max-width: 100%;
    display: block;
}
.carousel-control {
    position: absolute;
    top: 0;		left: 0;
    bottom: 0;	right: 0;
    overflow: hidden;
    width:100%;
}

.porDetCarousel:hover .carousel-prev { left: 10px; }
.porDetCarousel:hover .carousel-next { right: 10px; }
.porDet2Carousel:hover .carousel-prev { left: 10px; }
.porDet2Carousel:hover .carousel-next { right: 10px; }
.carousel-prev, .carousel-next {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 45%;
    left: -40px;
    z-index: 2;
    background: #666;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: background-color 0.2s ease, left 0.2s ease, right 0.2s ease;
    transition: background-color 0.2s ease, left 0.2s ease, right 0.2s ease;
}
.carousel-next {
    left: auto;
    right: -40px;
}
.carousel-prev:hover, .carousel-next:hover {
    background: #555;
}
.carousel-prev:before, .carousel-next:before {
    content: '\f104';
    display: block;
    text-align: center;
    line-height: 40px;
    font: 20px/40px 'FontAwesome';
    color: #fff;
}
.carousel-next:before {
    content: '\f105';
}
.carousel-next:hover:before,
.carousel-prev:hover:before{color: #fff;}
.carousel-pagination {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transition: bottom 0.2s ease;transition: bottom 0.2s ease;
    -webkit-transform: translateX(-50%);transform: translateX(-50%);
    z-index: 2;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    line-height: 50px;
}
.carousel-pagination li {
    background:rgba(0, 0, 0, 0.5);
    cursor: pointer;
    float: left;
    height: 6px;
    margin: 0 2px;
    width: 20px;
}
.carousel-pagination li.active {
    background: #727CB6;
}

/* ===================================================== */
/* 31. FLICKR											 */
/* ===================================================== */
.flickr {
    margin-top: 20px;
    text-align:center;
}
.flickr-feed {overflow: hidden;padding:0;}
.flickr-feed li {
    display: inline-block;
    margin: 0 8px 4px auto;
    position: relative;
    z-index:0;
    width:62px;
    height:62px;
    overflow: hidden;
}
.flickr-feed li img {
    margin: 0 8px 8px 0;
    width: 62px;
    height: 62px;
    overflow: hidden;
    box-shadow:none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.flickr-feed li:hover img{
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    transform: scale(1.2) rotate(10deg);
    -webkit-transform: scale(1.2) rotate(10deg);
    -moz-transform: scale(1.2) rotate(10deg);
    -o-transform: scale(1.2) rotate(10deg);
    -ms-transform: scale(1.2) rotate(10deg);
}

.flickr-feed li a {display: block;overflow: hidden;position: absolute;width: 62px;height: 62px;
    filter: alpha(opacity=100); /* internet explorer */
    -khtml-opacity: 1;      /* khtml, old safari */
    -moz-opacity: 1;       /* mozilla, netscape */
    opacity: 1;           /* fx, safari, opera */
}
.flickr-feed li .hover {position: absolute;width: 62px;height: 62px;background: #727CB6;opacity: 0;filter: alpha(opacity=0);-webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;transition-duration: 0.4s;z-index:10;
}
.flickr-feed li a:hover .hover {opacity: 0.8;filter: alpha(opacity=80); visibility:visible;}
.flickr-feed li a i {
    display: block;
    position: absolute;
    width: 62px;
    height: 62px;
    font-size: 18px;
    color: white;
    line-height: 3.8;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 11;
    -webkit-font-smoothing: antialiased;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    text-align:center;
}
.flickr-feed li a:hover i {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

/* Footer Social
====================================*/
.footer_social{
    float: right;
}
.footbot_social {
    list-style: none outside none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}
.footbot_social li {
    float: left;
    background: none !important;
}
.footbot_social li a {
    color: #666;
    display:block;
    height: 40px;
    text-align: center;
    width:35px;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    margin: 0 2px;
}
.footbot_social li a i {
    font-size: 18px;
    line-height: 40px;
    margin-right: 0;
    float: none;
}
.footbot_social li a.fb:hover            {background:#1964DA; border-radius: 5px; color:#fff;}
.footbot_social li a.twtr:hover          {color: #fff; background:#3ABDD1; border-radius:5px;}
.footbot_social li a.gmail:hover         {color: #fff;}
.footbot_social li a.pinterest:hover     {color: #fff;}
.footbot_social li a.rss:hover           {color: #fff; background:#F15200; border-radius:5px;}
.footbot_social li a.tumblr:hover        {color: #fff;}
.footbot_social li a.flickr:hover        {color: #fff;}
.footbot_social li a.instagram:hover     {color: #fff;}
.footbot_social li a.linkedin:hover      {color: #fff;}
.footbot_social li a.skype:hover         {color: #fff; background:#00AAF1; border-radius:5px;}
.footbot_social li a.youtube:hover       {color: #fff;}
.footbot_social li a.dribbble:hover      { color: #fff; background:#F97193; border-radius:5px;}

/* ===================================================== */
/* 32. List & Bullets									 */
/* ===================================================== */
ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

/* --------list style  CSS---------- */
.list_style li {
    font-family: PT sans;
    font-size: 14px;
    line-height: 21px;
    padding:3px 2px 3px 10px;
    position: relative;
}

.list_style li a {
    color: #666;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    text-decoration: none;
}
.list_style li a:hover {
    color: #727CB6;
    text-decoration: none;
}
.list_style li a.active {
    color: #727CB6;
}

/* --------list style 1 : Simple CSS---------- */
.list_style li {
    padding:3px 2px 3px 12px;
}

.list_style li:before {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 3px;
}

/* --------list style 2 : Circle CSS---------- */
.list_style.circle li {
    padding:3px 2px 3px 23px;
}
.list_style.circle li:before{
    font-family: FontAwesome;
    content: "\f105";
    color: #FFFFFF;
    background: #727CB6;
    border-radius:50%;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    width: 16px;
    text-align: center;
    font-size: 11px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px;
}

/* --------list style 3 : Square CSS---------- */
.list_style.square li {
    padding:3px 2px 3px 23px;
}
.list_style.square li:before {
    font-family: FontAwesome;
    content: "\f105";
    background: #727CB6;
    display: inline-block;
    border-radius:0;
    color: #FFFFFF;
    height: 15px;
    width: 15px;
    line-height: 15px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 5px;
}

/* --------list style 4 : Star CSS---------- */
.list_style.star li {
    padding:3px 2px 3px 22px;
}
.list_style.star li:before {
    font-family: FontAwesome;
    content: "\f005";
    display: inline-block;
    border-radius:0;
    color: #727CB6;
    font-size: 16px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 3px;
}

/* --------list style 5 : Right-arrow CSS---------- */
.list_style.right-arrow li {
    padding:3px 2px 3px 20px;
}
.list_style.right-arrow li:before {
    font-family: FontAwesome;
    content: "";
    display: inline-block;
    border-radius:0;
    color: #727CB6;
    font-size: 15px;
    position: absolute;
    left: 0;
    top: 4px;
}

/* --------list style 6 : Hand CSS---------- */
.list_style.hand li {
    padding:3px 2px 3px 22px;
}
.list_style.hand li:before {
    font-family: FontAwesome;
    content: "";
    display: inline-block;
    border-radius:0;
    color: #727CB6;
    position: absolute;
    left: 0;
    top: 4px;
}

/* --------list style 7 : Play  CSS---------- */
.list_style.play li {
    padding:3px 2px 3px 21px;
}
.list_style.play li:before {
    font-family: FontAwesome;
    content: "";
    display: inline-block;
    border-radius:0;
    color: #727CB6;
    font-size: 15px;
    position: absolute;
    left: 0;
    top: 3px;
}

/* --------list style 8 : Dubble-Right-Arrow  CSS---------- */
.list_style.dubble-right-arrow li {
    padding:3px 2px 3px 17px;
}
.list_style.dubble-right-arrow li:before {
    font-family: FontAwesome;
    content: "";
    display: inline-block;
    border-radius:0;
    color: #727CB6;
    font-size: 15px;
    position: absolute;
    left: 0;
    top: 3px;
}

/* --------list style 9 : Multiple-Icon CSS---------- */
.multi-icon-list li{
    font-family: PT sans;
    font-size: 14px;
    line-height: 21px;
    padding: 3px 2px 3px 23px;
    position: relative;
}
.multi-icon-list li i.fa{
    color: #727CB6;
    font-size: 16px;
    position: absolute;
    left: 0;
}

/* ===================================================== */
/* 33. Button Up										 */
/* ===================================================== */
.btntoTop {
    width: 44px;
    height: 44px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: #34495e;
    border-radius: 2px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    z-index: 999;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.btntoTop:before {
    content: "\f106";
    display: inline-block;
    vertical-align: middle;
    font: 20px 'FontAwesome';
    color: #b8bcc0;
}
.btntoTop.active {
    opacity: 1;
}
.btntoTop.active:hover{
    opacity:0.8;
}
.container_students a,.container_students span
{
	/*float:left;*/
}
.container_students a
{
	color:black;
}
.navbar-inverse
{
	top:15px;
	background-color:white;
	border:3px solid #dcdbd7;
	border-bottom:0;
	font-weight:bold;
	border-top:3px solid #3498DB;
}
.navbar-inverse .container-fluid
{
	background:rgba(202,230,249,0.3);
}
.navbar-inverse .navbar-nav>li>a
{
	color:#676767 !important;
}
.col-sm-2.disable.alert.alert-danger
	{
		padding-top:4px;
		padding-bottom:5px;
	}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover
{
	background-color:#3498DB;
	color:white !important;
}	
/* ===================================================== */
/* 34. Media Query										 */
/* ===================================================== */
@media only screen and (min-width: 980px) and (max-width: 1280px){
    .names{font-size:14px}
	
    .blog_medium .post_img{width:30%; }

    .shares li.shareslabel h3{padding:8px 14px;}

    .comment_form > input{width:30%;}

    .testimonial .testimonial-buttons a{height:17px;line-height:17px;width:17px;}

    .testimonial .testimonial-buttons {position:absolute; right: 47%; top: -22px;}

    .post-images { margin-right: 15px;}
	#logo-bar .container{margin:0 !important;width:100%;padding:0 35px;}
	#logo span{font-size:20px;}
}
@media only screen and (min-width: 760px) and (max-width: 1200px)
{
	.page_title h2
	{
		text-align: center;display: block;width: 90%;padding-bottom:50px;
	}
	.page_title h2
	{
		border:none;
	}
	.navbar-inverse
	{
		float:none;
		width: auto;
		margin-left: auto;
		margin-right: auto;
	}
	.col-lg-12.col-md-12.col-sm-12
	{
		top:-15px;
	}
	
}
@media only screen and (max-width: 1070px)
{
	h2
	{
		font-size:16px;
	}
	.top-left-user {
    float: left;
	}
	#logo a img
	{
		max-width:30%;
		width: 80px;
		height: 80px;
	}
	.logo-set
	{
		width: 100%;
    text-align: center;
	}
	.top-menu
	{
		float:none;
	}
	.navbar-static-top
	{
		float:none;
	}
	#mainMenu .navbar-nav
	{
		float:none !important;
		text-align:center;
	}
	.navbar-default .navbar-nav > li
	{
		float:none;
		display:inline-block;
	}
}
@media only screen and (max-width: 1000px)
{
	.fa-check-circle-o,
	{
		display:none;
	}
	.obqvi_rabotodatel .fa-ban
	{
		display:inline-block;
	}
	.col-sm-2.disable.alert.alert-danger
	{
		padding-top:0;
	}
	.container_students span
	{
		margin-left:auto;
		margin-right:auto;
		float:none;
	}
}
@media only screen and (max-width:980px) {
    .recent-item .option{
        top: 23% !important;
    }
	
    .recent-item .option a{
        height: 40px !important;
        width: 40px !important;
        line-height: 40px !important;
        font-size: 15px !important;
    }

    .recent-item:hover .item-description{
        top: 35% !important;
    }

    .recent-item .item-description h5{
        font-size: 19px !important;
        line-height: 33px !important;
    }

    .recent-item .item-description span{
        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 14px !important;
    }

    .item .recent-item:hover .item-description{
        top:45% !important;
    }
    .list_item h4{
        font-size: 15px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 989px){

    #logo{
        margin: 22px 0 0;
    }
	.trainee_style .col-sm-4{padding:0;}
    .navbar-default .navbar-nav > li > a{padding: 40px 6px;}
	#mainMenu{ margin-top:90px;}

    .serviceBox_1 .service_icon > h3 {font-size: 17px;}
    .serviceBox_5 .service-content::before {left: -40%;}
    .serviceBox_5 .service-content::after {
        left: 30%;
        top: -18px;
    }

    .serviceBox_5 .service-content .internal::before {
        left: -70%;
        top: 4%;
    }
    .serviceBox_5 .service-content .internal::after {
        left: 57%;
        top: -18px;
    }

    .tab-content{margin-bottom:30px;}

    .post-images { margin-right: 15px; }

    .contact_3 .widget_info_contact li {
        margin: 0 0 20px;
    }
	
}

@media only screen and (max-width:768px) {
	#mainMenu
	{
		top:10px;
		position:relative;
	}
	.fraction-slider .btn{font-size:12px !important;}
	p.slide-heading, .slider .slide2 p.slide-heading, .slider .slide3 .sub-line, #sec_slide
	{
		padding:0;
		height:25px !important;
	}
	.slider p
	{
		display:none !important;
	}
	.trainee_style .col-sm-4, .trainee_style .col-sm-3, .trainee_style .col-sm-6
	{
		margin-bottom:10px;
		padding-bottom:5px;
		border-bottom:1px solid white;
	}	
	#mainMenu ul li
	{
		display:block;
	}
	.navbar-static-top .navbar-nav>li {
    float: none;
    width: auto;
    display: inline-block;
}
	.obqvi_rabotodatel .dropdown-menu
	{
		float:none;
		position:relative;
	}
	.obqvi_rabotodatel .btn.btn-default,#newJob
		{
			margin-bottom:0;
		}
	h1
	{
		font-size:18px;
	}
    #logo-bar{padding:0;}
	
    #logo a img {height: auto;}

    .jcarousel-list li{ width:248px; }

    .tab-content{margin-bottom:30px;}

    .nav-tabs > li > a { padding:10px 10px; }

    .serviceBox_1,.serviceBox_2,.serviceBox_3{ margin-bottom:30px; }

    .blog-hover > a { top: 30%; }

    .blog_medium .post_content{ width:45%; }

    .shares li.shareslabel h3{ padding:8px 14px; }

    section.parallax { padding: 30px 0; margin: 30px 0 0; }

    .parallax-testimonial{ padding: 0 0 30px; }

    .img-about{ margin-bottom: 20px; }

    .texture-section{ padding: 15px 0;margin: 10px 0; }
}

@media only screen and (max-width: 767px) {
	h2{width:80%;}
	.top-menu {float: none; padding-right: 0;}
	.trainee_style .well-sm div.col-sm-3,.trainee_style div.well-sm a div.col-sm-6, .trainee_style .well-sm div.col-sm-9
	{
		height:auto;
	}
    #info-bar {background:none; padding:0;}

    #logo {margin:0; z-index: 10000;}

    #logo-bar{padding:10px 0;}
	.fa-check-circle-o, .fa-ban
	{
		display:block;
	}
	#logo a img {
    max-width: 50%;}
    .navbar-default .navbar-nav li a{color:#fff;}

    .navbar{
        background:none;
        border-color: transparent;
        float: none;
    }
    .navbar.scroll-to-fixed-fixed{
        box-shadow: 0 0 10px #9c9999;
    }
    .navbar-nav{
       /* background:#303436;*/
        margin: 0;
    }
	#second_menu
	{
		top:-15px;
		position:relative;
		background:none;
	}
	.nav.navbar-nav.inverse-bar > li
	{
		display:inline-block !important;
	}
    .navbar-collapse{
        position: absolute;
        width: 100%;
    }
	
    .navbar-nav > li > a:hover,.navbar-nav > li > a:focus,.navbar-nav > li.active > a,
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus
    {
        background:#505B95 !important;
        color:#fff!important;
    }

    .navbar-nav > li ul > li:first-child > a{border-top:none;}
    .navbar-default .navbar-nav > li{border-bottom:1px solid rgba(255, 255, 255, 0.54);}
    .navbar-default .navbar-nav > li > a,.navbar-nav .dropdown-menu > li > a
    {
        padding-top:12px!important;
        padding-bottom:12px!important;
        border-bottom:none!important;
    }
    .navbar-default .navbar-nav li a{
        color: #fff;
    }
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a
    {
        background: #303436;
        padding-left:45px;
        color:#fff;
        font-size:13px;
    }
    .dropdown-menu.sm-nowrap > li{background:#303436; border-top:1px solid rgba(255, 255, 255, 0.54);}

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus
    {
        background:#505B95;
        color:#fff;
    }

    .navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow
    {
        float:right;
        color:#fff;
    }
    .navbar-nav > li > ul:before
    {
        content:"";
        display:none;
    }
    .navbar-nav > li > .has-submenu .sub-arrow{
        font-size: 14px;
        font-weight: bold;
        width: 10px;
    }

    .navbar-nav > li.active { color: #fff;}

    .navbar-nav > li:hover > ul{
        -moz-animation: none;
        -webkit-animation: none ;
        animation: none;
    }

    .navbar-nav > li > ul.dropdown-menu li:hover ul{
        -moz-animation: none;
        -webkit-animation:none;
        animation: none;
    }

    .sub_content {
        padding: 0;
    }

    .page_head{
        padding: 16px 0 0;
        position: relative;
    }
    .text-center > img {
        width: 100%;
    }
    .images-style-inner {
        margin: 10px 0;
    }
    .page_head h2 { font-size: 20px; }

    #breadcrumbs { float: right;margin-top: 5px;margin-bottom: 5px;}

    .serviceBox_1,.serviceBox_5{ margin-bottom:30px; }

    .serviceBox_5 .service-content::before {
        left: -5%;
        top: -38px;
        width: 100%;
    }
    .serviceBox_5 .service-content::after {
        left: 71%;
        top: -75px;
    }

    .serviceBox_5 .service-content .internal::before {
        left: -11%;
        top: -1px;
        width: 100%;
    }
    .serviceBox_5 .service-content .internal::after {
        left: 83%;
        top: -77px;
    }

    .list_style li i{ margin-right:0; }

    .our_clients ul { display: block; margin: 0 auto; padding: 0; text-align: center; }

    .list_item{ width:100%;}

    .jcarousel-list li{ width:99%; }

    .widget_content{ margin-bottom:30px; }

    .promo_box .pb_action a.btn {display: block; float: none; margin-top: 20px;  }

    .list_style{ margin:0 0 30px; }

    .pricingTable{ margin-bottom:50px; }

    .team_prof{ margin-bottom:30px; }

    .blog_large .post_meta h2 a, .blog_single .post_meta h2 a { font-size:18px; line-height:normal; }

    .blog_medium .post_meta h2 a { font-size: 20px; line-height:normal; }

    .blog_large .post_meta h2,
    .blog_medium .post_meta h2,
    .blog_single .post_meta h2 { font-size:18px; line-height:20px; margin-bottom:10px; margin-top:0; }

    .blog_large .day,.blog_medium .day, .blog_single .day { font-size:20px; }

    .blog_large .month, .blog_medium .month , .blog_single .month { padding: 2px 8px 4px; }

    .blog_large .post_img, .blog_single .post_img{ margin-bottom:20px; }

    .blog_large .post_content, .blog_single .post_content { margin: 0 0 0 60px; }

    .blog_large .post_meta .metaInfo, .blog_single .post_meta .metaInfo{ padding:0 0 10px; }

    .blog_large .post_meta .metaInfo > span, .blog_single .post_meta .metaInfo > span { line-height:24px; }

    .blog_large .post, .blog_medium .post, .blog_single .post, .blog_medium .post { margin-bottom:40px; padding-bottom:40px; }

    .blog_medium .post_content { float:left; width:100%; }

    .blog_medium .post_img { margin-right:0; width:75%; margin-bottom:30px; }

    .sidebar .widget { display:inline-block; position:relative; }

    .shareslabel {display:none; }

    .author_desc { height:auto; min-height:inherit; width:100%; }

    .author_bio { float:none; margin-top:35%; padding:20px; position:relative; text-align:center; width:100%; }

    #comment-list ul.children{ margin-left:10px; }

    .comment-container{ margin-left:80px; margin-bottom:10px; }

    .comment_form > input{ width:100%; }

    .page_404 > h1{ font-size:160px; line-height:180px; margin-top:0; }

    .page_404 > p{ font-size:26px; line-height:36px; }

    .rec_blog { margin-bottom:20px; }

    .copyright{ text-align:left; float:left; }

    .post-images {margin-right: 15px;}

}

@media only screen and (min-width: 481px) and (max-width: 767px){

    .author_bio {margin-top:35%; position: relative;}

    #breadcrumbs { float: right;}

    .contact_3 .widget_info_contact li {margin: 0 0 25px;}
	
}
@media only screen and (max-width: 510px)
{
	.obqvi_rabotodatel tr td:nth-of-type(8):before,.obqvi_rabotodatel tr td:nth-of-type(7):before
	{
		display:block;
	}
}
@media only screen and (max-width: 580px){
	h2{ font-size:12px;}
    .panel-group i { margin:-17px 5px 0px;}
    .panel-group i{margin: 0 5px;}

    .author_bio {margin-top:55%; position: relative;}

    #filter li a{padding:10px;}
	.my_requests table tr td:nth-of-type(4):before
	{
		display:block;
	}
	
    .recent-item .item-description h5{
        font-size: 18px !important;
        line-height: 31px !important;
    }
	
    .recent-item .item-description span{
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 13px !important;
    }

    /*table { display: block; padding: 0;}
    tbody { display: block;}*/

    .post-images {width: 100%; margin:0 0 15px 0;}
    .post-detail { width: 100%; }

    .contact_3 .widget_info_contact li {margin: 0 0 25px;}

    .serviceBox_5 .service-content::before {
        background: hsl(188, 30%, 39%) none repeat scroll 0 0;
        content: "";
        display: block;
        height: 500px;
        left: -8%;
        position: absolute;
        top: 0;
        transform: rotate(7deg);
        transition: all 0.3s ease 0s;
        width: 400px;
    }
    .serviceBox_5 .service-content::after {
        background: hsl(188, 30%, 39%) none repeat scroll 0 0;
        content: "";
        display: block;
        height: 500px;
        left: 61%;
        position: absolute;
        top: -76px;
        transform: rotate(-35deg);
        transition: all 0.3s ease 0s;
        width: 400px;
    }

    .serviceBox_5 .service-content .internal::before {
        background: hsl(188, 35%, 31%) none repeat scroll 0 0;
        content: "";
        display: block;
        height: 500px;
        left: -32%;
        position: absolute;
        top: 3%;
        transform: rotate(14deg);
        transition: all 0.3s ease 0s;
        width: 400px;
        z-index: 1;
    }
    .serviceBox_5 .service-content .internal::after {
        background: hsl(188, 35%, 31%) none repeat scroll 0 0;
        content: "";
        display: block;
        height: 500px;
        left: 70%;
        position: absolute;
        top: -44px;
        transform: rotate(-52deg);
        transition: all 0.3s ease 0s;
        width: 400px;
        z-index: 1;
    }
	.obqvi_rabotodatel tbody td:first-of-type{display:none;}
	.obqvi_rabotodatel tbody td:last-of-type {border-bottom: 7px solid #3498db;border-radius:0 0 10px 10px;margin-bottom:50px;}
	.obqvi_rabotodatel tbody tr:last-of-type td{margin-bottom:0;}
	#usersmentor-ajax-container tbody td:first-of-type{display:none;}
	#usersmentor-ajax-container tbody td:nth-of-type(2){border-radius:0 0 10px 10px}
	#usersmentor-ajax-container tbody td:last-of-type {border-bottom: 7px solid #3498db;border-radius:0 0 10px 10px;margin-bottom:50px;}
	#usersmentor-ajax-container tbody tr:last-of-type td{margin-bottom:0;}
	#usersmentor-ajax-container table thead,#documents-ajax-container table thead{display:none;}
	#usersmentor-ajax-container td,#documents-ajax-container td{display:block;}
	#usersmentor-ajax-container td:before, #documents-ajax-container td:before
	{
		font-weight:bold;
	}
	#usersmentor-ajax-container td:nth-of-type(1):before
	{
		content:"#: ";
	}
	#usersmentor-ajax-container td:nth-of-type(3):before
	{
		content:"Статус: ";
	}
	#usersmentor-ajax-container td:nth-of-type(4):before
	{
		content:"Име: ";
	}
	#usersmentor-ajax-container td:nth-of-type(5):before
	{
		content:"E-mail адрес: ";
	}
	#usersmentor-ajax-container td:nth-of-type(6):before
	{
		content:"ЕГН: ";
	}
	#documents-ajax-container td:nth-of-type(1):before
	{
		content:"#: ";
	}
	#documents-ajax-container td:nth-of-type(3):before
	{
		content:"Вид документ: ";
	}
	#documents-ajax-container td:nth-of-type(4):before
	{
		content:"Дата: ";
	}
	#documents-ajax-container td:nth-of-type(5):before
	{
		content:"Номер: ";
	}
}


.clear {
	clear: both;
}

.form-filter {
	margin-top: 18px;
}

.form-filter .pad {
	padding-left: 5px;
	padding-right: 5px;
}

.form-filter .he30 {
	height: 30px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.navigation_loading {
	position: absolute;
	margin-top: 8px;
	margin-left: 10px;
}

.docsel-active {
	border-radius: 6px; 
	border: 2px solid #e0e0e0; 
	background: #efefef;
	padding: 2px;
	text-align: center;
	padding-bottom: 8px;
}

.docsel {
	padding: 4px;
	padding-bottom: 10px;
	text-align: center;
}


.file_list
{
    margin:0;
    padding:0;
	font-size: 16px;
	line-height: 22px;
}
.file_list .row
{
    padding: 15.5px 0 17px;
    border-bottom: 1px solid #ebebeb;
}
.file_list .row:last-child {
    border-bottom: 0px solid #f5f6f6;
}

.file_list img {
    max-width: 100%;
}
.file_list .file-info a {
    color: #444444;
    font-size: 18px;
    text-decoration: none;
}
.file_list .file-info a:hover {
    color: #659524;
}
.file_list .row span.img img {
    float: left;
    margin-right: 0px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.file_list .row span.img img:hover {
    float: left;
    margin-right: 0px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.file_list .row i {
    padding: 1px 0px 0px 0px;
    margin: 0px;
    display: block;
    font-style: normal;
    color: #9e9e9e;
    font-family:Lato;
}

@media (max-width: 1200px) {
	.file_list {
		font-size: 11px;
		line-height: 16px;
	}
	.file_list .job-info a {
		font-size: 12px;
	}
}
/* Style companies blocks*/
.whole_block
{
	background:#e3e3e3;
	height:170px;
	overflow: hidden;
}
.imagein
{
    height: 90px;
    width: 70px;
	margin:0 auto 0 auto;
}
.imagein img
{
	max-height:90px;
}
.well-lg
{
	padding:20px;
}
.whole_block .row div
{
	padding-right:0;
}
.whole_block .row div:nth-of-type(2)
{
	padding-left:0;
}
.title
{
	border-bottom: 2px solid white;
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:3px;
}
/*Table candidates*/
.table.table-condensed
{
	border:1px solid #dddddd;
	border-radius:15px;
	margin-bottom:40px;
}

.selected thead
{
	background:#3498DB;
	color:white;
}
.table.table-condensed th,.table.table-condensed td
{
	padding-left:1%;
	border-right:5px solid white;
}
.table.table-condensed th:last-of-type,.table.table-condensed td:last-of-type
{
	border-right:0;
}
.table.table-condensed tbody tr
{
	height:50px;
}
.table.table-condensed thead tr
{
	height:25px;
}
.table.table-condensed tbody tr td
{
	vertical-align:middle;
}	
div.col-sm-2.checked
	{
		background-color: #3498DB;
		border-radius:5px;
	}
	div.col-sm-2.disable
	{
		text-align:center;
	}
	div.col-sm-2.disable div
	{
		font-size:14px;
	}
div.col-sm-2.checked div
{
	margin-top: 5px;
    margin-bottom: 5px;
	color:white;
	font-size:14px;
	text-align:center;
}	
.acception
{
	padding:13px;
}
.disable span, .acception a
{
	vertical-align:middle;
}
div.col-sm-2.checked.date_check div
{
	margin-top: 5px;
}
.well-sm.change,.well-sm.closes,.checked,.disable
{
	margin-bottom:7px;
	padding:0;
}
.acception,.checked,.disable
{
	margin-bottom:10px;
	height:48px;
}
.dangerous thead
{
	background-color: #a94442;
	color:white;
}
.fa-2x
{
	padding-right: 15px !important;
	padding-left:8px;
    vertical-align: middle;
    float: left;
}

@media only screen and (max-width: 760px)
{
	.table.table-condensed
	{
		margin-bottom:5px;
	}	
	.btn.btn-default
	{
		margin-bottom:35px;
		width:100%;
	}
	.table_info
	{
		padding:0;
	}
	.table-condensed thead
	{
		display:none;
	}
	.table.table-condensed tbody td
	{
		display:block;
		border:none;
	}
	.table.table-condensed tbody td:before
	{
	font-weight:bold;
	}
	.candidates tbody .well td:nth-of-type(2):before
	{
		content:"Име: ";
	}
	.candidates tbody .well td:nth-of-type(3):before
	{
		content:"Висше училище: ";
	}
	.candidates tbody .well td:nth-of-type(4):before
	{
		content:"Специалност: ";
	}
	.candidates tbody .danger td:nth-of-type(1):before
	{
		content:"Име: ";
	}
	.candidates tbody .danger td:nth-of-type(2):before
	{
		content:"Висше училище: ";
	}
	.candidates tbody .danger td:nth-of-type(3):before
	{
		content:"Специалност: ";
	}
	.btn.well
	{
		color:black ! important;
		width:100%;
	}
	.btn.first.well
	{
		margin-bottom:40px;
	}
	div.col-sm-2.checked
	{
		margin-bottom:10px;
	}
	div.col-sm-2.checked div {
	 text-align:center;
	 padding-top:5px;
	}
	.companies_list .row
	{
		margin:0;
	}
	.top-info_first
	{
		display:none;
	}
	#myNavbar
	{
    background:#303436;
	}
	.navbar-inverse .navbar-nav>li>a {
    color: #fff !important;

	}
}

.cv-table {
	width: 100%;
}

.cv-table .left-td {
	padding-right: 15px;
	width: 30%;
	text-align: right;
	font-size: 14px;
	padding-bottom: 10px;
	vertical-align: top;
}

.cv-table .right-td {
	width: 70%;
	font-size: 14px;
	padding-bottom: 10px;
	vertical-align: top;
}
@media only screen and (max-width: 480px)
{
#logo p {
      margin-top: -33px;
    text-align: center;
    color: #fff;
    line-height: 1;
    margin-left: 40px;
    font-size: 13px;
    font-size: 9px;
	}


}

@media only screen and (max-width: 460px)
{
	.top-info_first span:nth-of-type(2)
	{
		display:block;
	}
}
@media only screen and (max-width: 410px)
{
	h1
	{
		font-size:12px;
	}
	#logo a img
	{
		max-width:20%;
	}
	.top-menu
	{
		padding:0;
	}
	#breadcrumbs ul li:first-of-type
	{
		display:block;
		width:100%;
		margin-top:0;
	}
}

.pdf-link {
	background: url("../images/pdf16.png") no-repeat 0px 1px;
	padding-left: 22px;
}

.newsfeed-color-block {
	float: left; 
	width: 30px; 
	height: 20px; 
	background: none; 
	border: 1px solid #7f7f7f;
}

.newsfeed-item {
	font-size: 14px;
	border-bottom: 2px dashed #bfbfbf;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.newsfeed-row {

}

.newsfeed-bg-none {
	
}

.newsfeed-bg-orange {
	background: #ffe9ce;
	padding: 15px;
}

.newsfeed-bg-yellow {
	background: #ffffcc;
	padding: 15px;
}

.newsfeed-title {
	font-weight: bold;
	padding-bottom: 8px;
}

.newsfeed-files {
	margin-top: 15px;
}

.newsfeed-file-item {
	margin-bottom: 6px;
	float: left;
}

.subh4 {
	position: relative; 
	top: -15px;
    border-bottom: 1px solid #d6d4d4;
    padding-bottom: 10px;	
	font-size: 14px;
}

.tooltip-files a {
	margin-right: 10px;
	margin-bottom: 10px;
}

.tooltip-files .tooltip.bottom .tooltip-inner {
	background: #ffffff;
	color: #4f4f4f;
	border: 1px solid #7f7f7f;
	text-align: left;
	min-width:200px;
}

.tooltip-files .tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

.tooltip-files-inner {
	font-size: 30px;
}

.tooltip-files.tooltip250 .tooltip.bottom .tooltip-inner {
	min-width: 250px;
}


.tooltip-custom a {

}

.tooltip-custom .tooltip.bottom .tooltip-inner {
	background: #ffffff;
	color: #4f4f4f;
	border: 1px solid #7f7f7f;
	text-align: left;
	min-width: 200px;
}

.tooltip-custom .tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

.tooltip-custom.tooltip250 .tooltip.bottom .tooltip-inner {
	min-width: 250px;
}

.vuzes-container {

}

.vuzes-container .vuz-item {
	padding: 20px;
	background: #f2f6ff;
	border-radius: 10px;
	margin-bottom: 15px;
	border: 2px solid #dee8ff;
}

.vuzes-container .vuz-link {
	font-size: 14px;
	font-weight: bold;
}

.vuzes-container .vuz-kontakti {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 40px;
	font-size: 14px;
	display: none;
}


.vuzes-container {

}

.el-container .el-item {
	padding: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #dee8ff;
	padding-left: 0px;
}

.el-container .el-item  a {
	background: url( ../images/pdf16.png ) no-repeat 0px 2px;
	padding-left: 20px;
}

.navigation-total {
	color: red; 
	font-weight: bold; 
	position: relative; 
	top: -15px;
	clear: both;
}

.vnum {
	color: red;
	font-weight: bold;
}