@charset "utf-8";
/*------------------------------------------------------------------
[Master Stylesheet]

Project:    BigStream
Version:    1.5.9
Last change:    11.09.2018
Primary use:    MultiPurpose One Page Template  
-------------------------------------------------------------------*/

@import "font-awesome.min.css";
@import "simple-line-icons.css";
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,700,800);
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Montserrat:700,400&text=1234567890);
@import url('https://fonts.googleapis.com/css?family=Paytone+One');

/*------------------------------------------------------------------
[Table of contents]

1. Common styles
2. Page loader / .page-loader
3. Typography
4. Buttons
5. Forms fields
6. Home sections / .home-section
    6.1. Home content
    6.2. Scroll down icon
    6.3. Headings styles
7. Compact bar / .nav-bar-compact
8. Classic menu bar / .main-nav
9. Sections styles / .page-section, .small-section, .split-section
10. Services / .service-grid
11. Alternative services / .alt-service-grid
12. Team / .team-grid
13. Features
14. Benefits (Process)
15. Counters
16. Portfolio / #portfolio
    16.1. Works filter
    16.2. Works grid
    16.3. Works full view
17. Banner section
18. Testimonial
    18.1. Logotypes
19. Last posts (blog section)
20. review
21. Contact section
    21.1. Contact form
22. Bottom menu / .bot-menu
23. Google maps  /.google-map
24. Footer / .footer
25. Blog
    25.1. Pagination
    25.2. Comments
    25.3. Sidebar
26. Pricing
27. Shortcodes
    27.1. Owl Carousel
    27.2. Tabs
    27.3. Tabs minimal
    27.4. Alert messages
    27.5. Accordion
    27.6. Toggle
    27.7. Progress bars
    27.8. Font icons examples
    27.9. Intro page
28. Bootstrap multicolumn grid


/*------------------------------------------------------------------
# [Color codes]

# Red (active elements, links) #e41919
# Black (text) #000
# Dark #222
# Dark Lighter #252525
# Gray #f4f4f4
# Gray Lighter #f8f8f8
# Mid grey #5f5f5f
# Borders #e9e9e9
# Orange #f47631
# Yellow #ffce02
# Cyan #27c5c3
# Green #58bf44
# Blue #43a5de
# Purple #375acc
# Red #e13939
# */


/*------------------------------------------------------------------
[Typography]

Body:               14px/1.6 Raleway, arial, sans-serif;
Headers:            Raleway, arial, sans-serif;
Serif:              Libre Baskerville", "Times New Roman", Times, serif;
Section Title:      35px/1.3 Raleway, arial, sans-serif;
Section Heading:    16px/1.3 Libre Baskerville", "Times New Roman", Times, serif;
Section Text:       17px/1.8 Raleway, arial, sans-serif;

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


/* ==============================
   Common styles
   ============================== */
  
.align-center{ text-align:center !important; }
.align-left{ text-align:left !important;}
.relative{position:relative;}
.black{ color: #000 !important; }
.color{ color: #e41919 !important; }

::-moz-selection{ color: #fff; background:#000; }
::-webkit-selection{ color: #fff;	background:#000; }
::selection{ color: #fff;	background:#000; }

.animate, .animate *{
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.clearlist, .clearlist li {
    list-style: none;
    padding: 0;
    margin: 0;
    background: none;
}

.full-wrapper {
    margin: 0 2%;
}

html{
	overflow-y: scroll;
    -ms-overflow-style: scrollbar;
}
html, body{
	height: 100%;
	-webkit-font-smoothing: antialiased;
}
.page{
	overflow: hidden;
}
a, b, div, ul, li{
	-webkit-tap-highlight-color: rgb(74,74,74); 
	-webkit-tap-highlight-color: transparent; 
	-moz-outline-: none;
}
a:focus,
a:active{
	-moz-outline: none;
	outline: none;
	color:#00cfff ;
}
img:not([draggable]) {
    max-width: 100%;
    height: auto;
}


/* ==============================
   Page loader
   ============================== */


.page-loader{
 	display:block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #dadada;
	z-index: 100000;	
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.spinner{
    display: inline-block;
    width: 8em;
    height: 8em;
    margin: 1.5em;
    margin: -4em 0 0 -4em;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #999;
    background: #f1f1f1;
    text-align: center;
    line-height: 8em;
    font-weight: 400;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/* :not(:required) hides this rule from IE9 and below */
.spinner:not(:required) {
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -ms-border-radius: 0.5em;
    -o-border-radius: 0.5em;
    border-radius: 0.5em;
    -webkit-box-shadow: #f7f7f7 1.5em 0 0 0, #f7f7f7 1.1em 1.1em 0 0, #f7f7f7 0 1.5em 0 0, #f7f7f7 -1.1em 1.1em 0 0, #f7f7f7 -1.5em 0 0 0, #f7f7f7 -1.1em -1.1em 0 0, #f7f7f7 0 -1.5em 0 0, #f7f7f7 1.1em -1.1em 0 0;
    -moz-box-shadow: #f7f7f7 1.5em 0 0 0, #f7f7f7 1.1em 1.1em 0 0, #f7f7f7 0 1.5em 0 0, #f7f7f7 -1.1em 1.1em 0 0, #f7f7f7 -1.5em 0 0 0, #f7f7f7 -1.1em -1.1em 0 0, #f7f7f7 0 -1.5em 0 0, #f7f7f7 1.1em -1.1em 0 0;
    box-shadow: #f7f7f7 1.5em 0 0 0, #f7f7f7 1.1em 1.1em 0 0, #f7f7f7 0 1.5em 0 0, #f7f7f7 -1.1em 1.1em 0 0, #f7f7f7 -1.5em 0 0 0, #f7f7f7 -1.1em -1.1em 0 0, #f7f7f7 0 -1.5em 0 0, #f7f7f7 1.1em -1.1em 0 0;
    background: none;
    display: inline-block;
    font-size: 16px;
    width: 1em;
    height: 1em;
    overflow: hidden;
    text-indent: 100%;
    margin: -0.5em 0 0 -0.5em;
    position: absolute;
    top: 50%;
    left: 50%;
  
}


/* ==============================
   Typography
   ============================== */

body{
	color: #00cfff;
	font-size: 14px;
	font-family: Raleway, arial, sans-serif;
	line-height: 1.6;	
	-webkit-font-smoothing: antialiased;
}

a{
	color: #e41919;
	text-decoration: none;
}
a:hover{
	color: #e41919;
	text-decoration: underline;
}



h1,h2,h3,h4{
	line-height: 1.4;
	font-weight: 700;
}
h1{
	font-size: 32px;
}
h2{

	font-size: 28px;
}
h4{font-size: 18px;
	font-weight: 100;
margin-bottom: 2px;}
p{
	margin: 0 0 1.5em 0;
}
ul{
    margin: 0 0 1.5em 0;
}
blockquote{
	margin: 3em 0 3em 0;
	border-width: 1px;
	border: 1px solid #eaeaea;
    padding: 2em;
	background: none;
	text-align: left;
	font-family: "Libre Baskerville", "Times New Roman", Times, serif;
	font-size: 13px;
    font-style: normal;
	line-height: 1.7;
	color: #777;
}
blockquote p{
	margin-bottom: 1em;
	font-size: 18px;
	font-style: normal;
	color: #212121;	
	line-height: 1.6;
}
blockquote footer{
    margin-top: -10px;
	font-size: 13px;
    font-family: Raleway, arial, sans-serif;
}
.uppercase{
	text-transform: uppercase;
	letter-spacing: 1px;
}
.serif{
	font-family: "Libre Baskerville", "Times New Roman", Times, serif;
	font-style: italic;
    font-weight: normal;
}
.text{		
	font-size: 19;
	font-weight: 500;
	color: #fff;
	line-height: 1.8;
}
.text h1,
.text h2,
.text h4,
.text h5{
	color: #000;
}
.text h3{color: #0044f7;}

.time a{
	font-size: 14;
	font-weight: 600;
	color: #fff;
	font-family: "Ubuntu", sans-serif;
	}
.number{
    font-family: Montserrat, arial, sans-serif;
	font-weight: 400;
}



/* ==============================
   Buttons
   ============================== */
  
.btn-mod,
a.btn-mod{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px 20px 7px;
  	color: #fff;
  	background: #0044f7;
	border: 2px solid transparent;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 2px;
    
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	
	-webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.btn-mod:hover,
.btn-mod:focus,
a.btn-mod:hover,
a.btn-mod:focus{
	font-weight: 700;
	color: rgba(255,255,255, .85);
  	background: #00cfff;
	text-decoration: none;
}
.btn-mod:active{
	cursor: pointer !important;
}

.btn-mod.btn-small{
  	padding: 6px 15px 5px;
	font-size: 11px;
    letter-spacing: 1px;
} 
.btn-mod.btn-medium{
  	padding: 12px 27px 11px;
	font-size: 12px;
} 
.btn-mod.btn-large{
  	padding: 15px 40px 14px;
	font-size: 13px;
}

.btn-mod.btn-w{
  	color: #000;
  	background: rgba(255,255,255, .9);
}
.btn-mod.btn-w:hover,
.btn-mod.btn-w:focus{
  	color: #000;
  	background: #fff;
}

.btn-mod.btn-color{
  	color: #fff;
  	background: #e41919;
}
.btn-mod.btn-color:hover,
.btn-mod.btn-color:focus{
  	color: #fff;
  	background: #e41919;
    opacity: .85;
}

.btn-mod.btn-circle{
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.btn-full{
	width: 100%;
}


/* ==============================
   Forms fields
   ============================== */
 
.form input[type="text"],
.form input[type="email"],
.form input[type="number"],
.form input[type="color"]{
	height: 38px;
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #777;
	border: 1px solid #e9e9e9;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.form input[type="text"]:hover,
.form input[type="email"]:hover,
.form input[type="number"]:hover,
.form input[type="color"]:hover{
	border-color: #ccc;
}
.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form input[type="number"]:focus,
.form input[type="color"]:focus{
	color: #151515;
	border-color: #151515;
	-webkit-box-shadow: 0 0 3px rgba(21,21,21, .3);
	-moz-box-shadow: 0 0 3px rgba(21,21,21, .3);
	box-shadow: 0 0 3px rgba(21,21,21, .3);
}
.form textarea{
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase !important;
	letter-spacing: 1px;
	color: #777;
	border-color: #e9e9e9;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.form textarea:hover{
	border-color: #ccc;
}
.form textarea:focus{
	color: #151515;
	border-color: #151515;
	-webkit-box-shadow: 0 0 3px rgba(21,21,21, .3);
	-moz-box-shadow: 0 0 3px rgba(21,21,21, .3);
	box-shadow: 0 0 3px rgba(21,21,21, .3);
}

.form .form-group{
	margin-bottom: 10px;
}



.home-section{
	width: 100%;
	display: block;	
	position: relative;
    overflow: hidden;
	background-repeat: no-repeat;
    background-attachment: fixed;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.home-content{
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
}


/* Home content */

.home-content{
	position: relative;
}
.home-text{
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}

/* Scroll down icon */

@-webkit-keyframes scroll-down-anim {
	0%{ top: -7px; }
	50%{ top: 3px; }
	100%{ top: -7px; }
}
@-moz-keyframes scroll-down-anim {
	0%{ top: -7px; }
	50%{ top: 3px; }
	100%{ top: -7px; }
}
@-o-keyframes scroll-down-anim {
	0%{ top: -7px; }
	50%{ top: 3px; }
	100%{ top: -7px; }
}
@keyframes scroll-down-anim {
	0%{ top: -7px; }
	50%{ top: 3px; }
	100%{ top: -7px; }
}

.scroll-down{
	width: 150px;
	height: 43px;
	margin-left: -75px;
	line-height: 43px;
	white-space: nowrap;
	position: absolute;
	bottom: 30px;
	left: 50%;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 3px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color: rgba(255,255,255, .5) !important;
	
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 

}


.scroll-down:hover,
.scroll-down:focus{
	text-decoration: none;
	letter-spacing: 6px;
	color: rgba(255,255,255, 0) !important;
}
.scroll-down.static,
.scroll-down.static{
	color: rgba(255,255,255, .4) !important;
}
.scroll-down.static:hover,
.scroll-down.static:focus{
	letter-spacing: 3px;
	color: rgba(255,255,255, .85) !important;
}


/* Animated header */


/* 
 * Headings styles
 */


.hs-wrap{
	max-width: 570px;
	margin: 0 auto;
	padding: 47px 30px 53px;
	position: relative;
	text-align: center;    
    
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	border: 4px double rgba(255,255,255, .6);
}


.hs-line-3 .serif,
.hs-line-8 .serif,
.hs-line-9 .serif{
    font-family: "Libre Baskerville", "Times New Roman", Times, serif;
	font-style: italic;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
}
.hs-line-3{
	position: relative;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: rgba(255,255,255, .7);
}
.hs-line-7{
    position: relative;
	font-size: 80px;
	font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1.2;
	font-family: 'Paytone One', sans-serif;
	background: radial-gradient(circle,  #0044f7,#00cfff );
-webkit-background-clip: text;
color: transparent;
}
.hs-line-8{
    position: relative;
	font-size: 40px;
	font-weight: 400;
    line-height: 1.2;color: #FFF;
	
}
.hs-line-9{
    position: relative;
	font-size: 96px;
	font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1.2;
}



/* ==============================
   Compact bar
   ============================== */

.nav-bar-compact{
	min-height: 40px;
	position: fixed;
	top: 10px;
	left: 10px;	
	background: rgba(0,0,0, 0);
	cursor: pointer;
	
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	
	z-index: 201;
}
.nbc-logo-wrap{
	float: left;
	min-width: 120px;
	max-width: 250px;
	height: 65px; 
	padding: 0 20px;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.nbc-logo{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    left: 0;
    top: 50%;
    float: left;
	
	text-align: left;
	font-size: 18px;
	font-weight: 800;
	text-transform: uppercase;
	text-decoration: none;
	color: rgba(255,255,255, .9);
	
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
    transform: translateY(-50%);
	
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.nbc-logo img{
	max-height: 100%;
}

.nbc-logo:hover{
	text-decoration: none;
	color: #fff;
}

.nav-bar-compact:hover{
	background: rgba(18,18,18, .93);
}

/* Social links */


/* ==============================
   Classic menu bar
   ============================== */


/* Logo (in navigation panel)*/

.nav-logo-wrap{
	float: left;
	margin-right: 20px;
}
.nav-logo-wrap .logo{
	display: table-cell;
	vertical-align: middle;
	max-width: 100px;
	max-height: 100%;
}
.nav-logo-wrap .logo:before,
.nav-logo-wrap .logo:after{
	display: none;
}
.logo,
a.logo:hover{
	font-size: 18px;
	font-weight: 800;
	text-transform: uppercase;
	text-decoration: none;
	color: rgba(0,0,0, .9);
}

/*
 * Desktop nav
 */

.main-nav{
	width: 100%;
	height: 60px !important;
	position: relative;
	top: 0;
	left: 0;
	text-align: left;
	background: rgba(255,255,255, .97);
	
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.05);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.05);
	box-shadow:  0 1px 0 rgba(0,0,0,.05);
	
	z-index: 201;
}
.inner-nav{
	display: inline-block;
	position: relative;
	float: right;
}
.inner-nav ul{
	float: right;
	margin: auto;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.3;
}
.inner-nav ul  li{
	float: left;
	margin-left: 30px;
	position: relative;
}
.inner-nav ul li a{
	color: #777;
	display: inline-block;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
  
.inner-nav ul li a:hover,
.inner-nav ul li a.active{
	color: #000;
	text-decoration: none;
}

.inner-nav ul li a{
	height: 55px;
	line-height: 55px;
}

/* Menu sub */
.mn-sub{
	display: none;
	width: 170px;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 0;
	background: rgba(18,18,18, .97);
}
.mn-sub li{
	display: block;
	width: 100%;
	margin: 0 !important;
}
.inner-nav ul li .mn-sub li a{
	display: block;
	width: 100%;
	height: auto !important;
	line-height: 1.3 !important;
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 12px 10px;
	text-align: left;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid rgba(255,255,255, .1);
	color: #c0c0c0;
	cursor: pointer;
}

.inner-nav ul li .mn-sub li:last-child > a{
    border: none;
}
.mn-sub li a:hover,
.mn-sub li a.active{
	background: rgba(255,255,255, .04);
	color: #f0f0f0 !important;
}

.mn-sub li ul{
    left: auto;
	right: 100%;
	top: 0;
    border-right: 1px solid rgba(255,255,255, .07);
}

.inner-nav li .mn-sub.to-right{
	right: auto;
	left: 0;
}

.inner-nav li .mn-sub li ul.to-right{
	right: auto;
	left: 100%;
	top: 0;
    border-right: none;
    border-left: 1px solid rgba(255,255,255, .07);
}

.inner-nav li:last-child .mn-sub li ul{
	left: auto;
	right: 100%;
	top: 0;
    border-left: none;
    border-right: 1px solid rgba(255,255,255, .07);
}
.mobile-on .inner-nav li:last-child .mn-sub li ul{
	left: auto;
	right: auto;
	top: 0;
}


/*
 * Mobile nav
 */

 .mobile-on .desktop-nav{
	display: none;
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 0 15px;
    
	z-index: 100;	
}
.mobile-on .full-wrapper .desktop-nav{
    padding: 0;
}


.mobile-on .desktop-nav ul{
	width: 100%;
    float: none;
	background: rgba(18,18,18, .97);
    position: relative;
    overflow-x: hidden;
}
.mobile-on .desktop-nav > ul{
    overflow-y: auto;
}
.mobile-on .desktop-nav ul li{
	display: block;
	float: none !important;
    overflow: hidden;
}
.mobile-on .desktop-nav ul li ul{
	padding: 0;
    border-bottom: 1px solid rgba(255,255,255, .1);
}
.mobile-on .desktop-nav ul li a{
	display: block;
	width: 100%;
	height: 38px !important;
	line-height: 38px !important;
	position: relative;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
	text-align: left;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid rgba(255,255,255, .065);
	color: #999;
	cursor: pointer;
}
.mobile-on .desktop-nav ul li a:hover,
.mobile-on .desktop-nav ul li a.active{
	background: rgba(255,255,255, .03);
	color: #ddd;
}

/* Menu sub */


.mobile-nav{
	display: none;
	float: right;
	vertical-align: middle;
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	cursor: pointer;
	
	-webkit-user-select: none;  
	-moz-user-select: none;     
	-ms-user-select: none;     
	-o-user-select: none;
	user-select: none;
	
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	
	-webkit-transition-property: background, color;
    -moz-transition-property: background, color;
    -o-transition-property: background, color;
    transition-property:  background, color;
}
.mobile-nav:hover,
.mobile-nav.active{
	background: #fff;
	color: #777;
}
.mobile-nav:active{
	-webkit-box-shadow: 0 0 35px rgba(0,0,0,.05) inset;
	-moz-box-shadow: 0 0 35px rgba(0,0,0,.05) inset;
	box-shadow: 0 0 35px rgba(0,0,0,.05) inset;
}


.no-js .mobile-nav{
	width: 55px;
	height: 55px;
}
.mobile-on .mobile-nav{
	display: table;
}
.mobile-nav .fa{
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 21px;
}

/*
 * Dark panel style
 */

.main-nav.dark{
	background-color: #000;
    
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow:  none;
}
.main-nav.dark .inner-nav ul > li > a{
	color: #aaa;
}
.main-nav.dark .inner-nav ul > li > a:hover,
.main-nav.dark .inner-nav ul > li > a.active{
	color: #eaeaea;
}

.main-nav.dark .mobile-nav{
	background-color: rgba(255,255,255, .05);
	border-color: transparent;
	color: #999;
}
.main-nav.dark .mobile-nav:hover,
.main-nav.dark .mobile-nav.active{
	background-color: rgba(255,255,255, .08);
	color: #eaeaea;
}

.main-nav.dark .logo,
.main-nav.dark a.logo:hover{
	font-size: 18px;
	font-weight: 800;
	text-transform: uppercase;
	text-decoration: none;
	color: rgba(255,255,255, .9);
}


/* ==============================
   Sections styles
   ============================== */

/*
 * Common
 */

.page-section,.small-section{
	width: 100%;
	display: block;	
	position: relative;
    overflow: hidden;
   
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;   
    padding: 140px 0;
		background-size: cover;
		box-sizing: border-box;
	

}
.page-sectionbg{ 
	   
        -webkit-background-size: cover;
		background-size: cover;
        -webkit-box-sizing: border-box;
		box-sizing: border-box;
		background: linear-gradient(to top, #fff,#002c55 90%);
}



.small-section{
	padding: 36px; 
	 overflow: auto;
	background: radial-gradient(circle, #000 14%,#00cfff);
	display: flex; 
	justify-content: center; 
	align-items: center; 
}
.small-title{
    padding-left: 10px;
    margin: 0;
    text-align: start;
    text-transform: uppercase;
    color: #fff;
    font-size: 24px;
	border-left: 5px solid #00cfff;
}
.section-icon{
    text-align: center;
    font-size: 32px;
}
.small-title .serif{
    text-transform: none;
    font-weight: 400;
}
.bg-scroll{
	background-attachment: scroll !important;
}
.bg-pattern{
	background-repeat: repeat;
	background-size: auto;
}

.bg-pattern-over:before,
.bg-pattern-over .YTPOverlay:after{
    content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
    background-repeat: repeat;
	background-size: auto;
	background-image: url(../images/pattern-bg-2.png);
}
.bg-gray{
	background-color: rgba(0,0,0,.93);
}
.bg-gray-lighter{
	background: linear-gradient(to bottom,black 76%, #002c55);
}

/* rgba(0,0,0,.93) */
.bg-dark,
.bg-dark-alfa-50,
.bg-dark-alfa-90{
	color: #fff;
}
.bg-dark a,
.bg-dark-alfa-50 a,
.bg-dark-alfa-51 a,
.bg-dark-alfa-90 a{
	color: rgba(255,255,255, .8);
    padding-bottom: 3px;
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.bg-dark a:hover,
.bg-dark-alfa-50 a:hover,
.bg-dark-alfa-51 a:hover,
.bg-dark-alfa-90 a:hover{
	color: rgba(255,255,255, 1);
    text-decoration: none;
}


.bg-dark{
	background-color: #222;
}
.bg-dark-alfa-50:before,
.bg-dark-alfa-51:before{
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	
}
.bg-dark-alfa-50:before{background: linear-gradient(to top, #002c55 0%, #002c55 10%, rgba(0, 44, 85, 0.4) 20%, #002c55 90%);}
.bg-dark-alfa-90:before{
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(17,17,17, .9);
}
.bg-light-alfa:before{
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0, .8);
}
.bg-light-alfa-90:before{
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(to bottom, rgba(255,255,255, .8) -17%, rgba(0,0,00,.8 ) 38%);
}

.section-title{
	margin-bottom: 15px;
	font-size: 60px;
	font-weight: 800;
	text-transform: capitalize;
	text-align: center;
	letter-spacing: 5px;
	line-height: 1.3;	
	background: radial-gradient(circle,  #0044f7,#00cfff );
	-webkit-background-clip: text;
	color: transparent;
}
.st-point{
	margin-right: -5px;
	background: radial-gradient(circle,  #0044f7,#00cfff );
-webkit-background-clip: text;
color: transparent;
	font-family: Montserrat, arial, sans-serif;
	font-weight: 400;
}
.section-headingA,
.section-heading{
	margin: 0;
	padding: 0;
	font-family: "Libre Baskerville", "Times New Roman", Times, serif;
	font-size: 22px;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	line-height: 1.3;
	background: linear-gradient(to right ,  #00cfff  ,#0044ff 50%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}


.section-headingA{color: #fff;
	
	

}


.dvider,
.section-line{
	
	height: 1.5px;
	margin: 30px auto;
	background: #00cfff;
}
.divider{width: 100%;}
.section-line{width: 50%;}

.section-text{
	font-size: 20px;
	font-weight: 300;
	text-align: center;
	color: #fff;
	line-height: 1.8;
	font-weight: 400;
}
.section-bot-image{
	margin: 140px 0 -140px;
	text-align: center;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0); 
}


/*
 * Split section
 */

.split-section{
	width: 100%;
	display: block;	
	position: relative;
    overflow: hidden;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.split-section-headings{	
	width: 38.2%;
	float: left;
	position: relative;
	overflow: hidden;
	text-align: center;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.ssh-table{
	width: 100%;
	display: table;
}
.ssh-cell{
	display: table-cell;	
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.split-section-content{
	width: 61.8%;
	float: right;
	min-height: 300px;
	position: relative;
    overflow: hidden;
	background: rgba(255,255,255, .9);
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


/* ==============================
   Services
   ============================== */

.service-grid{
	border-bottom: 1px solid rgba(0,0,0, .05);
}
.service-item{
	display: table;
	width: 33.3%;
	float: left;
	overflow: hidden;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


.si-cell{	
	display: table-cell;
	padding: 30px;
	border-top: 1px solid rgba(0,0,0, .05);
	border-left: 1px solid rgba(0,0,0, .05);
	position: relative;
	vertical-align: middle;
	text-align: center;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.si-inner{
	position: relative;
	overflow: hidden;
	max-height: 100%;
}


.service-intro{
	position: relative;
	
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.no-mobile .service-item:hover .service-intro{
	opacity: 0;	
	
	-webkit-transform: scale(0);
    -moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
    transform: scale(0);
}

.service-item.js-active .service-intro{
	opacity: 0;	
	
	-webkit-transform: scale(0);
    -moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
    transform: scale(0);
}


.service-icon{	
	margin-bottom: 10px;
	font-size: 32px;
	color: #e41919;
}
.service-title{
	margin: 0;
	padding: 0;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #000;
}
.service-descr .service-title{
	margin-bottom: 30px;
}

.service-descr{
	opacity: 0;
	position: relative;
	font-size: 18px; 
	line-height: 1.8;
	color: #4a4a4a;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	
	-webkit-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
	-moz-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
	-o-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
	-ms-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
	transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
	
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.no-mobile .service-item:hover .service-descr{	
	opacity: 1;
	-webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-moz-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-o-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-ms-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);    
}

.service-item.js-active .service-descr{	
	opacity: 1;
	-webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-moz-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-o-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-ms-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);    
}


.owl-buttons{
	position: static;
}
.owl-prev,
.owl-next{
	opacity: 0;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	width: 40px;
	height: 60px;
	line-height: 60px;
	font-size: 74px;
	text-align: center;
	color: rgba(255,255,255, .7);
	
	text-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    
    z-index: 6;
	
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.owl-prev{
	left: 0;
}
.owl-next{
	right: 0;
}
.owl-prev:hover,
.owl-next:hover{
	color: rgba(255,255,255, .95);
	
	-webkit-transition: 0 none !important;  
    -moz-transition: 0 none !important;  
	 -ms-transition: 0 none !important;
    -o-transition: 0 none !important;    
    transition:0 none !important;  
}
.owl-prev:active,
.owl-next:active{	
	-webkit-transform: scale(0.94);
	-moz-transform: scale(0.94);
	-o-transform: scale(0.94);
	-ms-transform: scale(0.94);
	transform: scale(0.94);
}


.owl-carousel:hover .owl-prev{
	opacity: 1;
	left: 25px;
}
.owl-carousel:hover .owl-next{
	opacity: 1;
	right: 25px;
}
.item-carousel .owl-prev{
	left: -125px;
}
.item-carousel .owl-next{
	right: -125px;
}

section:hover .item-carousel.owl-carousel .owl-prev{
	opacity: 1;
	left: -80px;
}
section:hover .item-carousel.owl-carousel .owl-next{
	opacity: 1;
	right: -80px;
}

.alt-service-grid{
	margin-top: -60px;
}
.alt-service-wrap{
    position: relative;
}
.alt-services-image{
    text-align: center;   
}
.alt-services-image > img{
    display: block;
    width: 100%;
}
.alt-service-item{
	margin: 60px 0 0 0;
	position: relative;
	padding-left: 55px;
	padding-top: 3px;
	font-size: 12px;
	color: #FFF;
    
    -webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    
    -webkit-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.alt-service-icon{
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 40px;
	text-align: center;
	font-size: 32px;
	color: #0044f7;
    
    -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.alt-services-title{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 15px;
	font-weight: 700;
	color: #00cfff;
}

/* Hover State */

.alt-service-wrap:hover .alt-service-item:not(.animating):not(.animate-in){    
    -webkit-transform: perspective(500px) rotateX(20deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: perspective(500px) rotateX(20deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: perspective(500px) rotateX(20deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: perspective(500px) rotateX(20deg) rotateY(0deg) rotateZ(0deg);
    transform: perspective(500px) rotateX(20deg) rotateY(0deg) rotateZ(0deg);
}
.alt-service-item:after{
    opacity: 0;
    content: "";
    display: block;
    width: 110%;
    height: 130%;
    position: absolute;
    top: -15%;
    left: -5%;
    background: rgba(84, 178, 199, .3);
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.alt-service-wrap:hover .alt-service-item:after{
    opacity: 1;
}

.alt-service-butt{
    width: 100%;
    position: absolute;
    bottom: -32px;
    left: 0;
    opacity: 0;
    text-align: center;
    
    -webkit-transform: scale(0.8) translate(0px, 20px);
    -moz-transform: scale(1.1) translate(0px, 20px);
    -o-transform: scale(1.1) translate(0px, 20px);
    -ms-transform: scale(1.1) translate(0px, 20px);
    transform: scale(0.8) translate(0px, 20px);
    
    -webkit-transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    
}
.alt-service-butt a{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 30px;
    background: #0044f7;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #ccc;
    text-decoration: none;
    
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    
    -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.alt-service-butt a:hover{
    text-decoration: none;
    background: rgba(0,0,0, .83);
    color: #eaeaea;
}
.alt-service-wrap:hover .alt-service-item:not(.animating):not(.animate-in) + .alt-service-butt{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}



/* ==============================
   Team
   ============================== */

/* Dark Version */


/* Hover state */

/* Mobile touch */


/* ==============================
   Features
   ============================== */

.features-item{
	padding: 15px;
	text-align: center;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.features-icon{
	font-size: 96px;
	line-height: 1.3;
	color: #00cfff;
}
.features-title{
	margin-bottom: 3px;
	font-size: 35px;
	font-weight: 800;
	text-transform: uppercase;
	color: rgba(255,255,255, .9);
}

.features-descr{
	font-family: "Libre Baskerville", "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	color: #00cfff;
	font-weight: 600;
}

.features-icon.black{
	color: rgba(0,0,0, .9);
}
.features-title.black{
	color: rgba(0,0,0, .9);
}
.features-descr.black{
	color: rgba(0,0,0, .75);
}



/* ==============================
   Benefits (Process)
   ============================== */

.benefits-grid{
	margin: 0 0 -40px -20px;
	text-align: center;
	vertical-align: top;
}
.benefit-item{
	display: inline-block;
	width: 264px;
	margin: 0 0 40px 20px;
	padding: 15px;
	position: relative;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
	cursor: default;
	
}
.benefit-number{
	width: 100%;
	position: absolute;
	top: 0;
	left: -50px;
	font-family: Montserrat, arial, sans-serif;
	font-size: 120px;
	font-weight: 700;
	text-align: center;
	line-height: 1;
	color: rgba(0,68,247,.66);
	
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.benefit-icon{
	position: relative;
	margin-bottom: 6px;
	font-size: 32px;
	color: #e41919;
}
.benefit-title{
	position: relative;
	margin: 0 0 17px 0;
	padding: 0;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.benefits-descr{
	position: relative;
	font-size: 20px;
	FONT-WEIGHT:400;
	color: #fff;
}
.benefit-item:after{
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0, .015);	
	opacity: 0;	
	
    -webkit-transition: all 0.37s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}
.benefit-item:hover:after{
	opacity: 1;	
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
}
.benefit-item:hover .benefit-number{
	color: rgba(0,0,0, .035);
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	-o-transform: scale(0.75);
	-ms-transform: scale(0.75);
	transform: scale(0.75);
}


/* ==============================
   Counters
   ============================== */

.count-number{
	font-family: Montserrat, arial, sans-serif;
	font-size: 48px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;

color: #00cfff;
}
.count-descr{
	font-size: 28px;

	text-align:center;
}

.count-title{
	margin-top: -1px;
	font-size: 25px;
	color: #fff;
	font-weight: bold;
}



/* ==============================
   Portfolio
   ============================== */

#portfolio + .small-section{
	margin-top: -110px;
}

/*
 * Works filter
 */


/*
 * Works grid 
 */


/* Work item hover state */

/*
 * Works full view
 */

/* Work navigation */
.work-full-media{
	margin-top: 30px;
}

.work-full-media img{
	max-width: 100%;
	height: auto;
}



/* ==============================
   Banner section
   ============================== */

.banner-text{
	text-align: left;
}
.banner-button{
	text-align: right;
}


/* ==============================
   Testimonial
   ============================== */

.testimonial{
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    text-align: center;
    font-family: Raleway, arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	letter-spacing: 0;
	color: #444;
}
.testimonial-author{
    margin-top: 20px;
    color: #999;
    font-family: "Libre Baskerville", "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
    text-align: center;
}

/*
 * Logotypes
 */

 .logo-ft{ text-align: start;
	margin-bottom:5%;}
.logo-item{
    height: 100px;
    text-align: center;
    opacity: .65;
    
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    
    /*border: 1px solid green;*/
}
.logo-item:hover{
    opacity: 1;
}
.logo-item img{
    position: relative;
    top: 50%;
    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
    transform: translateY(-50%);
}




/* ==============================
   Last posts (blog section)
   ============================== */

/* Hover state */

/* Blog Link */

/* Hover state */


/* ==============================
   review
   ============================== */

.review-label{
    font-size: 80px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
	background: linear-gradient(to right, #800080, #FFD700);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
   
}
.form input.review-field{
    height: 45px;
    line-height: 45px;
    margin-top: -2px;
    padding: 0;
    background: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #0044f7;    
    font-size: 22px;
    font-weight: 800;
    text-transform: uppercase;



}
.form input.review-field:hover{
    color: #00cfff;
    border-color: #00cfff;
}
.form input.review-field:focus{
    color: #fff;
    border-color: #0044f7;
    
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form input.review-field::-webkit-input-placeholder{
    color: #f0f0f0;
}
.form input.review-field:focus::-webkit-input-placeholder{
    color:#00cfff;
}

.form input.review-field:-moz-placeholder{
    color:#f0f0f0;
}
.form input.review-field:focus:-moz-placeholder{
    color: #00cfff;
}

.form input.review-field::-moz-placeholder{
    color:#f0f0f0;
}
.form input.review-field:focus::-moz-placeholder{
    color: #00cfff;
}

.form input.review-field:-ms-input-placeholder{
    color: #f0f0f0;
}
.form input.review-field:focus:-ms-input-placeholder{
    color: #00cfff;
}


/* ==============================
   Contact section
   ============================== */

.contact-item{
    padding-left: 67px !important;
    position: relative;
    color: rgba(255,255,255, .3);
    text-align: left;
    overflow: hidden;
    
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.contact-item a{
    color: #fff;
    text-decoration: none;    
}

.contact-item:hover,
.contact-item:hover a{
    color: #00cfff;
}
.contact-item a:hover{
    color: #00cfff;
    text-decoration: none;
}

.ci-icon{
	color: #fff;
    width: 45px;
    height: 40px;
    position: absolute;
    top: 4px;
    left: 7px;
    font-size: 24px;
    text-align: center;
    line-height: 40px;
    border-right: 1px solid  #00cfff;
}
.ci-title{
 
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
	color: #fff;
}
.ci-phone{
    font-size: 24px;
    font-family: Montserrat, arial, sans-serif;
    font-weight: 400;
    line-height: 1.2;
	 color: #fff
}
.ci-text{
    color: #fff;
}

/*
 * Contact form
 */

.cf-left-col{
    width: 48.5%;
    float: left;
    margin-right: 3%;
}
.cf-right-col{
    width: 48.5%;
    float: left;;
}
.contact-form .form-group{
    margin-bottom: 30px;
}






.contact-form input.ci-field{
    height: 44px;
    padding: 10px 0;
    font-size: 17px;
    font-weight: 400;
    text-transform: none;
    color: #fff;
    background: transparent !important;
    border: none;
    border-bottom: 1px solid #fff;
}
.contact-form input.ci-field:hover{
    border-color: #00cfff;
}
.contact-form input.ci-field:focus{
    color: #00cfff;
    border-color: #00cfff;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.contact-form textarea.ci-area:focus{
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.contact-form input.ci-field::-webkit-input-placeholder,
.contact-form textarea.ci-area::-webkit-input-placeholder{
    color: #fff;
}
.contact-form input.ci-field:focus::-webkit-input-placeholder,
.contact-form textarea.ci-area:focus::-webkit-input-placeholder{
    color: #fff;
}

.contact-form input.ci-field:-moz-placeholder,
.contact-form textarea.ci-area:-moz-placeholder{
    color: #fff;
}
.contact-form input.ci-field:focus:-moz-placeholder,
.contact-form textarea.ci-area:focus:-moz-placeholder{
    color: #fff;
}

.contact-form input.ci-field::-moz-placeholder,
.contact-form textarea.ci-area::-moz-placeholder{
    color: rgba(255,255,255, .5);
}
.contact-form input.ci-field:focus::-moz-placeholder,
.contact-form textarea.ci-area:focus::-moz-placeholder{
    color: #fff;
}

.contact-form input.ci-field:-ms-input-placeholder,
.contact-form textarea.ci-area:-ms-input-placeholder{
    color: rgba(255,255,255, .5);
}
.contact-form input.ci-field:focus:-ms-input-placeholder,
.contact-form textarea.ci-area:focus:-ms-input-placeholder{
    color: #fff;
}

.contact-form textarea.ci-area{
    height: 100px;
    padding: 3px;
    font-size: 13px;
    font-weight: 400;
    text-transform: none !important;
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
    
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.contact-form textarea.ci-area:hover{
    border-color: #fff;
}
.contact-form textarea.ci-area:focus{
    color: #00cfff;
    border-color: #00cfff;
}
.contact-form label{
    margin-top: 2px;
    margin-bottom: 6px;
    font-size: 17px;
    font-weight: 400;
    text-transform: none !important;
    color: #fff;
}


.contact-form .ci-btn{
    margin-top: -5px;
    color: #aaa;
    background: #0044f7;    
}
.contact-form .ci-btn:hover{
    background: #00cfff;    
}
.contact-form .ci-btn:focus{    
    outline:none;
}
.contact-form .success{
    margin-top: 20px;
    padding: 13px 20px;
    text-align: center;
    background: rgba(50,178,95, .75);
    color: #fff;
}

.contact-form .error{
    margin-top: 20px;
    padding: 13px 20px;
    text-align: center;
    background: rgba(228,25,25, .75);
    color: #fff;
}


/* ==============================
   Bottom menu
   ============================== */


/* ==============================
   Google maps 
   ============================== */



/* ==============================
   Footer
   ============================== */

.footer{
    text-align: center;
    color: #707070;
    font-size: 12px;   
}
.footer a{
    color: #aaaaaa;
    text-decoration: none;
    
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.footer a:hover{
    color: #ccc;
     text-decoration: none;
}
.footer-copy{
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}
.footer-made{
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
	display: inline-flex;
	align-items: center;
	text-align: center;
}
.footer-made .serif{
    font-size: 28px;
    font-weight: 400;
    color: #00cfff;
    text-transform: none;
}


.footer-social-links{
    margin-top: 20px;
    font-size: 28px;
}
.footer-social-links a{
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    color: #fff;
    border: 2px solid rgba(255,255,255, .07);
    
    -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
    
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.footer-social-links a:hover{
    border-color: #00cfff;
}


/* ==============================
   Blog
   ============================== */


/*
 * Pagination
 */



/*
 * Comments
 */


/*
 * Sidebar
 */


/* Search widget */


/* Widget menu */


/* Widget tags */

/* Comments */


/* Posts */


/* ==============================
   Pricing
   ============================== */



/* ==============================
   Shortcodes
   ============================== */


/*
 * Owl Carousel
 */

.single-carousel,
.small-item-carousel{
    margin-bottom: 35px;
}



/*
 * Tabs
 */

/*
 * Tabs minimal
 */

.tpl-minimal-tabs{
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;	
	border: none;
}
.tpl-minimal-tabs > li{
	padding: 0 30px;
	background: none !important;
}
.tpl-minimal-tabs > li > a{
	padding: 6px 20px 5px;
	text-decoration: none;
	
	background: none;
	border: 1px solid  #777 ;
	color: #777;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.tpl-minimal-tabs > li > a:hover{
	background: none;
	border-color: 	#58bf44;
	color: 	#0044f7;
}
.tpl-minimal-tabs li.active a,.nav-tabs>li.active>a:focus,
.tpl-minimal-tabs li.active a:hover{
	border: 1px solid  #00cfff !important;
	background: none !important;
	color:  #00cfff;
	cursor: default;
}
.tpl-minimal-tabs-cont{color:  #777;
}


/*
 * Alert messages
 */
.success{
	border-color: #a9e2c2;
	color: #36a367;
}
.info{
	border-color: #9ecdfc;
	color: #297ad3;
}


/*
 * Accordion
 */


/*
 * Toggle
 */


/*
 * Progress bars
 */

.tpl-progress{
	margin-bottom: 50px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	overflow: visible;
	height: 3px;
	background: #f0f0f0;
	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.tpl-progress .progress-bar{
	padding-top: 4px;;
	position: relative;
	overflow: visible;
	background-color: #00cfff;
	font-size: 15px;
	color: #4a4a4a;
	text-align: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.tpl-progress .progress-bar > span{
	display: inline-block;	
	min-width: 24px;
	height: 28px;
	padding: 0 3px;
	position: absolute;
	top: -10px;
	right: -5px;
	background: #4a4a4a;
	color: #00cfff;
	text-align: center;
	line-height: 23px;
	font-family: Raleway, arial, sans-serif;
	letter-spacing: 0;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

}

/*
 * Font icons examples
 */

/*
 *  Intro page
 */


/* ==============================
   Bootstrap multicolumn grid
   ============================== */

/* clear the first in row for any block that has the class "multi-columns-row" */

@media (min-width: 768px) {
	/* reset previous grid */

	/* clear first in row for small columns */
}
@media (min-width: 992px) {
	/* reset previous grid */

	/* clear first in row for medium columns */
}
@media (min-width: 1200px) {
	/* reset previous grid */

	/* clear first in row for large columns */
}