@charset "utf-8";
/* CSS Document */
/* ==========================================================================
   Transitions
   ========================================================================== */
.animated {
	-webkit-animation-duration: 750ms;
	-moz-animation-duration: 750ms;
	-o-animation-duration: 750ms;
	animation-duration: 750ms; 
	webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes shake { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateX(0);} 40% {-webkit-transform: translateX(-10px);} 60% {-webkit-transform: translateX(-5px);} }
@-moz-keyframes shake { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateX(0);} 40% {-moz-transform: translateX(-10px);} 60% {-moz-transform: translateX(-5px);} }
@-o-keyframes shake { 0%, 20%, 50%, 80%, 100% {-o-transform: translateX(0);} 40% {-o-transform: translateX(-10px);} 60% {-o-transform: translateX(-5px);} }
@keyframes shake { 0%, 20%, 50%, 80%, 100% {transform: translateX(0);} 40% {transform: translateX(-10px);} 60% {transform: translateX(-5px);} }
.shake:hover { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; }

/* ==========================================================================
   Icons
   ========================================================================== */
.icon-client{
	text-indent: -99999px;
	background-position: 0 -48px;
}
.icon-client:hover{
	background-position: -48px -48px;
}
.icon-employee{
	text-indent: -99999px;
	background-position: -96px -48px;
}
.icon-employee:hover{
	background-position: -144px -48px;
}
.icon-arrow-right {
	margin: 0 -1px 0 25px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background-color: #000;
	background-position: -390px -246px;
	
	-webkit-border-radius: 0 7px 7px 0;
	-moz-border-radius: 0 7px 7px 0;
	border-radius: 0 7px 7px 0;
}
.icon-arrow-right-big {
	margin: 0 -1px 0 25px;
	width: 48px;
	height: 48px;
	line-height: 48px;
	background-color: #000;
	background-position: -384px 0;
	
	-webkit-border-radius: 0 10px 10px 0;
	-moz-border-radius: 0 10px 10px 0;
	border-radius: 0 10px 10px 0;
}
.icon-arrow-down {
	width: 35px;
	height: 35px;
	line-height: 35px;
	background-color: #3fe5ff;
	background-position: -436px -342px;
	border-radius: 0 4px 4px 0;
	margin: 0 0 0 20px;
}
.read-more:active .icon-arrow-right {
	background-color: #272727;
}
.icon-view {
	background-position: -15px -350px;
	width: 24px;
	height: 24px;
	line-height: 24px;
}
.icon-live{
	background-position: -63px -350px;
	width: 24px;
	height: 24px;
	line-height: 24px;
}
.icon-fb-footer{
	background-position: 0 -384px;
}
.icon-fb-footer:hover{
	background-position: 0 -432px;
}
.icon-twitter-footer{
	background-position: -96px -384px;
}
.icon-twitter-footer:hover{
	background-position: -144px -384px;
}
.icon-pinterest-footer{
	background-position: -192px -384px;
}
.icon-pinterest-footer:hover{
	background-position: -240px -384px;
}
.icon-linkedin-footer{
	background-position: -288px -384px;
}
.icon-linkedin-footer:hover{
	background-position: -336px -384px;
}
.icon-up{
	background-position: 0 -96px;
}
.icon-up:hover{
	background-position: -48px -96px;
}
.icon-facebook{
	text-indent: -99999px;
	background-position: 0 0;
}
.icon-facebook:hover{
	text-indent: -99999px;
	background-position: -48px 0;
}
.icon-twitter{
	text-indent: -99999px;
	background-position: -96px 0;
}
.icon-twitter:hover{
	text-indent: -99999px;
	background-position: -144px 0;
}
.icon-pinterest{
	text-indent: -99999px;
	background-position: -192px 0;
}
.icon-pinterest:hover{
	text-indent: -99999px;
	background-position: -240px 0;
}
.icon-linkedinn{
	text-indent: -99999px;
	background-position: -288px 0;
}
.icon-linkedinn:hover{
	text-indent: -99999px;
	background-position: -336px 0;
}
.icon-employee{
	text-indent: -99999px;
	background-position: -96px -48px;
}
.icon-employee:hover{
	background-position: -144px -48px;
}
.icon-pencil{
	text-indent: -99999px;
	background-position: -288px -288px;
}
.icon-pencil:hover{
	text-indent: -99999px;
	background-position: -336px -288px;
}
.icon-btn{
	text-indent: -99999px;
	background-position: -384px -288px;
}
.icon-btn:hover{
	text-indent: -99999px;
	background-position: -432px -288px;
}
.icon-minus-sign{
	text-indent: -99999px;
	background-position: -96px -194px;
}
.icon-minus-sign:hover{
	text-indent: -99999px;
	background-position: -144px -194px;
}
.icon-plus-sign{
	text-indent: -99999px;
	background-position: -0 -194px;
}
.icon-plus-sign:hover{
	text-indent: -99999px;
	background-position: -48px -194px;
}
.icon-plus{
	background-position: -432px -48px;
	margin-left: -15px;
	margin-top: -2px;
    width: 35px;
}
.icon-minus{
	background-position: -384px -48px;
	margin-top: -2px;
	margin-left: -15px;
    width: 35px;
}
.icon-plus-planner{
	background-position: -288px -96px;
	margin-left: -15px;
	margin-top: -2px;
    width: 35px;
}
.icon-minus-planner{
	background-position: -336px -96px;
	margin-top: -2px;
	margin-left: -15px;
    width: 35px;
}
.icon-list-alt{
	text-indent: -99999px;
	background-position: 0 -288px;
}
.icon-list-alt:hover{
	text-indent: -99999px;
	background-position: -48px -288px;
}
.icon-comment{
	text-indent: -99999px;
	background-position: -96px -288px;
}
.icon-comment:hover{
	text-indent: -99999px;
	background-position: -144px -288px;
}
.icon-user{
	text-indent: -99999px;
	background-position: -192px -288px;
}
.icon-user:hover{
	text-indent: -99999px;
	background-position: -240px -288px;
}
.icon-input{
	text-indent: -99999px;
	background-position: -390px -288px;
}
.icon-input:hover{
	text-indent: -99999px;
	background-position: -336px -288px;
}
.icon-remove{
	text-indent: -99999px;
	background-position: -192px -192px;
}
.icon-warning-sign{
	text-indent: -99999px;
	background-position: -240px -192px;
}
.icon-ok{
	text-indent: -99999px;
	background-position: -288px -192px;
}
.icon-tel{
	text-indent: -99999px;
	background-position: -384px -192px;
}
.icon-envelope{
	text-indent: -99999px;
	background-position: -432px -192px;
}
.icon-employee-login{
	text-indent: -99999px;
	background-position: -96px -336px;
}
.icon-key{
	text-indent: -99999px;
	background-position: -144px -336px;
}
.icon-html5{
	text-indent: -99999px;
	background-position: 0 -240px;
}
.icon-html5:hover{
	text-indent: -99999px;
	background-position: -48px -240px;
}
.icon-ui-ux{
	text-indent: -99999px;
	background-position:-96px -241px;
}
.icon-ui-ux:hover{
	text-indent: -99999px;
	background-position:-144px -241px;
}
.icon-wordpress{
	text-indent: -99999px;
	background-position: -192px -240px;
}
.icon-wordpress:hover{
	text-indent: -99999px;
	background-position: -240px -240px;
}
.icon-mobile{
	text-indent: -99999px;
	background-position:-288px -241px;
}
.icon-mobile:hover{
	text-indent: -99999px;
	background-position:-336px -241px;
}
.icon-joomla{
	text-indent: -99999px;
	background-position: -240px -144px;
}
.icon-joomla:hover{
	text-indent: -99999px;
	background-position: -288px -144px;
}
.icon-magento{
	text-indent: -99999px;
	background-position: -144px -144px;
}
.icon-magento:hover{
	text-indent: -99999px;
	background-position: -192px -144px;
}
.icon-iphone{
	text-indent: -99999px;
	background-position: -288px -240px;
}
.icon-iphone:hover{
	text-indent: -99999px;
	background-position: -336px -240px;
}
.icon-codeignitor{
	text-indent: -99999px;
	background-position: -384px -384px;
}
.icon-codeignitor:hover{
	text-indent: -99999px;
	background-position: -432px -384px;
}
.icon-bootstrap{
	text-indent: -99999px;
	background-position: -144px -432px;
}
.icon-bootstrap:hover{
	text-indent: -99999px;
	background-position: -192px -432px;
}
.icon-cart{
	text-indent: -99999px;
	background-position: -48px -432px;
}
.icon-cart:hover{
	text-indent: -99999px;
	background-position: -96px -432px;
}
.icon-brand{
	text-indent: -99999px;
	background-position: -240px -432px;
}
.icon-brand:hover{
	text-indent: -99999px;
	background-position: -288px -432px;
}
.icon-drupal{
	text-indent: -99999px;
	background-position: -336px -432px;
}
.icon-drupal:hover{
	text-indent: -99999px;
	background-position: -384px -432px;
}
.icon-php{
	text-indent: -99999px;
	background-position: -192px -336px;
}
.icon-php:hover{
	text-indent: -99999px;
	background-position: -240px -336px;
}
.icon-zend{
	text-indent: -99999px;
	background-position: -288px -336px;
}
.icon-zend:hover{
	text-indent: -99999px;
	background-position: -336px -336px;
}
/* ==========================================================================
   Buttons
   ========================================================================== */
.read-more{
	padding: 0 30px 0 30px;
	border-color: #bdbfc3;
	line-height: 31px;
}
.read-more:hover{
	color: #fff;
	background-color: #1E4BC4;
	background-image: none;
	
	-webkit-box-shadow: inset 0 2px 4px rgba(255,255,255,.40), 0 1px 2px rgba(255,255,255,.05);
	-moz-box-shadow: inset 0 2px 4px rgba(255,255,255,.40), 0 1px 2px rgba(255,255,255,.05);
	box-shadow: inset 0 2px 4px rgba(255,255,255,.40), 0 1px 2px rgba(255,255,255,.05);
}
.read-more:active{
    color: #fff;
    background-color: #1E4BC4;
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(255,255,255,.40), 0 1px 2px rgba(255,255,255,.05);
    -moz-box-shadow: inset 0 2px 4px rgba(255,255,255,.40), 0 1px 2px rgba(255,255,255,.05);
    box-shadow: inset 0 2px 4px rgba(255,255,255,.40), 0 1px 2px rgba(255,255,255,.05);
}
.read-more-big{
	font-size: 18px;
	padding: 0 30px 0 30px;
	border-color: #bdbfc3;
	line-height: 42px;
	height: 50px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.read-more-big:hover{
	color: #fff;
	background-color: #1E4BC4;
	background-image: none;
	
	-webkit-box-shadow: inset 0 2px 4px rgba(255,255,255,.40), 0 1px 2px rgba(255,255,255,.05);
	-moz-box-shadow: inset 0 2px 4px rgba(255,255,255,.40), 0 1px 2px rgba(255,255,255,.05);
	box-shadow: inset 0 2px 4px rgba(255,255,255,.40), 0 1px 2px rgba(255,255,255,.05);
}
.read-more-big:active{
	color: #fff;
	background-color: #1E4BC4;
	background-image: none;
	
	-webkit-box-shadow: inset 0 2px 4px rgba(255,255,255,.40), 0 1px 2px rgba(255,255,255,.05);
	-moz-box-shadow: inset 0 2px 4px rgba(255,255,255,.40), 0 1px 2px rgba(255,255,255,.05);
	box-shadow: inset 0 2px 4px rgba(255,255,255,.40), 0 1px 2px rgba(255,255,255,.05);
}
.portfolio-btn{
	padding: 0 12px;
	border: none;
	line-height: 33px;
	background-image: none;
	background-color: #000;
	
	font-size: 12px;
	color: #f5f5f5;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	
	margin-top: 85px;
}
.portfolio-btn:hover{
	color: #fff;
	background-color: #1E4BC4;
	background-image: none;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.view-detail{
	padding: 0 0 0 22px;
	color: #000;
	border: none;
	background-color: #fff;
	background-image: none;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.view-detail:hover{
	color: #fff;
	background-color: #1E4BC4;
	background-image: none;
	
	-webkit-box-shadow: inset 0 2px 4px rgba(255,255,255,.40), 0 1px 2px rgba(255,255,255,.05);
	-moz-box-shadow: inset 0 2px 4px rgba(255,255,255,.40), 0 1px 2px rgba(255,255,255,.05);
	box-shadow: inset 0 2px 4px rgba(255,255,255,.40), 0 1px 2px rgba(255,255,255,.05);
}
.view-detail:active{
	color: #fff;
	background-color: #1E4BC4;
	background-image: none;
	
	-webkit-box-shadow: inset 0 2px 4px rgba(255,255,255,.40), 0 1px 2px rgba(255,255,255,.05);
	-moz-box-shadow: inset 0 2px 4px rgba(255,255,255,.40), 0 1px 2px rgba(255,255,255,.05);
	box-shadow: inset 0 2px 4px rgba(255,255,255,.40), 0 1px 2px rgba(255,255,255,.05);
}
.button-space{
	margin-top: 50px;
}
.top-line{
	/*background: url(../images/top-line.png) repeat-x top center;
	height: 6px;*/
}
/* ==========================================================================
   Logo
   ========================================================================== */
.logo{
	margin-top: 20px;
	margin-bottom: 20px;
	/*03349961569*/
}
/* ==========================================================================
   Main Menu
   ========================================================================== */
.waves{
	background: url(../images/waves.png) no-repeat 73% 0;
	height: 56px;
}
ul.quick-login{
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.quick-login li{
	float: left;
}
a.menu-toggler, ul#nav-mobile {
	display: none;
}
ul#nav {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#nav li:first-child {
  background: none;;
}
ul#nav li {
	display: inline-block;
	background: url(../images/menu-seperator-top.png) no-repeat  0 center;
}
ul#nav li a {
	font-size: 12px;
	float: left;
	line-height: 40px;
	color: #000;
	text-decoration: none;
	margin: 0;
	padding: 0 13px 0 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	
	border-bottom: 1px solid #fff;
	
	
	-webkit-transition: all 3.3s ease-in-out;
	-moz-transition: all 3.3s ease-in-out;
	-ms-transition: all 3.3s ease-in-out;
	-o-transition: all 3.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}
ul#nav li a:hover{
	/*border-bottom: 5px solid #34e5ff;
	margin-top: -5px;*/
}
ul#nav li:last-child a {
	padding: 0 0 0 20px;
}
/* APPLIES THE ACTIVE STATE */
ul#nav .current a, ul#nav li:hover > a  {
	color:#ff7d2b;
}
/* THE SUBMENU LIST HIDDEN BY DEFAULT */
ul#nav  ul {
  	display: none;
}
/* WHEN THE FIRST LEVEL MENU ITEM IS HOVERED, THE CHILD MENU APPEARS */
ul#nav li:hover > ul {
	*text-align: right;
	position: absolute;
	*display: inline-block;
	display: block;
	height: 35px;
	margin: 35px 0 0 0;
}
ul#nav li:hover > ul li a {
	font-size: 10px;
	color: #7d7777;
	float: left;
	line-height: 20px;
	margin: 0;
	padding: 0 20px;
}
ul#nav li:hover > ul li a:hover {
	text-decoration: underline;
}
ul#nav li:hover > ul li {
	display: inline-block;
	background: url(../images/menu-seperator-bottom.png) no-repeat 0 center;
}
ul#nav li:hover > ul li:first-child {
	background: none;
}
/* ==========================================================================
   Main Slider
   ========================================================================== */
.header{
	position: fixed;
	z-index: 8;
}
.introduction{
	/*margin: 100px 0 39px 0;*/
	margin: 136px 0 0 0;
	min-height: 337px;
	position: fixed;
	z-index: 8;
}
.slider-frame{
	background: url(../images/main-slider-frame.png) no-repeat top center;
	height: 347px;
}
.slider-box{
	margin: 21px auto 0 auto;
	/*border: 1px solid red;*/
	width: 457px;
	height: 284px;
}
.slider-frame p{
	font-family: 'Merriweather', serif;
	color: #474747;
}
#major{
	background-color: #fff;
	position: relative;
	z-index: 9;
}
/* ==========================================================================
   Services Slider
   ========================================================================== */
div.our-services{
	color: #33e5ff;
	margin-top: -30px;
	padding-bottom: 12px;
	text-align: center;
	text-transform: uppercase;
}
div.services-slider{
	/*position: relative;
	z-index: 999;*/
	border-top: 40px solid #000000;
	width: 100%;
	height: 521px;
	background: url(../images/slider-bg-repeat.png) repeat-x 0 0;
	padding:0;
}
/* ==========================================================================
   Portfolio Section
   ========================================================================== */
.quick-portfolio{
	background: url(../images/portfolio-bg.png) no-repeat center 0;
	/*background-attachment:fixed;*/
}
#options-content {
	width: 100%;
	margin: 0 auto;
	padding: 80px 0 30px 0;
	text-align: center;
}
#options-content h1{
	font-family: 'Merriweather', serif;
	font-weight: 700;
	font-size: 30px;
	text-align: left;
}
#options-content p{
	font-family: 'Merriweather', serif;
	font-size: 20px;
	text-align: justify;
	line-height: 30px;
}
#options {
	width: 100%;
	margin: 0 auto;
	padding: 30px 0;
	text-align: center;
}
.border{
	background:url(../images/portfolio-border.png) no-repeat center 0;
	height:1px;
}
#options ul {
	margin: 0;
	display: inline-table;
}
#options li {
	text-align: center;
	display: block;
	list-style: none;
	float: left;
	padding:22px 0 17px 0;
	font-size:12px;
	text-transform:uppercase;
}
#options ul ul {
  	margin-left: 1.5em;
}
#options ul li a {
	letter-spacing: 4px;
    color:#000000;
	-webkit-transition: all 3.3s ease-in-out;
	-moz-transition: all 3.3s ease-in-out;
	-ms-transition: all 3.3s ease-in-out;
	-o-transition: all 3.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#options li a:hover {
	color:#ff7d2b;
}
#options ul li a.selected {
    color: #ff7d2b;
}
#options a:after {
   	content:url(../images/li-border.png);
	padding: 3px 22px;
}
#options a.last:after {
   	content: '';
}
/**** Isotope styles ****/
/* required for containers to inherit vertical size from window */
#containerfolio {
	display: block;
	margin: 0 auto;
	max-width: 940px;
}
#containerfolio a.title{
	bottom: -25px;
	left: 0;
	float: left;
	text-align: left;
	color: #000;
}
#containerfolio a:hover{
	text-decoration: none;
}
#containerfolio .category{
	float: left;
	bottom: -42px;
	left: 0;
	color: #848484;
}
.element {
	display: block;
	width: 300px;
	height: 200px;
	float: left;
	overflow: visible;
	position: relative;
	color: #222;
	margin-right: 10px;
	margin-bottom: 80px;
	
	border: 1px solid #b6bbc1;
	-webkit-box-shadow: inset 0 1px 1px rgba(218, 221, 226, 1);
	-moz-box-shadow: inset 0 1px 1px rgba(218, 221, 226, 1);
	box-shadow: inset 0 1px 1px rgba(218, 221, 226, 1);
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.element img {
    width: 300px;
	height: 200px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
    transition: all 0.15s ease-in-out 0s;
}
.element * {
	*position: absolute;
	*margin: 0;
}
.clickable .element:hover h2 {
  	color: white;
}
/**** Isotope Filtering ****/
.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:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

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

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

/* End: Recommended Isotope styles */



/* 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;
}
.overlay{
	background: url(../images/portfolio-overlay.png) no-repeat 0 0;
	width: 300px;
	height: 200px;
	
	display: block;
	
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	
	opacity: 0;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-moz-transition: .15s ease-in-out;
	-webkit-transition: .15s ease-in-out;
	-o-transition: .15s ease-in-out;
	-ms-transition: .15s ease-in-out;
	transition: .15s ease-in-out;
}
.overlay:hover{
	opacity: 1;
}
/* ==========================================================================
   Footer Starts
   ========================================================================== */
.footer-wrapper{
	position: relative;
	z-index: 9;
}
.footer-curve-bg.home{
	background-image: none;
	background-color: #ede8de;
    height: 130px;
}
.footer-curve-bg{
	background: url(../images/texture-bg.png) repeat 0 0;
    height: 130px;
}
.footer-curve{
	background: url(../images/footer-bg-curve.png) no-repeat 50% 0;
    height: 130px;
	
	-webkit-transition: ease-out 0.25s;
	-moz-transition: ease-out 0.25s;
	-o-transition: ease-out 0.25s;
	-ms-transition: ease-out 0.25s;
	transition: ease-out 0.25s;
}
.footer-bg{
	background: url(../images/footer-bg.png) repeat;
	padding-bottom: 25px;
}
/*overpalling tabs starts*/
#tabs {
	overflow: hidden;
	width: 100%;
	margin: -70px 0 0;
	padding: 0;
	list-style: none;
	
}
#tabs li {
	float: left;
	margin: 0 -60px 0 0;
	height: 60px;
}
#tabs a {
	float: left;
	position: relative;
	padding: 0;
	color: #fff;
	
	text-align: center;
	text-decoration: none;
	
	-webkit-transition: ease-out 0.15s;
	-moz-transition: ease-out 0.15s;
	-o-transition: ease-out 0.15s;
	-ms-transition: ease-out 0.15s;
	transition: ease-out 0.15s;
}
#tabs a.contact-us {
	background: url(../images/contact-us-bg.png) no-repeat 50% 0%;
	width: 171px;
	height: 54px; 
	line-height: 54px;
	margin-top: 10px;
}
#tabs a.contact-us:hover {
	margin-top: 3px;
}
#tabs a.blog {
	background: url(../images/blog-bg.png) no-repeat 50% 0%;
	width: 190px;
	height: 54px; 
	line-height: 54px;
	margin-top: 10px;
}
#tabs a.blog:hover {
	margin-top: 3px;
}
#tabs a:hover, #tabs a:focus {
	z-index: 4;
}
#tabs a:focus {
  	outline: 0;
}
#tabs #current {
	color: #34e5ff;
	z-index: 3;
}
.footer-bg .container #content{
	margin-top: 28px;
}
.footer-bg .container #content #tab1, .footer-bg .container #content #tab2{
	-webkit-transition: all 3.3s ease-in-out;
	-moz-transition: all 3.3s ease-in-out;
	-ms-transition: all 3.3s ease-in-out;
	-o-transition: all 3.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/*overpalling tabs ends*/  
/*Footer Blog starts*/
#tab2 h5{
	font-family: 'PT Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #fff;
	background: url(../images/footer-blog-heading-line.png) no-repeat left bottom;
	margin-bottom: 30px;
    padding-bottom: 15px;
}
#tab2 div.media-body{
	font-size: 12px;
	color: #9a9a9a;
}
#tab2 ul.testimonial{ margin-left:0;}
#tab2 ul.testimonial li{
	margin-bottom:35px;
	list-style: none;
	list-style-image: url(../images/inactive-arrow.png);
	list-style-position: outside;
}
#tab2 ul.testimonial li:hover{
	list-style-image: url(../images/active-arrow.png);
}
#tab2 ul.testimonial li a{
	font-size: 12px;
}
#tab2 ul.testimonial li:hover a{
	color: #fff;
}
#tab2 ul.testimonial li div{
	color: #444444;
	font-size: 12px;
}
#tab2 ul.testimonial li:hover div{
	color: #fff;
}
ul#social-list{
	margin: -15px 0 0 -10px;
}
#social-list li{
	list-style: none;
	float:left;
}
.scendory-footer{
	margin-top:10px;
	min-height: 300px;
	background: url(../images/map.png) no-repeat right bottom;
}
.scendory-footer ul{
	margin:0;
}
.scendory-footer ul li{
	list-style:none;
	font-size:13px;
}
.scendory-footer ul li a{
	text-decoration:none;
	color:#9a9a9a;
	-webkit-transition: all 3.3s ease-in-out;
	-moz-transition: all 3.3s ease-in-out;
	-ms-transition: all 3.3s ease-in-out;
	-o-transition: all 3.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.scendory-footer ul li a:hover{
	color:#ff7d2b;
}
#secondary-left-cls{
	border-top: 1px solid #23626d;
	padding: 28px 0 0 0;
	position: relative;
	z-index: 2;
}
#secondary-left-cls h5{
	font-family: 'PT Sans', sans-serif;
	font-size:15px;
	font-weight: 400;
	color:#34e5ff;
}
#sitemap{
	margin-left:0;
} 
.primary-footer img{ float:left; margin-right:20px;}
.primary-footer h3{
	margin-top: 30px;
	font-family: 'Merriweather', serif;
	font-size: 27px;
	font-weight: 400;
	color:#fff;
}
.primary-footer h5{
	font-family: 'PT Sans',sans-serif;
	color:#fff;
	font-size: 20px;
	font-weight: 400;
	margin-top: 40px;
	padding-bottom: 15px;
}
#footer-paragraph{ margin-left:0}
.primary-footer p{
	margin:17px 0 0 0;
	font-size:12px;
	color:#9a9a9a;
	text-align:justify;
}
.primary-footer ul{
	list-style:none;
	margin: 10px 0 0 0;
}
.primary-footer ul li{
	padding: 0;
	color: #9a9a9a;
}
.icon-phone{
	background-position: -4px -144px;
}
.icon-email{
	background-position: -52px -144px;
}
.icon-web{
	background-position: -100px -144px;
}
.detail-btn{
	margin-left: 48px;
	margin-top: 25px;
}
#social-likes{ margin:113px 0 39px 0;}
#footer-map{
	background: url(../images/map.png) no-repeat center top;
	width:409px;
	height:237px;
	margin:70px 0 0 -110px;
	position: relative;
	z-index: 1;
}
#all-reserve-rights{
	margin-bottom:30px;
	color:#fff;
	font-size:12px;
	text-align: center;
}
#all-reserve-rights a{
	color:#fff;
	font-size:12px;
	text-align: center;
}
#all-reserve-rights a.move-up{
	position: relative;
    top: -25px;
}
.footer-bottom{
	background: url(../images/footer-bg.png) repeat;
	border-top:1px solid #23626D;
	position: relative;
}
/* ==========================================================================
   Heading Section for all
   ========================================================================== */   
#title-primary{
	background-color: #224848;
}
#title-primary h2{ 
	color:#FFF; font-family: 'Merriweather', serif; 
	font-size:30px; 
	padding:2px 0; 
	font-weight:400;
}
/* ==========================================================================
   Agency Starts
   ========================================================================== */
#agency-secondary{
	background:url(../images/texture-bg.png);
	padding:38px 0 144px 0;
	margin-top:2px;
	position: relative;
}
#agency-secondary h4{
	margin-bottom:27px;
	font-size:24px;
	margin: 56px 0 34px 0;
}
#agency-secondary h4.special{
	margin-top: 15px;
}
#agency-secondary h4.none{
	margin: 28px 0 16px;
}
#agency-secondary p{
	text-align:justify;
	font-family: 'PT Sans', sans-serif;
	text-shadow:#000;
	margin-bottom: 40px;
}
.invent-your-need{
	padding-top:10px;
}
#agency-secondary h5{
	font-size: 16px;
	font-family: 'PT Sans', sans-serif;
	margin: 27px 0 17px 0;
	color:#010101;
	text-align: center;
}
#agency-secondary h6{
	text-align:center;
	font-size:12px;
	font-weight:400;
}
#our-services{
	margin-top:4px;
	margin-bottom:57px;
}
#head-quarter-img-area{
	margin-top:20px;
}
.top-margin-img2{
	margin-top:17px;
}
.top-margin-img3{
	margin-top:47px;
}
#work-with-us{
	background:#ffffff;
	border-radius:15px;
	border:1px solid #cdcdcd;
	margin:93px 0;
	text-align:center;
	padding:20px 0;
}
#work-with-us h4{
	padding:0;
}
#work-with-us p{
	text-align:center;
}
.box-bg{
	background: url(../images/agency-box-bg-inactive.png) repeat-x center top;
	height: 165px;
	
	border: 1px solid #939393;
	border-top: none;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.box-bg:hover{
	background: url(../images/agency-box-bg-active.png) repeat-x center top;
	height: 165px;
	
	
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.box-bg img{
	text-align: center;
	display: inherit;
	margin: 0 auto;
	padding: 20px 0;
}
.strategy-wrapper{
	margin-top: 62px;
	background: url(../images/agency-strategy-bg.png) repeat-x center top;
	height: 360px;
}
.strategy-wrapper-pattern{
	background: url(../images/agency-strategy.png) repeat-x center top;
	height: 360px;
}
/* ==========================================================================
   Agency Ends
   ========================================================================== */
/* ==========================================================================
   Case Studies Starts
   ========================================================================== */
.quick-portfolio.cs{
}
#case-studies-primary.cs h1{
	font-size:30px;
	color:#FFFFFF;
	font-weight:400;
}
.element.cs {
	width: 427px;
    height: 267px;
    margin-bottom: 230px;
    margin-right: 30px;
}
.element.cs:nth-child(2n+2) {
	margin-bottom: 230px;
    margin-right: 0;
	margin-left: 30px;
}
.case-studies-secondary{
	background:url(../images/texture-bg.png);
	padding:10px 0 112px 0;
}
.case-studies-secondary h4{
	font-size:24px;
	line-height:20px;
	padding-bottom:16px;
}
.overlay.cs{
	background: url(../images/cs-portfolio-overlay.png) no-repeat 0 0;
	width: 427px;
	height: 267px;
	
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align:center;
}
.element.cs ul{
	margin-top: 2px;
}
.element.cs ul li{
	float:left;
	font-size: 12px;
}
.element.cs span{
	text-align:left;
	font-size:12px;
	color:#b3b3b3;
}
.element.cs img {
    width: 428px;
	height: 267px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
    transition: all 0.15s ease-in-out 0s;
}
#options-content.cs{
	text-align:left;
	padding-top: 26px;
}
#options-content.cs h6{
	font-family: 'PT Sans', sans-serif;
	line-height: 22px;
	font-size: 16px;
	color: #000000;
}
#options-content.cs p{
	font-family: 'PT Sans', sans-serif;
	line-height: 20px;
	font-size: 13px;
	color: #2f1616;
	text-align: justify;
}
.overlay.cs .portfolio-btn{
	margin-top: 113px;
}
.cs-detail{
	position: relative;
}
#containerfolio .element.cs .category{
	float: right;
	margin-top: -30px;
}
/* ===========================================================================
   	Case Studies Ends
   	========================================================================== */
/* ===========================================================================
   	Case Studies Detail Page Start
   =========================================================================== */
#case-studies-primary{
	background:#000;
}
#case-studies-primary h2{
	color:#FFF;
	font-weight:400;
}
#case-studies-secondary h4{
	padding:17px 0 18px 0;
	font-size:24px;
	font-family: 'Merriweather', serif;
	line-height:20px;
}
#case-studies-secondary{
	padding-top: 28px;
	padding-bottom:210px;
} 
.work-tech-li{
	background:url(../images/inactive-arrow.png) no-repeat left center;
	padding-left: 20px;
	margin-top:12px;
}
#what-client-says{
	background:#FFF;
	border-radius:10px;
	margin-top: 10px;
	border:1px solid #c0c0c0;
	padding:12px 0 40px 0;
}
#what-client-says p{
	text-align:justify;
	margin-left:108px;		
}
#pring-sample-img{
	border-radius:15px;
	border:1px solid #c0c0c0;
}
#sample-primary{
	margin-top: 40px;
}
#sample-primary h4{
	font-size: 22px;
	padding: 4px 0 10px;
}
#sample-primary p{
	font-size: 16px;
	text-align:justify;
	margin-bottom:36px;
}
#sample-primary #work-with-us p{
	text-align:center;
}
#sample-secondary{
	margin-top:77px;
}
#sample-secondary p{
	padding-top:7px;
}
#sample-mobile-img{
	margin-top:34px;
}
#sample-last{
	margin-top:29px;
}
#sample-primary img{
	border:1px solid #c0c0c0;
}
#sample-secondary .no-space img{
	border: none;
}
/* +==========================================================================
   	Services page Starts
   	========================================================================== */
.container-outer{
	background: url(../images/texture-bg.png) repeat 0 0;
	position: relative;
}
.container-outer-overlay{
	background: url(../images/design-top.png) repeat 0 0;
	width: 100%;
	height: 89px;
    position: absolute;
    top: 0;
}
.service p{
	font-size:14px;
	font-family: 'PT Sans', sans-serif;
	color:#000000;
	margin-bottom:56px;
}
.what-we-do{
	margin-top:45px;
}
.what-we-do p{
	margin-top:29px;
}
.what-we-do li span{
	text-align:center;
	margin-top:10px;
}
.what-we-do h4{
	font-size:24px;
	margin-top: 7px;
}
.what-we-do ul li{
	margin-top:34px;
	margin-bottom:70px;
}
.what-we-do li img{
	background:url(../images/small-icon-shadow.png) no-repeat bottom;
	padding-bottom:13px;
}
.services-contant{
	text-align:center;
	margin-top:4px;
}
p.service-caption{
	font-size: 20px;
	line-height: 30px;
	text-align: justify;
}
.seo-content{
	padding-top:35px;
	text-align:center;
}
.social-media-content{
	padding-top:30px;
	text-align:center;
}
.services-contant h6{
	font-size:16px;
	font-family: 'Merriweather', serif;
	margin:19px 0 10px 0;
}
.border.services{
	margin-top: 40px;
	margin-bottom: 40px;
}
.service-section h3{
	font-size: 24px;
	margin-top: 0;
	color: #010101;
	line-height: 20px;
}
.service-section p{
	color: #000;
}
.service-section .what-we-do-a{
	font-size: 12px;
	color: #000;
	cursor: pointer;
}
#viewdetails-1, #viewdetails-2, #viewdetails-3, #viewdetails-4, #viewdetails-5, #viewdetails-6{
	text-align: center;
}
#viewdetails-1 h4, #viewdetails-2 h4, #viewdetails-3 h4, #viewdetails-4 h4, #viewdetails-5 h4, #viewdetails-6 h4{
	font-size: 16px;
	color: #010101;
	line-height: 20px;
}
.column-height{
	min-height: 300px;
}
.horizontal-line-texture{
	background: url(../images/texture-bg.png) repeat-x left top;
	height: 1px;
	width: 100%;
}
.horizontal-line{
	background: url(../images/line.png) no-repeat center top;
	height: 1px;
}
.web-mobile-class{
	background: url(../images/design.png) no-repeat center top;
	cursor: pointer;
    display: block;
    height: 227px;
	margin-bottom: 10px;
}
.web-mobile-class:hover{
	background: url(../images/design-hover.png) no-repeat center top;
	cursor: pointer;
    display: block;
    height: 227px;
}
.ux-ui-class{
	background: url(../images/ux.png) no-repeat center top;
	cursor: pointer;
    display: block;
    height: 227px;
	margin-bottom: 10px;
}
.ux-ui-class:hover{
	background: url(../images/ux-hover.png) no-repeat center top;
	cursor: pointer;
    display: block;
    height: 227px;
}
.seo-class{
	background: url(../images/seo.png) no-repeat center top;
	cursor: pointer;
    display: block;
    height: 227px;
	margin-bottom: 10px;
}
.seo-class:hover{
	background: url(../images/seo-hover.png) no-repeat center top;
	cursor: pointer;
    display: block;
    height: 227px;
}
.social-media-class{
	background: url(../images/social.png) no-repeat center top;
	cursor: pointer;
    display: block;
    height: 227px;
	margin-bottom: 10px;
}
.social-media-class:hover{
	background: url(../images/social-hover.png) no-repeat center top;
	cursor: pointer;
    display: block;
    height: 227px;
}
.service-section.second{
	padding-top: 55px;
}
/*
.what-we-do{
	padding-bottom:50px;
}
.what-we-do li{
	padding-top:20px;
}

.services-color-sec{
	background:url(../images/texture-bg.png);
}
.primary-section{
	padding-bottom:20px;
}
.main-content{
	padding-bottom:58px;
}
.ui-ux-sec{
	padding-bottom:55px;
	padding-top:20px;
}
.service-last-sec{
	padding-bottom:210px;
}
.seo-sec{
	padding:18px 0 50px 0;
}
.social-media-sec{
	padding:39px 0 50px 0;
}
.ui-ux-content{
	margin:4px 0 0 0;
}
.primary-section h4{
	margin-bottom:29px;
}
.service.primary-content{
	margin-top:26px;
}
.what-we-do li:last-child img:hover{
	background:url(../images/social-media-small-hover.png) no-repeat;
}
.what-we-do li:nth-child(2) img:hover{
	background:url(../images/ui-ux-hover-shodow.png) no-repeat;
}
.what-we-do li:nth-child(3) img:hover{
	background:url(../images/seo-hover-shadow.png) no-repeat;
}*/
/* ==========================================================================
   Services page Ends
   ========================================================================== */
/* ==========================================================================
   Contact Us Starts
   ========================================================================== */   
#googleMap{
	width:100%;
	height:263px;
}
ul li{ 
	list-style:none;
}
a:hover, a{ 
	text-decoration:none;
}
.no-space{ 
	margin:0;
}
#googleMap{ 
	border-top:1px solid #b6b6b6;
	border-bottom:1px solid #b6b6b6;
}	
#contact-us-secondary{ 
	padding:38px 0 93px 0;
	background:url(../images/texture-bg.png);
}
#contact-us-secondary h4{
	margin-bottom:28px;
	font-size:24px;
	line-height:20px;
	font-weight:400;
}
#contact-us-secondary p{
	margin-bottom:18px;
	line-height:16px;
}
#general-enquiry{
	margin:20px 0 0 0;
}
#general-enquiry label{
	font-size:14px;
	color:#000000;
}
#general-enquiry input, .form-text-area, #contact-us-address input{
	width:97%;
	padding:8px 5px;
}
.form-text-area{
	margin-bottom:28px;
}
#contact-us-address{
	margin-bottom:70px;
}
#office-address{
	line-height:20px;
	margin-top:94px;
}
#contact-us-address h5{
	font-size:18px;
	margin-top:30px;
}
#contact-us-address ul li{
	float:left;
	padding-right:10px;
}
#follow-us-on{
	margin-top:80px;
}

/* ==========================================================================
   Contact us Ends
   ========================================================================== */
/* ==========================================================================
   Client Login
   ========================================================================== */
#login-form h4{
	padding:43px 0 20px;
	font-size:24px;
	font-family: 'Merriweather', serif;
	line-height:20px;
}   
#login-form{
	padding:20px 0 0 59px;
	border: 1px solid #c0c0c0;
	background:#fff;
	border-radius:10px;
}
#login-form h4{
	padding:7px 0 17px 0;
}
#login-form span{
	text-decoration:underline;
}
#login-form input{
	padding: 8px 5px;
	margin-bottom: 2px;
}
#icon-span{
	padding:8px 0;
	text-align:center;
	color:#000000;
	background:#FFFFFF;
}
#remeber-me{
	padding-left:13px;
}
#sign-in-btn{
	padding-left:15px;
}
.icon-login {
	 margin-top: -15px;
}
.icon-key{
	margin-top:-15px;
}
#pass-forgot{
	line-height:25px;
	margin-top:40px;
	margin-bottom:31px;
}
#admin-span{
	color:#000;
}
/* ==========================================================================
   Project Planner
   ========================================================================== */
.planner-section h3{
	font-size: 24px;
	margin-top: 0;
	color: #010101;
	line-height: 20px;
}
.planner-section p{
	color: #000;
	font-size: 16px;
}
.planner-section div a{
	color: #000;
	font-size: 16px;
	line-height: 2.5;
}
.planner-section .planner-category{
	font-family: 'Merriweather',serif;
	font-size: 16px;
	color: #ff7d2b;
	cursor: pointer;
}
.styledRadio, .styledCheckbox {
	display: inline-block;
}
.planner-section label{
	display: inline-block;
	line-height: 30px;
	vertical-align: 6px;
	padding-right: 20px;
	color: #7d7d7d;
}
.budget-box{
	min-height: 150px;
	/*
	overflow: hidden;*/
	margin-bottom: 30px;
	padding-bottom: 20px;
	color: #000;
	background-color: #fff;
	
	border: 1px solid #b6bbc1;
	
	-webkit-box-shadow: inset 0 1px 1px rgba(218, 221, 226, 0.75);
  	   -moz-box-shadow: inset 0 1px 1px rgba(218, 221, 226, 0.75);
  		    box-shadow: inset 0 1px 1px rgba(218, 221, 226, 0.75);
  
	-webkit-border-radius: 4px 4px 0 0;
  	   -moz-border-radius: 4px 4px 0 0;
  			border-radius: 4px 4px 0 0;
}
.budget-box-border{
	border-bottom: 1px solid #d5d5d5;
}
.budget-box h3{
	background-color: #ff7d2b;
	
	font-size: 18px;
	color: #fff;
	line-height: 40px;
	text-align: center;
}
.budget-box .span3{
	margin-left: 15px;
}
.budget-box .span2{
	margin-left: 0;
}
.budget-box .time, .budget-box .urgent-delivery{
	line-height: 25px;
}
.budget-box .cost{
	font-weight: bold;
	font-size: 18px;
	color: #ff7d2b;
	line-height: 50px;
}
.budget-box .urgent-delivery .bootstrap-select:not([class*="span"]) {
    width: 80px;
}
.budget-box .urgent-delivery .bootstrap-select {
    /*width: 80px\9; IE8 and below*/
    width: 80px \0/; /*IE9 and below*/
}
.budget-box .urgent-delivery .bootstrap-select.btn-group .btn .filter-option{
	left: 0;
}
/* ==========================================================================
   Footer Ends
   ========================================================================== */
@media (min-width: 768px) and (max-width: 979px) {
	ul#nav, ul.quick-login {
		display: none;
	}
	a.menu-toggler {
		background: url(../images/menu-btn.jpg) no-repeat scroll 0 0 transparent;
		display: block !important;
		height: 38px;
		position: absolute;
		right: 22px;
		top: 48px;
		width: 42px;
	}
	ul#nav-mobile{
		background-color: #000;
		width: 100%;
		margin: 0 0 50px;
		padding: 0;
		list-style-type: none;
		
		position: relative;
		top: 136px;
	}
	ul#nav-mobile li {
		background-color: #000;
		float: none;
	}
	ul#nav-mobile li a {
		font-size: 12px;
		line-height: 40px;
		color: #fff;
		text-decoration: none;
		margin: 0;
		padding: 0 13px 0 13px;
		text-transform: uppercase;
		letter-spacing: 2px;
		display: block;
	}
	ul#nav-mobile li a:hover {
		background-color: #34e5ff;
		color: #000;
	}
	#options a:after {
		padding: 3px 15px;
	}
	.slider-frame{
		background: url(../images/main-slider-frame-768.png) no-repeat top center;
		height: 262px;
	}
	.slider-box{
		/*border: 1px solid red;*/
		margin: 15px auto 0;
		width: 339px;
		height: 210px;
	}
	.main-slider h1{
		font-size: 32px;
		margin: 0;
	}
	.main-slider h2{
		font-size: 18px;
		margin: 0;
	}
	.main-slider p{
		font-family: 'Merriweather',serif;
		font-size: 12px;
	}
	.button-space{
		margin-top: 20px;
	}
	.introduction{
		/*margin: 37px 0 0;*/
		min-height: 0;
	}
	#containerfolio {
		max-width: 626px;
	}
	/* ==========================================================================
   	Footer
   	========================================================================== */
	.primary-footer h3 {
		font-size: 20px;
	}
	.primary-footer ul li{
		font-size: 12px;
	}
	.scendory-footer ul li{
		font-size: 12px;
	}
	/* ==========================================================================
   	Agency Page
   	========================================================================== */
	.agency-bg-2{
		left: -32%;
		top: 10%;
	}
	/* ==========================================================================
   	Case Study Page
   	========================================================================== */
	.element.cs {
		margin-right: 0;
	}
	.element.cs:nth-child(2n+2){
		margin-left: 0;
	}
}
@media (max-width: 767px) {
	#containerfolio {
		max-width: 313px;
	}
}
@media (min-width: 1200px) {	
	/* ==========================================================================
   	Main Slider
   	========================================================================== */
	/*.introduction{
		margin: 136px 0 0 0;
	}*/
	.slider-frame{
		background: url(../images/main-slider-frame-1280.png) no-repeat top center;
		height: 429px;
	}
	.slider-box{
		/*border: 1px solid red;*/
		margin: 32px auto 0;
		width: 564px;
		height: 351px;
	}
	.primary-footer h3{
		font-size:28px;
	}
	/* ==========================================================================
   	Agency page
   	========================================================================== */
	.agency-bg-2{
		background: none;
	}
}