/*------------------------------------------------------------------

[Main Stylesheet]

---- SarpStudio ----

Project:		Architect
Version:		1.0
Last change:	14.10.2015

-------------------------------------------------------------------

[Table of contents]

- Header					(l: 50)
- Footer					(l: 152)
-- Footer Social Icons		(l: 175)
- Section Defaults			(l: 206)
- Section: Services			(l: 264)
- Section: Text				(l: 323)
- Section: Team				(l: 354)
-- Section: Team2			(l: 414)
- Section: Testimonials		(l: 428)
- Section: Services2		(l: 466)
- Section: Tabs				(l: 520)
- Section: Businesscard		(l: 556)
- Section: Clients			(l: 582)
-- Section: Clients (big)	(l: 609)
- Section: Contact			(l: 686)
- Banner					(l: 718)
- Portfolio Isotope			(l: 810)
- Portfolio Single			(l: 863)
- Section: About me			(l: 885)
- Section: Blog				(l: 911)
- Section: Sidebar			(l: 1082)
- Section: Comments			(l: 1182)
- Transitions				(l: 1239)
- Template defaults			(l: 1275)
- Css Fixes					(l: 1412)

-------------------------------------------------------------------*/


body { font-family: 'Roboto', sans-serif !important; letter-spacing: 0.5px; line-height: 1.55; }
a 	 { cursor: pointer; }




/* Header-menu */
header {
	text-align: center;
	padding: 40px 0 30px 0;
}
header.sticky-menu {
	position: relative;
	float:left;
	width: 100%;
	background-color: rgba(255,255,255,0.85);
	z-index: 1991;
	padding: 30px 0;
	box-shadow: 0;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
}
header.sticky-menu .pull-right ul {
	margin-bottom: 0;
}
header.sticky-menu .logo {
	padding: 0 !important;
}
body.admin-bar header.sticky-menu .sticky-menu-holder {
	padding-top: 32px;
}
header.sticky-menu .sticky-menu-holder {
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	z-index: 77571;
}
header.sticky-menu .sticky-menu-holder {
    padding: 12px 15px;
    box-shadow: 0 1px 11px -3px;
    background: rgba(255,255,255,0.95);
}
header.sticky-menu .sticky-menu-holder ul.sub-menu {
	background-color: rgba(245, 245, 245, 0.9);
}
header.sticky-menu .sticky-menu-holder .container .logo a img {
    max-height: 34px;
    width: auto;
}
header #menu-mobile {
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	padding: 0 15px;
	z-index: 9999;
}
header .mobile-logo {
	padding-left: 15px;
}
header .mobile-logo img {
	max-width: 165px;
	padding-top: 5px;
}
header .logo {
	padding-bottom: 20px;
}
header .logo a:hover{
	text-decoration: none;
}
header #menu ul {
	padding: 0;
	display: block;
}
header #menu ul li {
	list-style: none;
	font-size: 16px;
	display: inline-block;
	position: relative;
}
header #menu ul li a {
	padding: 5px 20px;
	display: block;
	color: #343434;
	text-decoration: none;
	outline: none;
}
header #menu ul li a:hover{
	color: #658296;
}
header #menu ul.menu li:hover > ul.sub-menu {
	display: block;
}
header #menu ul.menu li > ul.sub-menu {
	box-shadow: 1px 1px 1px -1px;
	display: none;
	position: absolute;
	left: 20px;
	background-color: #f5f5f5;
	z-index: 123;
	min-width: 150px;
}
header #menu ul.menu li > ul.sub-menu li ul.sub-menu {
	width: 100%;
}
header #menu ul.menu li > ul.sub-menu li {
	width: 100%;
	border-bottom: 1px solid #f5f5f5;
	font-size: 13px;
	text-align: left;
}
header #menu ul.menu li > ul.sub-menu li:hover {
	background-color: white;
	border-color: #658296;
}
header #menu ul.menu li > ul.sub-menu li > ul.sub-menu {
	top: 0;
	left: 100%;
}
header #menu-mobile nav {
	z-index: 234234;
}
header #menu-mobile nav ul {
	display: block;
	font-size: 18px;
	padding: 10px 0;
	font-weight: bold;
	color: inherit;
	margin: 0;
}
header #menu-mobile nav ul li {
	display: block;
	text-align: center;
}
header #menu-mobile nav ul li a {
	text-decoration: none;
	color: black;
}
header #menu-mobile nav ul.sub-menu {
	font-size: 16px;
	font-weight: lighter;
}
header #menu-mobile #menu9 {
	position: absolute;
    width: 100%;
    top: 100%;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    background-color: white;
}
header #menu-mobile h3 {
	margin: 14px 0;
	padding-left: 15px;
}
header .navbar-header.pull-right { 
	margin-left: 15px; 
	position: absolute;
	right: 0;
	bottom: 0;
}






/* Footer */

footer {
	padding: 40px 0 !important;
}

a.social {
	color: #696969;
	border: 2px solid #696969;
	border-radius: 50%;
	margin: 5px;
	text-decoration: none;
	padding: 3px 6px;
    display: inline-block;
}
a.social i {
	width: 15px;
	height: 15px;
	text-align: center;
	vertical-align: middle;
}
a.social:hover {
	color: white;
}
/*a.social.fb { padding: 5px 9px; }*/
a.social.fb:hover { background-color: #405D9B; border-color: #405D9B; }
/*a.social.tw { padding: 5px 6.5px; }*/
a.social.tw:hover { background-color: #53A8E9; border-color: #53A8E9; }
/*a.social.pn { padding: 5px 7px; }*/
a.social.pn:hover { background-color: #BD2126; border-color: #BD2126; }
/*a.social.db { padding: 5px 7px; }*/
a.social.db:hover { background-color: #F26798; border-color: #F26798; }
/*a.social.vm { padding: 5px 7px; }*/
a.social.vm:hover { background-color: #1BB6EC; border-color: #1BB6EC; }
/*a.social.yt { padding: 5px 6px; }*/
a.social.yt:hover { background-color: #E42526; border-color: #E42526; }
/*a.social.in { padding: 4.5px 7px; }*/
a.social.in:hover { background-color: #0077b5; border-color: #0077b5; }
/*a.social.tb { padding: 4.5px 9px; }*/
a.social.tb:hover { background-color: #32506d; border-color: #32506d; }
/*a.social.ig { padding: 5px 7px; }*/
a.social.ig:hover { background-color: #125688; border-color: #125688; }
/*a.social.fl { padding: 4.5px 7px; }*/
a.social.fl:hover { background-color: #ff0084; border-color: #ff0084; }
/*a.social.bh { padding: 4.5px 5px; }*/
a.social.bh:hover { background-color: #1769ff; border-color: #1769ff; }
/*a.social.yt { padding: 4.5px 6px; }*/
a.social.yt:hover { background-color: #bb0000; border-color: #bb0000; }
/*a.social.pi { padding: 4.5px 7px; }*/
a.social.pi:hover { background-color: #cb2027; border-color: #cb2027; }
/*a.social.gp { padding: 4.5px 6px; }*/
a.social.gp:hover { background-color: #dd4b39; border-color: #dd4b39; }



/* Sections Defualt */
section {
	padding: 50px 0 !important;
}
section .title {
	text-align: center;
	display: block;
	/*margin: 0 0 50px 0; */
	margin-bottom: 30px;
}
section .title h2,
section .title h4 {
	margin: 15px 0;
}
section .title hr {
	margin: 10px auto;
	border-color: #658296;
	border-width: 2px;
	width: 100%;
	max-width: 100px;
}
section .title h2 {
	font-size: 27px;
}
section .title h4 {
	font-size: 15px;
}
section .title.big h2 {
	font-size: 45px;
}
section .title.big h4 {
	font-size: 26px;
	font-weight: 800;
	color: #658296;
}
section .title.big hr {
	display: none;
}
section .more {
	clear:both;
	display: block;
	text-align: center;
	margin-top: 30px;
}
.more a,
div.blog-comments input[type='submit'] {
	display: inline-block;
	font-size: 15px;
	color: #343434;
	border: 1px solid #343434;
	padding: 5px 10px;
	text-decoration: none;
}





/* Services Section */
.services div.ico .icon {
	border-radius: 50%;
	background-color: #658296;
	border: 2px solid #658296;
	color: white;
	font-size: 30px;
}

.services div.service-item {
	cursor: pointer;
}

.services div.service-item:hover .icon,
.services div.service-item.active .icon {
	background-color: white;
}
.services div.service-item:hover .icon i,
.services div.service-item.active .icon i {
	color: #658296;
}
.services div.service-item:hover h4,
.services div.service-item.active h4 {
	color: #658296;
}
.services div.ico .icon.bg {
	background-color: white;
	border: 2px solid #658296;
}
.services div.ico .icon.bg i {
	color: #658296 !important;
}
.services div.service-item:hover .icon.bg,
.services div.service-item.active .icon.bg {
	background-color: #658296;
}
.services div.service-item:hover .icon.bg i,
.services div.service-item.active .icon.bg i {
	color: white !important;
}

.services .service-item {
	margin-bottom: 15px;
}
.services .service-item a {
	text-decoration: none;
}
.services .service-item a div.txt h4 {
	color: #343434;
}
.services .service-item a:hover div.txt h4 {
	color: #658296;
}
.services div.txt h4 {
	font-weight: 600;
	font-size: 19px;
}
.services div.txt p {
	font-size: 13px;
	line-height: 14px;
	color: #343434;
}





/* Text Section */
.text {
	/*background-color: #f5f5f5;*/
}
.text div.txt {
	margin-bottom: 0;
}
.text div.txt h2 {
	margin: 10px 0;
	line-height: 1.5;
}
.text div.txt-btn a {
	/*text-transform: uppercase;*/
	font-size: 24px;
	text-decoration: none;
	color: #658296;
	border: 2px solid #658296;
	padding: 5px 20px;
	display: inline-block;
}
.text.text2 {
	background-color: #658296;
	color: white;
}
.text.text2 .txt-btn a {
	border-color: white;
	color: white;
}




/* Team Section */
.team div.team-member {
	margin-bottom: 30px
}
.team div.team-member .picture {
	margin-bottom: 30px;
}
.team div.team-member .picture img {
	border-radius: 50%;
}
.team div.team-member .info a {
	text-decoration: none;
	color: #343434;
}
.team div.team-member .info a:hover h4,
.team div.team-member .info a:hover h5 {
	color: #658296;
}
.team div.team-member .info h4 {
	font-weight: 600;
	margin: 5px 0;
	font-size: 19px;
}
.team div.team-member .info h5 {
	margin: 0 0 10px 0;
	font-size: 14px;
}
.team .socialsites {
	margin-top: 30px;
}
.team div.team-member .socialsites a {
	border-radius: 0;
	display: inline-block;
}
.team div.team-member .socialsites a.fb {
	padding: 8px 12px !important;
}
.team div.team-member .socialsites a.tw,
.team div.team-member .socialsites a.gp {
	padding: 8px 11.5px;
}
.team div.team-member .socialsites a.pi {
	padding: 8px 12px;
}
.team div.team-member .socialsites a.fl,
.team div.team-member .socialsites a.ig,
.team div.team-member .socialsites a.db,
.team div.team-member .socialsites a.vm,
.team div.team-member .socialsites a.in
{
	padding: 8px 12px;
}
.team div.team-member .socialsites a.yt
{
	padding: 8px 12px;
}
.team div.team-member .socialsites a.bh {
    padding: 8px 12px;
}
/* Team2 */
.team2 div.team { 
	margin-bottom: 15px;
}
.team2 div.team-member {
	background-color: #f5f5f5;
	padding: 40px;
}
.team2 div.team-member {
    margin-bottom: 0;
}




/* Testimonials */
section.testimonials {
  padding: 0 !important;
  text-align: center;
  color: white;
}
.testimonials div.slider-holder {
	padding: 130px 0;
	transform: translate(0,0);
}
.testimonials ul.bxslider li {
	background: none;
	padding: 0 45px;
}
.testimonials .bx-wrapper img {
  display: inline-block;
}
.testimonials ul.bxslider li p,
.testimonials ul.bxslider li h4 {
	font-size: 19px;
}
.testimonials ul.bxslider li h4 {
	font-weight: 600;
}
.testimonials h3 {
	font-size: 27px;
}
.testimonials h1 {
	font-size: 50px;
	font-weight: 900;
	margin: 0;
	line-height: 40px;
}





/* Services2 Section */
.services2 div.services2-item {
	margin-bottom: 30px;
}
.services2 div.services-icon {
	margin: 0 auto;
	margin-bottom: 10px;
}
.services2 div.services-icon.bg {
	border-radius: 50%;
	background-color: #658296;
	border: 2px solid #658296;
}
.services2 div.services-icon.bg2 {
	border-radius: 50%;
	background-color: inherit;
	border: 2px solid #658296;
}
.services2 div.services-icon.bg2 i {
	color: #658296;
	padding: 30px;
}
.services2 div.services-icon.bg i {
	color: white;
	padding: 30px;
}
.services2 div.services2-item:hover .services-icon.bg {
	background-color: white;
}
.services2 div.services2-item:hover .services-body h4 {
	color: #658296;
}
.services2 div.services2-item:hover .services-icon.bg i {
	color: #658296;
}
.services2 div.services2-item:hover .services-icon.bg2 {
	background-color: #658296;
}
.services2 div.services2-item:hover .services-icon.bg2 i {
	color: white;
}
.services2 div.services-icon i {
	font-size: 30px;
	color: #658296;
}
.services2 div.services-body h4 {
	font-size: 19px;
	font-weight: 900;
}





/* Tabs */
#tabs div.tab-holder {
	border: 1px solid #d6d6d6;
	padding: 30px;
	margin-bottom: 30px;
}
#tabs ul.nav-tabs,
#tabs ul.nav-tabs li a {
	border: 0;
	margin: 0 10px 10px 0;
	padding: 0;
}
#tabs ul.nav-tabs {
	margin-bottom: 30px;
}
#tabs ul.nav-tabs li{
	padding-right: 20px;
}
#tabs ul.nav-tabs li a {
	font-size: 15px;
	font-weight: 900;
	color: #696969;
	border-bottom: 2px solid white;
}
#tabs ul.nav-tabs li a:hover,
#tabs ul.nav-tabs li.active a {
	color: #000;
	border-bottom: 2px solid #658296;
}
#tabs .tab-content img{
	margin-top: 5px;
}




/* Businesscard */
#businesscard div.card-holder {
	margin-bottom: 30px;
}
#businesscard div.info hr {
	border-color: #658296;
	border-width: 2px;
	width: 100%;
	max-width: 100px;
	margin: 15px 0;
}
#businesscard div.info h4 {
	font-size: 19px;
	font-weight: 900;
}
#businesscard div.info h5 {
	font-size: 15px;
}
#businesscard div.info h6 {
	font-size: 13px;
}





/* Clients Section */
.clients {
	/*background-color: #f5f5f5;*/
}
.clients div#carousel {
	clear: both;
}
.clients div#carousel div.item {
	height: 100px;
}
.clients.clients2 div.item {
	margin-bottom: 15px;
}
.clients div#carousel div.item img,
.clients.clients2 div.item img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: grayscale(100%);
	filter: gray;
	-webkit-filter: grayscale(100%);
}
.clients div#carousel div.item:hover img,
.clients.clients2 div.item:hover img {
	filter: none !important;
	-webkit-filter: none !important;
}


/* Clients Big */
.clients.big {
	padding: 30px 0 !important;
}
.clients.big .container {
	position: relative;
}
.clients.big div#carousel div.item {
	padding: 5px;
	height: 500px;
}
.clients.big div#carousel div.item .inner {
	position: relative;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
}
.clients.big div#carousel div.item a:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: -1px;
	content: " ";
	z-index: 3;
	background-color: rgba(255,255,255,0.7);
}
.clients.big div#carousel div.item a {
	text-decoration: none;
}
.clients.big div#carousel div.item a > p {
	z-index: 4;
	color: black;
	position: relative;
	margin: 0;
}
.clients.big div#carousel div.item a:hover:after {
	background-color: rgba(0,0,0,0.4)
}
.clients.big div#carousel div.item a:hover p {
	color: white;
}
.clients.big div#carousel div.item img {
	position: relative;
	filter: none !important;
	-webkit-filter: none !important;
}
.clients.big .cntrl {
	position: absolute;
	top: 45%;
	margin: 0;
    padding: 3px 17px;
    font-size: 24px;
    font-weight: 100;
	color: white;
	border: 1px solid #658296;
	background-color: #658296;
	cursor: pointer;
	-webkit-user-select: none;  
	   -moz-user-select: none;    
	    -ms-user-select: none;     
	        user-select: none; 
}
.clients.big .cntrl:hover {
	background-color: white;
	color: #658296;
}
.clients.big .next {
	right: 0;
}
.clients.big .prev {
	left: 0;
}




/* Contact Form */
.contact .info h4 {
	font-weight: 900;
}
.contact input,
.contact textarea {
	width: 100%;
	margin: 15px 0;
	padding: 10px 20px;
	border: 1px solid #aaa;
	resize: none;
	background-color: white;
}
.contact input[type='submit'] {
	width: 25%;
	float: right;
}
.contact input:focus,
.contact textarea:focus {
	outline: none !important;
	border: 1px solid black;
}
.contact .more {
	text-align: right;
	margin: 0;
}






/* Banner */
#banner {
	position: relative;
}
#banner .bx-controls-direction a.bx-prev:hover + span#slider-prev,
#banner .bx-controls-direction a.bx-next:hover + span#slider-next {
	opacity: 1;
	visibility: visible;
}
#banner span#slider-prev {
	position: absolute;
	top: 50%;
    margin-top: -50px;
	left: 100px;
	width: 150px;
	height: 100px;
	opacity: 0;
	visibility: hidden;
}
#banner span#slider-next {
	position: absolute;
	top: 50%;
    margin-top: -50px;
	right: 100px;
	width: 150px;
	height: 100px;
	opacity: 0;
	visibility: hidden;
}

#banner ul.banner {
	list-style: none;
	padding: 0;
}
#banner ul.banner li {
	height: 450px;
}
#banner ul.banner li video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
#banner ul.banner li video+div.outer {
	position: relative;
	z-index: 10;
}
#banner ul.banner li h1 {
	margin: 0;
}
#banner ul.banner li h3 {
	margin-top: 0;
}
#banner ul.banner.bxslider li {
	height: 600px;
	width: 100%;
	padding: 0 120px;
}
#banner .bx-wrapper {
	margin: 0 auto;
}
#banner .bx-wrapper .bx-pager {
	position: relative;
	display: table;
	table-layout: fixed;
	bottom: 0;
	padding-top: 10px;
}
#banner .bx-wrapper .bx-pager-item {
	display: table-cell;
}
#banner .bx-wrapper .bx-pager .bx-pager-item a {
	width: 95%;
	height: 5px;
	background-color: #bebebe;
}
#banner .bx-wrapper .bx-pager .bx-pager-item a:hover,
#banner .bx-wrapper .bx-pager .bx-pager-item a.active {
	background-color: #658296;
}






/* Portfolio Isotope */
.portfolio .container {
	padding: 0;
}
.portfolio .grid-item {
	float: left;
	margin: 7.5px;
	position: relative;
}
.portfolio .grid > div:hover .hover {
	opacity: 1;
}
.portfolio .grid .hover {
	opacity: 0;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.70);
	color: white;
}
.portfolio .grid .hover h4 {
	margin-bottom: 0;
}
.portfolio .filters ul {
	padding: 0;
	margin: 0 0 15px 0;
	list-style: none;
	text-align: center;
}
.portfolio .filters ul li {
	display: inline-block;
	cursor: pointer;
	margin: 0 5px;
	font-size: 15px;
	text-transform: uppercase;
	border-bottom: 2px solid white;
}
.portfolio .filters ul li:hover,
.portfolio .filters ul li.active {
	border-bottom: 2px solid #658296;
}
.portfolio .grid2 > div,
.portfolio .grid4 > div {
	padding: 7.5px;
}
.portfolio .grid2 > div > div,
.portfolio .grid4 > div > div
{
	position: relative;
}

/* Portfolio Single */

.single-portfolio .video-embed .container{
	position: relative; 
	/*padding-bottom: 56.25%;*/
	/*height: 0;*/
	/*overflow: hidden;*/
	max-width: 100%;
	height: auto;
}

.container iframe,
.container object,
.container embed{
	position: relative;
	width: 100%;
	max-width: 100%;
}



/* About-me */
section.about-me {
	padding-bottom: 0!important;
	overflow: hidden;
}
.about-me .bar .progress {
	border-radius: 0;
    border: 1px solid rgba(101, 130, 150, 0.44);
}
.about-me .bar .progress-bar {
	background-image: none;
	background: #658296;
	border-radius: 0;
	position: relative;
}
.about-me .bar .bar-title {
	font-size: 15px;
}
.about-me .bar .bar-percentage {
	font-size: 15px;
	font-weight: 800;
	position: absolute;
	right: 5px;
}



/* Blog */
.blog .pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
    float: left;
    width: 100%;
}
.blog .blog-item {
	position: relative;
	margin-bottom: 30px;
}
.blog .blog-item > div {
	position: relative;
	background-color: #f5f5f5;
}
.blog .blog-item div.info {
	padding: 30px;
}
.blog .blog-item > div h4 {
	font-weight: 800;
	margin: 0;
}
.blog .blog-item div a {
	text-decoration: none;
	color: black;
}
.blog .blog-item div a:hover {
	color: #658296;
}
.blog .blog-item .more {
	margin-top: 30px;
}
.blog .blog-item.col-md-12 .more {
	text-align: right
}
.blog .blog-item .more a {
	padding: 10px;
}
.blog .blog-item .more a:hover {
	background-color: #658296;
	color: white;
}
.blog .blog-item .bx-wrapper,
.blog .blog-single .bx-wrapper {
	margin: 0;
}
.blog .blog-item .bx-wrapper .bx-pager,
.blog .blog-single .bx-wrapper .bx-pager {
	position: absolute;
    bottom: 5px;
}
.blog .blog-item .control,
.blog .blog-single .control {
	position: absolute;
}
.blog .blog-item #slider-prev,
.blog .blog-single #slider-prev {
    top: 45%;
    left: 10px;
}
.blog .blog-item #slider-next,
.blog .blog-single #slider-next {
    top: 45%;
    right: 30px;
}
.blog .blog-item div iframe {
	width: 100%;
	height: 220px;
}
.blog .blog-item.col-md-6 div iframe {
	height: 187px;
}
.blog .blog-item.col-md-12 div iframe {
	height: 400px;
}

.blog .blog-single div iframe {
	width: 100%;
	height: 300px;
}

/* Blog single */
.blog .blog-single {
	/*margin: 15px auto;*/
}
.blog .blog-single > div {
	position: relative;
}
.blog .blog-single img.author {
	float: left;
	margin-right: 15px;
}
.blog .blog-single .blog-info {
	margin-top: 30px;
}
.blog .blog-info a,
.blog .blog-share a {
	text-decoration: none;
	color: black;
}
.blog .blog-info a:hover {
	color: #658296;
}
.blog .blog-info h4 {
	font-weight: 800;
}
.blog .blog-info h4,
.blog .blog-info p {
	margin: 5px;
}
.blog .blog-content,
.blog .blog-share,
.blog .blog-comments {
	clear: both;
	margin-top: 30px;
}
.blog blockquote {
	font-size: inherit;
	border-left: 15px solid #658296;
}
.blog blockquote p {
	font-weight: 800;
}
.blog .blog-share a:first-child {
	padding-left: 0;
}
.blog .blog-share a {
	padding: 0 15px;
}
.blog .blog-share a.tw:hover {
	color: #53A8E9;
}
.blog .blog-share a.fb:hover {
	color: #405D9B;
}
.blog .blog-share a.gp:hover {
	color: #dd4b39;
}
.blog .blog-share a.db:hover {
	color: #F26798;	
}
.blog .blog-share a.pi:hover {
	color: #cb2027;
}
.blog .blog-share a.in:hover {
	color: #0077b5;
}
.blog .blog-share span {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word; 
}
.blog .pager a.page-numbers {
	color: #696969;
	text-transform: none;
    padding: 0 10px;
}
.blog .pager span.current {
	border: 1px solid black;
	border-radius: 50%;
	width: 25px;
	display: inline-block;
	height: 25px;
	padding: 2px;
}









/* Sidebar */
.sidebar {
	background-color: #f5f5f5;
	padding: 15px;
}
.sidebar label {
	width: 100%;
}
.sidebar img,
.sidebar video,
.sidebar iframe,
.sidebar select {
	max-width: 100%;
	height: auto;
}
.sidebar select:focus,
.sidebar input:focus {
	outline: 0;
}
.sidebar label[for='s'],
.sidebar input#searchsubmit {
	display: none;
}
.sidebar input#s {
	background-color: #f5f5f5;
	border: 1px solid black;
	padding: 10px;
	width: 100%;
}
.sidebar input#s:focus {
	outline: none;
}
.sidebar ul {
	padding: 0;
	list-style: none;
}
.sidebar a {
	/*text-decoration: none;*/
	color: black;
}
.sidebar a:hover {
	color: #658296;
}
.sidebar h4,
.sidebar .recentcomments span.comment-author-link {
	font-weight: 800;
}
.sidebar li.cat-item {
	text-align: right;
	display: inline-block;
	width: 100%;
}
.sidebar li.cat-item a {
	float: left;
}
.sidebar #calendar_wrap #wp-calendar { 
	width: 80%;
	background-color: transparent;
}
.sidebar #wp-calendar caption { margin-bottom: 5px; }
.sidebar #wp-calendar * { text-align: center; }
.sidebar #wp-calendar tfoot * { text-align: left; }
.sidebar #wp-calendar thead { border-bottom: 1px solid black; }
.sidebar #wp-calendar tbody tr { line-height: 1.8; }
.sidebar #wp-calendar td#today { font-weight: 800; }
.sidebar #wp-calendar td a { text-decoration: underline !important; }
.sidebar #calendar_wrap thead tr th { margin: 0 10px; }
.sidebar li > cite {
	font-weight: 800;
	display: block;
	margin-bottom: 10px;
}
.sidebar li > a.rsswidget {
	font-weight: 800;
}
.sidebar li > span.rss-date {
    display: block;
    text-decoration: underline;
}
.sidebar .tagcloud a {
	font-size: 14px !important;
	border: 1px solid #658296;
	color: #658296;
	text-decoration: none;
	padding: 5px;
	display: inline-block;
    margin-bottom: 5px;
}
.sidebar .tagcloud a:hover {
	color: white;
	background-color: #658296;
}








/* Comments */
div.blog-comments ul.comments {
	padding: 0;
	list-style: none;
}
div.blog-comments ul.comments ul {
	list-style: none;
}
div.blog-comments ul.comments h4 > span {
	display: block;
}
div.blog-comments ul.comments .comment-desc h4 span {
	font-size: 16px;
	font-weight: 800;
	margin-bottom: 5px;
}
div.blog-comments ul.comments .comment-desc h4 {
	font-size: 14px;
}
div.blog-comments div#respond {
    border-top: 1px solid #d6d6d6;
    float: left;
    width: 100%;
}
div.blog-comments textarea#comment {
    border-radius: 0;
    min-height: 80px;
    width: 100%;
}
div.blog-comments textarea#comment:focus,
div.blog-comments input:focus {
    border-color: black;
    box-shadow: none !important;
    -webkit-box-shadow: !important;
}
div.blog-comments input {
	border: 1px solid #d6d6d6;
	border-radius: 0;
	margin-bottom: 10px;
	background-color: white;
}
div.blog-comments p.form-submit {
	margin-top: 15px;
	padding: 0 15px;
    display: block;
    clear: both;
    text-align: right;
    float: right;
    width: 100%;
}







/* Transitions */
a.social,
#tabs ul.nav-tabs li a,
.clients div#carousel div.item img,
.clients.clients2 div.item img,
span#slider-prev, span#slider-next,
.portfolio .grid .hover,
.portfolio .filters ul li,
.clients.big div#carousel div.item a:after,
.clients.big div#carousel div.item a p,
.clients.big .cntrl,
.services2 div.services2-item .services-icon.bg,
.services2 div.services2-item .services-icon.bg i,
.services2 div.services2-item .services-icon.bg2,
.services2 div.services2-item .services-icon.bg2 i,
.services div.service-item .icon,
.services div.service-item .icon i,
.services div.ico .icon.bg,
.services div.ico .icon.bg i,
.isotope-item,
.blog-item .more a,
.sidebar .tagcloud a,
.sidebar a,
.services2 div.services2-item .services-body h4,
.services div.service-item:hover h4,
.sticky-menu,
.sticky-menu img
{
	-webkit-transition: all linear 0.2s;
       -moz-transition: all linear 0.2s;
         -o-transition: all linear 0.2s;
            transition: all linear 0.2s;	
}





/* Slider Defaults */
.bx-wrapper .bx-viewport {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none; 
  left: 0;
  background: none;
}



div.divider {
	width: 100%;
	display: block;
	float: left;
	border: 1px solid #d6d6d6;
	margin: 10px 0;
	clear: both;
}
div.divider.big {
	margin: 30px 0;
}
div.divider.div_no_margin{
	margin: 0px 0;
}
.cb {
	clear: both;
}
.nopad {
	padding: 0 !important;
}
.nopadx {
	padding-left: 0;
	padding-right: 0;
}
.w100 {
	max-width: 100%;
	height: auto;
}
div.outer {
	width: 100%;
	display: table;
	table-layout: fixed;
	height: 100%;
}
div.outer div.inner {
	width: 100%;
	height: 100%;
	display: table-cell;
	/*vertical-align: middle;*/
}
div.outer div.inner.bottom {
	vertical-align: bottom;
	padding-bottom: 40px;
}
div.outer div.inner.middle {
	vertical-align: middle;
}
div.outer div.inner.bottom h3 {
    color: #658296;
}


.portfolio .mosaic .nopad {
	padding: 1px !important;
}

.pad15 {
	padding: 15px !important;
}

img.alignright {
	float: right;
}
img.alignleft {
	float: left;
}

.masonry {
	-moz-column-count: 2;
    -moz-column-gap: 15px;
    -webkit-column-count: 2;
    -webkit-column-gap: 15px;
    column-count: 2;
    column-gap: 15px;
}
.masonry .masonry-item {
	display: inline-block;
	width: 100%;
}
.screen-reader-text {
    position: absolute !important;
    left: -999em;
}

.size-3 { width: 24% ;}
.size-4 { width: 32% ;}
.size-5 { width: 39.7%; }
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	.size-3 { width: 96% ;}
	.size-4 { width: 96% ;}
	.size-5 { width: 96%; }

	#banner .bx-wrapper .container.nopad { 
		padding: 0 15px !important; 
	}
	header {
	    padding: 15px 0;
	}
}
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	.size-3, .size-4 { width: 44.4% ;}
	.size-5 { width: 96%; }
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.size-3 { width: 26%; }
	.size-4 { width: 30%; }
	.size-5 { width: 38.1%; }
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.size-3 { width: 24.5% ;}
	.size-4 { width: 30.5% ;}
	.size-5 { width: 38.5%; }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.size-3 { width: 24% ;}
	.size-4 { width: 32% ;}
	.size-5 { width: 39.7%; }
}


@media (min-width: 1800px) {
	body.fullwidth .container {
		width: 1600px;
	}
}



/* New Mobile menu */
header #menu-mobile {
	padding: 0 !important;
	background: #f1f1f1;
}
header #menu-mobile .logo-mob {
	display: inline-block;
    float: left;
    padding: 15px;
}
header #menu-mobile .toggle-mob {
	display: inline-block;
	float: right;
	padding: 15px;
	font-size: 32px;
	color: #969696;
}
header #menu-mobile .toggle-mob > i {
	cursor: pointer;
}
header #menu-mobile .menu-mob {
    position: absolute;
    top: 0;
    left: -400px;
    width: 60%;
    max-width: 400px;
    min-width: 250px;
    background: #658296;
    padding: 79px 0 0 0;
    z-index: -1;

    -webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
header #menu-mobile .menu-mob.toggled {
	left: 0 !important;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
header #menu-mobile .menu-mob ul {
	padding: 0;
	list-style: none;
	margin: 0;
}
header #menu-mobile .menu-mob ul.menu li > ul {
	display: none;
    padding: 5px;
}
header #menu-mobile .menu-mob ul.menu li.active > ul {
	display: block !important;
}
header #menu-mobile .menu-mob ul.menu li > ul.sub-menu > li {
    padding: 5px;
}
header #menu-mobile .menu-mob ul.menu li > ul.sub-menu > li a {
	display: block;
}
header #menu-mobile .menu-mob ul.menu > li {
    position: relative;
    text-align: left;
    padding: 10px 15px;
    background: #F1F1F1;
    border-top: 1px solid #261f2f;
}
header #menu-mobile .menu-mob ul.menu > li a {
	color: #696969;
}
header #menu-mobile .menu-mob ul.menu > li.menu-item-has-children:after {
    content: "+";
    position: absolute;
    right: 15px;
    top: 3px;
    padding: 5px;
    color: #696969;
}
header #menu-mobile .menu-mob ul.menu > li a:hover {
	text-decoration: none;
}
header #menu-mobile .menu-mob ul.menu > li.active {
	background: #658296;
}
header #menu-mobile .menu-mob ul.menu > li.active a {
	color: white;
}
header #menu-mobile .menu-mob ul.menu > li.menu-item-has-children.active:after {
    content: "-";
    position: absolute;
    right: 15px;
    top: 3px;
    padding: 5px;
    color: white;
}





/* Fixes */

.wp-caption, .wp-caption-text, .gallery-caption, .bypostauthor {}
.alignright {
	text-align: right;
	float:right;
	margin-left: 15px;
}
.alignleft {
	text-align: left;
	float: left;
	margin-right: 15px;
}
.aligncenter {
	text-align: center;
	display: block;
	margin: 0 auto;
}
.blog-single div,
.blog-single img {
	max-width: 100%;
	height: auto;
}
.editor img.alignleft {
	margin-right: 30px;
}
.editor img.alignright {
	margin-left: 30px;
}
.editor h1,
.editor h2,
.editor h3,
.editor h4,
.editor h5,
.editor h6 {
	margin-top: 0;
}
img.alignleft,
img.alignright {
	max-width: 100%;
	height: auto;
}
#banner + .blog {
	padding-top: 50px!important;
}
.sticky {
	border: 1px solid #ffa800;
}
.sticky:before {
    content: "STICKY";
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 5;
    background-color: #ffa800;
    padding: 4px 10px;
    font-size: 12px;
    color: white;
    font-weight: 800;
}
@media (min-width: 450px) {
	.blog .blog-item.col-md-6.col-sm-6 {
		width: 49%;
		display: inline-block;
		float: none;
		vertical-align: top;
	}
}
.blog-footer {
	background-color: #f1f1f1;
    padding: 20px 0;
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
span.page-number {
	display: inline-block;
	width: 25px;
	height: 25px;
	border: 1px solid black;
	border-radius: 50%;
    text-align: center;
    padding: 2px;
    margin: 2px;
    background-color: white;
    border-color: #969696;
	color: #969696;
}
a span.page-number {
	border-color: #000;
	color: #000;
}
.blog-footer .blog-share a {
	color: #969696;
	padding: 0 5px;
	font-size: 13px;
}
.blog-footer .tags a {
	color: #969696;
}
.blog-footer .tags a:hover {
	color: #658296;
}
.blog-footer .blog-share {
    margin-top: 10px;
}
.blog-footer .page-share{
	margin-top: 5px;
}
.grid.grid4 a,
.grid.mosaic a div { position: relative; }
.hover .outer .inner span { font-size: 64px; font-weight: 100; }
#banner ul.bxslider li.active video { z-index: -99; }
.advblock h3 { color: #658296; font-size: 21px; }
h1.page-title{ margin-top: 0px; }
#map{height:600px;}
.container.text2 {     
	padding: 0 8px;
    margin-bottom: 10px;
}
.wpcf7-response-output {
	border: none !important;
}
.wpcf7-validation-errors {
	color: red;
}
.grid.grid4 a > div {
	position: relative;
}
.text2 .title.text-left { text-align: left !important; }
section.portfolio .text a.txt-btn{font-size: 15px !important;}
section.portfolio-details {padding: 0px; }
section.error404 {
	background-color: #f5f5f5;
}
section.error404 h1 { color: #658296; }
section.error404 h3 { font-weight: 300; }
section.error404 .more { margin-top: 20px; }
div.tint {
	position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    z-index: -1;
}
.blank-space-sm {
	margin-bottom: 30px;
}
ul.bxslider div.outer div.inner {
    padding-bottom: 30px;
    padding-top: 30px;
}
#banner ul.bxslider li div.outer div.inner div.slider-tint {
	padding: 15px;
}
#banner ul.bxslider li div.outer div.inner h1,
#banner ul.bxslider li div.outer div.inner h2,
#banner ul.bxslider li div.outer div.inner h3,
#banner ul.bxslider li div.outer div.inner h4,
#banner ul.bxslider li div.outer div.inner h5,
#banner ul.bxslider li div.outer div.inner h6 {
	margin: 0;
	margin-bottom: 5px;
}
@media (max-width: 767px) {
	#banner ul.banner.bxslider li {
    padding: 0 15px !important;
	}
	.bx-controls-direction {
		display: none !important;
	}
}
.service-item .outer .inner,
.portfolio .outer .inner,
.owl-item .item .outer .inner {
	vertical-align: middle !important;
} 
.items > div {
	display: none;
}
.items > div.item1 {
	display: block;
}
.items > div img {
	max-width: 100%;
	height: auto;
}





/* Loader */
#loader {
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left:0;
	background-color: white;
	z-index: 999333333;
}
#loader img {
	max-width: 150px;
	height: auto;
	margin-bottom: 50px;
}
#loader ul {
  padding: 0;
  text-align: center;
  font-size: 0;
  width: 47px;
  display: inline-block;
}
#loader ul li {
  display: inline-block;
  margin-right: 1px;
  width: 8px;
  height: 45px;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  animation: colorbars 333ms alternate infinite cubic-bezier(0.2, 0, 0.5, 1);
}

#loader li.one {
  background: #16486a;
}

#loader li.two {
  background: #3f6782;
}

#loader li.three {
  background: #658296;
}

#loader li.four {
  background: #8dabbf;
}

#loader li.five {
  background: #a1c3da;
}

#loader li:nth-of-type(1) {
  animation-delay: 111ms;
}

#loader li:nth-of-type(2) {
  animation-delay: 222ms;
}

#loader li:nth-of-type(3) {
  animation-delay: 333ms;
}

#loader li:nth-of-type(4) {
  animation-delay: 444ms;
}

#loader li:nth-of-type(5) {
  animation-delay: 555ms;
}

@keyframes colorbars {
  to {
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
  }
}