/* ==============================================
@Author: Inventive Templates
@URL: http://inventivetemplates.com

Styles contents are outlined below
 
1. Default Styles
2. Short Codes & Form Elements
3. Top Head Styles
4. Bootstrap Navbar
5. For Mega Menu
6. Banner
7. Features
8. Features_2 & Features_3
9. Home_block 2 & 3
10. Counters
11. Services
12. Workprocess
13. Model Box
14. Gallery
15. News & Blog items
16. Testimonials
17. Team
18. Subscribe
19. Clients
20. Contact Us
21. Map
22. Footer
23. Sidebar
24. Accordion
25. Pricing
26. 404
27. Breadcrumb
28. waypoints
29. Buy_now
	
Responsive Styles
30. Mobile and Tablet Screen
31. Mobile Screen
32. Tablet and Desktop Screen
33. Tablet Screen
34. Desktop Screen
35. Desktop and Large Desktop Screen
36. Large Desktop Screen
37. Custom Screens
	
Animations
38. Animations
=============================================== */

/* ==============================================
Default Styles
=============================================== */
a, a:hover, a:focus, a:active {
	text-decoration: none;
	outline: none !important;
}
ul, ol {
	padding: 0;
	margin: 0;
}
ul li, ol li {
	list-style-type: none;
}
/* ==============================================
Default Styles
=============================================== */
@import url(http://fonts.googleapis.com/css?family=Exo:400,700,800,900);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);
@import url(http://fonts.googleapis.com/css?family=Roboto:300,300italic,400,400italic,700,700italic&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900);

body {
    font-family: 'Raleway', sans-serif;
}

.wrapper {
}
p {
	color: #666;
}
h1, h2, h3 {
	font-weight: 200;
}
h1 strong, h2 strong, h3 strong {
	font-weight: 600;
}
h1, h2, h3 {
	text-transform: uppercase;
}
h1 {
	margin: 50px 0;
	font-size: 50px;
}
h2 {
	margin: 40px 0;
	font-size: 35px;
}
h3 {
	margin: 25px 0;
	font-size: 22px;
}
h4, p {
	margin: 15px 0;
	color: #FFF;
}
h2 .fa {
	position: relative;
	top: -1px;
}
/* ==============================================
Short Codes & Form Elements
=============================================== */
.form-group label, .table > thead > tr > th {
	text-transform: uppercase;
	font-weight: normal;
}
.table-bordered > thead > tr > td, .table-bordered > thead > tr > th, .table > thead > tr > th {
	border-bottom: none;
}
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	background: #56B5F6;
}
input.form-control, textarea.form-control {
	border-radius: 0;
}
.form-control:focus {
	box-shadow: none;
	border: 1px solid #AAA;
}
.btn {
	margin: 5px;
}

.btn-default.style_2, .btn-default.style_3 {
	border: none;
}
.btn-default.style_2 {
	border: 1px solid #222;
	color: #222;
}
.btn-default.style_2:hover, .btn-default.style_2:focus {
	color: #FFF;
	border-color: #FFF;
}



.btn-default:hover, .btn-default:focus, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active, .btn-default:active:focus, .btn-default:active:hover {
	background: #085B93;
	color: #FFF;
}





pricing table
.btn-1{
	margin: 5px;
	border: 1px solid #222;
	background: #FFF;
	color: #222;
}

.btn-1:hover, .btn-1:focus, .btn-1.active.focus, .btn-1.active:focus, .btn-1.active:hover, .btn-1.focus:active, .btn-1:active:focus, .btn-1:active:hover {
	background:#085B93;
}


.btn-default.style_2.2{
	margin: 5px;
	border: 1px solid #222;
	background: #FFF;
	color: #222;
}

.btn-2:hover, .btn-2:focus, .btn-2.active.focus, .btn-2.active:focus, .btn-2.active:hover, .btn-2.focus:active, .btn-2:active:focus, .btn-2:active:hover {
	background:#0b78c1;
}

.btn-default.style_2.3{
	margin: 5px;
	border: 1px solid #222;
	background: #FFF;
	color: #222;
}

.btn-3:hover, .btn-3:focus, .btn-3.active.focus, .btn-3.active:focus, .btn-3.active:hover, .btn-3.focus:active, .btn-3:active:focus, .btn-3:active:hover {
	background-color:#0e96f1;
}

.btn-4{
	margin: 5px;
	border: 1px solid #222;
	background: #FFF;
	color: #222;
}

.btn-4:hover, .btn-4:focus, .btn-1.active.focus, .btn-4.active:focus, .btn-4.active:hover, .btn-4.focus:active, .btn-4:active:focus, .btn-4:active:hover {
	background:#56b5f6;
}


.btn-5{
	margin: 5px;
	border: 1px solid #222;
	background: #FFF;
	color: #222;
}

.btn-5:hover, .btn-5:focus, .btn-5.active.focus, .btn-5.active:focus, .btn-5.active:hover, .btn-5.focus:active, .btn-5:active:focus, .btn-5:active:hover {
	background:#86caf9;
}

.btn-6{
	margin: 5px;
	border: 1px solid #222;
	background: #FFF;
	color: #222;
}

.btn-6:hover, .btn-6:focus, .btn-6.active.focus, .btn-6.active:focus, .btn-6.active:hover, .btn-6.focus:active, .btn-6:active:focus, .btn-6:active:hover {
	background-color:#b6dffb;
}


 end pricing table

 end table lines
.table_line_even {
background-color:#F00;

	}
	
,table_line_uneven{
	}
 end table lines

.nav-tabs {
	margin: 10px 0;
	border-bottom: none;
}
.nav-tabs, .home_block_1 .tab-content {
	width: 100%;
	max-width: 100%;
}



.nav-tabs > li a:hover {
	cursor: pointer;
}
.nav-tabs > li.active a, .nav-tabs > li.active a:hover, .nav-tabs > li.active a:focus, .nav-tabs >, .nav-tabs > li a:hover, .nav-tabs > li a:focus {
	background: none;
	border: none;
	color:#56b5f6;
	font-weight:200;
}
.nav-tabs > li > a {
	color: #56b5f6;
	text-align: center;
	margin: 0;
	font-size:20px;
}

.nav-tabs > li i:active {
	color: #56b5f6;
	font-size: 20px;
	background: none;
	padding: 0;
	display: inline;
}



.nav-tabs > li h4 {
	margin: 0;
	display: inline;
	padding-left: 10px;
	font-size: 15px;
}
.nav-tabs.style_2 {
	margin: 0;
}
.nav-tabs.style_2 > li.active a, .nav-tabs.style_2 > li.active a:hover, .nav-tabs.style_2 > li.active a:focus {
	background:#fff;
}
.tab-content.style_2 {
	border: 1px solid #DDD;
	padding: 15px;
}

.tab-pane > p {
	font-size:25px;
	padding:10px;
	color:#fff;
}
.alert-success, .alert-info, .alert-warning, .alert-danger {
	border-color: #222;
}
.progress {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}
.progress-bar {
	box-shadow: 2px -2px 1px rgba(0, 0, 0, 0.5) inset;
}
.animations .row img {
	border: 1px solid #222;
	margin-bottom: 20px;
	padding: 0;
}
.shortcode_sidebar {
}
/* ==============================================
Top Head Styles
=============================================== */
.wrapper > header {
	background: url(../images/background-min.png);
}
.container-fluid {
	padding-left: 0;
	padding-right: 0;
}
.big_block {
	padding: 80px 0;
}
.top_head {
	position: relative;
	line-height: 45px;
	color: #FFF;
	z-index: 99999;
}
.top_head i {
	padding-right: 10px;
}
.top_head span {
	padding-right: 20px;
}
.top_head a {
	color: #FFF;
}
.top_head span:last-child {
	padding-right: 0;
}
.top_head .popover {
	position: relative;
	z-index: 99999999 !important;
	width: 300px;
}
/* ==============================================
Bootstrap Navbar
=============================================== */
.navbar-default {
	border: none;
	z-index: 1004;
	margin-bottom: 0;
	background: rgba(0,0,0,0);
	text-transform: uppercase;

}
.navbar-default .navbar-nav > li > a {
	margin: 5px;
	font-weight: bold;
	
}
.navbar-header {
	position: relative;
	z-index: 99999;
}
.navbar-default a.navbar-brand {
	font-size: 35px;
	color: #FFF;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	background: none;
}

.navbar-default .navbar-nav > li > a, .navbar-default .dropdown-menu > li a, .navbar-default .dropdown-menu .dropdown-menu > li a {
	color: #fff;
	background: none;
}





.navbar-default .dropdown-menu > li a {
	padding: 7px 20px;
	color:#fff;
}


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
	background: none;
	color: #fff;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .dropdown-menu > li a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
	color: #56B5F6;
}

.navbar-default .dropdown-menu {
	background: #1F69A4;
	padding: 15px 0;
}

.navbar-nav > li.dropdown li.dropdown > a::before {
	content: '\f105';
	font-family: FontAwesome;
	position: absolute;
	right: 15px;
	top: 5px;
	font-size: 16px;
	color: #666;
}
/* ==============================================
For Mega Menu
=============================================== */
.collapse.navbar-collapse {
	position: relative;
	z-index: 10000;
	
}
.nav > li.mega_drop_down {
	position: static;
}
.dropdown-menu.mega-menu {
	position: absolute;
	width: 100%;
	right: 0 !important;
	left: inherit !important;
	padding: 15px 10px 20px 10px;
	text-transform: uppercase;
}
.mega-menu li li a {
	padding: 3px 20px;
	display: block;
}
.mega-menu .nav-header {
	font-size: 16px;
	color: #CCC;
	padding: 3px 20px;
}
/* ==============================================
Banner
=============================================== */
.slider {
	overflow: hidden;
	background: #222;
	height: 1000px;
}
.slider .parallax_bann {
	background: url(../images/slider_pic_2.jpg) top center fixed;
	position: relative;
	height: 100%;
}
.slider .banner .banner_bg {
	width: 100%;
}
.video_container {
	position: relative;
	width: 100%;
	background: #000;
	opacity: .7;
}
.video_container video {
	width: 100%;
	height: auto;
	display: block;
}
.video_container .video_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.2);
}
.slider .banner {
	position: relative;
}
.slider .banner .bann_caption, .owl-carousel .bann_caption {
	z-index: 10;
	position: absolute;
	top: 350px;
	width: 100%;
	text-align: center;
}
.bann_caption {
	color: #FFF;
}
.bann_caption h2 {
	font-size: 60px;
	font-weight: 200;
}
.bann_caption h3 {
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
	margin-bottom: 50px;
}
.bann_caption a {
	margin: 0 20px;
	width: 180px;
	height: 45px;
	line-height: 45px;
	padding: 0;
	font-size: 18px;
	position: relative;
	border-radius: 0;
	border: none;
}
.bann_caption .btn-default.style_2, .carousel-caption .btn-default.style_2 {
	border: 1px solid #FFF;
	background: rgba(255,255,255,.2);
	color: #FFF;
}
.owl_slider, .blog_items .owl-carousel, #blog_carousel {
	background: #222;
}
#blog_carousel {
	margin-bottom: 40px;
}
.owl-theme .owl-controls {
	height: 0;
	margin-top: 0;
}
.owl_slider .owl-theme .owl-controls .owl-pagination {
	position: relative;
	top: -80px;
}
.owl-theme .owl-controls .owl-buttons {
	position: absolute;
	top: calc(50% - 20px);
	width: 100%;
}
.owl-theme .owl-controls .owl-buttons > div {
	background: none;
	border-radius: 0;
	margin: 0;
	position: relative;
	color: rgba(0,0,0,0);
}
.owl-theme .owl-controls .owl-buttons > div.owl-prev {
	float: left;
}
.owl-theme .owl-controls .owl-buttons > div.owl-next {
	float: right;
}
.owl-theme .owl-controls .owl-buttons div {
	opacity: 1;
}
.owl-theme .owl-controls .owl-buttons > div.owl-prev::before, .owl-theme .owl-controls .owl-buttons > div.owl-next::before {
	font-family: FontAwesome;
	position: absolute;
	top: 0;
	opacity: 1;
	padding: 10px 15px;
	border: 1px solid #fff;
	font-size: 30px;
	color: #fff;
}

.dark > .owl-theme .owl-controls .owl-buttons > div.owl-prev::before, .dark > .owl-theme .owl-controls .owl-buttons > div.owl-next::before {
	font-family: FontAwesome;
	position: absolute;
	top: 0;
	opacity: 1;
	padding: 10px 15px;
	border: 1px solid #000;
	font-size: 30px;
	color: #000;
}

.owl-theme .owl-controls .owl-buttons > div.owl-prev::before {
	content: '\f104';
	left: 0px;
	border-left: 0;
}
.owl-theme .owl-controls .owl-buttons > div.owl-next::before {
	content: '\f105';
	right: 0px;
	border-right: 0;
}
/* ==============================================
Features
=============================================== */
.pull_down {
	text-indent: -9999px;
}
.description {
	text-align: center;
	border-bottom: 1px solid #EEE;
}
.description h2 {
	margin-top: 30px;
}
.description p {
	font-size: 18px;
	line-height: 30px;
}
.description p span {
	font-size: 30px;
	color: #888;
	position: relative;
	top: 6px;
}
.features {
	border-bottom: 1px solid #EEE;
	
}
.features > div > div {
	border-left: 1px solid #EEE;
}
.features > div div:nth-child(1) {
	border-left: none !important;
}
.features .block {
	position: relative;
	text-align: center;
	padding: 30px 0;
    height: 140px;
}

.features .block span {
	color: #222;
    font-size: 18px;
}

.features .block:hover {
	background-color: #ddd;   
}

.features i {
	font-size: 50px;
	height: 50px;
	line-height: 50px;
	color: #085B93;
}
.features .block h4 {
	color: #222;
	font-size: 25px;
	font-weight: bold;
}

.features .block p {
	color: #333;
	clear: both;
}

/* ==============================================
Features_2 & Features_3
=============================================== */
.features_2 .block, .features_3 .block {
	margin: 30px 0;
	padding: 15px;
	position: relative;
	background: #f6f6f6;
	text-align: center;
}
.features_2 .block {
	text-align: center;
}
.features_2 .block::after {
	border-image: none;
	border-style: solid;
	border-width: 15px;
	content: " ";
	height: 0;
	left: 50%;
	pointer-events: none;
	position: absolute;
	width: 0;
	margin-left: -15px;
}
.features_2 .block::after {
	border-color: #f6f6f6 rgba(250, 249, 249, 0) rgba(250, 249, 249, 0) rgba(250, 249, 249, 0);
	margin-bottom: -30px;
	bottom: 0;
}
.features_2 .block.style_2::after {
	border-color: rgba(250, 249, 249, 0) rgba(250, 249, 249, 0) #f6f6f6 rgba(250, 249, 249, 0);
	top: 0;
	margin-top: -30px;
}
.features_2 .block p {
	text-align: center;
}
.features_2 .block h3, .features_3 .block h3 {
	color: #333;
	font-size: 20px;
}
.features_2 .block h3 {
	margin: 10px 0;
}
.features_2 i {
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 30px;
}
.features_2 .icon {
	text-align: center;
	width: 50px;
	height: 50px;
	margin: 10px auto;
	position: relative;
}
.features_2 img {
	margin: 20px auto;
}
.features_2 h3.pull-right::before, .features_3 h3.pull-right::before {
	right: 0;
}
.features_2 p, .features_3 p {
	clear: both;
	text-align: justify;
}
.features_2 .icon::before, .features_3 .icon::before {
	background: #EFEFEF;
}
.features_3 .block::after {
	border-image: none;
	border-style: solid;
	border-width: 15px;
	content: " ";
	height: 0;
	margin-top: -15px;
	pointer-events: none;
	position: absolute;
	top: 50%;
	width: 0;
}
.features_3 .block::after {
	border-color: rgba(250, 249, 249, 0) rgba(250, 249, 249, 0) rgba(250, 249, 249, 0) #f6f6f6;
	left: 100%;
}
.features_3 .block.style_2::after {
	border-color: rgba(250, 249, 249, 0) #f6f6f6 rgba(250, 249, 249, 0) rgba(250, 249, 249, 0);
	left: inherit;
	right: 100%;
}
.features_3 i {
	width: 70px;
	height: 70px;
	line-height: 70px;
	font-size: 30px;
}
.features_3 .icon {
	text-align: center;
	width: 70px;
	height: 70px;
	position: relative;
}
.features_3 img {
	margin: 0 auto;
}
.features_3 h3 {
	font-weight: normal;
	margin-top: 25px;
}
/* ==============================================
Home_block 2 & 3
=============================================== */
.home_block_1 {
	background: url(../images/about_us.jpg) top center fixed;
}
.home_block_2 {
	background: url(../images/about_us.jpg) top center fixed;
}
.home_block_1 .container-fluid > div, .home_block_2 .container-fluid > div {
	background: rgba(255,255,255,.85);
}
.home_block_1 p {
	color: #333;
	margin: 0;
}
.home_block_1 .btn-default {
	margin-right: 20px;
}
.list {
	padding-left: 30px;
	margin: 20px 0;
}
.list li {
	list-style-type: upper-roman;
	line-height: 30px;
	padding-left: 10px;
}
/* ==============================================
Counters
=============================================== */
.counters {
	color: #222;
	text-align: center;
	padding: 70px 0 100px 0;
}
.counters.style_2 {
	color: #FFF;
	background: #222;
}
.counters h2 {
	height: 70px;
	clear: both;
	margin-bottom: 50px;
}
.counters .row {
	clear: both;
}
.counters h3 {
	clear: both;
	margin-top: 30px;
}
.counter {
	display: inline-block;
	color:#fff;
	font-size: 50px;
	line-height: 45px;
	padding: 10px;
	background: #222;
}

/* ==============================================
container
=============================================== */

/*
.container > .row > .col-md-5 > p {
	color:#222;
	font-size:24px;}

.container > .row > .col-md-1 > p {
	color:#222;
	font-size:24px;}
	
.container > .row >	col-sm-9 > p{
	font-size:24px;
	}
.container > .row >	col-md-9 > p{
    color:#222;
	font-size:24px;
	}
	
*/	


/* ==============================================
Services
=============================================== */
.service_bg {
	background: url(../images/background-min.png) top center fixed;
}
.service_bg > div > div {
	/*padding: 0;*/
}
.service_bg > div > div.services_title {
	color: #FFF;
}
.service_bg > div > div.services_title.pull-right {
	right: 0;
}
.services {
	background-color:url(../images/background-min.png) top center fixed;
	/*background: url(../images/services_1.jpg) top center fixed;*/
}
.services.style_2 {
	background: url(../images/services_2.jpg) top center fixed;
}
.services {
	text-align: center;
}
.services > div {
	padding: 0;
}
.services > div:nth-child(2n+1) {
	background: rgba(0,0,0,.3);
	font-size: x-large;
}
.services > div a {
	display: block;
	padding: 80px 20px;
	color: #FFF;
    height: 350px;
}
.services > div i {
	font-size: 40px;
}
.services > div p {
	color: #FFF;
	font-size: 16px;
}
/* ==============================================
Workprocess
=============================================== */
.workprocess > div {
	background: rgba(255,255,255,.9);
}
.workprocess .container > .row > div, .workprocess .container-fluid > div {
	padding: 0;
}
.workprocess .block {
	text-align: center;
}
.workprocess .block h3 {
	color: #333;
}
.workprocess .block h3, .workprocess .block p {
	padding: 0 20px;
}
.workprocess .block i {
	font-size: 20px;
}
.workprocess .icon {
	position: relative;
}
.workprocess .icon > div {
	text-align: center;
	height: 80px;
	padding: 38px 0;
}
.workprocess .icon i {
	font-size: 40px;
	line-height: 80px;
	width: 80px;
	height: 80px;
	background: #222;
	color: #FFF;
	border-radius: 50%;
	position: relative;
}
/* ==============================================
Model Box
=============================================== */
.modal-header {
	background: #222;
}
.modal-dialog img {
	padding: 5px;
	border: 1px solid #EFEFEF;
}
.modal-content button.close {
	text-shadow: none;
	opacity: 1;
	font-size: 25px;
	font-weight: 300;
}
.modal-footer .btn + .btn {
	margin: 5px;
}
/* ==============================================
Gallery
=============================================== */
.client_details {
	margin-bottom: 30px;
}
.client_details ul li strong {
	width: 100px;
	line-height: 30px;
	display: inline-block;
}
/* ==============================================
News & Blog items
=============================================== */
.news .block, .blog_items .block {
	overflow: hidden;
	padding: 0;
	width: 100%;
	height: 100%;
	position: relative;
	margin-bottom: 20px;
}
.news .block .pic {
	margin: 20px 0;
}
.news .block .pic a, .blog_items .block .pic a {
	display: block;
	overflow: hidden;
	border: 1px solid #333;
}
.news .block img, .blog_items .block img {
	top: 0;
	position: relative;
}
.news .block:hover img {
	transform: scale(1.15, 1.15) rotate(-5deg); 
}

.blog_items .block .item:hover img {
	transform: scale(1.15, 1.15) rotate(-5deg); 
}


.blog_items.style_2 .block:hover img {
	transform: scale(1, 1) rotate(0);
}
.blog_items.style_2 .block .pic:hover img {
	transform: scale(1.15, 1.15) rotate(-4deg);
}
.news .block em {
	color: #666;
}
.news .block p, .blog_items .block p {
	margin: 10px 0 15px 0;
	clear: both;
}
.blog_items.style_2 .block {
	padding-bottom: 20px;
	margin-left:20%;
}
.blog_items .block .owl-carousel {
	border: 1px solid #333;
	
}
.blog_items .block h3 {
	margin: 20px 0;
}
.blog_items .block .pic {
	position: relative;
}
.blog_items .block .pic .popup-gallery {
	content: '\f065';
	font-family: FontAwesome;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 100%;
	background: rgba(0,0,0,.5);
	z-index: 99;
	font-size: 30px;
	color: #FFF;
	opacity: 0;
}
.blog_items .block .pic:hover .popup-gallery {
	opacity: 1;
}
.blog_items .block .pic .popup-gallery a {
	border: none;
	position: relative;
	top: 50%;
	color: #333;
}
.blog_items .block .blog_cat li {
	float: left;
	padding-right: 10px;
	padding-bottom: 15px;
}
.blog_items .block .blog_cat li a {
	color: #222;
}
.blog_items .block .blog_cat li i {
	font-size: 16px;
	padding-right: 5px;
}
.blog_items .block .date {
	background: #222;
	color: #EEE;
	padding: 10px;
	text-align: center;
}
.blog_items .date li:nth-child(1) {
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
}
.blog_items .date li:nth-child(2) {
	font-size: 20px;
	text-transform: capitalize;
	line-height: 30px;
}
.blog_items .block .date li {
	display: inline-block;
	margin: 0 5px;
	line-height: 30px;
}
.blog_items .block .date.style_2 li {
	display: block;
}
.side_bar {
	margin: 120px 0;
}
.search {
	padding-bottom: 40px;
}
.search .btn {
	margin: 0;
}
.search.top_search {
	margin: 40px 0;
}
.search > div {
	padding: 0;
}
.search > div > .form-control {
	width: calc(100% - 10px);
}
.widget {
	margin-bottom: 30px;
}
.widget > h3 {
	margin-bottom: 20px;
}
.widget-body > li {
	padding-bottom: 20px;
}
.widget-body h4 {
	margin-top: 0;
	margin-bottom: 5px;
}
.widget-body .posts img{
	margin-bottom:5px;
}
.posts .blog_cat li {
	float: left;
	padding-left: 5px;
	color: #666;
}
.widget-body li a {
	color: #333;
}
.categories li {
	border-bottom: 1px dashed #999;
}
.categories li a {
	padding: 10px;
	color: #666;
	display: block;
	font-size: 15px;
}
.categories li a:hover {
	padding-left: 20px;
}
.tags a {
	color: #333;
	border: 1px solid #222;
	padding: 5px 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	display: inline-block;
}
.side_bar.style_2 {
	margin: 30px 0 0;
}
.side_bar.style_2 .posts .blog_cat li {
	color: #CCC;
}
.side_bar.style_2 .tags a {
	border: 1px solid #999;
	color: #DDD;
}
.comments {
	padding: 50px 0 80px 0;
	background: #EEE;
}
.comment > img {
	width: 60px;
	float: left;
	border-radius: 5px;
	border: 1px solid #222;
}
.comment > div {
	padding-left: 20px;
	float: left;
	width: calc(100% - 70px);
}
.comment > div h4 {
	margin: 0;
}
.comment > div p {
	border-bottom: 1px dashed #CCC;
	margin-bottom: 25px;
	padding-bottom: 10px;
	color: #666;
	clear: both;
}
.comment > div i {
	padding-right: 5px;
}
.comment > div a {
	padding-left: 10px;
	color: #666;
}
.side_bar.style_2 .widget-body li a {
	color: #DDD;
}
/* ==============================================
 Testimonials
=============================================== */
.testimonials {
	background-color:#ddd;
	/*padding: 120px 0;*/
	color: #000;
	text-align: center;
}
#test_carousel {
	position: relative;
}
#test_carousel .item .details {
	display: block;
	width: 100%;
	height: auto;
}
.testimonials p {
	color: #222;
	font-size: 18px;
	line-height: 30px;
}
.testimonials p span {
	font-size: 30px;
	position: relative;
	top: 6px;
}
.testimonials img {
	border-radius: 50%;
	margin: 15px 0;
}
.testimonials .owl-theme .owl-controls {
	margin-top: 30px;
}
.testimonials .owl-theme .owl-controls .owl-page span {
	border-color: #999;
}
/* ==============================================
Team
=============================================== */
.team .block {
	overflow: hidden;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}
.team .block div {
	position: relative;
	overflow: hidden;
}
.team .block img {
	border: 1px solid #222;
}
.team .block div .team-social {
	position: absolute;
	height: 75px;
	bottom: -75px;
	width: 100%;
}
.team .block .details {
	background: #f6f6f6;
	color: #333;
}
.team .block:hover .details {
	background: #222;
	color: #FFF;
}
.team .block .details h4 {
	padding-bottom: 10px;
}
.team .block:hover .team-social {
	bottom: 0;
}
.team-social ul {
	padding-top: 20px;
}
.team-social ul li {
	display: inline-block;
	height: 30px;
	font-size: 20px;
	padding: 0 5px;
}
.team-social ul li:nth-child {
	padding-top: 30px;
}
.team-social ul li i {
	color: #FFF;
	padding: 7px;
	width: 34px;
	height: 34px;
	border: 1px solid #222;
}
/* ==============================================
Subscribe
=============================================== */
.subscribe {
	background: #222;
	color: #FFF;
}
.subscribe .form-inline {
	margin: 38px 0;
}
.subscribe input.form-control {
	height: 40px;
	background: none;
	color: #999;
	margin-right: 20px;
}
.subscribe a.btn-default {
	height: 40px;
	line-height: 28px;
	font-size: 18px;
	text-transform: uppercase;
}

/* ==============================================
Clients
=============================================== */
.clients .owl-carousel {
	padding: 12px 0;
}
.clients .item {
	text-align: center;
	margin: 5px 5px;
	padding: 0px 0px;
	border: 0px double #222;
}
.clients .item a {
	display: block;
	width: 200px;
	height: 90px;
	margin: 0 auto;
}
.clients .item img {
	opacity: 1;
	height: 90px;
	width:100%;
}
.clients .item a:hover img {
	opacity: .5;
}
/* ==============================================
Contact Us
=============================================== */
.contact {
	color: #000;
}
.contact_info {
	font-size: 16px;
}
.contact_info ul {
	margin: 50px 0 30px 0;
}
.contact_info li {
	line-height: 40px;
	font-size: 16px;
}
.contact_info li i {
	width: 50px;
	font-size: 25px;
}
.contact_info li a, .contact_info p {
	color: #000;
}

.contact_info a {
	color: #000;
}

.contact .form-group {
	margin-bottom: 25px;
}
.contact form > div:last-child .form-group {
	margin-bottom: 0;
}
.contact label {
	font-size: 18px;
	text-transform: uppercase;
	color: #FFF;
}
.contact input.form-control {
	height: 40px;
}
.contact .form-control {
	background: none;
	color: #CCC;
}

.contact .btn-default {
	height: 40px;
	line-height: 28px;
	font-size: 18px;
	text-transform: uppercase;
}

.contact .btn-default {
	background: #222;
}
/* ==============================================
Map
=============================================== */
#map {
	display: block;
	height: 600px;
	margin: 0 auto;
}
.overlay {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 60px;
	line-height: 80px;
	opacity: 0.8;
	background: #4477aa;
	border: solid 3px #336699;
	border-radius: 4px;
	box-shadow: 2px 2px 10px #333;
	text-shadow: 1px 1px 1px #666;
	padding: 0 4px;
}
.overlay_arrow {
	left: 50%;
	margin-left: -16px;
	width: 0;
	height: 0;
	position: absolute;
}
.overlay_arrow.above {
	bottom: -15px;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 16px solid #336699;
}
.overlay_arrow.below {
	top: -15px;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-bottom: 16px solid #336699;
}
/* ==============================================
Footer
=============================================== */
.wrapper > footer {
    padding-top: 80px;
    padding-bottom: 40px;
	background: #82C8F9 url(../images/background-footer-min.png) top center fixed;
	color: #000;
}
.wrapper > footer h3 {
	margin-bottom: 20px;
}
.social_icons a i {
	font-size: 20px;
	border: 1px solid #000;
	text-align: center;
	width: 35px;
	height: 35px;
	line-height: 35px;
	margin: 10px 10px 20px 10px;
	color: #000;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.social_icons a:first-child i {
	margin-left: 0;
}
footer .social_icons a i {
	border: 1px solid #000;
	color: #000;
}
.wrapper > footer hr {
	border-color: #000;
}
.wrapper > footer p {
	color: #555;
	padding-top: 10px;
}
.foot_nav li {
	display: inline;
	padding: 0 10px;
}
.foot_nav li a {
	color: #000;
}
.foot_nav.style_2 li {
	line-height: 50px;
}
.foot_nav.style_2 li a {
	padding: 10px;
	border: 1px solid #333;
}
/* ==============================================
Sidebar
=============================================== */
.shortcodes_bg > div > div {
	padding: 0;
}
.shortcode_anchor {
	height: 65px;
}
.shortcodes > .panel-default > .panel-heading {
	font-size: 30px;
	font-weight: 200;
	padding: 15px 10px;
	text-transform: uppercase;
	border-bottom: 1px solid #CCC;
	background: #222;
	color: #EEE;

}
.shortcodes > .panel {
	margin-bottom: 0;
	background-color:#222;
}
.shortcodes > .panel > .panel-body {
	background:#222;
	opacity:0.8;
	padding: 15px;
}
.shortcodes .panel-body > h4 {
	margin-top: 20px;
		
	color:#960;
}
.shortcode_sidebar {
	margin-top: 36px;
	position: fixed;
}
.shortcode_sidebar h3 {
	margin-bottom: 10px;
}
.shortcode_sidebar li {
	line-height: 30px;
}
.shortcode_sidebar a {
	color: #666;
	font-size: 16px;
	position: relative;
	margin-left: 20px;
}
.shortcode_sidebar a:focus {
	color: #666;
}
.shortcode_sidebar a::before {
	content: '\f104';
	font-family: FontAwesome;
	position: absolute;
	left: -20px;
	top: -5px;
	font-size: 15px;
}
/* ==============================================
Accordion
=============================================== */
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border: none;
}
.panel-body {
	padding-top: 0;
}
.panel-title {
	font-size: 15px;
	position: relative;
}
.panel-default > .panel-heading {
	background: none;
	font-size:50px;
}
.panel-title > a {
	display: block;
}
.panel-title > a.collapsed {
	color: #333;
}
.panel-title > a::before, .panel-title > a.collapsed::before {
	font-family: FontAwesome;
	font-size: 20px;
	position: absolute;
	color: #222;
	right: 0;
	line-height: 12px;
}
.panel-title > a.collapsed::before {
	content: '\f107';
}
.panel-title > a::before {
	content: '\f106';
}
.panel.panel-default.panel_active .panel-title > a::before, .panel.panel-default.panel_active .panel-title > a.collapsed::before {
	border: 1px solid #085B93;
	color: #085B93;
}
.panel-default {
	border-color: #222;
}
.panel-default > .panel-heading a {
	font-weight: 300;
}
/* ==============================================
 Pricing 
=============================================== */
.pricing_block {
	margin: 40px 0;
}
.pricing {
	text-align: center;
	border: 1px solid #CCC;
	padding: 0 0 10px;
	border-radius: 5px;
	background: #fff;
	margin-right: 10px;
	margin-bottom: 20px;
}
.pricing .head {
	height: 130px;
	background: #222;
	color: #FFF;
	padding: 10px 0 0;
	border-radius: 5px 5px 0 0;
	transition: all .4s ease;
	-moz-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
}

.pricing .head2 {
	height: 130px;
	background:#56B5F6;
	opacity:100%;
	color: #222;
	padding: 10px 0 0;
	border-radius: 5px 5px 0 0;
	transition: all .4s ease;
	-moz-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
}

.pricing .price {
	height: 100px;
	width: 100px;
	margin: 0 auto;
	background: #FFF;
	border-radius: 50px;
	line-height: 90px;
	border: 5px solid #FFF;
	box-shadow: 0 0 1px #222 inset;
	position: relative;
	top: -50px;
	font-size: 18px;
	font-weight: bold;
	transition: color .4s ease, border .4s ease;
	-moz-transition: color .4s ease;
	-webkit-transition: color .4s ease;
	-ms-transition: color .4s ease;
	-o-transition: color .4s ease;
}
.pricing .button, .pricing ul {
	top: -30px;
	position: relative;
}
.pricing ul {
	clear: both;
	margin-top: 20px;
	padding: 20px 0 0;
}
.pricing ul li {
	line-height: 35px;
	border-bottom: 1px groove #666;
	margin: 0 40px;
}
.pricing .btn-default {
	width: 130px;
	margin-top: -40px;
}
/* ==============================================
404
=============================================== */
.four_o_four_error li {
	border: 1px solid #222;
	margin-right: 20px;
	display: inline;
	font-size: 100px;
	line-height: 100px;
}
.four_o_four_error li.no {
	padding: 0 30px 20px 30px;
}
.four_o_four_error li:nth-child(2) {
	font-size: 70px;
	padding: 10px 25px 10px 25px;
}
.four_o_four_error h1 {
	font-size: 50px;
	margin-bottom: 40px;
	padding-top: 20px;
}
.four_o_four_error p {
	color: #333;
}
.four_o_four_error .tags {
	margin-top: 30px;
}
/* ==============================================
Breadcrumb
=============================================== */
.breadcrumb_bg {
	overflow: hidden;
	text-align: center;
	color: #FFF;
	background: url(../images/background-min.png) top center fixed;
	/*background-color:#085B93;*/
	position: relative;
	padding-bottom: 40px;
	padding-top: 40px;
}
.breadcrumb_bg h2 {
	padding: 50px 0 20px 0;
	font-weight: normal;
	font-size: 40px;
	margin: 0;
}
.breadcrumb {
	background: none;
}
.breadcrumb li {
	font-size: 18px;
	color: #FFF;
}
.breadcrumb li.active {
	color: #FFF;
}
.breadcrumb li a {
	font-size: 18px;
}
/* ==============================================
waypoints
=============================================== */
.skills .skill .progress-bar .current-progress .bar {
	background: #085B93;
}

.section_grey {
	color: #000;
	background: url(../images/background-grey-min.png) top center fixed;
}

/* ==============================================
Portfolio categories
=============================================== */
 
ul.portfolio-categ{
	margin:10px 0 30px 0;
	padding:0;
	float:left;
	list-style:none;
}

ul.portfolio-categ li{
margin: 0; 
float: left;
list-style: none;
font-size: 13px;
font-weight: 600;
border: 1px solid #D5D5D5;
margin-right: 15px;
}

ul.portfolio-categ li a{
	display:block;
	padding: 8px 20px;
	color:#353535;
}
ul.portfolio-categ li.active{

border: 1px solid #1891EC;

background-color: #1891EC;

color: #fff !important;
}
ul.portfolio-categ li.active a:hover, ul.portfolio-categ li a:hover,ul.portfolio-categ li a:focus,ul.portfolio-categ li a:active {
	text-decoration:none;
	outline:0; 
}
ul.portfolio-categ li.active a{
color: #fff;}
  #accordion-alt3 .panel-heading h4 {
font-size: 13px;
line-height: 28px;
}



/* ==============================================
Buy_now
=============================================== */
.big_block.buy_now {
	padding: 30px 0 55px 0;
}
.buy_now {
	text-align: center;
}
.buy_now h2, .buy_now h3 {
	margin: 30px 0;
}
.buy_now .btn-default {
	margin: 0 20px;
	width: 180px;
	height: 45px;
	line-height: 45px;
	padding: 0;
	font-size: 18px;
	position: relative;
	border-radius: 0;
	border: none;
	background: #222;
}
/* ==============================================
Mobile and Tablet Screen
=============================================== */
@media screen and (max-width:991px) {
.navbar, .top_head {
	padding: 0 15px;
}
.slider {
	height: auto;
}
.slider .banner .banner_bg {
	height: auto;
	overflow: hidden;
}
.slider .banner .bann_caption, .owl-carousel .bann_caption {
	top: 0;
	position: relative;
	margin: 0 0 50px 0;
	color: #CCC;
}
.bann_caption h2 {
	font-size: 30px;
}
.bann_caption h3 {
	font-size: 22px;
	line-height: 30px;
}
.bann_caption a {
	margin-bottom: 15px;
}
.bann_caption a:hover {
	border: 1px solid #CCC;
}
.slider .banner.parallax_bann .bann_caption {
	margin-bottom: 0;
}
.owl_slider {
	background: #222;
}
.owl_slider .owl-theme .owl-controls {
	top: -30px;
}
.owl-theme .owl-controls .owl-page span {
	background: #444;
}
.home_block_2 .container-fluid > div > div h2.text-right {
	text-align: left;
}
.service_bg > div > div.services_title {
	padding: 20px 50px 50px;
}
.subscribe > .container > div.pull-right {
	float: none !important;
	clear: both !important;
}

.sidebar {
	display: none;
}
.blog_items.pull-right,
.home_block_1 div > div.pull-right,.home_block_2 div > div.pull-right{
	float:none !important;
}
}
/* ==============================================
Mobile Screen
=============================================== */
 .navbar-default .logo-light {
	display: block;
}

.navbar-default .logo-dark {
	display: none;
}

@media screen and (max-width:767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #FFF;
}
.navbar-default .navbar-collapse {
	border-color: #333;
	box-shadow: none;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
	background: none;
}


.home_block_1 .container-fluid > div.col-md-6.col-sm-8.pull-right {
	float: none !important;

}
.dropdown-nested > a:focus,.dropdown-nested > a:active{
	color:#FFF !important;
}

.dropdown-nested > .dropdown-menu li a{
	margin-left:20px;
}

.four_o_four_error li {
	font-size: 70px;
	margin-right: 10px;
}
.four_o_four_error li.no {
	padding: 0 20px 20px 20px;
}
.four_o_four_error li:nth-child(2) {
	font-size: 40px;
	padding: 10px 20px;
}
.blog_items .block,.blog_items.style_2 .block{
	padding-bottom:30px;
	border-bottom:1px dashed #999;
	margin-bottom:30px;
}
.blog_items .btn-default{
	margin-bottom:10px;
}
}
/* ==============================================
Tablet and Desktop Screen
=============================================== */
@media screen and (min-width:768px) {
.navbar-default .navbar-brand {
	line-height: 30px;
}
.navbar-right .dropdown-menu {
	right: auto;
	left: 15px;
	min-width: 200px;
}
.navbar-right .dropdown-menu .dropdown-menu {
	min-width: 120px;
}
.navbar-nav > li.dropdown > .dropdown-menu {
	margin-top: -5px;
	opacity: 0;
}
.navbar-nav > li.dropdown:hover > .dropdown-menu.active {
	display: block;
	color:#fff;
	
}
.navbar-nav > li.dropdown li.dropdown:hover .dropdown-menu {
	display: block;
	position: absolute;
	left: 100%;
	top: -18px;
	background: #282828;
	border-radius: 0;
}
.wrapper > header .navbar-default.sticky {
	position: fixed;
	background:#fff;
	top: 0;
	opacity: 0.8;
	box-shadow: 0 1px 1px rgba(255,255,255,.1);
	-webkit-animation: .3s nav_sticky linear;
	animation: .3s nav_sticky linear;
}



.wrapper > header .navbar-default.sticky .logo-light {
	display: none;
}

.wrapper > header .navbar-default.sticky .logo-dark {
	display: block;
}
.navbar-default.sticky .navbar-nav > li , .navbar-default.sticky .dropdown-menu > li, .navbar-default.sticky .dropdown-menu .dropdown-menu > li {
	color:#000;
	background: none;
}

.navbar-default.sticky .navbar-nav > a, .navbar-default.sticky .dropdown-menu > a, .navbar-default.sticky .dropdown-menu .dropdown-menu > a {
	color:#fff;
	background: none;
}


.navbar-default.sticky  .navbar-brand:hover, .navbar-default.sticky  .navbar-nav > .active > a, .navbar-default .sticky .navbar-nav > .active > a:focus, .navbar-default.sticky  .navbar-nav > .active > a:hover, .navbar-default.sticky  .navbar-nav > li > a:focus, .navbar-default.sticky  .navbar-nav > li > a:hover, .navbar-default.sticky  .dropdown-menu > li a:hover, .navbar-default.sticky  .navbar-nav .open .dropdown-menu > li > a:hover {
	color: #56B5F6;
}


/*******************************This is it*************************
*******************************************************************/
/*.navbar-default.sticky .navbar-nav > li a{
	color: #222;
}
*/
.navbar-default .navbar-nav > li a{
	color: #fff;
}

.navbar-default.sticky .navbar-nav > li a{
	color: #085B93;
}

.navbar .dropdown-menu > li > a{
	color:#fff;
	}
	
.navbar-default.sticky .dropdown-menu > li > a{
	color:#fff;
	}
/******************************************************************
*******************************************************************/

.wrapper > header .navbar-default.sticky .navbar-nav > li:last-child > a {
	padding-right: 15px;
	
}

.navbar-default .navbar-nav > li:last-child > a {
	border-radius: 0;
	padding-right: 0px;
	margin-right: 0;

}

.shortcodes {
	padding: 0 20px 20px 50px;
}
.slider .banner .banner_bg img {
	width: 100%;
	animation: 50s zoomEffect infinite;
	transform: scale(1, 1) translate(0, 0);
}
.blog_items .block .row > div:nth-child(1) {
	padding-right: 0;
}
.blog_items .block .row > div:nth-child(2) {
	padding-left: 0;
}
}
/* ==============================================
Tablet Screen
=============================================== */
@media screen and (min-width:768px) and (max-width:991px) {
.navbar-nav > li > a {
	padding-left: 8px !important;
	padding-right: 8px !important;
}

.navbar-default .navbar-nav > li:last-child > a {
	padding-right: 0 !important;
	margin-right: 0 !important;
}
.wrapper > header .navbar-default.sticky .navbar-nav > li:last-child > a {
	padding-right: 15px !important;
}
.about .container-fluid {
	max-width: 750px;
}
.skills .skill {
	margin-top: 30px;
}
.subscribe > div > div.pull-left, .subscribe > div > div.pull-right {
	clear: both !important;
	float: none !important;
}
.carousel-caption {
	top: 20%;
}
.features > div > div:nth-child(1), .features > div > div:nth-child(2), .features > div > div:nth-child(3) {
	border-bottom: 1px solid #efefef;
}
.features > div > div:nth-child(4) {
	border-left: none;
}
.home_block_1 .container-fluid > div > div.pull-right, .home_block_2 .container-fluid > div > div.pull-right {
	float: none !important;
}
.home_block_1 .container-fluid > div > div {
	padding: 20px 0 5px 0;
}
.home_block_2 .container-fluid > div > div {
	padding: 5px 0 20px 0;
}
.services > div a {
	padding: 35px 10px 20px 10px;
}
.counters h3 {
	font-size: 18px;
}
}
/* ==============================================
Desktop Screen
=============================================== */
@media screen and (min-width:992px) and (max-width:1199px) {
.skills .skill {
	margin-top: 10px;
}
.carousel-caption {
	left: inherit !important;
	right: inherit !important;
}
.features > div > div:nth-child(1), .features > div > div:nth-child(2), .features > div > div:nth-child(3) {
	border-bottom: 1px solid #efefef;
}
.features > div > div:nth-child(4) {
	border-left: none;
}
.services > div a {
	padding: 60px 10px 40px 10px;
}
.service_bg > div > div.services_title {
	padding: 20px 50px 50px;
}
}
/* ==============================================
Desktop and Large Desktop Screen
=============================================== */
@media screen and (min-width:992px) {
.wrapper > header .container-fluid {
	margin: 0 50px;
}
.wrapper > header .top_head, .wrapper > header .navbar-default {
	position: absolute;
	z-index: 999;
	width: 100%;
}
.wrapper > header .navbar-default {
	top: 50px;
}

.wrapper > header .navbar-default > li{
	color: 56B5F6px;
}

.wrapper > header .navbar-default .logo-light {
	display: block;
}

.wrapper > header .navbar-default .logo-dark {
	display: none;
}



.breadcrumb_bg {
	padding-top: 80px;
}
.modal-dialog {
	margin-top: 100px;
}
.home_block_2 .big_block {
	float: right;
}
.home_block_1 .container-fluid > div, .home_block_2 .container-fluid > div {
	padding: 0 15px;
}
.slider {
	height: 520px;
}
.slider .banner .bann_caption, .owl-carousel .bann_caption {
	top: 160px;
}
.workprocess .container .icon:before {
	content: '';
	position: absolute;
	height: 1px;
	width: 100%;
	top: 50%;
	left: 0;
	background: #222;
}
.workprocess .container .icon.first::before {
	left: 50%;
	width: 50%;
}
.workprocess .container .icon.last::before {
	width: 50%;
}
}
/* ==============================================
Large Desktop Screen
=============================================== */
@media screen and (min-width:1200px) {
.slider {
	height: 630px;
}
.slider .banner .bann_caption, .owl-carousel .bann_caption {
	top: 170px;
}
.home_block_1 .container-fluid > div, .home_block_2 .container-fluid > div {
	padding: 0 30px;
}
.workprocess .container-fluid .icon:before {
	content: '';
	position: absolute;
	height: 1px;
	width: 100%;
	top: 50%;
	left: 0;
	background: #222;
}
.workprocess .container-fluid .icon.first::before {
	left: 50%;
	width: 50%;
}
.workprocess .container-fluid .icon.last::before {
	width: 50%;
}
}
/* ==============================================
Custom Screens
=============================================== */
@media screen and (min-width:992px) and (max-width:1500px){
.home_block_1 .big_block,.home_block_2 .big_block{
	width:100%;
}
}
@media screen and (min-width:1400px) {
.slider {
	height: 725px;
}
.slider .banner .bann_caption, .owl-carousel .bann_caption {
	top: 200px;
}
}

@media screen and (min-width:1600px) {
.slider {
	height: 810px;
}
.slider .banner .bann_caption, .owl-carousel .bann_caption {
	top: 350px;
}
}

@media screen and (min-width:1750px) {
.slider {
	height: 900px;
}
}

@media screen and (min-width:1900px) {
.slider {
	height: 1000px;
}
}
/* ==============================================
Animations
=============================================== */
@-webkit-keyframes nav_sticky {
 0% {
 top:-50px;
 opacity:0;
}
 100% {
 top:0;
 opacity:1;
}
}
@keyframes nav_sticky {
 0% {
 top:-50px;
 opacity:0;
}
 100% {
 top:0;
 opacity:1;
}
}
@-webkit-keyframes zoomEffect {
 0% {
 -webkit-transform: scale(1, 1) translate(0, 0);
}
 25% {
 -webkit-transform: scale(1.3, 1.3) translate(50px, 50px);
}
 50% {
 -webkit-transform: scale(1, 1) translate(0, 0);
}
 75% {
 -webkit-transform: scale(1.3, 1.3) translate(-50px, -50px);
}
 100% {
 -webkit-transform: scale(1, 1) translate(0, 0);
}
}
@keyframes zoomEffect {
 0% {
 transform: scale(1, 1) translate(0, 0);
}
 25% {
 transform: scale(1.3, 1.3) translate(50px, 50px);
}
 50% {
 transform: scale(1, 1) translate(0, 0);
}
 75% {
 transform: scale(1.3, 1.3) translate(-50px, -50px);
}
 100% {
 transform: scale(1, 1) translate(0, 0);
}
}
/* tarifications*/

.paddingleft{padding-left:20px;width:50%;padding-right:20px;border-bottom:#F1F1F1 solid 1px;}
.paddingright{min-width:110px;border-bottom:#FFF solid 1px;}
.t12px{font-size:12px;}
/*end*/

/* ==============================================
 choices 
=============================================== */

.choices{
	height:20px;
	width:20px;	
	}
	
/* ==============================================
info
==============================================*/

.info{
background-color:#222;
	}
	
	
	/* ==============================================
iframes
==============================================*/
.fluidMedia {
    position: relative;
    /*padding-bottom: 56.25%; 
	/* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    /*padding-top: 30px;*/
	
    height: 0;
    overflow: hidden;
}

.fluidMedia iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}

/*************************************
*/


.white {
    color: #fff!important;
}



.font20 {
    font-size: 20px;
}

.font20b {
    font-size: 20px;
    font-weight: bold;
}

img.gristyle {
    -webkit-filter: grayscale(100%) opacity(70%);
    -moz-filter: grayscale(100%) opacity(70%);
    -o-filter: grayscale(100%) opacity(70%);
    -ms-filter: grayscale(100%) opacity(70%);
    
    filter: grayscale(100%) opacity(70%);
}

img.gristyle:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    
    filter: grayscale(0%);
}


.section-title {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 30px;
    font-weight: bold;
}
.subheading { 
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 42px;
}
.subheading:after {
    position: relative;
    display: block;
    content: "";
    height: 2px; 
    margin: 20px auto 20px;
    width: 115px;  
    background: #7a7a7a;
}
.subheading.grey:after { 
    background: #fff!important;
    opacity: .4;
}

#features {
    padding-top: 90px;
    padding-bottom: 80px;
}
@media (min-width: 992px) {
    .features-row {
        margin-bottom: 70px;
        text-align: left
    }
    .feature-column {
        margin-bottom: 0px;
    }
}

.feature-info h4 {
    color: #1c1c1c;
    letter-spacing: 1px;
    font-size: 18px;
    margin-top: 0px;
    font-weight: bold;
    
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.feature-icon {
	float: left;
}
.feature-info {
	padding-left: 55px;
	padding-top: 5px;
}
.feature-description {
    line-height: 23px;
    padding-right: 10px;
    
}

/*-- Buttons --*/
.btn-primary {
 
    margin-top: 24px; 
    text-transform: uppercase;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    -ms-transition: all ease .3s;
    transition: all ease .3s;
}
.btn-primary {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 1.6;
    letter-spacing: 1px;
    margin: 0 5px 0 5px;
    padding: 10px 22px;
    text-align: center;

    box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
    -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset;
    
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    -ms-transition: all ease .3s;
    transition: all ease .3s;
}
.btn:hover, 
.btn-primary:hover, 
.btn-success:hover, 
.btn-info:hover, 
.btn-warning:hover, 
.btn-danger:hover {
	border-color: none;
    opacity: .7;
}
.btn-primary:focus {
    border-color: none;
}
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #1C1C1C;
    border-color: none;
}

.triangle {
    margin-left: 48%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 0 25px;
    border-color: #ffffff transparent transparent transparent;
    line-height: 0px;
    _border-color: #ffffff #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.triangle_dark {
    margin-left: 48%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 0 25px;
    border-color: #4685AF transparent transparent transparent;
    line-height: 0px;
    _border-color: #4685AF #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.triangle_grey {
    margin-left: 48%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 0 25px;
    border-color: #ddd transparent transparent transparent;
    line-height: 0px;
    _border-color: #ddd #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.triangle_light {
    margin-left: 48%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 0 25px;
    border-color: #56b5f6 transparent transparent transparent;
    line-height: 0px;
    _border-color: #56b5f6 #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.fontBlueLight {
    color: #56b5f6;
}


.img_ombre {
    -moz-box-shadow: 0px 0px 5px 1px #656565;
    -webkit-box-shadow: 0px 0px 5px 1px #656565;
    -o-box-shadow: 0px 0px 5px 1px #656565;
    box-shadow: 0px 0px 5px 1px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 10px;
}



#blog_img li
{
	display: inline-block;
	margin: 0.625em; /* 10 */
}

#blog_img img
{
	width: 12em; /* 140 */
	height: 9em; /* 140 */
	border-color: #eee;
	border: 0.625em solid rgba( 255, 255, 255, .5 ); /* 10 */

	-webkit-box-shadow: 0 0 0.313em rgba( 0, 0, 0, .05 ); /* 5 */
	box-shadow: 0 0 0.313em rgba( 0, 0, 0, .05 ); /* 5 */

	-webkit-transition: -webkit-box-shadow .3s ease, border-color .3s ease;
	transition: box-shadow .3s ease, border-color .3s ease;
}

#blog_img img:hover,
#blog_img img:focus
{
	border-color: #fff;

	-webkit-box-shadow: 0 0 0.938em rgba( 0, 0, 0, .25 ); /* 15 */
	box-shadow: 0 0 0.938em rgba( 0, 0, 0, .25 ); /* 15 */
}


/* IMAGE LIGHTBOX SELECTOR */

#imagelightbox
{
	cursor: pointer;
	position: fixed;
	z-index: 10000;

	-ms-touch-action: none;
	touch-action: none;

	/*-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */*/
	/*box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */*/
}


/* ACTIVITY INDICATION */

#imagelightbox-loading,
#imagelightbox-loading div
{
	border-radius: 50%;
}
#imagelightbox-loading
{
	width: 2.5em; /* 40 */
	height: 2.5em; /* 40 */
	background-color: #444;
	background-color: rgba( 0, 0, 0, .5 );
	position: fixed;
	z-index: 10003;
	top: 50%;
	left: 50%;
	padding: 0.625em; /* 10 */
	margin: -1.25em 0 0 -1.25em; /* 20 */

	/*-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
	/*box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
}
	#imagelightbox-loading div
	{
		width: 1.25em; /* 20 */
		height: 1.25em; /* 20 */
		background-color: #fff;

		-webkit-animation: imagelightbox-loading .5s ease infinite;
		animation: imagelightbox-loading .5s ease infinite;
	}

	@-webkit-keyframes imagelightbox-loading
	{
		from { opacity: .5;	-webkit-transform: scale( .75 ); }
		50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
		to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
	}
	@keyframes imagelightbox-loading
	{
		from { opacity: .5;	transform: scale( .75 ); }
		50%	 { opacity: 1;	transform: scale( 1 ); }
		to	 { opacity: .5;	transform: scale( .75 ); }
	}


/* OVERLAY */

#imagelightbox-overlay
{
	background-color: #fff;
	background-color: rgba( 255, 255, 255, .9 );
	position: fixed;
	z-index: 9998;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}


/* "CLOSE" BUTTON */

#imagelightbox-close
{
	width: 2.5em; /* 40 */
	height: 2.5em; /* 40 */
	text-align: left;
	background-color: #666;
	border-radius: 50%;
	position: fixed;
	z-index: 10002;
	top: 2.5em; /* 40 */
	right: 2.5em; /* 40 */
    border:none;

	-webkit-transition: color .3s ease;
	transition: color .3s ease;
}
	#imagelightbox-close:hover,
	#imagelightbox-close:focus
	{
		background-color: #111;
	}
	#imagelightbox-close:before,
	#imagelightbox-close:after
	{
		width: 2px;
		background-color: #fff;
		content: '';
		position: absolute;
		top: 20%;
		bottom: 20%;
		left: 50%;
		margin-left: -1px;
	}
	#imagelightbox-close:before
	{
		-webkit-transform: rotate( 45deg );
		-ms-transform: rotate( 45deg );
		transform: rotate( 45deg );
	}
	#imagelightbox-close:after
	{
		-webkit-transform: rotate( -45deg );
		-ms-transform: rotate( -45deg );
		transform: rotate( -45deg );
	}


/* CAPTION */

#imagelightbox-caption
{
	text-align: center;
	color: #fff;
	background-color: #666;
	position: fixed;
	z-index: 10001;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0.625em; /* 10 */
}


/* NAVIGATION */

#imagelightbox-nav
{
	background-color: #444;
	background-color: rgba( 0, 0, 0, .5 );
	border-radius: 20px;
	position: fixed;
	z-index: 10001;
	left: 50%;
	bottom: 3.75em; /* 60 */
	padding: 0.313em; /* 5 */


	-webkit-transform: translateX( -50% );
	-ms-transform: translateX( -50% );
	transform: translateX( -50% );
}
	#imagelightbox-nav button
	{
		width: 1em; /* 20 */
		height: 1em; /* 20 */
		background-color: transparent;
		border-radius: 50%;
		display: inline-block;
		margin: 0 0.313em; /* 5 */
        border: none;
	}
	#imagelightbox-nav button.active
	{
		background-color: #fff;
	}


/* ARROWS */

.imagelightbox-arrow
{
	width: 3.75em; /* 60 */
	height: 7.5em; /* 120 */
	background-color: #444;
	background-color: rgba( 0, 0, 0, .5 );
	vertical-align: middle;
	display: none;
	position: fixed;
	z-index: 10001;
	top: 50%;
	margin-top: -3.75em; /* 60 */
}
.imagelightbox-arrow:hover,
.imagelightbox-arrow:focus
{
	background-color: #666;
	background-color: rgba( 0, 0, 0, .75 );
}
.imagelightbox-arrow:active
{
	background-color: #111;
}
	.imagelightbox-arrow-left
	{
		left: 2.5em; /* 40 */
	}
	.imagelightbox-arrow-right
	{
		right: 2.5em; /* 40 */
	}
	.imagelightbox-arrow:before
	{
		width: 0;
		height: 0;
		border: 1em solid transparent;
		content: '';
		display: inline-block;
		margin-bottom: -0.125em; /* 2 */
	}
		.imagelightbox-arrow-left:before
		{
			border-left: none;
			border-right-color: #fff;
			margin-left: -0.313em; /* 5 */
		}
		.imagelightbox-arrow-right:before
		{
			border-right: none;
			border-left-color: #fff;
			margin-right: -0.313em; /* 5 */
		}

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow
{
	-webkit-animation: fade-in .25s linear;
	animation: fade-in .25s linear;
}
	@-webkit-keyframes fade-in
	{
		from	{ opacity: 0; }
		to		{ opacity: 1; }
	}
	@keyframes fade-in
	{
		from	{ opacity: 0; }
		to		{ opacity: 1; }
	}

@media only screen and (max-width: 41.250em) /* 660 */
{
	#container
	{
		width: 100%;
	}
	#imagelightbox-close
	{
		top: 1.25em; /* 20 */
		right: 1.25em; /* 20 */
	}
	#imagelightbox-nav
	{
		bottom: 1.25em; /* 20 */
	}

	.imagelightbox-arrow
	{
		width: 2.5em; /* 40 */
		height: 3.75em; /* 60 */
		margin-top: -2.75em; /* 30 */
	}
	.imagelightbox-arrow-left
	{
		left: 1.25em; /* 20 */
	}
	.imagelightbox-arrow-right
	{
		right: 1.25em; /* 20 */
	}
}

@media only screen and (max-width: 20em) /* 320 */
{
	.imagelightbox-arrow-left {
		left: 0;
	}
	.imagelightbox-arrow-right
	{
		right: 0;
	}
}


.timer_box{
    margin: 35px 24px;
    display: inline-block;
    padding: 20px 12px 0px 12px;
    text-align: center;
    width: 130px;
    border-radius: 50%;
    border: 4px solid rgba(255, 255, 255, .6);
}
.timer_box h1{
    font-size: 48px;
    margin-top: 5px;
    margin-bottom: 0px;
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: white;
}
.timer_box p{ margin-top: 0px;}