/*------------------------------------------------------------------
[Master Stylesheet] 
Version:	1.0
Last change:	25/08/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;
-------------------------------------------------------------------*/

/* Import Fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300,600);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Lora:700);
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

/*------------------------------------------------------------------
[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
	14.1 Map
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[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: #002e5b ;
	width: 100%;
	padding: 10px 0;
}
.language-menu {
	width: auto;
}
.title-menu {
	width:auto;
	float: left;
}
.title-menu p {
	color: #ffffff;
	font-size: 14px;
	float: left;
	margin: 0;
}
.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 > p {
	float: left;
	width: auto;
	color: #fff;
	margin: 0;
}
.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: #dddddd;	
	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: 160px;
	height: 51px;
	background:url(../img/logo.png) no-repeat 0 0;
	margin: 10px 0;
}
.logo a {
	text-indent: -99999px;
	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;
}
/*------------------------------------------------------------------
[6.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(../img/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(../img/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;
	margin-bottom: 130px;
}
 .blue {
 	background: #272838;
 	padding-top: 50px;
 	padding-bottom: 40px;
 }
 .sky_green{
 	background: #62bbc1;
 	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.1);
 	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: #272838;
 	font-family: 'Raleway', sans-serif;
 	font-weight: 700;
 	line-height: 30px;
 }
 .sky_green .con-area p {
 	color: #272838;
 	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;
 }
 
/*------------------------------------------------------------------
[6.2 About Us Section ]
/*------------------------------------------------------------------*/
.about {
	float: left;
	width: 100%;
	margin-bottom: 60px;
}
 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;
 	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: -1;
 	transition: all 0.3s linear;
 	-moz-transition: all 0.3s linear;
 	-webkit-transition: all 0.3s linear;
 }
 .btn-read:hover {
 	color: #fff;
 	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%;
 	transition: all 0.3s linear;
 	-moz-transition: all 0.3s linear;
 	-webkit-transition: all 0.3s linear;
 }
 /*------------------------------------------------------------------
[6.3 Service Section ]
/*------------------------------------------------------------------*/


.thumbnail
{
background: rgba(0, 0, 0, 0) url("../img/service.jpg") no-repeat scroll 50% 50% / cover ;
    border: 8px solid #ef800d;
    border-radius: 0;
    height: 460px;
    margin: 0;
    padding: 50px;
    position: relative;
}
.overlay
{
background-color: rgba(0, 46, 91, 0.8);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.thumbnail > h3
{
	color: #fff;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

 .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: 50px 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: 1px solid #002e5b;
	padding-bottom:20px;
	max-width: 360px;
	 margin-bottom: 20px;
}
.service-detail h4 {
    padding: 7px 0;
}
.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:15px;
	margin-top: 15px;
	height: 265px;
	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%;
}

.service li {
    line-height: 40px;
    list-style: none;
}

/*------------------------------------------------------------------
[6.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: 80px 0 80px 0;
	padding-left: 15px;
}
.ex-outer h3 {
	font-size: 36px;
	margin-bottom: 20px;
}
.tab-descriptions  {
	float: left;
	width: 100%;
	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;
}
.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;
}
.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;
}

/*------------------------------------------------------------------
[6.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 #62bbc1;
	overflow: hidden;
}
.testimonials {
	text-align: center;
}
.border-full {
	position: absolute;
	top: 45%;
	left: 0;
	width: 100%;
	height: 3px;
	background: #67bdc3;
	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; 
}

/*------------------------------------------------------------------
[6.6 Request Call Back Section ]
/*------------------------------------------------------------------*/
.callback {
	float: left;
	width: 100%;
	padding: 35px 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: left;
	margin-bottom: 20px;
}
.white {
	color: #fff;
}
.callback-form {
	float: left;
	width: 100%;
}
.input-block {
	float: left;
	width: 100%;
	margin-bottom: 10px; 
}
.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;
}

/*------------------------------------------------------------------
[6.7 Contact Section ]
/*------------------------------------------------------------------*/
.input-block button {
	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;
}
.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: 50px 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: normal;
	color: #62bbc1;
	font-weight: bold;
}
.common-row-inner a {
	display: inline-block;
	width: auto;
	font-size: 16px;
	color: #62bbc1;
	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;
}

.footer-block h3.newsletter-heading {
	margin-bottom: 20px;
}
.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.dribble i {
	color: #f26798;
}
.f-social a.dribble {
	border-color: #f26798;
}
.f-social a.dribble:after {
	background: #f26798;
}
.f-social a.dribble: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;
}
.footer-block li {
    float: left;
    width: 100%;
}
.footer-block a {
    color: #7c7c7c;
}
/*------------------------------------------------------------------
[4.1 Footer Copyright ]
/*------------------------------------------------------------------*/
.copyright {
	float: left;
	width: 100%;
	padding: 20px 0;
	text-align: center;
	background: #272838;
}
.copyright p {
	float: left;
	width: 100%;
	margin: 0;
	color: #fff;
}
.copyright p a {
	color: #fff;	
}

/*------------------------------------------------------------------
[6.1 Breadcrum ]
/*------------------------------------------------------------------*/
.banner-outer{
	width: 100%;
	position:relative;
	min-height: 300px;
	overflow: hidden;
	margin-bottom: 50px;
}
.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 {
	color: #fff;
	padding: 0 5px;
}
.breadcrum-menu ul li.active a {
	color: #62bbc1;	
}
.breadcrum-menu ul li:after {
	content: "/";
}
.breadcrum-menu ul li:last-child:after {
	display: none;
}
.about_content {
	padding-left: 15px;
}

/*------------------------------------------------------------------
[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;
	padding: 0 15px;
}
.grid-content h3 i {
	display: inline-block;
	margin-left: 20px;
}
.grid-content p {
	padding-top: 5px;
}
.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: -38px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.opnion > h3 {
    text-transform: uppercase;
    color: #fff;
}
.opnion > h3 span {
	color: #62bbc1;
	font-family: "open sans";
}
.history-content .col-md-3 {
	min-height: 265px;
}
.history-content .col-md-3:nth-child(odd) {
	padding-top: 75px;
}
.history-content h3 {
	font-size: 23px;
}
.margin-bottom-60 {
	margin-bottom: 60px;
}
.opnion > p {
    color: #fffbfc;
}

/*------------------------------------------------------------------
[7.1 Service List ]
/*------------------------------------------------------------------*/
.main-services {
	float: left;
	width: 100%;
}
.main-services h2, .swapping h2  {
	margin-bottom: 10px !important;
}
.service-height {
	height: 250px;
}
.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;
	font-size: 16px;
	
}
.service-hover-part.project p {
	text-transform: uppercase;
}
.service-hover-part a.btn-read {
	color: #fff;
	border-color: #fff;
	z-index: 9;
}
.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: 50px;
	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;
}
.content-part.service-sidebar h2 {
	margin-bottom: 10px !important;
}

/*------------------------------------------------------------------
[8.1 Service Detail With Download ]
/*------------------------------------------------------------------*/
.download-border{
	float: left;
	width: 100%;
	border:1px solid #dcdcdc;
	padding: 25px;
}
h5 {
	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;
	font-weight: 600;
}
.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 {
	float: left;
	width: 100%;
	position: relative;
	border:1px solid #e0e0e0;
	margin-bottom: 60px;
	margin-top:0; 
}
.box-menu-part ul{
	display: inline-block;
	width: 100%;
	padding: 0 10px;
	list-style: none;
	margin: 0;
}
.box-menu-part ul li {
	float: left;
	width: 100%;
	border-bottom:1px solid #e0e0e0;	
	padding-left: 40px;
	position: relative;
	z-index: 1;
}
.box-menu-part ul li:last-child {
	border:none;
}
.box-menu-part ul li a {
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	color: #010400;
	padding: 15px 0;
	float: left;
	width: 100%;
}
.box-menu-part ul li.active a , .box-menu-part ul li:hover a , .box-menu-part ul li:focus a {
	color: #62bbc1;
	font-weight: 600;
	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;
}
.box-menu-part ul li:before {
	position: absolute;
	content: "";
	top: 0;
	left: -10px;
	border-left: 
	width: 0; 
	height: 0; 
	border-bottom: 27px solid transparent;
	border-left: 20px solid #62bbc1;
	border-top: 27px solid transparent;
	z-index: 0;
	opacity: 0;
} 
.box-menu-part ul li.active:before , .box-menu-part ul li:hover:before ,  .box-menu-part ul li:focus:before{
	left:-10px;
	opacity: 1;
	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;
}
.download-border.box-menu-part {
	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 {
	float: left;
	width: 100%;
}
.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-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.right-way {
	margin-left: 35px;
}
.content-part.project h4{
	font-size: 18px;
	color: #62bbc1;
	margin-bottom: 10px;
}
.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;
}
.blog-cat-box .blog-content h2 {
	margin-bottom: 10px;
}
.blog-cat-box .blog-content p {
	padding-bottom: 8px;
}
.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;
	color: #6f6f6f;
	font-size: 13px;
	padding: 5px 9px;
	margin-left:10px; 
	border: 1px solid rgba(111, 111, 111, .3);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}
.tag-bar img {
	display: inline-block;
	margin-right: 10px;
}

/*------------------------------------------------------------------
[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 {
	float: left;
	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 {
	float: left;
	width: 100%;
}
.half-bar {
	float: left;
	width: 40%;
	margin-bottom: 10px;
	margin-right: 20px;
}
.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;
	margin-bottom: 5px;
	-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;	
	font-weight: bold;
	-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;
}
.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 {
	float: left;
	color: #6f6f6f;
	font-size: 16px;
	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;
}
.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;
}
.pager-nav ul li.next a , .pager-nav ul li.prev a {
	background: #010400;
	color: #fff;
	border-color: transparent;
}
.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;
	margin: 50px 0; 
}
.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%;
	color: #000000;
	padding:16px  20px 	;
	border:1px solid #e5e5e5;
	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;
	color: #000000;
}
.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;
	font-size: 18px;
	font-weight: bold;
}

.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 ul li a {
	border: none;
}
.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(../img/service-bg.jpg);
}
video { 
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
 	background: url('../../../demosthenes.info/assets/images/polina.html') no-repeat;
 	background-size: cover;
  	transition: 1s opacity;
}
.stopfade { 
   opacity: .5;
}

/*------------------------------------------------------------------
[14. Contact Page ]
/*------------------------------------------------------------------*/
.contact-part h2 {
	margin-bottom: 10px;
}
.contact-part p {
	margin-bottom: 40px;
}
.contact-part .form-outer button {
	font-size: 18px;
}

/*------------------------------------------------------------------
[14.1 Map ]
/*------------------------------------------------------------------*/
.map-outer, #map {
	float: left;
	width: 100%;
	min-height: 500px;
}
.map-outer iframe {
	height: 500px !important;
	width: 100%;
}