/*@import "../css/flexslider.css";

@import "../css/font-awesome.css";

@import "../css/jquery.mCustomScrollbar.css";

@import "../css/liquid-slider.css";

@import "../css/animate.css";*/

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

[Table of contents]



1. General



2. Typography

   + Headings

   + Paragraphs

   + Buttons



3. Site structure

    3.1. Header

        + white header

        + to bar



    3.2. Launch

        + navigation

        + slider



    3.3. Welcome

    3.4. Practice Area

        + flip blocks



    3.5. Attorneys

    3.6. Quotes

    3.7. FAQs

    3.8. Awards

    3.9. News

    3.10. Contact Us

    3.11. Footer

    3.12. Popups (Attorney Popup, Portfolio Popup)

    3.13. Sliders

    3.14. Preloader



4. Design Elements

    4.1. Call To Action

    4.2. Progress Bars

    4.3. Milestones

    4.4. Pricing Blocks

    4.5. Toggles

    4.6. Tabs

    4.7. Steps

    4.8. Charts

    4.9. Word rotate



5. Examples Page Styles

6. Media Queries

    6.1. Large desktops and laptops

    6.2. Portrait tablets and medium desktops

    6.3. Portrait tablets and small desktops

    6.4. Landscape phones and portrait tablets

    6.5. Landscape and portrait phones

7. 404 Page

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



/* WP Builtin rquired classes styling */

	img{

		height: auto;

		max-width: 100%;

	}

	.sticky{}

	.bypostauthor{}

	.wp-caption {

		margin-bottom: 24px;

		max-width: 100%;

	}

	.wp-caption-text {

		box-sizing: border-box;

		font-size: 12px;

		font-style: italic;

		line-height: 1.5;

		margin: 9px 0;

		padding-right: 10px;

	}

	.gallery-caption{}

	

	/*For Center Alignment*/

	img.aligncenter, .aligncenter {

		clear: both;

		display: block;

		margin-bottom: 20px;

		margin-left: auto;

		margin-right: auto;

	}

	

	/*For Left Alignment */

	img.alignleft, .alignleft {

		float: left;

		margin: 5px 20px 20px 0;

	}

	

	/*For Right Alignment*/

	img.alignright, .alignright {

		float: right;

		margin: 5px 0 20px 20px;

	}

	

	.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {

		height: auto;

		max-width: 100%;

	}

.wpb_single_image{

	margin-bottom: 30px;

}

.wpb_single_image .vc_single_image-wrapper{

	display: block;

}

 

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

	General styles

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

body {

  line-height: 1;

  font-family: 'Open Sans', sans-serif;

  color: #000;

}

html,

body {

  height: 100%;

}

section {

  overflow: hidden;

  clear: both;

}

.h_group_1 h1 {

	color: #FFFFFF;

}

/* generalize elemens css */



code {

    background-color: #F9F9F9;

    border: 1px solid #E9E9E9;

    clear: both;

    color: #222222;

    display: block;

    margin: 20px 0;

    overflow: auto;

    padding: 0 20px;

    text-align: left;

    white-space: pre;

}



/* table starts */

table{

	margin-bottom: 20px;

    width: 100%;

}

table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td{

	border-top: 1px solid #dddddd;

    line-height: 1.42857;

    padding: 8px;

    vertical-align: top;

}

/* table ends */



/* Defination list styling starts */

dl {

	width:100%;

	overflow:hidden;

}

dt {

	float:left;

	width:30%; /* adjust the width; make sure the total of both is 100% */

}

dd {

	float:left;

	width:70%; /* adjust the width; make sure the total of both is 100% */

}

/* Defination list styling ends */

/* address starts */

address{

	font-family:"Courier New", Courier, monospace;

}

/* address ends */







/* general styling on roe /section */



.light_font {

	color: #ffffff;

}

.dark_font {

	color: #000000;

}

.panel-group {

	margin-bottom: 5px;

}



.bg_image_overlay{

	/*background-image: url(/wp-content/uploads/2010/11/tandem.jpg); */

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center center;

	position: relative;

}

	.bg_image_overlay:after{

		/*background-color: #F36639;*/

		content : "";

		display: block;

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		opacity : 0.8;

		z-index: 0;

	}

	.bg_image_overlay > div{

		position: relative;

		z-index: 1;

	}



.bg_pattern{

	position: relative;

	overflow: hidden;

	display: block;

}

.bg_pattern .vc_column_container, .bg_pattern > .container{

	z-index: 2;

}

	.bg_pattern:before{

		background: repeat center center transparent;

		content: "";

		height: 100%;

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		z-index: 1;

	}

		.bg_pattern_black:before{

			background-image: url(../images/overlay.png);

		}





.featured_image iframe{

	border: none;

	padding: 0;

	margin: 0;

}





/* .col_center*/

.col_center{

	float: none;

	margin: 0 auto;

}



/* .col_center*/

.col_center{

	float: none;

	margin: 0 auto;

}

/* .col_center*/

.col_right{

	float: right;

}

/* .align_center*/

.align_center{

	text-align: center;

}

/* .align_left */

.align_left{

	text-align: left;

}

/* .align_right */

.align_right{

	text-align: right;

}



.serach_page input{

	background: #FFFFFF;

}

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

	Typography

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

/* Headings */

h1 {

  font-family: 'Raleway', Arial, sans-serif;

  font-size: 60px;

  font-weight: 900;

  margin-bottom: 25px;

  line-height: 60px;

}

h2 {

  font-family: 'Raleway', Arial, sans-serif;

  font-size: 50px;

  font-weight: 300;

  margin-bottom: 10px;

  line-height: 50px;

}

h3 {

  font-family: 'Raleway', Arial, sans-serif;

  font-size: 30px;

  font-weight: 900;

  margin-bottom: 20px;

  line-height: 30px;

}

h4 {

  font-family: 'Raleway', Arial, sans-serif;

  font-size: 20px;

  font-weight: 900;

  margin-bottom: 15px;

  line-height: 20px;

}

h5 {

  font-family: 'Raleway', Arial, sans-serif;

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 15px;

  line-height: 16px;

}

h6 {

  font-family: 'Raleway', Arial, sans-serif;

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 15px;

  line-height: 16px;

}

.large-title {

  font-family: 'Raleway', Arial, sans-serif;

  font-size: 60px;

  line-height: 60px;

  margin-bottom: 20px;

  font-weight: 900;

}

/* Paragraphs */

p {

  font-size: 14px;

  line-height: 25px;

}

.p-two {

  font-size: 12px;

  font-weight: 400;

  color: #000;

}

/* Buttons */

.btn-default {

  border: 1px solid;

  background: none;

  border-radius: 3px;

  padding: 10px 20px;

  font-size: 16px;

  font-weight: 300;

}

.btn-default:hover {

  color: #FFFFFF;

}

.btn-default.inverted {

  color: #FFFFFF;

}

.btn-default.inverted:hover {

  background: none;

}

.btn-lg {

  padding: 16px 80px;

  border-radius: 5px;

  font-size: 18px;

  border-width: 2px;

}

.btn-sm {

  padding: 7px 15px;

  font-weight: 300;

  font-size: 12px;

}

a.btn {

    background-color: transparent;

    border: 1px solid #660000;

    color: #660000;

    padding: 12px 14px;

}

a.btn:focus {

	color: #ffffff;

	border: 1px solid;

}

a.btn:hover, a.btn:active, a.btn:focus {

  color: #ffffff;

  border: 1px solid;

}

.btn:hover, .btn:focus, .btn.focus{

	color: #ffffff;

}

a.btn.inverted {

  color: #ffffff;

}

a.btn.inverted:hover {

    background-color: transparent;

    border: 1px solid #660000;

    color: #660000;

}

a.btn-lg {

  font-size: 18px;

  padding: 15px 79px 15px 79px;

}

a.btn-sm {

  font-size: 12px;

  padding: 8px 10px;

}



	.content_bar ul {

		clear: both;

		display: block;

		list-style: none;

		margin: 0 0 10px 0;

		padding: 0;

	}

	.content_bar ul li:before{

		content: "\f105";

		color: #660000;

		font-family: 'FontAwesome';

		font-size: 22px;

		padding-right: 10px;

		left: 4px;

		position: absolute;

		top: 0;

	}

	.content_bar ul > li {

		color: #555555;

    	font-size: 14px;

    	line-height: 22px;

		margin-right: 10px;

		padding-left: 30px;

		padding-bottom: 10px;

		position: relative;

	}

	.content_bar ol{

		margin-left: 22px;

	}

	.content_bar ol {

		padding: 0;

	}

	

	.content_bar ol > li {

		color: #555555;

    	font-size: 14px;

    	line-height: 22px;

		padding-left: 10px;

		padding-bottom: 10px;

	}





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

	Header

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

.site-header {

  overflow: visible;

}

.navbar {

  border: 0;

}

.site-header .navbar {

  position: relative;

  z-index: 100;

  border: none;

  border-radius: 0;

  background-color: #000;

  border-top: 1px solid #333;

}

.site-header .navbar-collapse {

  -webkit-transition: none;

  -moz-transition: none;

  -ms-transition: none;

  -o-transition: none;

  transition: none;

  height: auto !important;

  overflow: visible !important;

}

.navbar > .container .navbar-brand {

  padding: 0;

  height: auto;

  margin: 35px 0 23px;

}

.site-header .navbar .navbar-brand {

  display: block;

  color: #000;

  font-weight: 300;

  text-align: center;

}

.site-header .navbar .navbar-brand img {

  margin: 0;

}

.site-header .navbar .navbar-brand .name {

  font-size: 25px;

  text-transform: uppercase;

  display: block;

  margin-bottom: 3px;

}

.site-header .navbar .navbar-brand .sub {

  font-size: 14px;

  display: block;

}

.navbar .navbar-brand .phone {

  background: #000;

  color: #fff;

  padding: 12px 0;

  font-size: 24px;

  font-weight: bold;

  text-transform: uppercase;

  text-align: center;

}



.site-header.sticky-bar{

  border: none;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 1000;

}



.is-sticky .sticky-header {

  border: none;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 1000;

}



.navbar .navbar-nav > li > a,

.navbar .navbar-nav > li > a:focus {

  display: block;

  line-height: 24px;

  text-transform: uppercase;

  color: #FFF;

  padding: 42px 20px;

}

.navbar .navbar-nav > li > a:hover,

.navbar .navbar-nav > li.active > a:hover,

.navbar .navbar-nav > .active > a,

.navbar .navbar-nav > .active > a:focus {

  color: #fff;

}

.navbar .navbar-toggle {

  margin-right: 0;

}

.navbar-toggle .icon-bar {

  height: 3px;

  border-radius: 0;

}

.navbar-default .navbar-toggle {

  border: 0;

}

.navbar-default .navbar-toggle .icon-bar {

  background: #fff;

}

.navbar-toggle .icon-bar + .icon-bar {

  margin-top: 3px;

}

.navbar-default .navbar-toggle:hover,

.navbar-default .navbar-toggle:focus {

  background: #fff;

}

.navbar-default .navbar-toggle:hover .icon-bar,

.navbar-default .navbar-toggle:focus .icon-bar {

  background: #000;

}

/* white header */

.white-header .site-header .navbar {

  position: relative;

  z-index: 100;

  border: none;

  border-radius: 0;

  background-color: #fff;

  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);

  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);

  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);

}

.white-header .site-header .navbar-nav.navbar-right:last-child {

  margin-right: -12px;

}

.white-header .site-header .navbar .navbar-nav {

  padding: 37px 0;

}

.white-header .site-header .navbar .navbar-nav > li + li {

  margin-left: 20px;

}

.white-header .site-header .navbar .navbar-nav > li a {

  display: block;

  line-height: 24px;

  text-transform: uppercase;

  color: #777;

  padding: 5px 12px;

}

.white-header .site-header .navbar .navbar-nav > li > a:hover {

  background: transparent;

}

.white-header .site-header .navbar .navbar-nav > .active > a,

.white-header .site-header .navbar .navbar-nav > .active > a:focus,

.white-header .site-header .navbar .navbar-nav > li.active > a:hover {

  color: #fff;

}

.white-header .navbar-default .navbar-toggle .icon-bar {

  background-color: #000;

}



	/* menu-bar Dropdown Starts */

	ul.navbar-nav > li > ul {

		background: #000000;

		box-shadow: 2px 3px 4px -2px rgba(0, 0, 0, 0.3);

			-moz-box-shadow: 2px 3px 4px -2px rgba(0, 0, 0, 0.3);

			-webkit-box-shadow: 2px 3px 4px -2px rgba(0, 0, 0, 0.3);

			-ms-box-shadow: 2px 3px 4px -2px rgba(0, 0, 0, 0.3);

			-o-box-shadow: 2px 3px 4px -2px rgba(0, 0, 0, 0.3);

		list-style: none;

		visibility: hidden;

		position: absolute;

		transition: all 0.3s ease 0s;

			-webkit-transition: all 0.3s ease 0s;

			-moz-transition: all 0.3s ease 0s;

			-ms-transition: all 0.3s ease 0s;

			-o-transition: all 0.3s ease 0s;

		opacity: 1;

		padding: 0;

		top: 100%;

		white-space: nowrap;

	}

	.launch-nav ul.navbar-nav > li > ul {

		background: transparent;

		box-shadow:none;

	}

	

	.white-header ul.navbar-nav > li > ul {

		background: #ffffff;

	}

	.white-header .launch-nav ul.navbar-nav > li > ul {

		background: transparent;

	}

	

	.navbar ul.navbar-nav > li:hover > ul {

		opacity: 1;

		visibility: visible !important;

	}



	ul.navbar-nav > li > ul  li {

		display: block;

		float: none;

		padding: 10px;

		position: relative;

		list-style: none;

	}

	

		.navbar .main-nav ul.navbar-nav > li > ul  li a{

			color: #ffffff;

			padding: 10px 5px;

		}

		.launch-nav ul.navbar-nav > li > ul  li{

			padding: 5px 5px;

		}

		.navbar .main-nav ul.navbar-nav > li > ul  li:hover, 

		.launch-nav ul.navbar-nav > li > ul  li:hover{

			background-color: #660000;

		}	

		.launch-nav ul.navbar-nav > li > ul  li a{

			color: #ffffff;

		}

	

	.navbar .main-nav ul.navbar-nav > li > ul a,

	.navbar .main-nav ul.navbar-nav > li > ul a:link {

		border: none;

		line-height: 18px;

		margin: 0;

		padding: 8px 30px 8px 15px;

		text-align: left;

	}



	ul.navbar-nav .sub-menu .sub-menu{

		background: #000000;

	    left: 100%;

		position: absolute;

		padding: 0;

		top: 0;

		visibility: hidden;

	}

	.top-block .launch-nav .sub-menu .sub-menu{

		background-color: transparent;		

	}

	.white-header .main-nav ul .sub-menu .sub-menu{

		background-color: #ffffff;		

	}



	.navbar-header ul.navbar-nav  .sub-menu{

		z-index: 9;

	}

	

	ul.navbar-nav  li.menu-item-has-children:hover > ul{

		opacity: 1;

		visibility: visible !important;

	}



	.white-header .navbar .main-nav ul.navbar-nav .sub-menu .sub-menu li a{

		color: #777777;		

	}

	.white-header .main-nav ul.navbar-nav > li > ul  li {

		padding: 0;

	}



	.white-header .navbar .main-nav ul.navbar-nav > li > ul  li:hover{

		background-color:transparent;

	}

	.white-header .navbar .main-nav ul.navbar-nav > li > ul  li:hover a,

	.white-header .navbar .main-nav ul.navbar-nav .sub-menu .sub-menu li:hover a{

		color: #660000;

	}

	/* menu-bar Dropdown Ends */





/* top bar */

.site-header .top-bar {

  background: rgba(0, 0, 0, 0.7);

  padding: 10px 0;

  color: #fff;

  font-size: 18px;

  position: relative;

  margin-top: -40px;

}

.site-header .is-sticky .top-bar {

  background: #000;

}

.site-header .phone {

  float: right;

  margin-left: 25px;

}

.site-header .email {

  float: right;

}

.site-header .address {

  float: left;

}

.site-header .phone i,

.site-header .address i,

.site-header .email i {

  margin-right: 4px;

  font-size: 1.1em;

}

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

	Launch

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

.launch {

  height: 75%;

  position: relative;

}

.launch.fullscreen {

  height: 100%;

  min-height: 550px;

}

.launch .inner {

  height: 100%;

}

.launch .top-block {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  z-index: 10;

}

.launch .home-table {

  height: 100%;

  width: 100%;

  display: table;

  position: relative;

  color: #fff;

  table-layout: fixed;

}

.launch .home-cell {

  vertical-align: middle;

  display: table-cell;

  padding-top: 256px;

}

.launch.fullscreen .home-cell {

  padding-bottom: 60px;

}

.home-cell .launch-text {

  max-width: 700px;

}

.home-cell .title,

.home-cell .launch-text p {

  max-width: 570px;

}

.home-cell .title {

  font-size: 38px;

  margin-bottom: 20px;

  font-weight: 300;

}

.home-cell h1 {

  margin-bottom: 20px;

}

.launch .home-table .btn {

  margin-top: 30px;

}

/* launch navigation */

.launch .top-block .navbar-nav {

  padding-top: 40px;

}

.launch .navbar .navbar-brand {

  margin: 0;

}

.launch .navbar .navbar-brand .logo {

  display: block;

  text-align: center;

  color: #fff;

  text-transform: uppercase;

  padding: 10px 25px;

  text-decoration: none;

}

.launch .navbar .navbar-brand .logo img {

  max-height: 172px;

  max-width: 100%;

}

.launch .navbar .navbar-brand .logo .name {

  display: block;

  font-size: 30px;

  margin-bottom: 10px;

}

.launch .navbar .navbar-brand .logo .sub {

  display: block;

  font-size: 14px;

}

.launch .navbar .navbar-nav > li + li {

  margin-left: 20px;

}

.launch .navbar .navbar-nav > li a,

.launch .navbar .navbar-nav > li a:focus {

  padding: 5px 12px;

  background: none;

}

/* launch slider */

.slider-home-block .navigation {

  position: absolute;

  bottom: 17px;

  left: 0;

  right: 0;

  text-align: center;

}

.slider-home-block .navigation span {

  border-radius: 50%;

  width: 8px;

  height: 8px;

  background: rgba(255, 255, 255, 0.5);

  display: inline-block;

  vertical-align: middle;

  margin: 0 4px;

  cursor: pointer;

}

.slider-home-block .navigation span.active {

  width: 14px;

  height: 14px;

  margin: 0 1px;

}

.ls-wrapper {

  margin: 0;

}

.ls-responsive .liquid-slider .panel .panel-wrapper {

  padding: 0;

}

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

	Welcome

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

.welcome {

  /*padding-top: 70px;*/

}

.welcome h1 {

  margin-bottom: 25px;

  font-weight: 900;

  font-size: 40px;

  line-height: 40px;

}

.hp-center-text {

  margin-bottom: 35px;

}

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

	Practice Area

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

.section_parallax_container {

  padding: 70px 0;

 /* position: relative;*/

}

.section_parallax_container:before {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  content: '';

  /*background: rgba(0, 0, 0, 0.7);*/

}

.section_parallax_container h1 {

  color: #fff;

}

.section_parallax_container .note {

  font-size: 14px;

  color: #fff;

}

.section_parallax_container .areas-of-practice {

  padding-top: 35px;

}

.areas-of-practice .area-block {

  margin-bottom: 18px;

  background: rgba(0, 0, 0, 0.7);

  padding: 15px 15px 22px;

  color: #fff;

  -webkit-transition: 0.6s;

  -ms-transition: 0.6s;

  -moz-transition: 0.6s;

  transition: 0.6s;

}

.areas-of-practice .area-block .ico {

  font-size: 100px;

  height: 100px;

  display: inline-block;

  color: #fff;

  margin-bottom: 10px;

}

.areas-of-practice .area-block .ico.fa-road {

  font-size: 138px;

  line-height: 104px;

}

.areas-of-practice .area-block .ico.fa-medkit {

  font-size: 116px;

  line-height: 104px;

}

.areas-of-practice .area-block .ico.fa-umbrella {

  font-size: 112px;

  line-height: 106px;

}

.areas-of-practice .area-block .name {

  font-size: 28px;

  line-height: 1.2em;

  margin-bottom: 15px;

  font-family: 'Raleway';

  font-weight: 900;

  min-height: 2.4em;

  word-wrap: break-word;

}

.areas-of-practice .area-block .text {

  font-size: 14px;

  line-height: 24px;

  margin-bottom: 20px;

}

.areas-of-practice .area-block .more a {

  font-size: 14px;

  text-transform: uppercase;

  color: #fff;

  text-decoration: underline;

}

.areas-of-practice .area-block .more a:hover {

  text-decoration: none;

}

.areas-of-practice .area-block .feature-img {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  overflow: hidden;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

.areas-of-practice .area-block .feature-img:before {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  content: '';

  background: rgba(0, 0, 0, 0.6);

}

.areas-of-practice .area-block .feature-img .name {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  padding: 0 10px;

  margin: 0;

  text-transform: uppercase;

  -webkit-transform: translate(0, -50%);

  -moz-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  -o-transform: translate(0, -50%);

  transform: translate(0, -50%);

}

.areas-of-practice .area-block .feature-img + .back {

  position: relative;

}

/* flip blocks */

.areas-of-practice .area-block.flip-block {

  perspective: 1000px;

  -webkit-perspective: 1000px;

  -moz-perspective: 1000px;

  -ms-perspective: 1000px;

  -ms-transform: perspective(1000px);

  -moz-transform: perspective(1000px);

  -moz-transform-style: preserve-3d;

  -ms-transform-style: preserve-3d;

  padding: 0;

  background-color: transparent;

}

.areas-of-practice .area-block.flip-block:hover {

  background-color: transparent;

}

.flip-block .front,

.flip-block .back {

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transition: 0.6s;

  -webkit-transform-style: preserve-3d;

  -webkit-transform: rotateY(0deg);

  -moz-transition: 0.6s;

  -moz-transform-style: preserve-3d;

  -moz-transform: rotateY(0deg);

  -o-transition: 0.6s;

  -o-transform-style: preserve-3d;

  -o-transform: rotateY(0deg);

  -ms-transition: 0.6s;

  -ms-transform-style: preserve-3d;

  -ms-transform: rotateY(0deg);

  transition: 0.6s;

  transform-style: preserve-3d;

  transform: rotateY(0deg);

  padding: 15px 15px 22px;

}

.flip-block .front {

  -webkit-transform: rotateY(0deg);

  -ms-transform: rotateY(0deg);

  z-index: 2;

  background: #000;

}

.flip-block .back {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -webkit-transform: rotateY(-180deg);

  -moz-transform: rotateY(-180deg);

  -o-transform: rotateY(-180deg);

  -ms-transform: rotateY(-180deg);

  transform: rotateY(-180deg);

}

.flip-block:hover .front {

  -webkit-transform: rotateY(180deg);

  -moz-transform: rotateY(180deg);

  -o-transform: rotateY(180deg);

  transform: rotateY(180deg);

}

.flip-block:hover .back {

  -webkit-transform: rotateY(0deg);

  -moz-transform: rotateY(0deg);

  -o-transform: rotateY(0deg);

  -ms-transform: rotateY(0deg);

  transform: rotateY(0deg);

}

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

	Attorneys

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

.bio-block {

  /*padding: 70px 0;*/

}

.bio-block .bio {

  position: relative;

  margin-bottom: 20px;

}

.bio-block .bio img {

  display: block;

  width: 100%;

}

.bio-block .bio .text {

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: rgba(0, 0, 0, 0.6);

  opacity: 0;

  position: absolute;

  z-index: 2;

  -webkit-transition: opacity 0.3s ease;

  -moz-transition: opacity 0.3s ease;

  -ms-transition: opacity 0.3s ease;

  -o-transition: opacity 0.3s ease;

  transition: opacity 0.3s ease;

}

.bio-block .bio:hover .text {

  opacity: 1;

}

.bio-block .bio .btn-default {

  text-transform: uppercase;

  font-weight: 500;

  position: absolute;

  top: 70%;

  left: 18px;

  right: 18px;

  -webkit-transform: translate(0, -50%);

  -moz-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  -o-transform: translate(0, -50%);

  transform: translate(0, -50%);

  padding-left: 0;

  padding-right: 0;

  color: #fff;

  -webkit-transition: top 0.3s ease;

  -moz-transition: top 0.3s ease;

  -ms-transition: top 0.3s ease;

  -o-transition: top 0.3s ease;

  transition: top 0.3s ease;

}

.bio-block .bio:hover .btn-default {

  top: 50%;

}

.bio-block .bio-name {

  font-size: 20px;

  text-align: center;

  font-weight: bold;

  margin-bottom: 10px;

}

.bio-block .bio-state {

  margin-bottom: 40px;

  font-size: 14px;

  text-align: center;

}

.bio-popup .content {

  padding: 30px 0;

}

.accordionBio .img {

  position: relative;

}

.accordionBio .img .img-responsive {

  width: 100%;

}

.accordionBio .img .award {

  position: absolute;

  right: 5px;

  bottom: 2px;

}

.accordionBio .bio-nav a {

  display: block;

  background: #000000;

  text-align: center;

  font-size: 18px;

  color: #fff;

  text-transform: uppercase;

  padding: 29px 0;

}

.accordionBio .bio-nav a.active {

  text-decoration: none;

}

.accordionBio .panel-collapse {

  padding-left: 50px;

  overflow: auto;

  height: 100%;

}

.accordionBio .panel-collapse p {

  margin-bottom: 1.7em;

}

.accordionBio .panel-collapse ul li {

  list-style: none;

  padding-left: 15px;

  font-size: 14px;

  line-height: 25px;

  position: relative;

  margin-bottom: 1.7em;

}

.accordionBio .panel-collapse ul li:before {

  width: 6px;

  height: 6px;

  position: absolute;

  left: 0;

  top: 0.7em;

  border-radius: 50%;

  content: '';

}

.accordionBio .panel-collapse .case + .case {

  margin-top: 40px;

}

.accordionBio .panel-collapse .case .header {

  font-family: 'Raleway', Arial, sans-serif;

  margin-bottom: 40px;

  font-weight: 700;

}

.accordionBio .panel-collapse .case .header .case-tooltip {

  position: relative;

  padding: 10px;

  min-width: 146px;

  display: inline-block;

  color: #fff;

  text-transform: uppercase;

  font-size: 14px;

  line-height: 1;

  text-align: center;

  float: left;

}

.accordionBio .panel-collapse .case .header .case-tooltip:after {

  position: absolute;

  left: 100%;

  top: 50%;

  width: 0;

  height: 0;

  border: 9px solid;

  border-left: 15px solid;

  border-right: 0;

  border-top-color: transparent !important;

  border-bottom-color: transparent !important;

  margin-top: -9px;

  content: '';

}

.accordionBio .panel-collapse .case .header .name {

  font-size: 24px;

  overflow: hidden;

  margin-left: 180px;

  line-height: 34px;

}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {

  background: none;

}

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

	Quotes

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

.quotes-block .services-top {

  padding: 70px 0 50px;

}

.quotes-block .services-list {

  padding-top: 50px;

}

.quotes-block .quotes-bottom h2 {

  color: #fff;

  text-align: center;

  text-transform: uppercase;

  margin-bottom: 40px;

}

.disclaimer-text {

  color: #fff;

  font-size: 12px;

  margin-top: 30px;

  margin-bottom: -30px;

  text-align: center;

}

.quotes-block .quotes-bottom .inner,

.quote-bar .quotes-bottom .inner {

  position: relative;

  padding: 35px 0;

}

.panel {

  background-color: transparent;

  border: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  margin: 0;

}

.quotes-slider .quote {

  color: #fff;

}

.quotes-slider .quote .img {

  height: 98px;

  width: 98px;

  border-radius: 49px;

  margin-bottom: 20px;

}

.quotes-slider .quote .text {

  border: 1px solid #fff;

  padding: 14px 55px;

  position: relative;

  margin-bottom: 25px;

  font-size: 14px;

  line-height: 28px;

}

.quotes-slider .text .quotes {

  display: inline-block;

  position: relative;

  margin: 0 5px;

}

.quotes-slider .text .highlight {

  font-weight: 900;

}

.quotes-slider .author {

  font-size: 14px;

  text-align: right;

  font-family: 'Montserrat', sans-serif;

}

.quote-bar .quotes-bottom {

  background: url("../images/quote.jpg") center 0% no-repeat;

  background-attachment: fixed;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}

/* Home Page Slider arrow */

.home-table .ls-wrapper .ls-nav-right-arrow, 

.home-table .ls-wrapper .ls-nav-left-arrow, 

.home-table .ls-wrapper .ls-nav-right-arrow:hover, 

.home-table .ls-wrapper .ls-nav-left-arrow:hover{

	top: 82%;

}



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

	FAQs

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

.faq {

  padding: 70px 0;

}

.faq .disclaimer {

  margin-bottom: 50px;

}

.questions-block {

  margin-bottom: 40px;

}

.questions-block .title {

  font-size: 18px;

  font-weight: bold;

  font-family: Raleway;

  margin-bottom: 40px;

}

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

	Awards

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

.logos-block .portfolio-top {

  padding: 70px 0 80px;

}

.logos-block .portfolio-top .container .load-more {

  padding-top: 18px;

}

.logos-block .portfolio-top .container .load-more .load-more-link {

  color: #000000;

  font-size: 16px;

  text-decoration: none;

  border-bottom: 1px dashed;

}

.logos-block .portfolio-top .container .load-more .load-more-link:hover {

  border-bottom-color: transparent;

}

.logos-block .logos-bottom {

  padding: 35px 0;

  background: #eaeaea;

}

.logos-block .logos-bottom h2 {

  text-align: center;

  margin-bottom: 35px;

  text-transform: uppercase;

}

.logos .logo-block {

  margin: 0 20px;

}

.logos .logo-block .logo {

  display: block;

  padding-top: 65%;

  position: relative;

}

.logos .logo-block .logo .img-responsive {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate3d(-50%, -50%, 0);

  -moz-transform: translate3d(-50%, -50%, 0);

  -o-transform: translate3d(-50%, -50%, 0);

  -ms-transform: translate(-50%, -50%);

  transform: translate3d(-50%, -50%, 0);

  max-height: 100%;

  width: auto;

}

.logos .logo-block .logo .colored {

  z-index: 1;

}

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

	News

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

.news {

  padding: 40px 0;

  background: #eaeaea;

}

.news h1 {

  margin-bottom: 40px;

}

.new-block .img-block {

  margin-bottom: 60px;

  display: block;

}

.new-block .text {

  font-size: 13px;

}

.new-block .name {

  font-weight: bold;

  font-size: 20px;

  line-height: 1.2;

}

.new-block .info {

  margin-bottom: 15px;

  line-height: 1.5;

  color: #999999;

}

.new-block .desc {

  line-height: 1.75;

  margin-bottom: 30px;

}

.new-block .more a {

  font-weight: bold;

}

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

	Contact Us

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

.contacts-block .contacts-top {

  padding-top: 70px;

  padding-bottom: 50px;/*83*/

}

.contacts-block .contacts-top .title {

  font-size: 38px;

  font-weight: 300;

  margin-bottom: 20px;

}

.contacts-block .contacts-top .feedback {

  text-align: left;

  padding-top: 35px;

}

.disclaimer {

  margin: 32px 0;

  font-weight: normal;

}

.contacts-block .custom-checkbox {

  position: relative;

}

.custom-checkbox label {

  position: relative;

  padding-left: 30px;

  font-size: 14px;

  font-weight: normal;

  cursor: pointer;

}

.custom-checkbox label:before {

  font: normal normal normal 14px/1 FontAwesome;

  font-size: 16px;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  width: 20px;

  height: 20px;

  position: absolute;

  left: 0;

  top: -3px;

  content: '';

  background: #f2f2f2;

  text-align: center;

  line-height: 20px;

}

.custom-checkbox input:checked + label:before {

  content: "\f00c";

}

.custom-checkbox input {

  position: absolute;

  visibility: hidden;

}

.form .input {

  margin-top: 20px;

}

.form .input input[type="text"],

.form .input textarea, .form input[type="email"] {

  width: 100%;

  border: 1px solid #ebebeb;

  background: #f2f2f2;

  display: block;

  padding-left: 15px;

  padding-right: 15px;

  font-size: 14px;

  color: #000000;

}

.form .input input[type="text"]:focus,

.form .input textarea:focus, .form input[type="email"]:focus {

  background: #FFFFFF;

  border-color: #444444;

}

.form .input input[type="text"], .form input[type="email"] {

  height: 38px;

  line-height: 36px;

}

.form .input textarea {

  height: 154px;

  padding-top: 12px;

  resize: none;

}

.form .submit-block {

  padding-top: 40px;

}

.form .submit-block input[type="submit"] {

  padding-left: 46px;

  padding-right: 46px;

}

.contacts-block .up-btn-block {

  padding: 13px 0;

}

.contacts-block .up-btn {

  height: 59px;

  width: 604px;

  text-align: center;

  border: 2px solid #FFFFFF;

  color: #FFFFFF;

  font-size: 30px;

  display: inline-block;

  border-radius: 5px;

  line-height: 56px;

  text-transform: uppercase;

  text-decoration: none;

  font-family: Raleway;

  font-weight: bold;

}

.contacts-block .up-btn:hover {

  background: #FFFFFF;

}

.map-block {

  height: 0;

  overflow: hidden;

  -webkit-transition: height 0.3s ease-in-out;

  -moz-transition: height 0.3s ease-in-out;

  -o-transition: height 0.3s ease-in-out;

  -ms-transition: height 0.3s ease-in-out;

  transition: height 0.3s ease-in-out;

}

.map-block.active,

.map {

  height: 350px;

}

.form .input input[type="text"].error,

.form .input textarea.error {

  border: 1px solid #f00;

  background: #FFE4E4;

}

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

	Footer

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

footer {

  color: #FFFFFF;

  background: #000000;

  padding: 30px 0;

  overflow: hidden;

}

footer .logo {

  display: block;

  text-align: center;

  color: #fff;

  font-weight: 300;

  margin-bottom: 20px;

  text-decoration: none;

  margin-top: 70px;

}

footer .logo img {

  max-width: 100%;

}

footer .logo .name {

  font-size: 44px;

  display: block;

  margin-bottom: 10px;

}

footer .logo .sub {

  font-size: 28px;

  display: block;

}

footer .phone {

  text-align: center;

  font-size: 28px;

  font-weight: 300;

}

footer .copyright {

  padding-top: 30px;

  text-align: center;

  border-top: 1px solid #333;

  margin: 30px -1000px 0;

}

footer .info .title {

  font-size: 24px;

  font-weight: bold;

  margin-bottom: 20px;

}



.wpcf7-form-control.wpcf7-submit.btn.btn-default[disabled=disabled]{

	color: #000;

}

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

	Popups

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

.portfolio-popup,

.bio-popup {

  position: fixed;

  left: 0;

  right: 0;

  height: 100%;

  content: '';

  background: #fff;

  z-index: 1000;

  -webkit-transition: 0.5s ease-in-out;

  -moz-transition: 0.5s ease-in-out;

  -o-transition: 0.5s ease-in-out;

  -ms-transition: 0.5s ease-in-out;

  transition: 0.5s ease-in-out;

  bottom: 100%;

}

.portfolio-popup.active,

.bio-popup.active {

  bottom: 0;

}

.portfolio-popup .tools,

.bio-popup .tools {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  text-align: center;

  background: #f2f2f2;

  padding: 5px 0 0;

  height: 54px;

}



/*.portfolio-popup .tools{

	height: 210px;

}

*/.portfolio-popup .tools .prev,

.portfolio-popup .tools .next,

.portfolio-popup .tools .close,

.bio-popup .tools .prev,

.bio-popup .tools .next,

.bio-popup .tools .close {

  height: 44px;

  width: 44px;

  display: inline-block;

  margin: 0 5px;

  vertical-align: top;

  background: url(../images/popup_interface.png) no-repeat;

  float: none;

}

/*.portfolio-popup .tools .prev,

.portfolio-popup .tools .next,

.portfolio-popup .tools .close{

	margin: 146px 5px;

}

*/.portfolio-popup .tools .prev,

.bio-popup .tools .prev {

  background-position: 0 0;

}

.portfolio-popup .tools .next,

.bio-popup .tools .next {

  background-position: -44px 0;

}

.portfolio-popup .tools .close,

.bio-popup .tools .close {

  background-position: 0 -44px;

}

.portfolio-popup .content,

.bio-popup .content {

  position: absolute;

  top: 54px;

  left: 0;

  right: 0;

  bottom: 0;

  overflow: auto;

  line-height: 1.75;

}

/*.portfolio-popup .content{

	top: 210px;

}

*/.portfolio-popup h1 {

  color: #000;	

  font-size: 32px;

  font-weight: bold;

  margin-bottom: 10px;

}

.portfolio-popup h2 {

  font-size: 18px;

  font-weight: bold;

  margin-bottom: 10px;

}

.portfolio-popup p {

  margin-bottom: 20px;

}

.portfolio-popup ul {

  margin-bottom: 20px;

}

.portfolio-popup ul li {

  list-style: none;

  font-size: 14px;

}

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

	Sliders

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

.ls-wrapper .ls-nav-right-arrow,

.ls-wrapper .ls-nav-left-arrow,

.ls-wrapper .ls-nav-right-arrow:hover,

.ls-wrapper .ls-nav-left-arrow:hover {

  font: normal normal normal 14px/1 FontAwesome;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  background: none;

  font-size: 30px;

  color: #fff;

  left: 0;

  right: auto;

  /*bottom: 0;*/

  top: 82%; /* 60% */

  margin: 0;

  width: auto;

  height: auto;

  overflow: hidden;

}

.ls-wrapper .ls-nav-right-arrow,

.ls-wrapper .ls-nav-right-arrow:hover {

  margin-left: 20px;

}

.ls-wrapper .ls-nav-left-arrow:before,

.flex-direction-nav a.flex-prev:before {

  content: "\f104";

}

.ls-wrapper .ls-nav-right-arrow:before,

.flex-direction-nav a.flex-next:before {

  content: "\f105";

}

#slider-home-wrapper {

  padding-bottom: 40px;

}

.carousel li {

  margin-right: 0;

}

.carousel .area-block,

.featuresSlider .flex-direction-nav,

.logosSlider .flex-direction-nav {

  margin: 0 15px;

}

.featuresSlider .flex-direction-nav li,

.logosSlider .flex-direction-nav li {

  float: left;

  margin-right: 9px;

}

.featuresSlider .flex-direction-nav a,

.logosSlider .flex-direction-nav a {

  position: static;

  opacity: 1;

  margin: 10px 0 0;

  width: auto;

  height: auto;

  text-shadow: none;

  color: #fff;

}

.featuresSlider .flex-direction-nav a:before,

.logosSlider .flex-direction-nav a:before {

  font: normal normal normal 14px/1 FontAwesome;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  background: none;

  font-size: 30px;

}

.featuresSlider .flex-direction-nav .flex-next,

.logosSlider .flex-direction-nav .flex-next {

  text-align: center;

}

.featuresSlider .flex-direction-nav .flex-disabled,

.logosSlider .flex-direction-nav .flex-disabled {

  opacity: 1 !important;

}

.carousel.flexslider .slides {

  width: 99999px;

}

.carousel.flexslider li {

  float: left;

}

/* Preloader */

.load-overlay {

  position: fixed;

  background: #FFFFFF;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 10000;

}

.load-overlay .pre-loader {

  margin: auto;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  width: 160px;

  font-size: 0;

  text-align: center;

  -webkit-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

}

.spinner {

  height: 22px;

}

.spinner > div {

  width: 22px;

  height: 22px;

  border-radius: 100%;

  display: inline-block;

  margin: 0 8px;

  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;

  -moz-animation: bouncedelay 1.4s infinite ease-in-out;

  -ms-animation: bouncedelay 1.4s infinite ease-in-out;

  -o-animation: bouncedelay 1.4s infinite ease-in-out;

  animation: bouncedelay 1.4s infinite ease-in-out;

  /* Prevent first frame from flickering when animation starts */

  -webkit-animation-fill-mode: both;

  -moz-animation-fill-mode: both;

  -ms-animation-fill-mode: both;

  -o-animation-fill-mode: both;

  animation-fill-mode: both;

}

.spinner .bounce1 {

  -webkit-animation-delay: -0.32s;

  animation-delay: -0.32s;

}

.spinner .bounce2 {

  -webkit-animation-delay: -0.16s;

  animation-delay: -0.16s;

}

@-webkit-keyframes bouncedelay {

  0%,

  80%,

  100% {

    -webkit-transform: scale(0);

  }

  40% {

    -webkit-transform: scale(1);

  }

}

@-moz-keyframes bouncedelay {

  0%,

  80%,

  100% {

    transform: scale(0);

    -moz-transform: scale(0);

  }

  40% {

    transform: scale(1);

    -moz-transform: scale(1);

  }

}

@-o-keyframes bouncedelay {

  0%,

  80%,

  100% {

    transform: scale(0);

    -o-transform: scale(0);

  }

  40% {

    transform: scale(1);

    -o-transform: scale(1);

  }

}

@-ms-keyframes bouncedelay {

  0%,

  80%,

  100% {

    transform: scale(0);

    -ms-transform: scale(0);

  }

  40% {

    transform: scale(1);

    -ms-transform: scale(1);

  }

}

@keyframes bouncedelay {

  0%,

  80%,

  100% {

    transform: scale(0);

    -webkit-transform: scale(0);

  }

  40% {

    transform: scale(1);

    -webkit-transform: scale(1);

  }

}

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

	Design Elements

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

/* Call To Action */

.callToAction .inner {

  /*background: rgba(255, 255, 255, 0.8);*/

  position: relative;

  padding: 40px 0;

}

.callToAction .text {

  font-size: 22px;

  line-height: 1.5;

  padding-top: 13px;

  font-weight: 300;

}

.callToAction .buy-btn {

  display: block;

  padding-left: 0;

  padding-right: 0;

}

/* Progress Bars */

.progressbars-block {

  font-weight: 900;

}

.progressbars-block .header {

  font-size: 24px;

  margin-bottom: 10px;

}

.progressbars-block .progressbar {

  margin-right: 70px;

}

.progressbars-block .progressbar + .progressbar {

  margin-top: 26px;

}

.progressbars-block .progressbar .name {

  font-size: 16px;

  margin-bottom: 5px;

}

.progressbars-block .progressbar .skillbar {

  position: relative;

  background: rgba(255, 255, 255, 0.55);

  border-radius: 3px;

  overflow: hidden;

}

.progressbars-block .progressbar .skillbar .skillbar-title {

  line-height: 30px;

  padding: 0 7px;

  font-size: 16px;

  position: relative;

  z-index: 1;

}

.progressbars-block .progressbar .skillbar .skillbar-title span {

  color: #ffffff;

}

.progressbars-block .progressbar .skillbar .skillbar-bar {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  width: 0;

  background: #660000;

  border-radius: 3px;

}

.grey-wrapper .progressbars-block .progressbar .skillbar {

  background: #ffffff;

}

.progress-bars .progressbars-block .progressbar {

  margin-right: 0;

}

/* Milestones */

.milestones .milestones-top {

  padding-top: 50px;

  margin-bottom: 55px;

}

.milestones .milestones-bottom {

  color: #FFFFFF;

}

.milestones .milestones-bottom .inner {

  background: url("../images/overlay.png");

  position: relative;

  padding: 50px 0;

}

.milestones-list .benefit {

  font-weight: 900;

}

.milestones-list .benefit .counter {

  position: relative;

  display: inline-block;

  margin-bottom: 10px;

}

.milestones-list .benefit .counter.plus:after {

  content: '+';

  font-size: 20px;

  position: absolute;

  top: -6px;

  right: -12px;

}

.milestones-list .benefit .name {

  font-size: 20px;

}

.milestones h2 {

  margin: 40px 0;

}

.milestones .milestones-bottom {

  margin: 50px 0;/* margin-bottom:70px */

}

/* Pricing Blocks */

.pricing .pricing-top {

  padding-top: 70px;

  margin-bottom: 60px;

}

.pricing .pricing-bottom {

  background: #f2f2f2;

  padding: 70px 0;

}

.price-container .plan {

  border: 1px solid #000000;

  padding: 15px 15px 30px;

}

.price-container .plan.optimal {

  margin-top: -28px;

  padding: 35px 15px 48px;

}

.price-container .plan .name {

  font-size: 47px;

  font-weight: 900;

  margin-bottom: 20px;

}

.price-container .plan.optimal .name {

  font-size: 60px;

  margin-bottom: 25px;

}

.price-container .plan .price {

  font-size: 27px;

  font-weight: 300;

  margin-bottom: 15px;

}

.price-container .plan .price span {

  font-size: 47px;

  font-weight: 900;

}

.price-container .plan .price span small {

  font-size: 37px;

}

.price-container .plan .offer-list {

  margin-bottom: 25px;

}

.price-container .plan .offer-list li {

  list-style: none;

  font-size: 18px;

  font-weight: 300;

  line-height: 1.3;

}

.price-container .plan .offer-list li + li {

  margin-top: 15px;

}

.price-container .plan .offer-list li span {

  font-weight: bold;

}

.price-container .plan .offer-list li span.x {

  font-size: 27px;

  line-height: 27px;

}

.price-container .plan .link {

  padding-left: 20px;

  padding-right: 20px;

}

.pricing-tables {

  padding-bottom: 40px;

}

/* Toggles */

.toggles .panel-default > h4 {

  background-color: #f2f2f2;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  border: 1px solid #ebebeb;

  padding: 0;

}

.toggles .panel-default > h4:hover, .toggles .panel-default > h4.ui-state-active {

  background-color: #660000;

  color: #FFFFFF;

}

.toggles .panel-default > h4 a {

  color: #000000;

  font-size: 16px;

  font-weight: 400;

  padding: 17px 30px 15px 16px;

  display: inline-block;

  width: 100%;

  position: relative;

}



.toggles .panel-default > h4:hover a, .toggles .panel-default > h4.ui-state-active a {

  text-decoration: none;

  color: #ffffff;

}

.toggles .panel-default > h4 a i {

  line-height: 15px;

  font-size: 40px;

  color: #8a8a8a;

  position: absolute;

  right: 7px;

  top: 50%;

  margin-top: -7px;

}

.toggles .panel-default > h4:hover a i, .toggles .panel-default > h4.ui-state-active a i{

  color: #ffffff;

}

.toggles .panel-group h4 + .panel-collapse > .panel-body {

  border-top: none;

  padding: 10px;

  color: #737373;

}

.toggles .panel-default .wpb_content_element{

	margin-bottom: 0;

}

/* Tabs */

.tabs1 {

  margin-bottom: 43px;

}

.tabs1 .tab-content {

  border: 1px solid #dcdbdb;

  background-color: #ffffff;

  padding: 10px;

  color: #737373;

  border-radius: 0 3px 3px 3px;

}

.tabs1 .nav-tabs {

  border-bottom: none;

}

.tabs1 .nav-tabs > li > a {

  color: #ffffff;

  border-radius: 3px;

  padding: 8px 53px;

}

.tabs1 .nav-tabs > li.ui-tabs-active > a {

  background-color: #ffffff;

  border: 1px solid #ddd;

  border-bottom-color: transparent;

  border-radius: 3px 3px 0 0;

  color: #000000;

  padding-bottom: 10px;

}

.tabs2 .nav-tabs > li {

  float: none;

}

.tabs2 .nav-tabs {

  width: 36%;

  float: left;

  margin-right: 4%;

  border-bottom: none;

}

.tabs2 .tab-content {

  width: 60%;

  float: left;

  background-color: #ffffff;

  padding: 17px 10px 17px 10px;

  border: 1px solid #dcdbdb;

  border-radius: 3px;

  position: relative;

}

.tabs2 .tab-content:before {

  position: absolute;

  content: '';

  width: 11px;

  height: 21px;

  background: url("../images/tabs_tick.png") top left no-repeat;

  display: block;

  left: -11px;

  top: 43%;

}

.tabs2 .nav-tabs > li > a {

  text-align: center;

  border-radius: 3px;

  border: 1px solid;

  margin-bottom: 2px;

}

.tabs2 .nav-tabs > li.ui-tabs-active > a {

  border-radius: 3px;

  color: #ffffff;

}

.tabs2 .nav-tabs > li > a:hover {

  color: #ffffff;

}



.tabs2 .wpb_content_element, .tabs1 .wpb_content_element{

	margin-bottom: 0;

}





/* Steps */

.step {

  border-radius: 7px;

  clear: both;

  margin-bottom: 20px;

  background-color: #f2f2f2;

  overflow: hidden;

  display: table;

  width: 100%;

}

.step .step-count {

  color: #ffffff;

  font-size: 50px;

  font-weight: lighter;

  width: 165px;

  text-align: center;

  display: table-cell;

  padding: 10px 0;

  vertical-align: middle;

  -webkit-clip-path: polygon(0 0, 100% 0, 100% 37%, 93% 52%, 100% 68%, 100% 100%, 0 100%);

  -moz-clip-path: polygon(0 0, 100% 0, 100% 37%, 93% 52%, 100% 68%, 100% 100%, 0 100%);

  -o-clip-path: polygon(0 0, 100% 0, 100% 37%, 93% 52%, 100% 68%, 100% 100%, 0 100%);

  -ms-clip-path: polygon(0 0, 100% 0, 100% 37%, 93% 52%, 100% 68%, 100% 100%, 0 100%);

  clip-path: polygon(0 0, 100% 0, 100% 37%, 93% 52%, 100% 68%, 100% 100%, 0 100%);

}

.step .step-text {

  display: table-cell;

  padding: 13px 15px;

  vertical-align: middle;

}

.step h4 {

  margin: 0;

}

.step p {

  margin: 0;

}

.step p + p {

  margin-top: 5px;

}

/* Charts */

.chart {

  position: relative;

  display: inline-block;

  margin-bottom: 15px;

}

.chart + .chart {

  margin-left: 5px;

}

.chart span {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  font-size: 60px;

  font-weight: 900;

  color: #000 !important;

  text-align: center;

  border-radius: 50%;

}

.chart[data-style="2"] span {

  background: #dcdbdb;

  color: #FFFFFF !important;

}

.chart canvas {

  position: relative;

  z-index: 1;

}

/* Word rotate */

.word-rotate {

  visibility: hidden;

  width: 100px;

  height: 0px;

  margin-bottom: -7px;

  display: inline-block;

  vertical-align: bottom;

  overflow: hidden;

  text-align: center;

  position: relative;

}

.word-rotate.active {

  visibility: visible;

  width: auto;

}

.word-rotate .word-rotate-items {

  position: relative;

  top: 0;

  width: 100%;

}

.word-rotate .word-rotate-items span {

  display: block;

  white-space: nowrap;

}

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

	Examples Page

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

.grid .number {

  color: #ffffff;

  font-size: 16px;

  margin-bottom: 20px;

  padding: 10px 0;

}

.call-to-action h2,

.quote-bar h2 {

  margin: 80px 0 40px 0;

}

.theme-features h2 {

  margin: 40px 0;

}

.typography h1,

.typography h2,

.typography h3,

.typography h4,

.typography h5 {

  margin-bottom: 10px;

}

.elements-navbar {

  background-color: #f2f2f2;

}

.grey-wrapper {

  background-color: #f2f2f2;

}

.examples-container {

  padding: 50px 0;

}

.examples-container h2 {

  margin-bottom: 40px;

}

.buttons-examples a {

  margin: 0 auto 15px;

}





/**		7- 404 section											**/

/* section_404 starts */



/* .octa_main starts */

.octa_main{

	background-color: orange;

	display: inline-block;

	font-size: 0;

	position: relative;

	overflow: hidden;

	visibility: hidden;

}

.octa_inner_1{

	background-color: green;

	/*overflow: hidden;*/

	transform: rotate(45deg);

		-moz-transform: rotate(45deg);

		-webkit-transform: rotate(45deg);

		-ms-transform: rotate(45deg);

		-o-transform: rotate(45deg);

}

.octa_inner_2{

	overflow: hidden;

	transform: rotate(-45deg);

		-moz-transform: rotate(-45deg);

		-webkit-transform: rotate(-45deg);

		-ms-transform: rotate(-45deg);

		-o-transform: rotate(-45deg);

	visibility: visible;

}

/* .octa_main ends */



.section_404.service_single .service_block{

	margin-bottom: 30px;

	padding-bottom: 30px;

	position: relative;

}

.section_404.service_single .service_block:after{

	background: #000000;

	content: "";

	height: 3px;

	position: absolute;

	bottom: -3px;

	left: 50%;

	margin-left: -100px;

	width: 200px;

}

.section_404.service_single .service_block .service_icon{

	background: #000;

	height: 245px;

	width: 245px;

}

	.section_404.service_single .service_block .service_icon .octa_content{

		color: #ffffff;

	}

	.section_404.service_single .service_block .service_icon .octa_content h2{

		font-size: 70px;

		line-height: 200px;

	}

	.section_404.service_single h4{

		font-size: 25px;

		line-height: 32px;

	}



	/* .section_404 ul.social_links starts */

	.section_404 ul.social_links{

		margin: 0;

		padding: 0;

	}

	.section_404 ul.social_links.social_inline li{

		display: inline-block;

		float: none;

		margin-right: 0;

	}

	.section_404 ul.social_links li{

		margin: 0 0 18px;

	}

	ul.social_links li i{

		color: #cccccc;

	}

	ul.social_links.light_font li i{

		color: #cccccc;

	}



	/* ul.social_links starts */

	

/* section_404 ends */





/* Contact Form 7 Alerts Starts */

.wpcf7-form-control-wrap{

	position: relative;

}

span.wpcf7-not-valid-tip{

	padding: 5px 35px 5px 14px;

	margin-bottom: 20px;

	margin-top: -10px;

	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

	background: #ffe6e3;

    border: 1px solid #f2c3bf;

    color: #bf210e;

    border-radius: 4px!important;

		-webkit-border-radius: 4px!important;

		-moz-border-radius: 4px!important;

		-o-border-radius: 4px!important;

		-ms-border-radius: 4px!important;

	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);

		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);

		-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);

		-o-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);

		-ms-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);

	line-height: 18px;

	right: 10px;

	top: 32px;

	transition: all 0.3s ease 0s;

		-webkit-transition: all 0.3s ease 0s;

		-moz-transition: all 0.3s ease 0s;

		-ms-transition: all 0.3s ease 0s;

		-o-transition: all 0.3s ease 0s;	

}

div.wpcf7-response-output{

	padding: 5px 35px 5px 14px;

	margin-bottom: 20px;

	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

	background: #fff7d6;

    border: 1px solid #e9d477;

    color: #956433;

    border-radius: 4px!important;

		-webkit-border-radius: 4px!important;

		-moz-border-radius: 4px!important;

		-o-border-radius: 4px!important;

		-ms-border-radius: 4px!important;

	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);

		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);

		-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);

		-o-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);

		-ms-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);

	line-height: 24px;

}

div.wpcf7-validation-errors{

	background: #ffe6e3;

    border: 1px solid #f2c3bf;

    color: #bf210e;

	margin-top: 0;

}

div.wpcf7-mail-sent-ok{

	background-color: #DFF0D8;

	border: 1px solid #D6E9C6;

    border-radius: 4px!important;

		-webkit-border-radius: 4px!important;

		-moz-border-radius: 4px!important;

		-o-border-radius: 4px!important;

		-ms-border-radius: 4px!important;

	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);

		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);

		-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);

		-o-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);

		-ms-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);

    color: #468847;

	line-height: 24px;

	margin-bottom: 20px;

	padding: 10px 35px 10px 14px;

	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

}



.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors{

	position: absolute;

	bottom: 15px;

}

/* Contact Form 7 Alerts Ends */



.section_container {

	padding-bottom: 70px;

	padding-top: 70px;

}

.no_padding {

	padding: 0;

}

.no_padding_top {

	padding-top: 0;

}

.no_padding_bottom {

	padding-bottom: 0;

}





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

	Media Queries

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

@media (min-width: 1025px) {

  .quotes-block .quotes-bottom {

    background-image: url("../images/quote.jpg");

  }

  .section_parallax_container {

    background-image: url('../images/aop-bg.jpg');

  }

  .launch .inner,

  .about,

  .callToAction,

  .quotes-block .quotes-bottom,

  .milestones .milestones-bottom,

  .section_parallax_container {

    background-position: center 0;

    background-repeat: no-repeat;

    background-attachment: fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

  }

}

@media (max-width: 1024px) {

  .quotes-block .quotes-bottom {

    background-image: url("../images/quote-sm.jpg");

  }

  .section_parallax_container {

    background-image: url('../images/aop-bg-sm.jpg');

  }

  .launch .inner,

  .callToAction,

  .quotes-block .quotes-bottom,

  .milestones .milestones-bottom,

  .section_parallax_container {

    background-position: center 0;

    background-repeat: no-repeat;

    background-attachment: scroll;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

  }

}

/* Large desktops and laptops */

@media (min-width: 1200px) {

  .site-header .navbar {

    min-height: inherit;

  }

  .navbar-nav {

    float: right;

  }

  .navbar-nav > li > a {

    font-size: 14px;

    padding: 0 3px;

  }

  .navbar-nav > li:last-child a {

    margin: 0;

  }

  .quotes-slider .quote {

    color: #fff;

    max-width: 770px;

    margin: 0 auto;

  }

  .areas-of-practice .col-lg-4:nth-child(3n+1),

  .services-list .col-lg-4:nth-child(3n+1) {

    clear: both;

  }

  .quotes-slider-wrapper .ls-nav-left-arrow,

  .quotes-slider-wrapper .ls-nav-right-arrow {

    left: 50%;

  }

  .quotes-slider-wrapper .ls-nav-left-arrow {

    margin-left: -385px;

  }

  .quotes-slider-wrapper .ls-nav-right-arrow {

    margin-left: -365px;

  }

}

/* Portrait tablets and medium desktops */

@media (min-width: 992px) and (max-width: 1199px) {

  .launch .navbar .navbar-brand .logo img {

    margin-top: 0;

  }

  .site-header .navbar {

    min-height: inherit;

  }

  .navbar-nav {

    float: right;

  }

  .navbar-nav > li > a {

    padding: 0 3px;

    font-size: 14px;

  }

  .navbar-nav > li:last-child a {

    margin: 0;

  }

  .callToAction .text {

    font-size: 20px;

    padding-top: 14px;

  }

  .price-container .plan .name {

    font-size: 35px;

  }

  .price-container .plan.optimal .name {

    font-size: 45px;

  }

  .price-container .plan .price {

    font-size: 22px;

  }

  .price-container .plan .price span {

    font-size: 40px;

  }

  .price-container .plan .price span small {

    font-size: 30px;

  }

  .price-container .plan .offer-list li {

    font-size: 16px;

  }

  .price-container .plan .offer-list li span.x {

    font-size: 25px;

  }

  footer p {

    font-size: 14px;

  }

  .areas-of-practice .col-md-4:nth-child(3n+1),

  .services-list .col-md-4:nth-child(3n+1) {

    clear: both;

  }

  .progress-bars .charts {

    margin-right: -20px;

  }

  .areas-of-practice .area-block .name {

    font-size: 23px;

  }

  footer .logo .name {

    font-size: 32px;

  }

  footer .logo .sub {

    font-size: 22px;

  }

}

/* Portrait tablets and small desktops */

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

  .site-header .top-bar {

    margin-top: -35px;

  }

  .site-header .navbar {

    min-height: inherit;

    padding: 10px 0;

  }

  .site-header .navbar-header {

    float: none;

  }

  .navbar-toggle {

    display: block;

    margin: 0;

  }

  .site-header .navbar-collapse {

    border-top: 1px solid transparent;

    margin: 0 -15px;

    padding: 0 15px;

  }

  .navbar-collapse.collapse {

    display: none!important;

  }

  /* since 3.1.0 */

  .navbar-collapse.collapse.in {

    display: block!important;

  }

  .launch .navbar-collapse {

    float: right;

  }

  .launch .top-block .navbar-nav {

    padding-top: 0;

  }

  .launch .navbar .navbar-nav > li + li {

    margin: 0;

  }

  .launch .navbar .navbar-nav > li a {

    font-size: 14px;

    line-height: 24px;

    padding: 3px 10px;

  }

  .navbar-nav {

    float: none!important;

    margin: 8px -15px 0;

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);

  }

  .navbar-nav > li {

    float: none;

  }

  .navbar .navbar-nav > li a,

  .navbar .navbar-nav > li a:focus {

    padding-top: 10px;

    padding-bottom: 10px;

  }

  .site-header .collapsing {

    overflow: hidden!important;

  }

  .areas-of-practice .col-sm-6:nth-child(2n+1),

  .services-list .col-sm-6:nth-child(2n+1) {

    clear: both;

  }

  .price-container .plan .name {

    font-size: 28px;

  }

  .price-container .plan.optimal .name {

    font-size: 35px;

  }

  .price-container .plan .price {

    font-size: 16px;

  }

  .price-container .plan .price span {

    font-size: 35px;

  }

  .price-container .plan .price span small {

    font-size: 25px;

  }

  .price-container .plan .offer-list li {

    font-size: 14px;

  }

  .price-container .plan .offer-list li span.x {

    font-size: 22px;

  }

  footer .copyright {

    text-align: center;

  }

  .logos .logo-block {

    margin: 0 10px;

  }

  .about .progressbars-block {

    padding-top: 40px;

  }

  .callToAction .text {

    margin-bottom: 15px;

    text-align: center;

  }

  .progressbars-block {

    margin-bottom: 40px;

  }

  .charts {

    text-align: center;

  }

  .areas-of-practice .area-block {

    text-align: center;

  }

  .areas-of-practice .area-block.bottom-line .ico {

    float: none;

  }

  .welcome .img-responsive {

    margin: 0 auto;

  }

  .accordionBio .panel-collapse {

    padding-left: 0;

  }

  .site-header .top-bar {

    font-size: 14px;

  }

  .site-header .navbar .navbar-brand {

    text-align: left;

    white-space: nowrap;

    margin-top: 0;

  }

  .site-header .navbar .navbar-brand img {

    float: left;

    margin-right: 10px;

  }

  .launch .navbar .navbar-brand .logo img {

    margin-top: 0;

  }

  .launch .navbar .navbar-brand .logo .name {

    font-size: 24px;

  }

  .navbar .navbar-brand .phone {

    font-size: 18px;

  }

  footer .f-disclaimer {

    padding-top: 20px;

  }

  footer .logo .name {

    font-size: 32px;

  }

  footer .logo .sub {

    font-size: 22px;

  }

  .launch.fullscreen .home-cell {

    padding-bottom: 55px;

  }

  .launch.fullscreen {

    min-height: 500px;

  }

  .white-header .site-header .navbar .navbar-nav > li + li {

    margin: 0;

  }

  .new-block {

    margin-bottom: 50px;

  }

  .new-block .img-block {

    margin-bottom: 30px;

  }

}

/* Landscape phones and portrait tablets */

@media (max-width: 767px) {

  .navbar > .container .navbar-brand {

    margin-top: 0;

  }

  .site-header .navbar {

    padding-top: 10px;

    padding-bottom: 10px;

  }

  .navbar-collapse {

    border-top: 1px solid transparent;

  }

  .navbar-nav {

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);

  }

  .navbar .navbar-nav > li a,

  .navbar .navbar-nav > li a:focus {

    padding-top: 10px;

    padding-bottom: 10px;

  }

  .navbar .navbar-brand {

    margin-left: 15px;

  }

  .navbar-toggle {

    margin: 0 15px 0 0;

  }

  .callToAction .text {

    text-align: center;

    margin-bottom: 15px;

  }

  .about .progressbars-block {

    padding-top: 40px;

  }

  .progressbars-block .progressbar {

    margin-right: 0;

  }

  h1 {

    font-size: 30px;

    line-height: 30px;

  }

  h2 {

    font-size: 30px;

    line-height: 40px;

  }

  h3 {

    font-size: 20px;

    line-height: 30px;

  }

  .large-title {

    font-size: 40px;

    line-height: 40px;

  }

  .areas-of-practice .area-block {

    margin-bottom: 30px;

  }

  .team-members .team-member {

    margin-bottom: 30px;

  }

  .milestones-list .benefit {

    margin-bottom: 30px;

  }

  .price-container .plan {

    margin-bottom: 30px;

  }

  .price-container .plan.optimal {

    margin-top: 0;

  }

  .price-container .plan .name {

    font-size: 35px;

  }

  .price-container .plan.optimal .name {

    font-size: 45px;

  }

  .price-container .plan .price {

    font-size: 22px;

  }

  .price-container .plan .price span {

    font-size: 40px;

  }

  .price-container .plan .price span small {

    font-size: 30px;

  }

  .price-container .plan .offer-list li {

    font-size: 16px;

  }

  .price-container .plan .offer-list li span.x {

    font-size: 25px;

  }

  footer .contacts {

    margin-top: 20px;

  }

  footer .contacts {

    text-align: left;

  }

  .logos .logo-block {

    margin: 0 50px;

    padding: 15px 0;

  }

  .progressbars-block {

    margin-bottom: 40px;

  }

  .charts {

    text-align: center;

  }

  .areas-of-practice .area-block {

    text-align: center;

  }

  .areas-of-practice .area-block.bottom-line .ico {

    float: none;

  }

  .tabs1 .nav-tabs > li > a {

    padding: 8px 20px;

  }

  .site-header .navbar .navbar-brand {

    margin-left: 15px;

  }

  .navbar .navbar-toggle {

    margin-right: 15px;

  }

  .up-btn {

    font-size: 14px;

    width: 100%;

    max-width: 604px;

  }

  .site-header .top-bar {

    font-size: 12px;

    line-height: 16px;

  }

  .site-header .top-bar .phone {

    float: left;

    margin-left: 0;

  }

  .site-header .navbar .navbar-brand {

    text-align: left;

    white-space: nowrap;

  }

  .site-header .navbar .navbar-brand img {

    float: left;

    margin-right: 10px;

  }

  .site-header .navbar .navbar-brand .name {

    font-size: 20px;

    margin-bottom: 0;

  }

  .launch.fullscreen {

    height: auto;

    min-height: 0;

  }

  .launch .top-block {

    position: static;

  }

  .launch .navbar .navbar-brand {

    float: none;

  }

  .launch .navbar .navbar-brand .logo img {

    margin: 0 auto;

  }

  .accordionBio .panel-collapse {

    padding-left: 0;

    padding-top: 30px;

  }

  footer {

    padding: 20px 0;

  }

  footer .info {

    padding-top: 30px;

    text-align: center;

  }

  footer .copyright {

    padding-top: 20px;

    margin-top: 40px;

  }

  .contacts .contacts-top .feedback {

    padding-top: 0;

  }

  .bio-block,

  .section_parallax_container,

  .faq,

  .contacts .contacts-top {

    padding: 30px 0;

  }

  .accordionBio .bio-nav a {

    padding-top: 15px;

    padding-bottom: 15px;

  }

  .section_parallax_container .areas-of-practice {

    padding-top: 0;

  }

  .welcome {

    padding-top: 30px;

  }

  .launch .navbar {

    margin-bottom: 0;

  }

  .launch .navbar-collapse {

    display: none;

  }

  .launch.fullscreen .home-cell {

    padding: 20px 0;

  }

  .launch .inner {

    background-position: 60% 0;

  }

  .launch .inner:before {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    content: '';

    background: rgba(0, 0, 0, 0.2);

  }

  .launch .navbar .navbar-brand .logo {

    height: 192px;

  }

  .home-cell .title {

    font-size: 24px;

  }

  .welcome img {

    margin: 0 auto;

    display: block;

  }

  .welcome .img-responsive {

    margin-top: 30px;

  }

  .welcome h1,

  .questions-block .title {

    text-align: center;

  }

  .questions-block .title {

    margin-bottom: 20px;

  }

  .site-header .top-bar {

    text-align: center;

    background: #000;

    margin-top: 0;

  }

  .site-header .top-bar .address {

    float: none;

  }

  .site-header .top-bar .phone,

  .site-header .top-bar .email {

    display: inline;

    float: none;

  }

  .site-header .top-bar .email {

    margin-left: 15px;

  }

  .navbar-default .navbar-collapse {

    margin-top: 10px;

  }

  .white-header .site-header .navbar .navbar-nav > li + li {

    margin: 0;

  }

  .new-block {

    margin-bottom: 50px;

  }

  .new-block .img-block {

    margin-bottom: 30px;

  }

}

/* Phones */

@media (max-width: 520px) {

  .home-cell .title {

    display: none;

  }

  .step {

    display: block;

  }

  .step .step-count {

    display: block;

    -webkit-clip-path: none;

    -moz-clip-path: none;

    -o-clip-path: none;

    -ms-clip-path: none;

    clip-path: none;

    width: auto;

    margin: 0;

  }

  .step .step-text {

    padding: 13px;

    display: block;

  }

  footer .copyright {

    text-align: center;

  }

  .about .progressbars-block .chartBlock {

    margin-bottom: 30px;

  }

  .site-header .navbar .navbar-brand img {

    width: 210px;

    margin-top: 5px;

  }

}

@media (max-width: 520px) and (max-height: 320px) {

  .launch .home-links {

    right: 0;

    left: auto;

    width: 76px;

  }

}