/*
Theme Name: Transform Group
Theme URI: 
Author: AP
Author URI: 
Description: This is a generic starter theme, that incorporates Bootstrap, Fontawesome, Slick Slider, Animation, ImageHover, Masonry.
Version: 1.0
*/


/* #Misc
/***********************************************************/
body { padding-top: 0; font-size: 24px; line-height: 1.5em; color: #fff; font-weight: 400; font-family: 'Roboto', sans-serif; background-color: #000;} 
iframe, object, embed{ max-width:100%; }
sup{ vertical-align: super; font-size: smaller; }
sub{ vertical-align: sub; font-size: smaller; }
code{ font-family: Monaco, "Andale Mono", "Courier New", Courier, monospace; }
.navbar-fixed-top {top: auto;}
.alignleft { float: left; margin: 1% 2% 2% 0}
.alignright { float: right; margin: 1% 0 2% 2%}
.aligncenter { clear: both; text-align: center; margin: 1%}
.alignnone { float: none; margin: 1% } 
.text-center {text-align: center;}
.text-right {text-align: right;} 
.padding-left {padding-left: 0;}
.padding-right {padding-right: 0;}
.padding-none {padding: 0;}
.row {margin-left: 0; margin-right: 0;} 


/* #Images
/***********************************************************/
img, a img { border:none; padding: 0; margin:0; display:inline-block; max-width: 100%; height:auto; width:auto; image-rendering: optimizeQuality; }
audio, canvas, progress, video {max-width: 100%;}

/* #Links 
/***********************************************************/
	a { text-decoration: none; outline: 0; max-width:100%; max-width:none\9; color: inherit; }
	a:hover, a:focus, a:visited, button:hover, button:focus, button:visited { outline: 0; text-decoration: none; color: inherit;}
	p a, p a:visited { line-height: inherit; }
	a img { border: 0}
	/*#navbar li.dropdown:hover .dropdown-menu {display: block;}*/
	.post_box a {text-decoration: underline; }
	.post_box a:hover, .post_box a:focus {color: #73777C;}
	:focus {outline: none;}
	
/***********************************************************/
/***** HEADINGS / Typography  ******************************/
/***********************************************************/

h1,h2,h3,h4,h5 { margin-top: 0; font-weight: 700;}
	h1 { font-size: 31px; line-height: 1.3em;  margin-bottom: 15px; }
	h2 { font-size: 31px; line-height: 1.3em; margin-bottom: 15px; }
	h3 { font-size: 30px; line-height: 1.1em; margin-bottom: 15px; margin-top: 15px; } 
	h4 { font-size: 21px; line-height: 1.1em; margin-bottom: 4px; } 
	h5 { font-size: 16px; line-height: 1.1em; }						
	h6 { font-size: 18px; line-height: 1.1em; }
	
hr { border: solid #63d7b5; border-width: 2px 0 0; clear: both; margin: 30px 0; height: 0; }
 
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6{ margin-top:1.4em; }
p { margin: 1.2em 0; }
p img { margin: 0; } 
em, i { font-style: italic; }
strong, b{ font-weight: bold;  }
small { font-size: 80%; }
blockquote{ border-left-style:solid; border-left-width:7px; padding-left:20px; margin-bottom:1em; margin-right:1em; font-size: 16px; line-height: 1.5em; }
blockquote small, blockquote cite, blockquote small a, blockquote cite a, blockquote a small, blockquote a cite{font-size: 12px;}

#social_links {margin-bottom: 35px;}
#social_links ul {padding: 0; margin-left: 0;}
#social_links li:first-child {margin-left: 0}
#social_links li {list-style: none; display: inline-block; margin-left: 15px; }
#social_links li a {font-size: 29px; color: #fff;}
#social_links li a > img {max-width: 200px; max-height: 50px;}
#social_links li a:hover, #social_links li a:focus {color: #73777C}
.flex {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
 }
.parallax {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
} 
.uppercase {text-transform: uppercase;}
.white {color: #fff;}

.ease,
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit],
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover {
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}
.masonry { /* Masonry container */
    column-count: 5;
    column-gap: 1em;
}

.masonry-item { /* Masonry bricks or child elements */
    background-color: #f4f4f4;
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
}

button, input, select, textarea {
	padding: 10px;
	color: #73777C;
	border: 2px solid #eee;
}

.btn, button, html input[type=button], input[type=reset], input[type=submit] {
	font-weight: 700;
	font-size: 17px;
	border-radius: 0;
}

.btn-bordered, button, html input[type=button], input[type=reset], input[type=submit] {font-weight: 700; color: #fff; padding: 10px 35px; border: 2px solid #63d7b5; text-decoration: none!important; background: transparent;}
.btn-bordered:hover, .btn-bordered:focus, button:hover, html input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {color: #73777C; border-color: #73777C;}

.arrow-down {padding-top: 30px; padding-bottom: 15px; color: #fff; font-size: 60px;}
.block_title {color: #fff;}
.block_title span {color: #73777C;}
.page_title span {color: #63d7b5;}
.padded-top {padding-top: 30px;}
.padded-bottom {padding-bottom: 30px;}
.padded-left {padding-left: 35px;}
.padded-right {padding-right: 35px;}
.bgblack {background-color: #000;}
.container {padding-left: 35px; padding-right: 35px;}
.blog-item-wrapper {padding-left: 20px; padding-right: 20px;}

/* #Header
/***********************************************************/
#header-top {background-color: #000;}
#top-right {margin-top: -8px; position: relative;}
.site-logo img {max-height: 124px;}
#header-top {padding: 35px 20px 10px;}
.navbar {border: 0; border-radius: 0; margin: 0;}
nav .navbar-nav > li {float: none; display: inline-block; margin-right: 40px; margin-left: 40px;}
nav .navbar-nav {line-height: 1em; float: none; width: 100%; font-size: 17px; color: #fff; text-transform: uppercase; font-weight: 700; }
nav .navbar-nav a {color: #fff; padding: 0 0 17px; }
nav .nav>li>a:focus, nav .nav>li>a:hover {background-color: transparent; color: #73777C; outline: none;}
.dropdown-menu {background: #000; box-shadow: 0 0 transparent; border: 0; padding: 0;}
.dropdown-menu>li>a {text-transform: none; font-weight: 700; padding: 5px 0; font-size: 17px;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {background: transparent; color: #73777C;}
.dropdown-menu>li.strategies>a span{color: #2dacca;}
.dropdown-menu>li.pr>a span{color: #f6a02f;} 
.dropdown-menu>li.events>a span{color: #b83cca;}
.dropdown-menu>li>a:hover span, .dropdown-menu>li>a:focus span { color: #73777C;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {background-color: transparent;}
.cta a {font-weight: 700; color: #fff; padding: 2px 6px; border: 2px solid #63d7b5;}
.cta a:hover {border-color: #73777C; color: #73777C; }
.impt-message {font-size: 24px; font-weight: 700; color: #fff;}
.impt-message span {color: #63d7b5;} 
#slider {overflow: hidden; padding-top: 202px;}
.home #slider {padding-top: 80px;}
.desktop_version video {width: 100%;}
.banner_title {font-size: 60px; color: #fff;}
.banner_title .services {margin-top: 0;}
.banner_title span {display: block;}
.banner_caption {
	display: block;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;	
}

.banner_caption .b_caption {
    left: auto;
    top: 50%;
    position: absolute;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    width: 100%;
    border: 0;
    margin: 0;
}

.banner, .banner > div > img {
    position: relative;
	display: block;
}

/** Smaller **/
.smaller .site-logo img {max-height: 85px;}
.smaller .impt-message {display: none;} 
.smaller .navbar {width: 74.9993%; text-align: right;}
.smaller #header-top {padding: 30px 15px 30px}
.smaller nav .navbar-nav {text-align: right;}
.smaller .dropdown-menu {padding: 5px 10px;}
.smaller #social_links {margin-bottom: 5px;}


/* #Feed Bar 
/***********************************************************/
.slick-slide {outline: none; cursor: pointer;}
.feed-content-wrapper {background-color: #fff; } 
.feed-item-content {padding-top: 30px; padding-bottom: 30px;}
.feed-item-content, #content .post_content {color: #73777C; font-weight: 300; background-color: #fff;}
.feed-bar {background-color: #000; padding: 40px 0 40px; border-bottom: 3px solid;}
.feed-image {line-height: 31px; vertical-align: middle; padding-top: 8px}
.feed-content .slick-list { max-width: 100%; margin: 0;}
#display-medium-owl-demo img, .widget .eaw-alignleft {border: 0; padding: 0; float: left; margin-right: 30px; margin-bottom: 30px; max-width: 300px;max-height: 100%; }
#display-medium-owl-demo .details-title, .widget .eaw-block h3 {border: 0; font-weight: 700; color: #73777C;}
.eaw-block  {margin-top: 1.2em;}
.widget .eaw-time {font-size: 14px;}
.widget .eaw-block a.more-link {color: #b83cca;}
.widget .eaw-block li {border: 0;}
.widget .eaw-block li br {display: none;}
.widget .eaw-block h3 {font-size: 24px; line-height: 1.5em;}
.widget .eaw-summary {font-size: 24px; line-height: 1.5em;}
.display-medium-date-read {font-size: 16px; display: none;}
.display-medium-date-read a {font-weight: 700;}
.display-medium-item {clear: both;}
.more-content-text-2 {display: none;}

/* #Block 
/***********************************************************/
.block_title {margin: 10px 0 40px;}
.block_content, .block_content p {font-size: 24px; font-weight: 700; line-height: 1.8em;}
.block_content span, .block_content strong {color: #63d7b5;} 
.block_content p  {margin: 1.2em 0 2em;}
.block_content a {color: #fff;}
.block_content a i {font-size: 50px; color: #63d7b5; margin-left: 15px; position: relative; top: 7px;}
.block_content a {color: #fff;}
#extra .block_content a {color: #fff;}
.expert_item .expert { padding: 0 25px; }
.expert_item .expert_photo { border: 3px solid #63d7b5; margin-bottom: 20px; max-width: 146px;}
.expert_item .expert_info, .expert_item .expert_info h5 {font-weight: 500; line-height: 1.3em; }
.expert_item a {color: #fff; font-weight: 500;}
.expert_item .expert_info span {color: #63d7b5; display: block; font-weight: 700;}
.expert-carousel .slick-list {max-width: 90%; margin: 30px auto 0;}
.slick-arrow {
	padding: 0;
    border: 0;
    background: transparent;  
    text-indent: -9999px;
    position: absolute;
    top: 0;
    width: 3%;
    height: 60%;
    z-index: 10; 
    background-position: center center;
    background-repeat: no-repeat;
}

.slick-prev {
    background-image: url(library/img/arrow-left.png);
    left: -10px;
	padding: 0;
}

.slick-next {
    background-image: url(library/img/arrow-right.png);
    right: -10px;
	padding: 0;
}
.stats_1 .block_content h4 {font-size: 24px; line-height: 1.5em;}
.item_counter {text-align: center; font-size: 20px;}
.stats_1 .block_content p {font-size: 20px;}
.progressbar {
	display: block;
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
}
	.circle {
		width: 170px;
		height: 170px;
		margin: 0 auto;
		display: inline-block;
		position: relative;
		text-align: center;
	}
	.circle:after {
	    width: 170px;
		height: 170px;
		content: "";
		border-radius: 50%;
		display: block;
		position: absolute;
		top: 30px;
		left: 30px;
	}
	
	.circle canvas {
		vertical-align: middle;
		border-radius: 50%;
	}
	
	.circle div {
		position: absolute; 
		top: 50%;
		left: 50%;
		margin: -20px 0 0 -86px;
		width: 100%;
		text-align: center;
		line-height: 40px;
		font-size: 36px;
		color: #73777c;
		font-weight: 700;
		
	}
	.circle strong i {
		font-style: normal;
		font-size: 0.6em;
		font-weight: normal;
	}
	.circle span {
		display: block;
		color: white;
		margin-top: 12px;
	}

#portfolio {background-color: #fff;}
#portfolio .client_lists ul {margin: 0; padding: 0; text-align: center;}
#portfolio .client_lists ul li {display: inline-block;}

/* #Experts
/***********************************************************/
.panel-group .panel {border-radius: 0;}
.panel-default>.panel-heading {color: #63d7b5; background-color: #000; border: 0; border-radius: 0; padding: 15px 0; }
.panel-title {font-size: 21px; font-weight: 700;}
.panel-title a[aria-expanded=true] {color: #73777c;}
.panel-default {border: 0; }
.panel-default>.panel-heading+.panel-collapse>.panel-body {border: 0; padding: 0;}
.panel-body .post_content > .container,
.panel-body .expert_info .container {
	padding-left: 80px;
}
.panel-body .expert_info {background-color: #000; padding-top: 20px; padding-bottom: 20px;}
.panel-body .expert_photo {max-width: 162px; border: 3px solid #63d7b5; margin-top: 0;}
.panel-body .expert_info h5 span {font-size: 21px; color: #63d7b5; display: block; padding-bottom: 8px;}
.panel-body #social_links {margin: 10px 0 0;}
.panel-body #social_links li a {font-size: 24px;} 
.panel-body, #content .panel-body .post_content {font-size: 16px; font-weight: 400; line-height: 1.5em;}
#content .panel-body .post_content {padding-top: 25px;}
.post_box, .post_blog {font-size: 18px; line-height: 1.6em; }
.post_blog {padding: 0;}
.panel-heading  a.title_a:before {
   font-family: 'FontAwesome';
   content: "\f107";
   float: left;
   margin-right: 15px;
   font-size: 46px;
   color: #fff;
   transition: all 0.5s;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);    
}
.panel-heading.active a.title_a:before {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg); 
	color: #63d7b5;
} 
.close1 {margin-right: 35px;}
.close1, button.close {float: right; color: #73777c; font-size: 50px; text-decoration: none!important; font-weight: 300;}
.close1:hover, .close1:focus, button.close:hover, button.close:focus {color: #63d7b5;}
button.close {margin: 20px 20px 0 0; opacity: 1; position: relative; z-index: 9;}
#content {min-height: 550px;}
.grid-item-wrapper {background-color: #fff; color: #000;}
.blog-item {margin-bottom: 30px;}
.blog-details h4 a {color: #63d7b5; font-weight: 500;}
.blog-details a {color: inherit;}
.blog-read-more {font-size: 16px; text-align: right; color: #63d7b5;}
.blog-details a:hover, .blog-details a:focus, .blog-read-more:hover, .blog-read-more:focus {color: #73777C;}
.single-post .meta, .single-post .meta a {color: #63d7b5; font-size: 16px;}
.sub_logos .slick-list {max-width: 90%; margin: 0 auto 0;}
.sub_logos .slick-list img { -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.sub_logos .slick-arrow {height: 100%; background: transparent!important;}
.sub_logos .slick-next::before {
	font-family: 'FontAwesome';
    content: "\f107";
    float: right;
    font-size: 56px;
    transition: all 0.5s;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
	text-indent: 0;
}
.sub_logos .slick-prev::before {
	font-family: 'FontAwesome';
    content: "\f107";
    float: left;
    font-size: 56px;
    transition: all 0.5s;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
	text-indent: 0;
}

.rssfeedx a {font-weight: 700;}
.rssfeedx article {margin-bottom: 10px; border-bottom: 1px solid; padding-bottom: 10px;}
.rssfeedx p:empty { display: none; }
.rssfeedx small {font-size: 16px;}
.rssfeedx small a, .rssfeedx a {color: #63d7b5;}

/* #footer
/***********************************************************/
#footer {background-color: #343131; font-size: 16px; font-weight: 400; padding-left: 15px; padding-right: 15px; }
.attribution span {padding-left: 50px;}
#footer a {color: #fff;}
#footer .navbar-nav>li>a {padding: 8px 35px 0; font-weight: 700;}
#footer .navbar-nav>li:first-child>a {padding-left: 0; }
#footer .nav>li>a:focus, #footer .nav>li>a:hover, #footer a:hover {background-color: transparent; color: #73777C;}
#footer #social_links {margin-bottom: 0;}
.back-top {
    position: fixed;
    bottom: 20%;
    right: 25px;
    display: none;
    padding: 6px 13px; 
    background-color: rgba(114, 115, 117, .5);
    font-size: 20px;
    color: rgb(206, 82, 76);
	border-radius: 100%;
	z-index: 9;
	width: 46px;
    height: 46px;
	line-height: 32px;
}

.back-top a {color: #fff;}
.modal-content {border: 0; border-radius: 0; color: #73777c;}
.modal-body {padding: 30px;}
.gform_wrapper .top_label .gfield_label {font-size: 18px;}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper textarea {
	background-color: #fbfbfb; 
	border: 1px solid #ccc; 
	font-size: 16px!Important; 
	font-weight: 400;
	padding: 8px 15px!important;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {background: #63d7b5; border: 2px solid #fff; text-transform: uppercase; color: #fff; padding: 10px 35px;}
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover {border-color: #63d7b5; background: #fff; color: #63d7b5;}
.modal-body .gform_wrapper .gform_footer input.button {display: block; width: 100%;}
.gform_title {color: #63d7b5;}


/***********************************************************/
/* #MEDIA QUERIES ******************************************/
/***********************************************************/
.mobile_version, .mobile_version_2 {display: none;}

@media only screen and ( min-width: 1024px ) {
	.modal-dialog {width: 1024px;}
}

@media only screen and ( min-width: 1275px ) {
	.container {width: 1275px;}
}

@media only screen and ( max-width: 1280px ) {
	#social_links li {margin-left: 8px;}
	#social_links {margin-bottom: 25px;}
	nav .navbar-nav > li {margin-left: 30px; margin-right: 30px;}
	.home #slider {padding-top: 100px;}
	.smaller .site-logo img {max-height: 75px;}
	.impt-message {padding-top: 10px;}
}

@media only screen and ( max-width: 1210px ) {
}

@media only screen and ( max-width: 1190px ) {
	.container {width: auto; padding-left: 35px; padding-right: 35px;}
	.site-logo img {max-width: 100%;}
}

@media only screen and ( max-width: 1150px ) {
	.cta a {font-size: 16px;}
	#slider {padding-top: 172px;}
	#social_links {margin-bottom: 15px;}
	.expert_item .expert {    padding: 0 15px;}
	
}

@media only screen and ( max-width: 1115px ) {
	#social_links li a {font-size: 24px;}
	nav .navbar-nav > li {margin-left: 20px; margin-right: 20px;}
}

@media only screen and ( max-width: 990px ) {
	.home #slider {padding-top: 162px;}
	.desktop_version {display: none;}
	.mobile_version {display: block;}
	#slider video {width: 100%;}
	.navbar-collapse.collapse {display: none!Important;}
	.logo {width: 50%;}
	.navbar-header {float: none;}
	.navbar-toggle {display: block; margin: 0 0 20px; padding: 0;}
	.navbar-toggle .icon-bar {background-color: #fdf5f5;} 
	.navbar-collapse.in {display: block!Important;}
	.cta a {font-size: 13px;}
	.impt-message {font-size: 16px; padding-top: 10px;}
	#header-top {padding-top: 15px; padding-bottom: 15px;}
	#slider {padding-top: 174px;}
	#navbar {background-color: #000; padding-left: 95px; padding-top: 20px; padding-bottom: 20px; max-height: 100%; border: 0; box-shadow: 0 0;}
	nav .navbar-nav > li {display: block;}
	.dropdown-menu {position: relative; float: none; display: block;}
	.navbar-nav>li>a {padding-bottom: 3px; color: #63d7b5; font-size: 21px; text-transform: none;}
	.navbar-nav>li>.dropdown-menu {padding-left: 55px;}
	.dropdown-menu>li>a {font-size: 16px; padding: 3px 0;}
	nav .navbar-nav > li {margin-bottom: 15px;}
	.smaller .navbar {width: 100%;}
	.smaller nav .navbar-nav {text-align: left;}
	.smaller .site-logo img {max-width: 200px;}
	#nav-icon0 {
	  margin: 0 10px 0px;
	  width: 30px;
	  position: relative;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .5s ease-in-out;
	  -moz-transition: .5s ease-in-out;
	  -o-transition: .5s ease-in-out;
	  transition: .5s ease-in-out;
	  cursor: pointer;
	  height: 22px;
	}
	#nav-icon0 span {
	  display: block;
	  position: absolute;
	  height: 2px;
	  width: 22px;
	  background: #fdf5f5;
	  opacity: 1;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .25s ease-in-out;
	  -moz-transition: .25s ease-in-out;
	  -o-transition: .25s ease-in-out;
	  transition: .25s ease-in-out;
	}
	
	#nav-icon0.open span {background: #73777c;}

	#nav-icon0 span:nth-child(even) {
	  left: 50%;
	  border-radius: 0 9px 9px 0;
	}

	#nav-icon0 span:nth-child(odd) {
	  left:0px;
	  border-radius: 9px 0 0 9px;
	}

	#nav-icon0 span:nth-child(1), #nav-icon0 span:nth-child(2) {
	  top: 0px;
	}

	#nav-icon0 span:nth-child(3), #nav-icon0 span:nth-child(4) {
	  top: 10px;
	}

	#nav-icon0 span:nth-child(5), #nav-icon0 span:nth-child(6) {
	  top: 20px;
	}

	#nav-icon0.open span:nth-child(1),#nav-icon0.open span:nth-child(6) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

	#nav-icon0.open span:nth-child(2),#nav-icon0.open span:nth-child(5) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}

	#nav-icon0.open span:nth-child(1) {
	  left: 0px;
	  top: 9px;
	}

	#nav-icon0.open span:nth-child(2) {
	  left: calc(50% - 5px);
	  top: 9px;
	}

	#nav-icon0.open span:nth-child(3) {
	  left: -50%;
	  opacity: 0;
	}

	#nav-icon0.open span:nth-child(4) {
	  left: 100%;
	  opacity: 0;
	}

	#nav-icon0.open span:nth-child(5) {
	  left: 0px;
	  top: 19px;
	}

	#nav-icon0.open span:nth-child(6) {
	  left: calc(50% - 5px);
	  top: 19px;
	}	
	.slick-list {max-width: 90%; margin: 30px auto 0;}
	.feed-image {text-align: center; padding-top: 0;}
	.feed-image > img {display: inline-block;}
	.feed-carousel .slick-list{ margin: 0 auto;}
	.feed-carousel .slick-arrow {height: 100%;}
	body {font-size: 16px; line-height: 1.5em; font-weight: 400!important;}
	h2, h1 {font-size: 21px;}
	.block_content, .block_content p {font-size: 18px; line-height: 1.5em;}
	.block_content a i {font-size: 35px;}
	.progress {width: 150px; height: 150px; line-height: 150px;}
	#footer .navbar-nav>li>a {font-size: 16px; padding: 8px 25px 18px;}
	#footer {font-size: 16px;}
	#social_links li {margin-left: 15px;}
	.banner_title {font-size: 30px;}
	.smaller .cta {display: none;}
	.container.sub-logo-wrapper {padding-left: 0; padding-right: 0;}
	.blog-item {width: 50%;}
	.expert_item .expert {padding: 0 10px;}
}

@media only screen and ( max-width: 767px ) {
	.logo {padding-right: 0; width: 60%; float: left;}
	.mobile_version.col-sm-6 {float: left; width: 40%; padding-left: 0;}
	#header-top, .smaller #header-top {padding: 15px 0 10px;}
	#slider { padding-top: 117px; }
	.smaller .site-logo img {max-width: 150px;}
	#footer .nav>li {display: inline-block; }
	#footer .navbar-nav>li>a {padding: 8px 5px; font-size: 12px;}
	.attribution {font-size: 12px; padding: 0;}
	.b_caption .services {float: none;}
	.mobile_version_2 {display: block;}
	.desktop_version_2 {display: none;}
	.expert_item {float: left; width: 50%; margin-bottom: 30px;}
	.grid-item { display: none; }
	#loadMore {color: #fff; font-size: 18px;}
	#loadMore i {font-size: 26px; position: relative; top: 3px; margin-left: 10px; color: #63d7b5;}
	.progressbar { display: block; margin: 0 auto 30px;}
	#loadMore.downarrow .fa-angle-right {display: none;}
	#loadMore.downarrow .hidden {display: inline-block!important;}
	.slick-arrow {width: 4%;}
	.feed-2 .feed-image {padding-left: 0;}
	.blog-item {width: 100%;}
	#portfolio .client_lists ul li {width: 33.3334%;     padding: 5px;}
	.grid-item .expert_info {min-height: 90px;}
	.feed-bar > .container {padding-left: 0; padding-right: 0;}
	
}

@media only screen and ( max-width: 375px ) {
	.logo {width: 50%;}
	.mobile_version.col-sm-6 {width: 50%;}	
	.container {padding-left: 25px; padding-right: 25px;}
	.padded-left {padding-left: 20px;}
	.padded-right {padding-right: 20px;}
	
}