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

[Master Stylesheet]



Project:	Ascend - Consulting & Finance WordPress Theme

Version:	1.0

Last change:	01/09/2016

Assigned to:	Galliasoft

Primary use:	Consulting & Finance

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



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

[Color codes]



Background 		:	#ffffff

Content 		:	#6f6f6f

Header h1 to h6 :	#010400

Footer 			:	#7c7c7c



a (standard)	:	#ffffff

a (hover)		:	#62bbc1

a (active)		:	#62bbc1

a (focus)		:	#62bbc1

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



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

[Typography]



Body copy		:	14px/42px Open Sans, Raleway, Lora, Roboto, Montserrat;

Headers			:	14px/42px Open Sans, Raleway, Lora, Roboto, Montserrat;

Input, textarea	:	14px Open Sans, Raleway, Lora, Roboto, Montserrat;

Sidebar heading	:	18px Open Sans, Raleway, Lora, Roboto, Montserrat;

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



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

[Table of contents]



1. Body

2. Typography

3. Header

	3.1. Top Header

	3.2. Navigation

4. Footer

	4.1 Footer Copyright

5. Home Page

	5.1 Slider

	5.2 About Us Section

	5.3 Service Section

	5.4 Our Expert Section

	5.5 Testimonial Secton

	5.6 Request Call Back Section

	5.7 Contact Section

6. About Us Page

	6.1 Breadcrum

	6.2 About Us Section

	6.3 History Section

7. Service Page

	7.1 Service List

8. Service Detail Page

	8.1 Service Detail With Download

	8.2 Tab And Diagrame

9. Service Detail With Sidebar Page

	9.1 Accordion

10. Project List Page

	10.1 Load More Link

11. Project Detail Page

12. Blog Page

	12.1 Read More, Date, Tag And Category

	12.2 Search Box Sidebar

	12.3 Category List Sidebar

	12.4 Social Follow Sidebar

	12.5 Page navigation

13. Blog Detail Page

	13.1 List Comment

	13.2 Replay Comment

14. Contact Page

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



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

[1. Body ]

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



body {

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

	font-size: 14px;	

}



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

[2. Typography ]

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

h1 , h2 , h3 , h4 , h5 ,h6 {

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

 	font-weight: 700;

 	color: #010400;	

 	margin-top: 0;

 	margin-bottom: 0;

 }

h2{

	font-size: 36px;

	line-height: 46px;

	margin-bottom: 20px;

}

h3 {

	font-size: 24px;

	line-height: 34px;

}

a , a:hover , a:focus {

	outline: none;

	text-decoration: none;

}

body p {

	line-height: 24px;

	color: #6f6f6f;

}



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

[3.1 Top Header ]

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

.top_strip{

	float: left;

	background: #010400;

	width: 100%;

	padding: 10px 0;

}

.language-menu {

	width: auto;

}

.title-menu {

	width:auto;

	float: left;

}

.title-menu p {

	color: #7c7c7c;

	font-size: 14px;

	float: left;

	margin: 0px !important;

}

.language-menu ul {

	float: left;

	width: auto;

	padding: 0;

	margin: 0;

}

.language-menu ul li {

	float: left;

	width: auto;

	list-style: none;

	margin-left: 10px;

}

.phone-number{

	width: auto;

	margin-left: 65px;	

}

.phone-number .title-menu p,

.social-menu ul li i {

	font-weight: bold;

}

.phone-number > p {

	float: left;

	width: auto;

	color: #fff;

	margin: 0px !important;

}

.social-menu{

	width: auto;

	margin-left: 35px;

}

.social-menu ul {

	float: left;

	width: auto;

	margin: 0;

	padding: 0;

	list-style: none;

}

.social-menu ul li {

	float: left;

	width: auto;

	margin-left: 26px

}

.social-menu ul li a {

	color: #7c7c7c;	

	font-size: 16px;

	transition: 0.7 all linear ;

	-webkit-transition: 0.7 all linear ;

	-moz-transition: 0.7 all linear ;

}

.social-menu ul li a:hover , .social-menu ul li a:focus , .social-menu ul li a:active {

	color: #fff;

	transition: 0.7 all linear ;

	-webkit-transition: 0.7 all linear ;

	-moz-transition: 0.7 all linear ;

}



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

[3.2 Navigation ]

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

header {

	float: left;

	width: 100%;

	background: #fff;

}

.logo {

	float: left;

	width: 131px;

	height: 33px;

	margin: 19px 0;

}



.logo a {

	float: left;

	width: 100%;

	height: 100%;

	outline: none;

}

.navigation {

	width: auto;

	float: left;

}

.navigation ul {

	float: left;

	width: auto;

	list-style: none;

	margin: 0;

	padding: 0;

}

.navigation ul li {

	padding:25px 0 20px ; 

	margin-right: 30px;

}

.navigation ul li:last-child {

	margin-right: 0;

}

 .navigation ul li,.navigation ul li a {

    display:inline-block;

    text-align:center;

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

    font-weight: 400;

    text-decoration: none;

    color: #6f6f6f;

    text-transform: uppercase;



}

.navigation ul li a:hover , .navigation ul li a:focus , .navigation ul li a:active , .navigation ul li.active > a {

    font-weight:700;

    text-decoration: none;

    color: #010400 !important;

    background:transparent !important;



}

.navigation ul li a:after {

    display:block;

    content:attr(title);

    font-weight:bold;

    height:1px;

    color:transparent;

    overflow:hidden;

    visibility:hidden;

    margin-bottom:-1px;

}

.dropdown-menu{

	left: -10px;

}

.dropdown-menu li a{

	text-align: left !important;

}

.dropdown > a{

	position: relative;

}

.dropdown  > a:before{

	position: absolute;

	right: -10px;

	top: 3px;

	font-family: 'FontAwesome';

	display: inline-block;

	  font: normal normal normal 14px/1 FontAwesome;

	  font-size: inherit;

	  text-rendering: auto;

	  -webkit-font-smoothing: antialiased;

	  -moz-osx-font-smoothing: grayscale;

	  content: "\f0d7";

	}

.dropdown-menu li{

	width: 100%;

}

.dropdown-menu {

	border-radius: 0px;

	background: #fff;

	border: none;

	box-shadow: none;

	min-width: 210px;

	padding: 0;

}

.navigation ul.dropdown-menu li {

	margin-right: 0;

	width: 100%;

	text-align: center;

	padding: 0 10px;

}

.dropdown-menu li a {

	width: 100%;

	border-bottom: 1px solid #e5e5e5;

	padding: 12px 0;

}

.dropdown-menu li a:hover , .dropdown-menu li a:focus {

	background: none;

}



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

[5.1 Slider ]

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

.slider-outer {

	width: 100%;

}

.hidden{

	height: 0;

	width: 0;

	margin:0;

	padding: 0; 

}

.slider-main { 

	float: left;

	width: 100%;

	position: relative;

 } 

 .overlay {

 	position: absolute;

 	width: 100%;

 	top: 0;

 	left: 0;

 	height:100% ;

 	background:rgba(0,0,0,.2);

 	z-index: 1;

 }

 .slider-main .bx-wrapper .bx-controls-direction a {

	height: 100px;

	width: 20px;

	background-color:  #222;

}

.slider-main .bx-wrapper .bx-prev , .slider-main .bx-wrapper .bx-prev:hover , .slider-main .bx-wrapper .bx-prev:focus {

	left: 0;

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

	background-color:  #222;

}

.slider-main .bx-wrapper .bx-next , .slider-main .bx-wrapper .bx-next:hover , .slider-main .bx-wrapper .bx-next:focus  {

	right: 0;

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

	background-color:  #222;

}

.parallax-background {

    height: 120% !important;

    top: -10% !important;

    background-attachment: fixed; 

}

.banner-grid {

	float: left;

	width: 100%;

	position: relative;

	margin-top: -115px;

	z-index: 1;	

}

 .blue {

 	background: #272838;

 	padding-top: 50px;

 	padding-bottom: 40px;

 }

 .sky_green{

 	background:#ff0000;

 	padding-top: 50px;

	padding-bottom: 40px;

 }

 .num-title {

 	float: left;width: 100%;

 	text-align: center;

 }

 .num-title h1 , .year{

 	font-weight: 700;

 	font-size: 100px;

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

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

 }

 .con-area {

	float: left;

	width: 100%;

}

.blue .con-area h2 {

	font-size: 20px;

	color: #fff;

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

 	font-weight: 700;

 	line-height: 30px;

 }

 .blue .con-area p {

 	color: rgba(255,255,255,.6);

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

 	font-weight: 600;

 }

 .blue .con-area p.with_label {

 	color: rgba(255,255,255,1);

 }

 .blue .con-area p.with_label span {

 	color: #62bbc1;

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

 	font-weight: 600;

 }

 .sky_green .con-area h2 {

	font-size: 20px;

	color: #fff;

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

 	font-weight: 700;

 	line-height: 30px;

 }

 .sky_green .con-area p {

 	color: #fff;

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

 	font-weight: 600;

 }

 .sky_green .con-area p.with_label {

 	color: rgba(255,255,255,1);

 }

 .sky_green .con-area p.with_label span {

 	color: #272838;

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

 	font-weight: 600;

 }

 .map-outer{

	float: left;

	width: 100%;

	min-height: 500px;

}

.map-outer iframe {

	height: 500px !important;

width: 100%;

}



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

[5.2 About Us Section ]

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

.about {

	float: left;

	width: 100%;

	margin-bottom: 115px;

}

 img {

 	max-width: 100%;

 }

 .about_content p {

 	margin-bottom: 30px;

 }

 .btn-read {

 	float: left;

 	width: 117px;

 	height: 30px;

 	line-height: 30px;

 	border:1px solid #010400;

 	position: relative;

 	text-align: center;

 	color: #010400;

 	text-decoration: none;

 	z-index: 1;

 	transition: all 0.3s linear;

 	-moz-transition: all 0.3s linear;

 	-webkit-transition: all 0.3s linear;

 }

 .btn-read:before {

 	height: 100%;

 	width: 3px;

 	position: absolute;

 	top: 0;

 	left: 0;

 	background: #010400;

 	content:"";

 	z-index: 0;

 	transition: all 0.3s linear;

 	-moz-transition: all 0.3s linear;

 	-webkit-transition: all 0.3s linear;

 }

 .btn-read:hover {

 	color: #ffffff;

 	text-decoration: none;

 	transition: all 0.3s linear;

 	-moz-transition: all 0.3s linear;

 	-webkit-transition: all 0.3s linear;

 }

 .btn-read:hover:before {

 	width: 100%;

 	z-index: -1;

 	transition: all 0.3s linear;

 	-moz-transition: all 0.3s linear;

 	-webkit-transition: all 0.3s linear;

 }

 



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

[5.3 Service Section ]

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

 .services {



 	position: relative;

 	float: left;

 	width: 100%;

 	overflow: hidden;

 }

 .background-image-holder {

    background-position: 50% 50% !important;

    background-size: cover !important;

    height: 100%;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 0;

}

.overlay.white{

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

}

.border-box{

	position: relative;

	z-index: 1;

	padding: 0;

	float: left;

	width: 100%;

}

.service-box {

	float: left;

	width: 100%;

	margin-top: 50px;

	position: relative;

}

.service-detail {

	position: relative;

	float: left;

	width: auto;

	padding-left: 30px;

	margin-left: 46px;

	border-left: 1px dashed rgba(182,179,183,.2);

	padding-bottom:45px;

	max-width: 265px;

}

.service-box:after {

	position: absolute;

	bottom: 0;

	left: 0;

	width:100%;

	height: 1px;

	border-top: 1px dashed rgba(182,179,183,.2);

	content: "";

}	

.service-box.space-remove {

	margin: 0;

}

.service-box.space-remove:after {

	display: none;

}

.service-box.space-remove .service-detail {

	padding-bottom: 0;

	padding-top: 45px;

}



.services  p {

	color: #6f6f6f;

}

.pr-grid {

	float: left;

	width: 100%;

}

.grid-box  {

	margin-bottom:30px;

	height: 375px;

	overflow: hidden;

}

.grid-image {

	float: left;

	width: 100%;

	position: relative;

	transition: all 0.7s ease;

 	-moz-transition: all 0.7s ease;

 	-webkit-transition: all 0.7s ease;

 	height: 100%;

 }

.grid-image .hover-section {

	position: absolute;



	width: 0;

	height: 0;

	border:20px solid transparent;

	top: 50%;

	left: 50%;



	transition: all 0.7s ease;

 	-moz-transition: all 0.7s ease;

 	-webkit-transition: all 0.7s ease;

 }

.bg-round {

	background:rgba(98,187,193,.9);

	width: 100%;

	height: 100%;

	border-radius: 100%;

	transition: all 0.3s ease;

 	-moz-transition: all 0.3s ease;

 	-webkit-transition: all 0.3s ease;

 	opacity: 0;

 }

.grid-image:hover .hover-section  {

	height: 100%;

	width: 100%;

	transition: all 0.7s ease;

 	-moz-transition: all 0.7s ease;

 	-webkit-transition: all 0.7s ease;

 	top: 0;

	left: 0;

}

.grid-image:hover .hover-section .bg-round{

	border-radius: 0;

	transition: all 0.3s ease;

 	-moz-transition: all 0.3s ease;

 	-webkit-transition: all 0.3s ease;

 	opacity: 1;

 }

.bg-round i.fa{

	color: #fff;

	font-size: 36px;

	display: inherit;	

	text-align: center;

	vertical-align: middle;

	position: relative;

	top: 44%;

}



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

[5.4 Our Expert Section ]

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

.our-expert {

	float: left;

	width: 100%;

	position: relative;

	overflow: hidden;	

	background: #272838;

}

.exp-img-part {

	min-height: 570px;

	float: left;

	width: 100%;

	position: relative;

}

.padding-less {

	padding: 0;

	position: absolute;

	left: 0;

	top: 0;

}

.hot {

	height: 500px;

}

.white-text * {

	color: #fff;

}

.ex-outer {

	float: left;

	width: 100%;

	padding: 0 0 0 0;

}

.ex-outer h3 {

	font-size: 36px;

	margin-bottom: 20px;

}

.tab-descriptions  {

	float: left;

	width: 97%;

	border: 1px solid rgba(182,179,183,0.2);

	padding: 25px;

	display: none;

}

.tab-descriptions.active {

	display: block;

}

.expert-personal {

	float: left;

	width: 100%;

}

.hover-blue {

	margin: 0;

	transition: all 0.3s linear;

	-webkit-transition: all 0.3s linear;

	-moz-transition: all 0.3s linear;

	-o-transition: all 0.3s linear;

}

.white-text .social-menu.hover-blue ul li a:hover , .white-text .social-menu.hover-blue ul li a:hover i  {

	color: #62bbc1 !important;

	transition: all 0.3s linear;

	-webkit-transition: all 0.3s linear;

	-moz-transition: all 0.3s linear;

	-o-transition: all 0.3s linear;

}

.social-menu.hover-blue ul li:first-child {

	margin: 0;

}

.person-detail {

	float: left;

	width: 100%;

	padding-left: 3px;

}

.person-detail h4 {

	margin-bottom: 5px;

	margin-top: 5px;

	color: #ffffff;

}

.person-txt {

	float: left;

	width: 100%;

	margin-top: 16px;

}

.person-txt p {

	color: #fffbfc;

}

.ex-tabs-menu {

	float: left;

	width: 100%;

	margin-top: 20px;

}

.ex-tabs-menu ul {

	float: left;

	width: 100%;	

	padding: 0;

	margin: 0;

}

ul.our-expert-social li a {

	color: #ffffff;

}

ul.our-expert-social li a:hover {

	color: #62bbc1 !important;

	transition: all 0.3s linear;

	-webkit-transition: all 0.3s linear;

	-moz-transition: all 0.3s linear;

	-o-transition: all 0.3s linear;

}

.ex-tabs-menu ul li {

	float: left;

	width: auto;

	list-style: none;

}

.ex-tabs-menu ul li a {

	float: left;

	width: auto;

	font-size: 16px;

	color: #fffbfc;

	border: 1px solid rgba(182,179,183,0.2);

	padding: 6px 15px;

	margin: 0 10px 10px 0;

	transition: all 0.3s linear;

	-webkit-transition: all 0.3s linear;

	-moz-transition: all 0.3s linear;

	-o-transition: all 0.3s linear;

}

.ex-tabs-menu ul li.active a {

	color: #62bbc1;

	border-color: #467681;

}

.ex-tabs-menu ul li a:hover {

	text-decoration: none;

	transition: all 0.3s linear;

	-webkit-transition: all 0.3s linear;

	-moz-transition: all 0.3s linear;

	-o-transition: all 0.3s linear;

	color: #62bbc1;

	border-color: #467681;

}

.ex-tabs-menu ul li:last-child a {

	margin: 0;

}

.icon-bar {

	background: #222;

}



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

[5.5 Testimonial Secton ]

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

.testimonial-slide-outer {

	float: left;

	width: 100%;

}

.testimonial-slide-outer > h2 {

	margin-bottom: 50px;

}

.testimonial-slide-outer 	.bx-wrapper .bx-pager.bx-default-pager a {

	background:#67bdc3;

	width: 20px;

    height: 3px;

    border-radius: 0;

}

.testimonial-slide-outer .bx-wrapper .bx-pager.bx-default-pager a:hover, .testimonial-slide-outer .bx-wrapper .bx-pager.bx-default-pager a.active {

	background :#2e2f3e;

}

.testimonial-block {

	float: left;

	width: 100%;

	text-align: center;

}

.t-img-part {

	float: left;

	width: 100%;

	position: relative;

}

.t-img-part span {

	display: inline-block;

	width: 107px;

	height: 107px;

	border: 3px solid #da2050;

	overflow: hidden;

}

.testimonials {

	text-align: center;

}

.border-full {

	position: absolute;

	top: 45%;

	left: 0;

	width: 100%;

	height: 3px;

	background: #da2050;

	z-index: -1;

}

.t-text-part {

	float: left;

	width: 100%;

	position: relative;

	padding: 0 60px;

	margin-top:20px; 

}

.t-text-part span.quotation {

	position: absolute;

	top: -110px;

	left: 20px;

	font-size: 150px;

	color: #62bbc1;

	font-family: 'Lora', serif;

	opacity: 0.2;

}

.t-text-part p {

	float: left;

	width: 100%;

	color: #6f6f6f;

	text-align: left;

}

.t-text-part i {

	float: right;

	width: auto;

	font-size: 14px;

	color: #6f6f6f;

	margin-top:20px;

	font-weight: bold;

	text-align: right; 

}



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

[5.6 Request Call Back Section ]

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

.callback {

	float: left;

	width: 100%;

	padding: 80px 0;

	position: relative;

}

.overlay.blue {

	background: rgba(39,40,56,0.9);

}

.callback-inner {

	float: left;

	width: 100%;

	z-index: 1;

	position: relative;

}

.callback-inner h2 {

	width: 100%;

	text-align: center;

	margin-bottom: 40px;

}

.white {

	color: #fff;

}

.callback-form {

	float: left;

	width: 100%;

}

.input-block {

	float: left;

	width: 100%;

	margin-bottom: 10px; 

}



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

[5.7 Contact Section ]

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

.input-block input , .input-block textarea {

	float: left;

	width: 100%;

	font-size: 14px;

	padding: 13px 20px;

	background: none;

	border: 1px solid rgba(124,124,124,0.3);

}

.input-block textarea {

	height: 230px;

	resize: none;

}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */

    opacity:  1;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

   opacity:  1;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

   opacity:  1;

}

:-ms-input-placeholder { /* Internet Explorer 10-11 */

   color:    #ffffff;

}

.input-block button, .comment-form .form-submit .submit {

	float: left;

	width: 100%;

	font-size: 24px;

	background: #62bbc1;

	border: none;

	text-align: center;

	padding: 10px 0;

	position: relative;

	z-index: 0;

	text-transform: uppercase;

} 

.comment-form .form-submit .submit {

	background: #62bbc1 none repeat scroll 0 0;

    border: medium none;

    float: left;

    font-size: 24px;

    padding: 10px 0;

    position: relative;

    text-align: center;

    text-transform: uppercase;

    width: 100%;

    z-index: 0;

    transition: all 0.3s linear;

}

.comment-form .form-submit .submit:hover{

	color: #62bbc1;

 	text-decoration: none;

	background: #e7e7e7 none repeat scroll 0 0;

}

.input-block button:before {

 	height: 100%;

 	width: 0;

 	position: absolute;

 	top: 0;

 	left: 0;

 	background: #fff;

 	content:"";

 	z-index: -1;

 	transition: all 0.3s linear;

 	-moz-transition: all 0.3s linear;

 	-webkit-transition: all 0.3s linear;

 }

 .input-block button:hover, .newsletter .input-block button:hover {

 	color: #62bbc1;

 	text-decoration: none;

 	transition: all 0.3s linear;

 	-moz-transition: all 0.3s linear;

 	-webkit-transition: all 0.3s linear;

 }

 .input-block button:hover:before {

 	width: 100%;

 	transition: all 0.3s linear;

 	-moz-transition: all 0.3s linear;

 	-webkit-transition: all 0.3s linear;

 }

 .common-row {

	float: left;

	width: 100%;

	padding: 130px 0;

}

.common-row-inner {

	float: left;

	width: 100%;

	text-align: center;

}

.common-row-inner span {

	display: inline-block;

	width: 100px;

	height: 100px;

	text-align: center;

}

.common-row-inner h3 {

	float: left;

	width: 100%;

	font-size: 30px;

	line-height: 40px;

	color: #272838;

	margin-bottom: 15px;

}

.common-row-inner p {

	float: left;

	width: 100%;

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

	color: #6f6f6f;

	font-size: 16px;

}

.common-row-inner p b {

	font-weight: bold;

	color: #da2050;

}

.common-row-inner a {

	display: inline-block;

	width: auto;

	font-size: 16px;

	color: #ff0000;

	font-weight: bold;

}

.common-row-inner a:hover {

	text-decoration: none;

}

.row-icn-part {

	float: left;

	width: 100%;

}



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

[4. Footer ]

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

footer {

	float: left;

	width: 100%;

	background: #010400;	

}

.footer-inner {

	float: left;

	width: 100%;

	padding: 60px 0;

}

.footer-block {

	float: left;

	width: 100%;

}

.footer-block a {

	float: left;

	width: auto;

	margin: 0 0 24px 0;

}

.footer-block p {

	color: #7c7c7c;

	width: 100%;

	float: left;

}

.footer-block h3 {

	margin-bottom: 26px;

	color: #fff;

}

.newsletter {

	float: left;

	width: 100%;

}

.newsletter .input-block input {

	color: #7c7c7c;

}

.newsletter .input-block button {

	color: #fff;

}

.f-social {

	float: left;

	width: 100%;

}

.f-social a {

	float: left;

	width: 100%;

	font-size: 14px;

	color: #7c7c7c;

	padding: 11px 18px;

	border: 1px solid #fe9900;

	line-height: 30px;

	margin-bottom: 10px;

	position: relative;

	z-index: 1;

	transition: all 0.3s linear 0s;

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

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

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

}

.f-social a:hover , .f-social a:hover i {

	color: #fff;

	transition: all 0.3s linear 0s;

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

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

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

}

.f-social a.skype:hover i {

	color: #fff;

}

.f-social a:after {

	background: #fe9900 none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    transition: all 0.3s linear 0s;

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

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

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

    width: 0;

    z-index: -1;

}

.f-social a:hover:after {

	transition: all 0.3s linear 0s;

    width: 100%;

}

.f-social a:hover {

	text-decoration: none;

}

.f-social a i {

	margin-right: 18px;

	font-size: 30px;

	color: #fe9900;

	float: left;

}

.f-social a.skype i {

	color: #00aff0;

}

.f-social a.skype:after {

	background: #00aff0;

}

.f-social a.skype {

	border-color: #00aff0;

}

.f-social a.dribbble i {

	color: #f26798;

}

.f-social a.dribbble {

	border-color: #f26798;

}

.f-social a.dribbble:after {

	background: #f26798;

}

.f-social a.dribbble:hover i {

	color: #fff;

}

.f-social a.facebook i {

	color: #3765a3;

}

.f-social a.facebook {

	border-color: #3765a3;	

}

.f-social a.facebook:after {

	background: #3765a3;

}

.f-social a.facebook:hover i {

	color: #fff;

}

.f-social a.skype:hover i {

	color: #fff;

}

.f-social a.twitter i {

	color: #42c0fb;

}

.f-social a.twitter {

	border-color: #42c0fb;	

}

.f-social a.twitter:after {

	background: #42c0fb;

}

.f-social a.twitter:hover i {

	color: #fff;

}

.f-social a.google i {

	color: #d34836;

}

.f-social a.google {

	border-color: #d34836;	

}

.f-social a.google:after {

	background: #d34836;

}

.f-social a.google:hover i {

	color: #fff;

}

.f-social a.pinterest i {

	color: #cb2027;

}

.f-social a.pinterest {

	border-color: #cb2027;	

}

.f-social a.pinterest:after {

	background: #cb2027;

}

.f-social a.pinterest:hover i {

	color: #fff;

}

.f-social a.youtube i {

	color: #bb0000;

}

.f-social a.youtube {

	border-color: #bb0000;	

}

.f-social a.youtube:after {

	background: #bb0000;

}

.f-social a.youtube:hover i {

	color: #fff;

}

.f-social a.vimeo i {

	color: #aad450;

}

.f-social a.vimeo {

	border-color: #aad450;	

}

.f-social a.vimeo:after {

	background: #aad450;

}

.f-social a.vimeo:hover i {

	color: #fff;

}

.f-social a.linkedin i {

	color: #007bb6;

}

.f-social a.linkedin {

	border-color: #007bb6;	

}

.f-social a.linkedin:after {

	background: #007bb6;

}

.f-social a.linkedin:hover i {

	color: #fff;

}

.f-social a.instagram i {

	color: #517fa4;

}

.f-social a.instagram {

	border-color: #517fa4;	

}

.f-social a.instagram:after {

	background: #517fa4;

}

.f-social a.instagram:hover i {

	color: #fff;

}

.f-social a.flickr i {

	color: #ff0084;

}

.f-social a.flickr {

	border-color: #ff0084;	

}

.f-social a.flickr:after {

	background: #ff0084;

}

.f-social a.flickr:hover i {

	color: #fff;

}

.f-social a.reddit i {

	color: #ff4500;

}

.f-social a.reddit {

	border-color: #ff4500;	

}

.f-social a.reddit:after {

	background: #ff4500;

}

.f-social a.reddit:hover i {

	color: #fff;

}

.f-social a.tumblr i {

	color: #32506d;

}

.f-social a.tumblr {

	border-color: #32506d;	

}

.f-social a.tumblr:after {

	background: #32506d;

}

.f-social a.tumblr:hover i {

	color: #fff;

}

.copyright {

	float: left;

	width: 100%;

	padding: 20px 0;

	text-align: center;

	background: #272838;

}



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

[4.1 Footer Copyright ]

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

.copyright p {

	float: left;

	width: 100%;

	margin: 0 !important;

	color: #fff;

}

.copyright p a {

	color: #ffffff;	

}



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

[6.1 Breadcrum ]

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

.banner-outer{

	width: 100%;

	position:relative;

	min-height: 300px;

	overflow: hidden;

	margin-bottom: 130px;

}

.heading-box {

	float: left;

	width: 100%;

	text-align: center;

	position: relative;

	z-index: 1;

}

.heading-box h2  {

	color: #fff;

	margin-bottom:0; 

}

.breadcrum-menu {

	float: left;

	width: 100%;

	text-align: center;

}

.breadcrum-menu ul {

	list-style: none;

	padding: 0;

	margin: 0;

	display: inline-block;

}

.breadcrum-menu ul li {

	float: left;

	width: auto;

	position: relative;

	color: #fff;

}

.breadcrum-menu ul li a {

	text-transform: uppercase;

	color: #fff;

	padding: 0 5px;

}

.breadcrum-menu ul li.active a {

	color: #62bbc1;	

}

.breadcrum-menu ul li:after {

	content: "/";

}

.breadcrum-menu.breadcrum-archive ul li:after {

	content: "";	

}

.breadcrum-menu ul li:last-child:after {

	display: none;

}



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

[6.2 About Us Section ]

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

.about_content > h2 {

	margin-bottom: 6px;

	margin-top: -10px;

}

.image-hoder {

	position: relative;

	min-height: 300px;

	overflow: hidden;

}

.about_content p{

	color: #6f6f6f;

}

.grid-content {

	float: left;

	width:100%;

	text-align: center;

}

.grid-content h3 i {

	display: inline-block;

	margin-left: 20px;

}

.outer-margin-15-top {

	float: left;

	margin-top: 15px;

}



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

[6.3 History Section ]

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

.history {

	float: left;

	width: 100%;

	position: relative;

	overflow: hidden;

	padding: 100px 0;

}

.history-content {

	float: left;

	width: 100%;

	position: relative;

	z-index: 1;

}

.align-center {

	text-align:center;

}

.opnion {

    float: left;

    margin-top: -55px;

    position: relative;

    width: 100%;

	z-index: 1;
	
	color: #fff;

}

.opnion > h3 {

    text-transform: uppercase;

    color: #fff;

}

.opnion > h3 strong {

	color: #ff0000;

}

.history-content .align-center {

	min-height: 325px;

}

.history-content .align-center:nth-child(odd) {

	padding-top: 75px;

}

.margin-bottom-60 {

	margin-bottom: 60px;

}

.opnion > p {

    color: #fffbfc;

}



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

[7.1 Service List ]

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

.main-services {



	float: left;

	width: 100%;

}

.service-height {

	height: 300px;

}

.service-hover-part {

	position: absolute;

	top: 84%;

	left: 0;

	width: 100%;

	height: 100%;



	background: rgba(39,40,56,0.95);

	transition: all 0.5s ease-in-out;

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

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

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

}

.inner-part {

	float: left;

	width: 100%;

	padding-left: 30px;

}

.grid-image .service-hover-part h3 {

	float: left;

	width: 100%;

	font-size: 24px;

	color: #fff;

	margin: 0 0 9px 0;

	padding: 6px 0;

	text-align: center;

	transition: all 0.5s ease-in-out;

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

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

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

}

.service-hover-part p {

	color: #fffbfc;

	margin: 0 15px 15px 0;

}

.service-hover-part a.btn-read {

	color: #fff;

	border-color: #fff;

	z-index: 9;

	margin-top: 10px;

	line-height: 27px;

}

.service-hover-part a.btn-read:hover {

	color: #010400;

}

.service-hover-part a.btn-read:before {

	background: #fff;

	z-index: -1;

}

.grid-image:hover .service-hover-part {

	top: 0;

	padding-top: 27px;

	transition: all 0.5s ease-in-out;

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

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

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

}

.grid-image:hover .service-hover-part h3 {

	padding-left: 30px;

	text-align: left;

	transition: all 0.5s ease-in-out;

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

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

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

	margin-left: 0;

}



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

[8.1 Service Detail With Download ]

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

.download-border{

	float: left;

	width: 100%;

	border:1px solid #dcdcdc;

	padding: 18px 8px !important;

}

.download-border .max-title.max-title4 h1 {

	font-size: 18px;

}

.download-border h5 {

	margin-bottom: 30px;

}

.doc-btn {

	width: 100%;

	display: inline-block;

	border:1px solid #dcdcdc;

	text-align: center;

	margin: 5px 0;

	padding: 12px 0;

	color: #6f6f6f;

	transition: all 0.5s ease-in-out;

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

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

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

}

.doc-btn i {

	display: inline-block;

	margin-right: 10px;

}

.doc-btn:hover {

	color: #010400;

	border-color: #010400;

	transition: all 0.5s ease-in-out;

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

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

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

}

.common-space {

	margin-bottom: 100px;

}



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

[8.2 Tab And Diagrame ]

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

.right-way {

	float: left;

}

.align-right{

	text-align:right;

}

.business-planning {

	float: left;

	width: 100%;

	position: relative;

	overflow: hidden;

}

.bs-tab-menu ul li a  , .full-tab .nav-tabs > li > a{

	font-size: 14px;

	color: #6f6f6f;

	border: 1px solid #7c7c7c;

	border-radius: 2px;

	margin: 0 18px 0 0;

	padding: 5px 26px;

}

.full-tab .nav-tabs > li:last-child > a {

	margin: 0 0;

}

.full-tab .nav-tabs{

	border-bottom: 0;

}

.bs-tab-menu ul li.active a , .bs-tab-menu ul li a:hover , .full-tab .nav-tabs > li.active > a, .full-tab .nav-tabs > li > a:hover, .full-tab .nav-tabs > li > a:focus {

	color: #010400;

	border-color: #7c7c7c;

	background: none;

}

.full-tab .tab-content ,.bs-tab-inner {

	float: left;

	width: 100%;

	border: 1px solid #7c7c7c;

	border-radius: 2PX;

	margin-top: 10px;

	padding: 28px;

}

.plan {

    float: left;

    width: 100%;

}



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

[9. Tab And Diagrame ]

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

.box-menu-part div.vc_tta-tabs-container {

	float: left !important;

	width: 33.33% !important;

	position: relative !important;

	border:1px solid #e0e0e0 !important;

	margin-bottom: 60px !important;

	margin-top:0 !important;		

}

.box-menu-part div.vc_tta-panels-container {

	width: 66.66% !important;		

}	

.box-menu-part div.vc_tta-tabs-container ul{

	display: inline-block !important;

	width: 100% !important;

	padding: 0 10px !important;

	list-style: none !important;

	margin: 0 !important;

}

.box-menu-part div.vc_tta-tabs-container ul li {

	float: left !important;

	width: 100% !important;

	border-bottom:1px solid #e0e0e0 !important;

	padding-left: 40px !important;

	position: relative !important;

	z-index: 1 !important;

}

.box-menu-part div.vc_tta-tabs-container ul li:last-child {

	border:none !important;

}

.box-menu-part div.vc_tta-tabs-container ul li a {

	font-size: 18px !important;

	font-family: 'Raleway', sans-serif !important;

	font-weight: 700 !important;

	color: #010400 !important;

	padding: 25px 0 !important;

	float: left !important;

	width: 100% !important;

	background: none !important;

	border: none !important;

}

.box-menu-part .vc_tta-panels-container {

	border: none !important;

}

.box-menu-part div.vc_tta-tabs-container ul li.vc_active a , .box-menu-part div.vc_tta-tabs-container ul li:hover a , .box-menu-part div.vc_tta-tabs-container ul li:focus a {

	color: #62bbc1 !important;

	transition: all 0.8s ease-in-out !important;

	-webkit-transition: all 0.8s ease-in-out !important;

	-moz-transition: all 0.8s ease-in-out !important;

	-o-transition: all 0.8s ease-in-out !important;

}

.box-menu-part div.vc_tta-tabs-container ul li:before {

	position: absolute !important;

	content: "" !important;

	top: 0 !important;

	left: -10px !important;

	width: 0 !important;

	height: 0 !important; 

	border-bottom: 39px solid transparent !important;

	border-left: 21px solid #62bbc1 !important;

	border-top: 39px solid transparent !important;

	z-index: 0 !important;

	opacity: 0 !important;

} 

.box-menu-part div.vc_tta-tabs-container ul li.vc_active:before , .box-menu-part div.vc_tta-tabs-container ul li:hover:before ,  .box-menu-part div.vc_tta-tabs-container ul li:focus:before{

	left:-10px !important;

	opacity: 1 !important;

	transition: all 0.8s ease-in-out !important;

	-webkit-transition: all 0.8s ease-in-out !important;

	-moz-transition: all 0.8s ease-in-out !important;

	-o-transition: all 0.8s ease-in-out !important;

}

.download-border.box-menu-part div.vc_tta-tabs-container {

	padding-left: 65px;

	padding-right	: 65px;

}

.content-part.marg > h2 {

    margin-bottom: 0;

    margin-top: -10px;

}

.full-tab .bs-tab-menu ul li a {

	padding-left: 25px;

	padding-right: 25px;

}

.common-spacer {

	margin-bottom: 55px;

	float: left;

}



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

[9.1 Accordion ]

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

.accordian-custom {

	float: left;

	width: 100%;

}

.accordian-custom .panel-heading {

	border-color: #eeeeee;

	background-color: #fff;

	border-radius: 0px;

	padding: 0;

}

.accordian-custom .panel-group .panel {

    border-bottom: 0 none;

    border-radius: 0;

    margin-top: 0;

}

.panel-default > .panel-heading + .panel-collapse > .panel-body{

	border-top: none;

}

.accordian-custom .panel-group .panel span {

    border-right: 1px solid #eeeeee;

    color: #272838;

    font-size: 16px;

    height: 60px;

    line-height: 60px;

    margin-right: 10px;

    text-align: center;    

    width: 60px;

}

.accordian-custom .panel-group .panel .accordion-toggle.active span {

	border-bottom: 1px solid #eeeeee;

}

.accordian-custom .accordion-toggle {

	color:#010400;

}

.accordian-custom .accordion-toggle.active {

	color: #62bbc1;

}

.panel-body {

	padding-top: 45px;

	padding-left: 55px;

	padding-right: 55px;

	padding-bottom: 38px;

}



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

[10. Project List Page ]

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

section {

	clear: both !important;

}

.grid-image .service-hover-part.project {

	padding-top: 0;

	top: 100%;

	text-align: center;

}

.grid-image:hover .service-hover-part.project {

	top: 0; 

} 

.grid-box.right-way {

	padding: 0;

	margin: 0;

}

.grid-image:hover .service-hover-part.project h3{

	font-size: 30px;

	line-height: 40px;

	color: #fff;

	text-align: center;

}

.grid-image:hover .service-hover-part.project p {

	font-size: 16px;

	text-transform: uppercase;

	margin-bottom: 0px;

}

.grid-box.project-masonry-item {

	height: auto;

	margin: 0;

	padding: 0;

}



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

[10.1 Load More Link ]

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

.load-more {

	color: #010400;

	font-size: 18px;

	font-weight: 700;

	transition: all 0.8s ease-in-out;

	-webkit-transition: all 0.8s ease-in-out;

	-moz-transition: all 0.8s ease-in-out;

	-o-transition: all 0.8s ease-in-out;



}

.load-more:hover , .load-more:focus {

	color: #60BCC2;

	transition: all 0.8s ease-in-out;

	-webkit-transition: all 0.8s ease-in-out;

	-moz-transition: all 0.8s ease-in-out;

	-o-transition: all 0.8s ease-in-out;

}

.pull-left.align-center {

	width: 100%;

	margin-top: 200px;

}



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

[11. Project Detail Page ]

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

.content-part.project h4{

	font-size: 18px;

	color: #62bbc1;

}

.content-part.project h2 {

	font-size: 30px;

}

.content-part.project p span {

	color: #010400;

}



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

[12. Blog Page ]

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

.blog-cat-box {

	float: left;

	width: 100%;

	margin-bottom: 80px;

}

.source-box {

	float: left;

	width: 100%;

	position: relative;

	margin-bottom: 25px;

}



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

[12.1 Read More, Date, Tag And Category ]

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

.tags {

	width: auto;

}

.tag-bar {

	float: left;

	width: auto;

	border: 1px solid rgba(111, 111, 111, 0.3);

	color: #6f6f6f;

	font-size: 13px;

	padding: 5px 9px;

	margin-left:10px; 

}

.tag-bar img {

	display: inline-block;

	margin-right: 10px;

}

.tag-bar a {

	color: #6f6f6f;

}



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

[12.2 Search Box Sidebar ]

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

.search-box {

	float: left;

	width: 100%;

}

.search-box h5{

	float: left;

	font-size: 18px;

	margin-bottom: 15px;

}

.form-out {

	clear: both;

	float: left;

	font-size: 14px;

	padding:5px 20px ;

	min-width: 270px;

	border:1px solid #e5e5e5;

	margin: 10px 0;

}

.blue-bt {

	width: 100%;

	text-align: center;

	line-height: 30px;

	height: 30px;

	width: 100px;

	background: #08bbb7;

	color: #fff;

	border:none;

}



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

[12.3 Category List Sidebar ]

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

.category-list {

	float: left;

	width: 100%;

	margin-top: 60px;

	max-width: 270px;

	margin-bottom: 60px;

}

.category-list ul {

	float: left;

	width: 100%;

	list-style: none;

	margin: 0;

	padding: 0;

}

.category-list ul li {

	float: left;

	width: 100%;

	margin-bottom: 5px;

}

.category-list ul li h5{

	font-size: 14px;

	float: left;

	width: auto;

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

	font-weight: 400;

	margin: 0;

}

.category-list ul li span {

	float: right;

	width: auto;

}

.category-list ul li a{

	color: #6f6f6f;

	font-size: 14px;

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

}

.category-list ul li.active a , .category-list ul li.active a h5 {

	color: #08BBB7;

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

	font-weight: 700;

}

.category-list h5 , .foloow-menu h5 , .tag-menu h5{

	margin-bottom: 20px;

}



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

[12.4 Social Follow Sidebar ]

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

.foloow-menu {

	float: left;

	width: 100%;

	margin-bottom: 60px;

}

.social-bar {.tag-bar

	float: left;

	width: 100%;

}

.half-bar {

	float: left;

	width: 45%;

	margin-bottom: 10px;

	margin-right: 10px;

}

.half-bar .icon-bar {

	background:transparent;

	height: 51px;

	width: 51px;

	border:1px solid #7f7f7f;

	color: #7f7f7f;

	line-height: 51px;

	font-size: 28px;

	text-align: center;

	border-radius: 100%;

	float: left;

	margin-right: 10px;

	-webkit-transition: color 0.4s ease-in-out border-color 0.8s ease;

	-moz-transition: color 0.4s ease-in-out border-color 0.8s ease;

	-o-transition: color 0.4s ease-in-out border-color 0.8s ease;

}

.half-bar:hover .icon-bar{



	-webkit-transition: color 0.8s ease-in-out border-color 0.4s ease;

	-moz-transition: color 0.8s ease-in-out border-color 0.4s ease;

	-o-transition: color 0.8s ease-in-out border-color 0.4s ease;

}

.half-bar:hover .icon-bar.facebook  {

	color: #3a5897;

	border-color: #3a5897;

}

.half-bar:hover .icon-bar.twitter  {

	color: #4D9BCE;

	border-color: #4D9BCE;

}

.half-bar:hover .icon-bar.youtube {

	color: #DE2925;

	border-color: #DE2925;

}

.half-bar:hover .icon-bar.behance {

	color: #131418;

	border-color: #131418;

}

.half-bar:hover .icon-bar.dribbble {



	color: #DF3E7B;

	border-color: #DF3E7B;

}

.follow-content{

	float: left;

	width: auto;

	color: #7f7f7f;

	padding-top: 5px;

}

.follow-content span {

	float: left;

	width: auto;

	clear: both;

}

.tag-menu {

	float: left;

	width: 100%;

}

.list-of-tag a {

	float: left;

	width: auto;

	color: #6f6f6f;

	margin-right: 20px;

	-webkit-transition: all 0.8s ease-in-out;

	-moz-transition: all 0.8s ease-in-out;

	-o-transition: all 0.8s ease-in-out;

}

.list-of-tag a:hover , .list-of-tag a:focus , .list-of-tag a.active {

	color: #62bbc1;	

	-webkit-transition: all 0.8s ease-in-out;

	-moz-transition: all 0.8s ease-in-out;

	-o-transition: all 0.8s ease-in-out;

}



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

[12.5 Page navigation ]

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

.pad-outer-left {

	padding-left: 45px;

}

.pad-outer-right {

	padding-right: 45px;

}

.pager-nav {

	float: left;

	width: 100%;

}

.pager-nav ul {

	float: left;

	width: auto;

	padding:0;

	margin: 0; 

	list-style: none;

}

.pager-nav ul li {

	float: left;

	width: auto;

	margin-right: 10px;

}

.pager-nav ul li a,

.pager-nav ul li span {

	float: left;

	font-size: 16px;

	color: #6f6f6f;

	width: 30px;

	height: 30px;

	border:1px solid #e7e7e7;

	text-align: center;

	line-height: 30px;

	border-radius: 3px;

	-webkit-transition: all 0.8s ease-in-out;

	-moz-transition: all 0.8s ease-in-out;

	-o-transition: all 0.8s ease-in-out;

}

.page-numbers.current, .pager-nav ul li.active a , .pager-nav ul li a:hover , .pager-nav ul li a:focus , .pager-nav ul li a:active  {

	background:#62bbc1;

	color: #fff;

	border-color:transparent;

	-webkit-transition: all 0.8s ease-in-out;

	-moz-transition: all 0.8s ease-in-out;

	-o-transition: all 0.8s ease-in-out;

}

.next.page-numbers, .prev.page-numbers {

	background: #010400;

	color: #fff;

	border-color: transparent;

	font-weight: bold;

	font-size: 18px;

}

.pager-nav ul li.prev.disabled {

	display: none;

}



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

[13. Blog Detail Page ]

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

.quato {

	float: left;

	width: 100%;

	padding-left: 25px;

}

.quato-inner {

	float: left;

	width: 100%;

	padding-left: 32px;

	position: relative;		

}

.quato-inner:before {

	position: absolute;

	width:5px;

	height: 100%;

	content: "";

	left: 0;

	top: 0;

	background: #08bbb7;

}

.tags-import {

	float: left;

	width: auto;

}

.tags-import h6 {

	float: left;

	width: auto;

	color: #3a3a3a;

	font-size: 14px;

	margin: 0 5px 0 0;

	line-height: 24px;

}

.tags-import a {

	color: #6f6f6f;

	font-size: 14px;

	margin: 0 2px;

	position: relative;

	float: left;

	line-height: 24px;

}

.tags-import a:hover , .tags-import a:focus , .tags-import a.active {

	color: #62BBC1;

}

.tags-import a:after {

	content:",";

}

.tags-import a:last-child:after{

	display: none;

}



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

[13.1 List Comment ]

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

.direction {

	color: #010400;

	font-size: 14px;

}

.direction:hover , .direction:active , .direction:focus , .reply:hover , .reply:focus , .reply:active { 

	color: #62BBC1;	

}

.comment h3 span {

	color: #62BBC1;	

}

.profile-im{

	float: left;

	width: 100px;

	height: 100px;

	border-radius: 100%;

}

.comment-box {

	float: left;

	width: 100%;

	margin: 20px 0;

}

.tit-box p , .tit-box h4{

	color:#010400 

}

.tit-box h4 {

	font-size: 16px;

}

.tit-box p {

	font-size: 13px;

}



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

[13.2 Replay Comment ]

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

.reply {

	float: left;

	width: auto;

	color: #010400;

	line-height: 24px;

}

.reply i {

	float: left;

	margin-right: 5px;

	line-height: 24px;

}

.txt {

	float: left;

	width: 100%;

	padding:16px  20px 	;

	border:1px solid #e5e5e5;

	color: #000000;

	font-size: 14px;

	-webkit-transition: all 0.8s ease-in-out;

	-moz-transition: all 0.8s ease-in-out;

	-o-transition: all 0.8s ease-in-out;

}

.pad-right {

	padding-right: 0;

	margin-bottom: 10px;

}

textarea.txt {

	height: 185px;

	resize: none;

	overflow-y: auto;

}

.txt:focus {

	border-color:#62BBC1;

	-webkit-transition: all 0.8s ease-in-out;

	-moz-transition: all 0.8s ease-in-out;

	-o-transition: all 0.8s ease-in-out;

}

.comment-entry {

	float: left;

	width: 100%;

	margin-top: 70px;

}

.comment-entry .input-block button {

	color: #fff;

}



.comment-entry .input-block button:hover , .align-center.input-block button:hover {

	color: #62BBC1;

}

.comment-entry .input-block button:before , .align-center.input-block button:before{

	background:#e7e7e7;

}

.align-center.input-block button {

	max-width: 270px;

	float: none;

	text-align: center;

	color: #fff;

	font-weight: 700;

}

.col-md-8 .maintab-descriptions {

    display: none;

    float: left;

    border: none;

    padding: 0;

}

.col-md-8 .maintab-descriptions.active {

    display: block;

    float: left;

    border: none;

    padding: 0;

}

.box-menu-part.ex-tabs-menu div ul li a {

	border: none !important;

}

.video-bg {

	float: left;

	width: 100%;

	height: 600px;

	position: relative;

	overflow: hidden;

}

.full-height-sec {

	position: relative;

	overflow: hidden;

}

.element-with-video-bg {

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

}

video { 

    position: absolute;

    top: 50%;

    left: 50%;

    min-width: 100%;

    min-height: 100%;

    width: auto;

    height: auto;	    

    transform: translateX(-50%) translateY(-50%);

 	background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat;

  	background-size: cover;

  	transition: 1s opacity;

}

.stopfade { 

   opacity: .5;

}



.vc_tta-tabs-container{

	height: 100%;

}



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

[14. Contact Page ]

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

.wpcf7-form .align-center.input-block button {

	font-size: 18px !important;
	background: #ff0000;

}

.wpcf7-form .align-center.input-block button:hover{
	color: #ff0000;
}

.search-form .form-out {

	padding: 5px 10px;

}



.source-box .wpb_gallery .wpb_flexslider .flex-control-nav {

	top: 90%;

}



.error-404.not-found {

	margin: 150px 0px 100px 0px;

}