/*CSS*/
* {
	margin: 0;
	padding: 0;
	/* font-family: 'Source Sans Pro', sans-serif;*/
	font-family: "RobotoCondensed-Regular";
}
body {
	font-size: 14px;
	/* font-family: 'Source Sans Pro', sans-serif;*/
	font-family: "RobotoCondensed-Regular";
	-webkit-font-smoothing: antialiased;
	background: #ffffff;
}
@font-face {
	font-family: 'RobotoCondensed-Regular';
	src: url('../fonts/RobotoCondensed-Regular.eot');
	src: url('../fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoCondensed-Regular.ttf') format('truetype'), url('../fonts/RobotoCondensed-Regular.svg#glyphicons_halflingsregular') format('svg');
}
::selection {
	color: #fff;
	background: #CC4646;
}

::-moz-selection {
 color: #fff;
 background: #CC4646;
}
p {
	color: #5a5a5a;
    line-height: 22px;
    font-size: 16px;
}
h1,h2,h3,h4{font-family: "RobotoCondensed-Regular";}
.button-outline {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	color: #fff;
	padding: 10px 25px;
	border: 2px solid #fff;
	border-radius: 0px;
	font-size: 16px;
	font-weight: 400;
	background: rgba(255,255,255,0.15);
}
.button-outline:hover {
	color: #fff;
	background: rgba(255,255,255,0.35);
}
a {
	color: #CC4646;
	text-decoration: none;
	text-shadow: none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
a:hover {
	color: #DF3927;
	text-decoration: none;
}
.btn {
	border: 0px;
	border-radius: 0px;
}

.form-control {
	border-radius: 0px;
}
#top {
	position: relative;
}
/*PAGE TOP START*/
.pg-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	margin: 0;
	padding: 15px 16px;
	display: none;
	line-height: 0;
	font-size: 22px;
	z-index: 10;
	color: #ffffff;
	background-color: #054099;
	transition: .2s ease-out;
	border-radius: 12px;
	height: 45px;
	width: 50px;
	transition: all 0.2s ease 0s;
}
.pg-top:hover {
	color: #ffffff;
	background-color: #30456f;
	opacity: 1;
	text-decoration: none;
	padding: 7px 16px;
}
.pg-top:focus {
	color: #ffffff;
}
/*PAGE TOP END*/



/* HEADER START*/
.header {
	position: fixed;
	width: 100%;
	background: #ffffff;
	z-index: 50;
	border-radius: 0;
	top: 0px;	
	box-shadow:0px 2px 3px 0 #b5b5b5;	
}
.navbar-inverse .navbar-toggle {
	border-color: #D87300;
    background-color: #f9f9f9;
}
.header .navbar {
	margin: 0;
	background: transparent !important;
}
.navbar-inverse .navbar-toggle .icon-bar {
/*background-color: #CC4646;*/;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background: #d5d5d5;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
	color: #054099;
}
.navbar-inverse .navbar-toggle:hover .icon-bar {
	background: #2077c8;
}
.navbar-inverse .navbar-nav > li > a {
	color: #505050;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
	color: #2077c8;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	color: #2077c8;
	background: none;
}
.navbar-inverse .navbar-toggle .icon-bar{background-color: #496386;}
.navbar-inverse .navbar-toggle:hover .icon-bar{background-color: #496386;}
/*.navbar-inverse .navbar-nav > li{
	display: inline-block;	
}
#magic-line { 
	position: absolute;
	bottom: -2px; 
	left: 0; 
	width: 100px; 
	height: 3px; 
	background: #fe4902;
}*/
/* HEADER END*/


/* CAROUSEL START */
.carousel-inner > .item {
}
.carousel-caption {
	padding: 0px;
	bottom: 40%;
	display: block;
	height: 80px;
}
.carousel-caption h1 {
	font-size: 45px;
	padding: 10px 15px;
	background: rgba(128, 180, 33, 0.80);
	color: #FFFFFF;
	text-shadow: none;
	font-weight: bold;
	display: inline-block;
}
.carousel-caption h3 {
	font-size: 30px;
	color: #1C4604;
	font-weight: bold;
	text-shadow: #fff 1px 1px 1px;
}
.actionPanel {
	padding: 25px 0;
	background: #CC4646;
}
.actionPanel h3 {
	margin: 0px;
}
.circle {
	background: #CC4646;
	height: 60px;
	width: 60px;
	border-radius: 35px;
	color: #fff;
	line-height: 60px !important;
}

.header .navbar-brand {
	float: left;
	padding: 16px 15px;
	line-height: 18px;
	height: 50px;
	/*color:#CC4646;*/;
}
.navbar-brand b {
	color: #fff;
	font-family: "RobotoCondensed-Regular";
	font-weight: 400;
}

.header .navbar {
	margin: 0;
	background: #fff;
	border: 0;
}
.navbar-inverse .navbar-nav > li > a {
	font-size: 1.2em;
	line-height: normal;
	margin: 17px;
	padding: 6px 10px !important;
	border-radius: 5px;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	color: #054099;
	background: none;
}
.navbar-inverse .navbar-nav > .active > a:after{
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 100%; /* Change this to whatever width you want. */
    border-bottom: 2px solid #EC7E00; /* This creates the border. Replace black with whatever color you want. */
	bottom:0;
}
.navbar-inverse .navbar-nav > li > a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #dc8563;
    transition: width .3s;
}

.navbar-inverse .navbar-nav > li > a:hover::after {
    width: 100%;
}
.navbar-nav > li:hover > a {
	color: #fff;
}
.header .navbar-nav > li > a {
	padding: 25px 18px;
	text-transform: uppercase;
}
.page-section {
	width: 100%;
	height: auto;	
}
.noPadd {
	padding: 0;
}
.page-section h1 {
	font-size: 3.5em;
	margin: 90px 0 30px;
	line-height: 1.2em;
}
.page-section h1 span {
	font-weight: 200;
}
/*.page-section h2 {
	color: #CC4646;
}*/
.page-section p {
	font-size:22px;
	line-height: 1.6em;
}
.darkBg {
	background: rgb(44, 44, 44);
}
.darkBg .fa {
	color: #CC4646;
}
/* CAROUSEL END */

/* BANNER START */
.banner-container {
	width: 100%;
	position: relative;
	padding: 0px;
	/*box-shadow: 0px 0px 1px rgba(0,0,0,0.4);
	background: url("../images/banner-bg.jpg") no-repeat;*/
	background-size: 100% 100%;
	background-size: cover;
	margin-top: 50px;
}
.banner-container > img {
	width: 100%;
}
.banner-content {
	position: absolute;
	z-index: 3;
	top: 0px;
	left: 0px;
	right: 0px;
}
.banner-content h2 {
	color: #fff;
	font-size: 3.5em;
	margin: 10% 0 30px;
	line-height: 1.2em;
}
.banner-content p {
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	margin-top: 8%;
	line-height:26px;
}
.da-slider {
	margin: 0 auto !important;
}
.sub-heading {
	padding: 15px 0;
}
.sub-heading h2 {
	font-size: 18px;
	margin: 15px 0 8px !important;
}
.sub-heading p {
	color: #5A5A5A;
}
.heading {
	padding: 0px 10px;
	display: block;
}
.heading > h2{ font-size:32px; font-weight:bold; margin-bottom:16px !important}
.heading p {
	font-size: 18px;  
	color:#333333;
}
.darkhd > h2{ 
	color:#000000;
	margin:0px;
	padding-bottom: 8px;
	}
.pdingBtm30 {
	padding-bottom: 30px;
}

.da-arrows span:after {
	width: 31px;
	height: 56px;	
}
.da-arrows span {
	position: absolute;
	top: 50%;
	height: 56px;
	width: 31px;
	background:transparent;
	border:0px;
}

.secPad {
	padding: 30px 0;
}
.da-dots span {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	border-radius: 0px;
	background: rgba(255, 255, 255, 0.13);
	margin: 3px;
	cursor: pointer;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.6) inset, 1px 1px 1px rgba(255,255,255,0.1);
	border: 2px solid rgba(255, 255, 255, 0.6);
}

/* BANNER END */


/* BOXICON START */
#introText {
	padding: 24px 0 16px 0;
	background: #fff;
}

#introText p  {
	font-size: 22px;
    line-height: 34px;
    color: #333333;
}
#introText p span{ font-weight:bold;}
#aboutUs .txtHead {
	background: #fff;
	padding: 20px 10px 10px 10px;
	border-radius:20px;
	 background: linear-gradient(to right, #ffffff, #D3E5FF);
	 border: 2px solid #B4C4DA;
}
.boxicon > section > img{
-webkit-animation: NAME-YOUR-ANIMATION 5s infinite; /* Safari 4+ */
  -moz-animation:    NAME-YOUR-ANIMATION 5s infinite; /* Fx 5+ */
  -o-animation:      NAME-YOUR-ANIMATION 5s infinite; /* Opera 12+ */
  animation:         NAME-YOUR-ANIMATION 5s infinite; /* IE 10+, Fx 29+ */
}
.boxicon:hover > section > img{
 opacity: 0.5; 
}
.boxicon {
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	
	margin-bottom:10px;
	min-height:130px;
	border-radius:0px;
}
.boxicon > section > i {
	font-size: 58px;
	color: #656565;
	line-height:0px;
	padding-top:25px;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	
}
.boxicon > section > h3 {
	font-size:20px;
	color:#000000;	
	margin:12px 0 0 0;
}
.boxicon1:hover {
	box-shadow: 0 0 4px 0 #5774ac;	
}
.boxicon:hover > section > i {
	color: #334b79;
	font-size:65px;
}
.boxicon:hover > section > h3 {
	color: #054099;	
}
.boxicon > p {	
	font-size: 15px;
	color: #777777;
	padding: 20px;
	margin: 0px;
}
.boxicon:hover > p {
	color: #445372;
}
.bg-parlex {
	padding-top: 0px;
	background-color:#9AADCA;

}

.bg-div{ background-color:#f3f3f3; padding:16px 0}
.parlex-back {
	padding: 30px 10px;
	background-color:#4E6484;
	color: #ffffff !important;
}

.boxicon > section > i.phoneIcon{ font-size:74px;}
.boxicon:hover > section > i.phoneIcon{ font-size:84px;}
/* BOXICON END */

/* TIMELINE START*/
#timeline {
	

}
#timeline:before {
	
}
#timeline .clearFix {
	clear: both;
	height: 0;
}
#timeline .timeline-badge {
	color: #fff;
	width: 60px;
	height: 60px;
	font-size: 1.2em;
	text-align: center;
	position: absolute;
	top: 32px;
	left: 50%;
	margin-left: -25px;
	background-color: #4a679c;
	z-index: 36;
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}
#timeline .timeline-badge span.timeline-balloon-date-day {
	font-size: 12px;
}
#timeline .timeline-badge span.timeline-balloon-date-month {
	font-size: 14px;
	position: relative;
	top: -2px;
	display: inherit;
}
#timeline .timeline-badge.timeline-filter-movement {
	background-color: #ffffff;
	font-size: 1.7em;
	height: 35px;
	margin-left: -18px;
	width: 35px;
	top: 40px;
}
#timeline .timeline-badge.timeline-filter-movement a span {
	color: #CC4646;
	font-size: 1.3em;
	top: -1px;
}
#timeline .timeline-badge.timeline-future-movement {
	background-color: #ffffff;
	height: 35px;
	width: 35px;
	font-size: 1.7em;
	top: -16px;
	margin-left: -18px;
}
#timeline .timeline-badge.timeline-future-movement a span {
	color: #636f86;
	font-size: .9em;
	top: 2px;
	left: 1px;
}
#timeline .timeline-movement {
		position: relative;
}
#timeline .timeline-movement.timeline-movement-top {
	height: 60px;
}
#timeline .timeline-movement .timeline-item {
	padding: 20px 0;
}
#timeline .timeline-movement .timeline-item .timeline-panel {
	border: 1px solid #d4d4d4;
	border-radius: 3px;
	background-color: #FFFFFF;
	color: #666;
	padding: 10px 22px;
	position: relative;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	border-radius:20px;
}
#timeline .timeline-movement .timeline-item .timeline-panel .timeline-panel-ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul {
	text-align: right;
}
#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li {
	color: #333333;
	margin-bottom:6px;
	font-size: 16px;
}
#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li span.importo {
	color: #054099;
	font-size: 22px;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul {
	text-align: left;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul li {
	color: #333333;
	margin-bottom:6px;
	font-size: 16px;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul span.importo {
	color: #10669a;
	font-size: 20px;
}
#timeline .timeline-movement .timeline-item .timeline-panel:before {
	position: absolute;
	top: 26px;
	right: -15px;
	display: inline-block;
	border-top: 15px solid transparent;
	border-left: 15px solid #ccc;
	border-right: 0 solid #ccc;
	border-bottom: 15px solid transparent;
	content: " ";
}
#timeline .timeline-movement .timeline-item .timeline-panel:after {
	position: absolute;
	top: 27px;
	right: -14px;
	display: inline-block;
	border-top: 14px solid transparent;
	border-left: 14px solid #fff;
	border-right: 0 solid #fff;
	border-bottom: 14px solid transparent;
	content: " ";
}
#timeline .timeline-movement .timeline-item.timeline-inverted .timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}
#timeline .timeline-movement .timeline-item.timeline-inverted .timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}
.timeline-leftspace{ margin-right:-8px !important;}
.timeline-panel-ul li span.exp-year {
	color: #EC7E00;
}
/* TIMELINE END*/



/* PORTFOLIO  START*/

.proj_cola{ float:left; margin:0; padding:0; width:360px;}
.proj_colb{ float:left; margin:0; padding:0; width:65%;  text-align:left;}

.proj_colc{ float:right; margin:0; padding:0; text-align:right; width:65%; display:block}
.proj_cold{ float:right; margin:0; padding:0; width:360px;}

.port_pic{width:360px;}

.proj_sec{ float:left; width:100%; margin-top:40px}
.proj_sec h3{ margin-bottom:16px; margin-top:0px; color:#000000;}
.proj_sec p{ margin-bottom:16px; color:#333333;}

.port_dv{width:100%; background-color:#f3f3f3; padding-bottom:24px;}
.devicep{ background-color:#F0D5B5; color:#000000; font-size:12px; padding:4px 12px; border-radius:100px; margin-left:8px;}
.mrgR{ margin-right:8px;}
.isotopeWrapper .portsec {
	margin-bottom: 30px;
}
#portfolio1 {
	
}
#portfolio1 img {

	/* width: 100%; */
}
#portfolio1 .portsec p {
	margin-bottom: 1.45em;
	/*set next row on the baseline*/;
}
nav#filter {
	margin-bottom: 1.5em;
}
nav#filter li {
	display: inline-block;
	margin: 0 0 5px 5px;
}
nav#filter a {
	padding: 4px 12px;
	line-height: 20px;
	border: 1px solid #536b9c;
	text-decoration: none;
	color:#536b9c;
	display: block;
	font-size: 16px;
}
nav#filter a:hover {
	border: 1px solid #536b9c;
	text-decoration: none;
	background-color:#536b9c;
	color:#ffffff;
}
nav#filter a:focus {
	border: 1px solid #536b9c;
	text-decoration: none;
	background-color:#536b9c;
	color:#ffffff;
}

.domainpic{ width:60%; text-align:center}
.skillpic{ width:100%; position: relative; text-align:center}
.current {
	background: #536b9c;
	color: #ffffff !important;
}
.portfolio-items .portsec img {
	width: 100%;
	border-radius:20px;
	clear: both;
}
.portfolio-item {
	display: block;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.portfolio-item img {
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
.portfolio-item .portfolio-desc {
	display: block;
	opacity: 0;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	color: rgba(220, 220, 220);
}
.fancybox-overlay {
	background: rgba(0, 0, 0, 0.64);
}
.portfolio-item:hover .portfolio-desc {
	padding-top: 20%;
	height: 100%;
	transition: all 200ms ease-in-out 0s;
	opacity: 1;
	background: rgba(61, 61, 61, 0.67);
}
.portfolio-item .portfolio-desc a {
	color: #fff;
	text-align: center;
	display: block;
}
.portfolio-item .portfolio-desc a:hover {
	/*text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.7);*/
	text-decoration: none;
}
.portfolio-item .portfolio-desc .folio-info {
	top: -20px;
	padding: 30px;
	height: 0;
	opacity: 0;
	position: relative;
}
.portfolio-item:hover .folio-info {
	height: 100%;
	opacity: 1;
	transition: all 500ms ease-in-out 0s;
	top: 5px;
}
.portfolio-item .portfolio-desc .folio-info h5 {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
	color: #ffffff;
}
.portfolio-item .portfolio-desc .folio-info p {
	color: #ffffff;
	font-size: 12px;
}
.page-section.intro {
	min-height: 600px;
}
hr {
	border-color: #ddd;
}

.port-gal-descryp{ position:absolute; background-color: rgba(209, 209, 209, 0.9); left:0; bottom:0; padding:10px; width:100%;}
.port-gal-descryp > h2{ opacity:1; color:#001227; font-size:26px;}
.port-gal-descryp > p{ opacity:1; color:#001227; font-size:16px; line-height:22px;}
.port-gal-descryp > p.role{ opacity:1; color:#333333; }

/* PORTFOLIO END */




/* PAGE LOADING START */
#load {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	background-image: url(../images/page-loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.9);
	display: block;
}
/* PAGE LOADING  END*/



/* SOCIAL ICONS START */
footer{ padding:20px 0; float:left; width:100%; margin-top:20px; border-top:1px solid #e0e0e0;}
.footer-social{ width:200px; margin-top:20px; margin:0 auto;}
.footer-social li{ list-style-type:none; float:left}
.footer-social li a{ float:left; margin-left:15px; color:#bbbbbb}

.icon-circle .fa{
    font-size           : 25px;
    color               : #ffffff;
    margin              : 0 auto;
    height              : 50px;
    width               : 50px;
    border-radius       : 50%;
    background-color    : #8e8e8e;
    line-height         : 48px;
    cursor              : pointer;
    -webkit-transition  : all  ease-in-out 0.35s;
    -moz-transition     : all  ease-in-out 0.35s;
    -o-transition       : all  ease-in-out 0.35s;
    -ms-transition      : all  ease-in-out 0.35s;
    transition          : all  ease-in-out 0.20s,background-color ease-in-out 0.05s;
}

.icon-circle  .fa:hover{
    
    background-color        : #e84700;    
    color                   : #fff;
    border                  : 1px solid #e84711;
    -moz-box-shadow         : inset 0px 0px 0px 5px #ffffff;
    -o-box-shadow           : inset 0px 0px 0px 5px #ffffff;
    -ms-box-shadow          : inset 0px 0px 0px 5px #ffffff;
    -webkit-box-shadow      : inset 0px 0px 0px 5px #ffffff;
    box-shadow              : inset 0px 0px 0px 5px #ffffff;
    -ms-transform           : scale(1.2,1.2); 
    -webkit-transform       : scale(1.2,1.2);
    -moz-transform          : scale(1.2,1.2); 
    -o-transform            : scale(1.2,1.2); 
    transform               : scale(1.2,1.2);  
}

.icon-circle  i:before{
    margin-left         : 0px;
    font-size           : 24px;
}

@media (min-width:320px) and (max-width:768px) {


 .icon-circle .fa{
    font-size           : 15px;
    margin              : 0 auto;
    height              : 40px;
    width               : 40px;
    border-radius       : 50%;   
    line-height         : 40px;
    cursor              : pointer;
    -webkit-transition  : all  ease-in-out 0.35s;
    -moz-transition     : all  ease-in-out 0.35s;
    -o-transition       : all  ease-in-out 0.35s;
    -ms-transition      : all  ease-in-out 0.35s;
    transition          : all  ease-in-out 0.20s,background-color ease-in-out 0.05s;
}

.icon-circle  .fa:hover{
    
    background-color        : #e84700;    
    color                   : #fff;
    border                  : 1px solid #e84711;
    -moz-box-shadow         : inset 0px 0px 0px 5px #ffffff;
    -o-box-shadow           : inset 0px 0px 0px 5px #ffffff;
    -ms-box-shadow          : inset 0px 0px 0px 5px #ffffff;
    -webkit-box-shadow      : inset 0px 0px 0px 5px #ffffff;
    box-shadow              : inset 0px 0px 0px 5px #ffffff;
    -ms-transform           : scale(1.2,1.2); 
    -webkit-transform       : scale(1.2,1.2);
    -moz-transform          : scale(1.2,1.2); 
    -o-transform            : scale(1.2,1.2); 
    transform               : scale(1.2,1.2);  
}

.icon-circle  i:before{
    margin-left         : 0px;
    font-size           : 20px;
}   
}

.ifacebook .fa{
    color               :#ffffff;
    border              :0px;
	background-color    :#8e8e8e;
}

.ifacebook .fa:hover{
    
    background-color        : #3B5998;    
    color                   : #fff;
    border                  : 1px solid #3B5998;

}

.itwittter .fa{
    color               :#ffffff;
    border              :0px;;
	background-color    :#8e8e8e;
}

.itwittter .fa:hover{
    
    background-color        : #00aced;    
    color                   : #ffffff;
    border                  : 1px solid #00aced;

}

.igoogle .fa{
    color               :#ffffff;
    border              :0px;
	background-color    :#8e8e8e;
}

.igoogle .fa:hover{
    
    background-color        : #BD3518;    
    color                   : #fff;
    border                  : 1px solid #BD3518;

}

.iLinkedin .fa{
    color               :#ffffff;
    border              :0px;
	background-color    :#8e8e8e;
}

.iLinkedin .fa:hover{
    
    background-color        :#007bb7;    
    color                   : #fff;
    border                  : 1px solid #007bb7;

}
/* SOCIAL ICONS END */




/* PROGRESS BAR  START*/
.progress-bar-ann {
	margin: 0 0 10px;
	overflow: hidden;
	padding-right: 24px;
}
.progress-title-holder {
	padding-bottom:0px;
	position: relative;
	margin: 5px 0;
	font-family: "RobotoCondensed-Regular";
	font-size: 15px;
	line-height: 15px;
	font-weight: 400;
	color: #2e2e2e;
}
.progress-title {
	z-index: 100;
	font-weight:bold;
	color:#666666;
	font-size: 16px;
}
.progress-number-wrapper {
	width: 100%;
	z-index: 10;
}
.progress-number-mark {
	margin-bottom: 4px;
	border-radius: 3px;
	background-color: rgb(22,23,29);
	padding: 0 8px;
	position: absolute;
	bottom: 0;
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.progress-number-wrapper, .progress-number-mark {
	font-family: "RobotoCondensed-Regular";
	font-size: 11px;
	line-height: 24px;
	height: 24px;
	letter-spacing: 0px;
	font-weight: 600;
	font-style: normal;
	text-transform: none;
	color: #ffffff;
}
.down-arrow {
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 3px solid #16171d;
	position: absolute;
	left: 50%;
	top: 100%;
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.progress-content-outter {
	height: 12px;
	background-color: #efefef;
}
.progress-content {
	height: 21px;
	background-color:#617c9e;
	width: 0%;
}
/* PROGRESS BAR END*/




/* BUTTONS START */

.btn-primary {
	color: #054099;
	 background: linear-gradient(to right, #ffffff, #D3E5FF);
	font-size:14px; padding:8px 16px;
	border-radius: 24px;
	border:1px solid #054099;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	color: #D87300;
	background-color: #EEF2FB;

}
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	background-image: none
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
	background-color: #2d4b83;
	border:0px;
}



/* BUTTON  END*/



/* TIMELINE-DESIGN2 START */

.services-inner {
    border: 2px solid #677590;
    margin-left: 35px;
    transition: .3s;
	padding-left:52px;
	min-height:180px;
	border-radius:20px;
}
 
.our-services-icon {    
    position: absolute;
    background-color: #ffffff;
    width: 80px;
    height: 80px;
    border-radius: 50px;
    left: 12px;
    top: 25%;
    box-shadow: 0 0 1px #cccccc;
    padding: 21px;
    border: 2px solid #677590;
}
.our-services-icon > i{ font-size:34px;}
.our-services-text {
    padding-right: 10px;
}
.our-services-text {
    overflow: hidden;
    padding: 28px 0 25px;
}
.our-services-text h4 {
    color: #4e4e4e;
    font-size: 18px;
    font-weight: 700;    
    margin-bottom: 8px;
    padding-bottom: 10px;
    position: relative;
    text-transform: uppercase;	
}
.our-services-text h4::before {
    background: #c76748 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    width: 55px;
}
.our-services-wrapper:hover .services-inner {   
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
	border: 2px solid #cccccc;
}
.our-services-wrapper:hover .our-services-icon {   
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
	border: 2px solid #cccccc;
}
.our-services-wrapper:hover .our-services-icon > i { 
color:#596d94;   
}
.our-services-text p {
    margin-bottom: 10px;
	font-size:16px;
}
.our-services-text span {
   font-size:14px; color:#c76748;
}
 @media (max-width: 980px) {
.services-inner {
	 margin-bottom:10px;
}
 }
/* TIMELINE-DESIGN2 END */

/* COMMON STYLE START */
.mrgT0 {
	margin-top: 0px !important
}
.mrgT5 {
	margin-top: 5px !important
}
.mrgT10 {
	margin-top: 10px !important
}
.pdnT0 {
	padding-top: 0px !important;
}
.pdnT5 {
	padding-top: 5px !important;
}
.pdnT10 {
	padding-top: 10px !important;
}
.pdnB0 {
	padding-bottom: 0px !important;
}
.mbtm24{ margin-bottom:24px;}
.mbtm32{ margin-bottom:32px;}
.mbtm40{ margin-bottom:40px;}
.bgwhite{ background-color:#ffffff}
.section-space-top{ padding-top:48px;}
.section-space-btm{ padding-bottom:54px;}
.logo > img{ font-size:0px; line-height:0px;}
.greybgsec > p{ color:#333333;}
.whitebgsec > p{ color:#333333;}
.core-skill { width:100%; float:left; text-align:center; margin:30px 0 0 0;}
.core-skill > span{margin-right:20px; line-height:20px;  font-size:20px; margin-bottom:8px;}
.core-skill > span > i{ margin-right:5px; font-size:16px; color:#999999;}
.education > img{ width:100%}
.contactdv > img{ width:100%}
.contactdv > a > img{ width:100%}
.expe > img{ width:90%; margin-bottom:24px}
.project_txt > i{ font-size:14px; color:#ffffff; text-transform:capitalize;}
.project_txt > i:hover{ color:#DADADA;}
/* COMMON STYLE END */


/* MEDIA START */
@media (min-width: 768px) {
.header .navbar-brand {
	padding-left: 0;
}
.navbar-nav {
	float: right;
}
.navbar-inverse .navbar-nav > li > a {
	padding: 25px 12px !important;
	border-radius: 5px;
	margin:0px;
}
}
 @media (max-width: 768px) {
.banner-container {
	background-size: contain;
}
.team-member .member-img img {
	max-width: 100%;
}
.da-slider {
	height: 380px;
	width: 100%;
	min-width: initial;
	margin: 0px !important;
}
.da-slide h2 {
	font-size: 40px;
	text-align: center;
	width: initial;
	top: 10px;
}
.da-slide p {
	width: 65%;
	top: 65px;
	height: 50px;
}
.header .navbar-nav > li > a {
	padding: 25px 12px;
}
.portfolio-item:hover .folio-info {
	top: 0px;
}
.portfolio-item .portfolio-desc .folio-info {
	padding: 0px;
}
.portfolio-item .portfolio-desc .folio-info h5 {
	font-size: 1em;
	color: #ffffff;
}
.navbar-inverse .navbar-nav > li > a {
	font-size: 1em;
	padding: 5px 7px !important;
	border-radius: 5px;
	margin: 19px 0px;
}
.skilltitle {
	text-align: left;
}
#timeline {
	margin: 0px 12px;
}
.education > img{ margin-bottom:16px}
.contactdv > img{ margin-bottom:16px;}
.contactdv > a > img{ margin-bottom:16px;}

}
 @media (max-width:760px) {
.header .navbar-nav > li > a {
	padding: 7px 12px;
	font-size: 14px;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color: #A8A8A8;
}
#timeline .timeline-badge.timeline-future-movement{ left:26px}
#timeline:before{ left:11px;}
#timeline .timeline-badge{ left:3%}
#timeline .timeline-movement .timeline-item{ margin-left:75px;}
#timeline .timeline-movement .timeline-item .timeline-panel:before {
	border-left-width: 0;
	border-right-width: 14px;
	left: -15px;
	right: auto;
}
#timeline .timeline-movement .timeline-item .timeline-panel:after {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}
#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul{ text-align:left}
.nav > li{ border-bottom:1px solid #596077;}
.navbar-inverse .navbar-nav > li > a {
	font-size:16px;
	padding: 10px 0px !important;
	margin: 2px 0px;
}
.boxicon{ margin-bottom:10px;}
.da-arrows{ display:none}
h1{ font-size:28px;}
.da-slide h2{ font-size:30px;}
.port-gal-descryp > h2{ font-size:20px;}
.port-gal-descryp > p{ font-size:13px; line-height:18px;}
.logo > img{ width:101px; height:31px;}
.navbar-inverse .navbar-nav > .active > a:after{ border-bottom: 0px;}
.navbar-inverse .navbar-nav > li > a::after { height: 0px;}
}
 @media (max-width: 480px) {

 .education > img{ margin-bottom:16px}
.banner-container {
	background-size: contain;
	margin-top:48px;
}
.navbar-inverse .navbar-nav > li > a {
	font-size:14px;
	padding: 10px 0px !important;
	margin: 2px 0px;
}
.navbar-toggle {
	margin: 10px;
}
.da-slide h2 {
	font-size: 30px;
	text-align: center;
	width: initial;
	top:0;
}
.da-slide p {
	width: 90%;
	top: 65px;
	height: 50px;
}
.page-section h1 {
	font-size: 3em;
}
.page-section h2 {
	font-size: 2em;
}
.page-section p {
	font-size: 16px;
	margin: 0 0 20px;
}
.portfolio-item .portfolio-desc .folio-info h5 {
	font-size: 11px;
}
h1{ font-size:22px;}
.da-slide h2{ font-size:18px;}
.heading > h2{ font-size:24px;}
h3{ font-size:22px;}
h2{ font-size:20px;}
.main-timeline .title{ font-size:16px;}
.main-timeline .description{font-size:14px;}
.page-section h2{ font-size:28px;}
.da-slide p{ font-size: 14px; line-height: 18px;}
#timeline .timeline-badge{ left:6%;}
.contact-box .call{ font-size:36px;}
.contact-box .mail{ font-size:30px;}
.contact-box .cv{ font-size:30px;}
.contact-box .icon-box{ width:60px; height:60px;}
#introText{ padding:10px 0;}
#introText p {font-size: 18px; line-height: 24px;}
.secPad{ padding:10px 0;}
.da-slide p{ top:40px;}
.main-timeline .timeline-icon .yearm{ font-size:14px;}
.our-services-text h4{font-size: 16px;}

.logo > img{ width:101px; height:31px;}
.navbar-inverse .navbar-nav > .active > a:after{ border-bottom: 0px;}
.navbar-inverse .navbar-nav > li > a::after {height: 0px;}
.heading{ padding-bottom:0px;}
.contactdv > img{ margin-bottom:16px;}
.contactdv > a > img{ margin-bottom:16px;}
.expe > img{ width:100%}
.domainpic{ width:90%; text-align:center}
.proj_cola{ float:left; margin:0; padding:0; width:340px;}
.proj_colb{ float:left; margin:0; padding:24px 0 0 0px; width:98%;  text-align:left;}

.proj_colc{ float:left; margin:0; padding:24px 0 0 0; text-align:left; width:98%; display:block}
.proj_cold{ float:right; margin:0; padding:24px 0 0 0; width:340px;}

.port_pic{width:340px; border-radius:24px;}
.boxicon{ margin:0 auto; width:86%}
}

 @media (max-width: 360px) {
.da-dots {bottom: 5px;}
.port-gal-descryp{ bottom:0px; }
.port-gal-descryp > h2{ font-size:18px;}
.port-gal-descryp > p{ font-size:12px; line-height:18px;}
 }

 @media (max-width: 320px) {
.banner-container {
	background-size: contain;
	margin-top: 55px;
}
.da-slider {
	height: 300px;
}
.da-slider {
	width: 100%;
	min-width: initial;
	position: relative;
	margin: 0 auto;
}
.da-slide h2 {
	text-align: center;
	width: initial;
	top:-8px;
}
.da-dots {
	bottom: 0px;
}
.grid .text-content {
	padding-left: 29%;
	padding-right: 2%;
}
.portfolio-item:hover .folio-info {
	top: 0px;
}
.portfolio-item .portfolio-desc .folio-info h5 {
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
	font-size: 10px;
	margin: 7px 0;
	font-size:18px;
}
nav#filter li {
	display: inline-block;
	margin: 7px;
}
.da-slide p{ top:28px;}
}
#owl-demo .item {
	background: #3fbf79;
	padding: 30px 0px;
	margin: 10px;
	color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
}
/* MEDIA END */


#bars {
	margin: 2em auto;
	max-width: 960px;
	overflow: hidden;
}

.bar {
	float: left;
	width: 20%;
	text-align: center;
}

.bar h3 {
	font-size: 18px;
	font-weight: normal;
	margin: 0;
}

.bar-circle {
	display: block;
	margin: 0.7em auto;
}