/* Minification failed. Returning unminified contents.
(568,68): run-time error CSS1035: Expected colon, found 'hidden'
(569,28): run-time error CSS1035: Expected colon, found 'absolute'
(599,9): run-time error CSS1035: Expected colon, found 'auto'
(1498,42): run-time error CSS1035: Expected colon, found '0'
(1511,23): run-time error CSS1035: Expected colon, found ';'
(1787,1): run-time error CSS1019: Unexpected token, found '-'
(1787,2): run-time error CSS1019: Unexpected token, found '-'
(1787,3): run-time error CSS1019: Unexpected token, found '-'
(1787,4): run-time error CSS1019: Unexpected token, found '-'
(1787,5): run-time error CSS1019: Unexpected token, found '-'
(1787,6): run-time error CSS1019: Unexpected token, found '-'
(1787,7): run-time error CSS1019: Unexpected token, found '-'
(1787,8): run-time error CSS1019: Unexpected token, found '-'
(1787,9): run-time error CSS1019: Unexpected token, found '-'
(1787,10): run-time error CSS1019: Unexpected token, found '-'
(1787,11): run-time error CSS1019: Unexpected token, found '-'
(1787,12): run-time error CSS1019: Unexpected token, found '-'
(1787,13): run-time error CSS1019: Unexpected token, found '-'
(1787,14): run-time error CSS1019: Unexpected token, found '-'
(1787,15): run-time error CSS1019: Unexpected token, found '-'
(1787,16): run-time error CSS1019: Unexpected token, found '-'
(1787,17): run-time error CSS1019: Unexpected token, found '-'
(1787,18): run-time error CSS1019: Unexpected token, found '-'
(1787,19): run-time error CSS1019: Unexpected token, found '-'
(1787,20): run-time error CSS1019: Unexpected token, found '-'
(1787,21): run-time error CSS1019: Unexpected token, found '-'
(1787,22): run-time error CSS1019: Unexpected token, found '-'
(1787,23): run-time error CSS1019: Unexpected token, found '-'
(1787,24): run-time error CSS1019: Unexpected token, found '-'
(1787,25): run-time error CSS1019: Unexpected token, found '-'
(1787,26): run-time error CSS1019: Unexpected token, found '-'
(1787,27): run-time error CSS1019: Unexpected token, found '-'
(1787,28): run-time error CSS1019: Unexpected token, found '-'
(1787,29): run-time error CSS1019: Unexpected token, found '-'
(1787,30): run-time error CSS1019: Unexpected token, found '-'
(1787,31): run-time error CSS1019: Unexpected token, found '-'
(1787,32): run-time error CSS1019: Unexpected token, found '-'
(1787,33): run-time error CSS1019: Unexpected token, found '-'
(1787,34): run-time error CSS1019: Unexpected token, found '-'
(1787,35): run-time error CSS1019: Unexpected token, found '-'
(1787,36): run-time error CSS1019: Unexpected token, found '-'
(1787,37): run-time error CSS1019: Unexpected token, found '-'
(1787,38): run-time error CSS1019: Unexpected token, found '-'
(1787,39): run-time error CSS1019: Unexpected token, found '-'
(1787,40): run-time error CSS1019: Unexpected token, found '-'
(1787,41): run-time error CSS1019: Unexpected token, found '-'
(1787,42): run-time error CSS1019: Unexpected token, found '-'
(1787,43): run-time error CSS1019: Unexpected token, found '-'
(1787,44): run-time error CSS1019: Unexpected token, found '-'
(1787,45): run-time error CSS1019: Unexpected token, found '-'
(1787,46): run-time error CSS1019: Unexpected token, found '-'
(1787,47): run-time error CSS1019: Unexpected token, found '-'
(1787,48): run-time error CSS1019: Unexpected token, found '-'
(1787,49): run-time error CSS1019: Unexpected token, found '-'
(1787,50): run-time error CSS1019: Unexpected token, found '-'
(1787,51): run-time error CSS1019: Unexpected token, found '-'
(1787,52): run-time error CSS1019: Unexpected token, found '-'
(1787,53): run-time error CSS1019: Unexpected token, found '-'
(1787,54): run-time error CSS1019: Unexpected token, found '-'
(1787,55): run-time error CSS1019: Unexpected token, found '-'
(1787,56): run-time error CSS1019: Unexpected token, found '-'
(1787,57): run-time error CSS1019: Unexpected token, found '-'
(1787,58): run-time error CSS1019: Unexpected token, found '-'
(1787,59): run-time error CSS1019: Unexpected token, found '-'
(1787,60): run-time error CSS1019: Unexpected token, found '-'
(1787,61): run-time error CSS1019: Unexpected token, found '-'
(1787,62): run-time error CSS1019: Unexpected token, found '-'
(1787,63): run-time error CSS1019: Unexpected token, found '-'
(1787,64): run-time error CSS1019: Unexpected token, found '-'
(1787,65): run-time error CSS1019: Unexpected token, found '-'
(1787,66): run-time error CSS1019: Unexpected token, found '-'
(1787,67): run-time error CSS1019: Unexpected token, found '-'
(1787,68): run-time error CSS1019: Unexpected token, found '-'
(1787,69): run-time error CSS1019: Unexpected token, found '-'
(1787,70): run-time error CSS1019: Unexpected token, found '-'
(1787,71): run-time error CSS1019: Unexpected token, found '-'
(1787,72): run-time error CSS1019: Unexpected token, found '-'
(1787,73): run-time error CSS1019: Unexpected token, found '-'
(1787,74): run-time error CSS1019: Unexpected token, found '-'
(1787,75): run-time error CSS1019: Unexpected token, found '-'
(1787,76): run-time error CSS1019: Unexpected token, found '-'
(1787,77): run-time error CSS1019: Unexpected token, found '-'
(1787,78): run-time error CSS1019: Unexpected token, found '-'
(1787,80): run-time error CSS1031: Expected selector, found '/'
(1787,80): run-time error CSS1025: Expected comma or open brace, found '/'
(2026,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2027,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2032,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2033,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2040,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2041,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2046,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2047,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2054,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2055,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2058,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2059,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2064,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2065,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2068,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2069,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2084,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2085,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2088,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2089,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2108,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2109,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2121,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2122,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2140,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2141,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2144,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2145,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2161,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2162,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2165,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(2166,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2173,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2174,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2968,1): run-time error CSS1019: Unexpected token, found '@import'
(2968,9): run-time error CSS1019: Unexpected token, found 'url(//fonts.googleapis.com/css?family=Ruda:400,700,900)'
(2969,1): run-time error CSS1019: Unexpected token, found '@import'
(2969,9): run-time error CSS1019: Unexpected token, found 'url(//fonts.googleapis.com/css?family=Roboto:100,300)'
(2970,1): run-time error CSS1019: Unexpected token, found '@import'
(2970,9): run-time error CSS1019: Unexpected token, found 'url(//fonts.googleapis.com/css?family=Comfortaa)'
 */
/*
Theme Name: ART23 - Version: 3
Description:  Designed by josweb.
Author:  Jo
Purchase:  http://themeforest.net/user/josweb

01. GENERAL STYLING
02. COLOURS & OVERLAYS
03. MENU 
		- menu
		- mega menu
	 	- top strip for header style 2
04. SLIDERS
		- slider revolution
		- nivo slider
		- flex slider - e.g full_slider2.html
05. INDEX PAGES - TOP SECTIONS
	 	- flexslider - single image - index 3
	 	- youtube - index 5
		 -  video section - index 6
06. FIXED HEADER BACKGROUNDS
07. PARALLAX
		- parallax quote - index pages
		- review quote  - testimonials.html 
		- timeline page - header
		- contained project page - parallax_study.html
		- full width project page - parallax_study-full.html
08. PAGES
	- I: 	ABOUT - MILESTONES COUNTER
	- II:	TEAM
	- III:	SERVICES - PIE CHARTS + PROGRESS BARS
	- IV:	TIMELINE
	- V:	PRICING TABLES
	- VI:	DRIBBBLE
	- VII:	PORTFOLIO
		- colour swatch
	 	- related posts little link
		- related posts prev/next
	- VIII: BLOG
09. CONTACT
10. FOLLOW/FOOTER
11. OWL CAROUSEL
	- index thumnails
	- testimonial  carousel
12. BUTTONS
13. ACCORDIAN, TABS, CONTENT BOXES, DIVIDERS
14. CSS3 ANIMATIONS
15. MEDIA QUERIES
*/

/*-----------------------------------------------------------------------------------*/
/*	01: GENERAL STYLING
/*-----------------------------------------------------------------------------------*/
* { margin: 0; }
html, body { height: 100%; }

body {
  font-family: 'Ruda', sans-serif !important;
	font-size: 14px;
	line-height: 24px;
	color: #888;
	font-weight: 400;
	background: #fff;
	overflow-x: hidden!important;
	margin: 0;
	text-rendering: optimizeLegibility;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-font-smoothing: subpixel-antialiased;
	height: 100%;
	width: 100%;
    padding: 0px 15px;
}

html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; height:100%; }

/**** GENERAL ****/
a, input, select, textarea {outline:none; text-decoration:none; }
a, li { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a, a:visited { text-decoration: none!important; }
:focus {outline: 0!important;}
a:hover, a:active, a:focus { outline: 0!important;}
::-moz-selection{ color:#fff; background:#bbb; }
::selection { color:#fff; background:#bbb; }
p {margin-bottom:15px; font-weight:400; 	color:#888; text-align:justify }
small { letter-spacing:0.2em; font-size:11px; }
.clear { height:0; clear: both; font-size:0; }
.pull-right { margin-left:12px; }
.pull-left { margin-right:12px; }
.center { text-align:center; margin: 0 auto; }
hr { border-top:1px solid #ccc;border-bottom:0; }
img { height:auto; max-width:100%;  vertical-align:top; ms-interpolation-mode:bicubic; opacity:1.0; width: auto;}
.well { box-shadow:none; border:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; }
.label, .badge {text-shadow: none; }
iframe { border: 0;}
/* Icons List */
.fa-li { margin-left:-8px; padding-top:2px; }

/* Padding */
.pad90 { padding-top:90px; }
.pad60 { padding-top:60px; }
.pad50 { padding-top:50px; }
.pad45 { padding-top:45px; }
.pad30 { padding-top:30px; }
.pad25 { padding-top:25px; }
.pad20 { padding-top:20px; }
.pad15 { padding-top:15px; }
.pad10 { padding-top:10px; }
.pad8 { padding-bottom:8px; }
.pad5 { padding-top:5px; }
/* Margins */
.marg-left5 { margin-left:5px; }
.marg-right5 { margin-right:5px; }

/* Video */
.vendor{ 
	position:relative;
	padding-bottom:56.25%;
    padding-top:0px; 
	height:0;
	margin:0 0;
}
.vendor iframe { 
	position: absolute; 
	top:0; 
	left:0;
    width:100%;
	height:100%;
} 

.soundcloud { width:100%; height:166px; }

/**** LINKS ****/
a {
	color: #5BC0DE; 
	text-decoration: none;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	outline: none;
}
a:hover {color:#555; text-decoration:none; }


/**** TYPOGRAPHY ****/
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 10px 0;
    color: #555;
    font-weight: 700;
    line-height: 1.4em;
	font-family: 'Ruda', sans-serif;
}

h1 { margin:40px 0 0 0; font-size:62px; line-height:62px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
h1.lead { font-size: 32px; line-height:40px; }
h1.big{
	font-family: 'Lato',sans-serif;
	margin: 100px 0 90px ;
    font-size: 260px;
	letter-spacing: -2px;
	line-height: 60px;
	font-weight: 700;
	color: #2A80B9;
}
.x-light { font-weight: 300; }
.light { font-weight: 500; }
.heavy { font-weight: 800;}
.x-heavy { font-weight: 900;}

/* INDEX PAGE ICON BOX H6 */
.icon-boxes h6{
	font-size: 15px;
	line-height: 50px;
	letter-spacing: 1px;
	margin: 0 auto; 
}

/* INDEX PAGE - Welcome Quote Colour Background */
.welcome_index { padding:80px 0; background:#2E3138; }
.welcome_index p{
	text-align: center;
	font: 32px/50px 'Ruda', sans-serif;
	font-weight: 500; 
	margin: 0 auto;
	color: #fff;
	width: 90%;
}

/* BLOCKQUOTES */
blockquote { border-left:3px solid #2BA6CB; }
blockquote.pull-right { border-right:3px solid #2BA6CB; text-align:right; }

/**** DROP CAPS ****/
.dropcap{
    font-weight: 400;
	color: #555;
    display: block;
    float: left;
    font-size: 80px;
    padding: 0;
	margin: 24px 8px 20px 0;
    text-transform: uppercase;
}
.dropcap2 { 
	background-color:#2BA6CB;
	color:#fff;
 	font-weight: 400;
    display: block;
    float: left;
	text-align: center;
    font-size: 55px;
    padding: 18px 15px;
	margin: 5px 8px 0 0;
    text-transform: uppercase;
}

/*-----------------------------------------------------------------------------------*/
/*	02: COLOURS & OVERLAYS
/*-----------------------------------------------------------------------------------*/
/* Colours */
.hue { color: #2980B9; }
.white { color: #fff; }
.light-grey {color: #bbb; }
.grey { color: #69767F; }
.asphalt {color: #34495E; }
.dark { color: #555; }

.hue_block {
	background-color: #2980B9;
	color: #fff;
	padding: 0px 8px 2px;
	-webkit-transition: background-color .4s ease-in;
    -moz-transition: background-color .4s ease-in;
    -o-transition: background-color .4s ease-in;
    transition: background-color .4s ease-in;
}
.hue_block:hover { background-color: #2BA6CB; }

/* HEADER COLOURS */
.header_colour { background-color: #2A80B9; }
.header_dark { background-color: #2E3138; }

/* IMAGE HOVER COLOUR */
.hover_colour:hover{  
	background: #2A80B9 url(../img/zoom.png) no-repeat 50% 50%;
	-webkit-box-shadow: inset 0 0 0 5px rgba(255,255,255,0.15);
	-moz-box-shadow: inset 0 0 0 5px rgba(255,255,255,0.15);
    box-shadow: inset 0 0 0 5px rgba(255,255,255,0.15); 
}
.hover_colour { background: #2A80B9;}

/*ABSOLUTE OVERLAYS FOR PARALLAX */
.colour_overlay, .colour_overlay2  {	
	background: rgba(41,128,185,0.5) repeat;
	width: 100%;
	height: 100%; 
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}
.dark_overlay, .dark_overlay2 {	
	background: rgba(49,49,56,0.85) ;
	width:100%; height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 2;
}

/* SMALL HEADER OVERLAYS */
.dark_overlay2 {  position:relative!important; padding:0 0; }
.colour_overlay2 {	position:relative!important; padding:0 0;}

/* ABSOLUTE PATTERN OVERLAYS */
#overlay {	
	background: url(../img/overlay.png) repeat;
	position: absolute;
	z-index: 0!important;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.7;
}
#overlay2 {	
	background: url(../img/overlay.png) repeat;
	position:absolute;
	top:0; left:0; bottom:0; right:0;
}
/**** darker ****/
#overlay3 {	
	background: url(../img/overlay2.png) repeat;
	position:absolute;
	top:0; left:0; bottom:0; right:0;
}

/* RELATIVE PATTERN OVERLAYs */
#overlay4 {	
	background: url(../img/overlay.png) repeat;
	position: relative; 
	width: 100%;
	height: 100%;
}
/**** darker ****/
#overlay5 {	
	background: url(../img/overlay2.png) repeat;
	position: relative; 
	width: 100%;
	height: 100%;
}
/*-----------------------------------------------------------------------------------*/
/*	03: MENU
/*-----------------------------------------------------------------------------------*/
.navbar {
	background: #fff;
	/*-webkit-box-shadow: 0 3px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 3px 0 rgba(0,0,0,0.1);
    box-shadow: 0 3px 0 rgba(0,0,0,0.1);*/
}
.navbar .navbar-nav { margin:40px 0 35px; padding-right:20px; }

/* header heights */
header{ height:102px; }
header.menu-two  {height:144px; }

/* logo heights */
.navbar-brand { padding:24px 0px 0 32px; }
header.active .navbar-brand { padding: 8px 0px 0px 32px; }

/* active height */
header.active .nav { margin: 25px 0 20px 0; }

/* drop down heights */
.navbar .navbar-nav > li > ul.drop-down { padding-top: 36px; list-style-type: none;  }
header.active .navbar .navbar-nav > li > ul.drop-down { padding-top: 21px; }

.navbar .navbar-nav > li > a {
    position: relative;
    color: #777;
    font-size: 13px;
	font-family: 'Ruda', sans-serif;
	letter-spacing:1px;
	line-height: 15px;
	text-transform:uppercase;
	font-weight:600;
	padding: 5px 15px;
	background:  transparent;
}
.navbar .navbar-nav > li > a.active, .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav a:focus  {
    color: #2BA6CB;
    background:  transparent;
}
.navbar .navbar-nav >  li:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 14px;
    left: -10px;
    top: 5px;
    border-right: 1px solid #eee;
}
.navbar .navbar-nav  > li:first-child:after { display: none; }

ul.drop-down {
    position: absolute;
    top: 25px;
	left: -25px!important;
    right: 0%;
    width: 180px;
    visibility: hidden;
    opacity: 0;
    z-index: 3;
	padding: 0;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    -mos-transition: -mos-transform 0.4s, opacity 0.1s 0.3s;
    -o-transition: -o-transform 0.4s, opacity 0.1s 0.3s;
}
.navbar .navbar-nav > li:hover > ul.drop-down {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    -mos-transition: -mos-transform 0.4s, opacity 0.1s;
    -o-transition: -o-transform 0.4s, opacity 0.1s;
     transition: transform 0.4s, opacity 0.1s;
}
ul.drop-down li a {
    display: block;
    color: #fff;
    font-size: 13px;
  	padding: 15px 16px;
    text-decoration: none;
  	font-weight: 400;
}
ul.drop-down > li:first-child, ul.drop-down li:hover ul.drop-down.submenu > li:first-child { border-top: 0px none; }
ul.drop-down > li:last-child { border-bottom: 0px none; }
ul.drop-down li { position: relative; background: #2e3138; border-bottom: 1px solid #444; }
ul.drop-down li:hover > a { color: #2BA6CB; }
ul.drop-down.submenu {
    top: 0;
    left: 190px!important;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);list-style-type:none; 
}
ul.drop-down.submenu_left {
    top: 0;
    left: -190px!important;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
	list-style-type: none; 
}
ul.drop-down li:hover ul.drop-down.submenu, ul.drop-down li:hover ul.drop-down.submenu_left {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    -mos-transition: -mos-transform 0.4s, opacity 0.1s;
    -o-transition: -o-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}

/***************************************************
	MEGA MENU
***************************************************/
.menu-large .dropdown-header {font-size:15px; padding:0px 0px 8px!important; color:#fff; }
.menu-large { position: static!important; }
.megamenu{
	margin: 0 auto;
	padding: 25px 60px 35px;
	width: 100%;
	font-size: 13px;
	color: #bbb;
}
.megamenu> li > ul { padding:0; margin:0; }
.megamenu > li > ul > li { list-style:none; }
.dropdown-menu{
	box-shadow: none;
	border-radius: 0px;
	border: 0px none;
	margin-top: 5px!important;
	background: #2E3138;
}
.dropdown-menu a { color:#BBB; }
.dropdown-menu a:hover { color:#2A80B9; }
.dropdown-menu .divider  {border-top:1px solid #555; border-bottom:0px none; }

/***************************************************
	TOP STRIP FOR HEADER STYLE 2
***************************************************/
#top-strip {	height: 40px; background: #2BA6CB; }
.top-info {
	float: left;
	text-align: left;
	padding: 10px 0px 0px 20px;
	color: #fff!important;
	font-size: 11px;
	margin: 0 -5px 0px 0;
}
.top-info2{
	float: right;
	text-align: right;
	padding: 7px 10px 0px 0px;
	color: #fff!important;
	font-size: 20px;
	margin: 0 5px 0px 0;
}
.top-info2 a{ opacity:0.5;}
.top-info a, .top-info2 a { color:#fff!important; }
.top-info2 a:hover { opacity:1.0; }

/*-----------------------------------------------------------------------------------*/
/*	04: SLIDERS
/*-----------------------------------------------------------------------------------*/

/***************************************************
	SLIDER REVOLUTION 
***************************************************/
.tp-banner-container, .tp-banner-container2, .tp-banner-container3{
	width: 100%!important;
	background:#f5f5f5;
	position: relative;
	padding: 0;
	overflow:hidden!important;
	margin-top:90px;
	clear:both;
}
.tp-banner{ width:100%; position:relative; }
.tp-banner-container ul, .tp-banner-container2 ul, .tp-banner-container3 ul { visibility: hidden; margin: 0; list-style: none; }

.tp-leftarrow.default,.tp-leftarrow.default:hover,
.tp-rightarrow.default, .tp-rightarrow.default:hover {
	height: 80px;
	width: auto!important;
	line-height: 45px;
	top: 50% !important;
	padding: 0px 30px!important;
	opacity: 0.8;
}
.tp-leftarrow.default, .tp-leftarrow.default:hover {
	background: url(../img/prev.png) no-repeat center #222;
	border-radius: 0px 3px 3px 0px;
	left:0px;
}
.tp-rightarrow.default, .tp-rightarrow.default:hover{
	background:url(../img/next.png) no-repeat center #222;
	right:0px;
	border-radius:3px 0px 0px 3px;
}
.tparrows { margin: 0 -20px; }
.tparrows:hover { opacity:1.0!important; }

/* header slider - hide arrows */
.tp-banner-container2 { width: 100%!important; margin:0px 0px; clear:both; }
.tp-banner-container2 .tp-leftarrow.default, .tp-banner-container2 .tp-rightarrow.default { display:none!important; }
.tp-banner-container3 .tp-leftarrow.default, .tp-banner-container3 .tp-rightarrow.default { display:none!important; }

/***************************************************
	NIVO SLIDER
***************************************************/

.nivo { margin:0px; padding:0px;  }
.nivoSlider { position:relative; width:100%; height:auto; overflow hidden; }
.nivoSlider img { position absolute; top:0px; left:0px; max-width:none; display:none;}
.nivo-main-image { display: block !important; position: relative !important;  width: 100% !important; }
.nivoSlider a.nivo-imageLink {
	position: absolute;
	top:0px; 
	left:0px;
	width:100%; 
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
.nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; }
.nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; }
.nivo-box img { display:block; }
.nivo-html-caption {  display:none; }
.nivo-controlNav {display: none; }
.nivo-box {width: 10px; }

.nivoSlider { position:relative; background:transparent url(../img/AjaxLoader.gif) no-repeat 50% 50%; margin: 0 auto; }
.nivoSlider img { position:absolute; top:0px; left:0; display:none; }
.nivoSlider a { border:0; display:block; }
.nivo-controlNav a {display:none; }
.nivo-directionNav a {
	 display:block;
    position: absolute !important;
    z-index:10;
    cursor:pointer;
    top auto; left:auto;
    bottom:0px; right:0px;
    width: 33px !important;
    height: 33px !important;
    text-indent: -9999px;
    background: url("../img/slider_nav.png") no-repeat 0 0;
    opacity: 0.6;
}
 a.nivo-nextNav:hover,  .nivo-prevNav:hover  { opacity: 1; }
 a.nivo-nextNav { background-position: -33px 0px; right:0px; }
 a.nivo-prevNav { right:33px; }
.nivo-caption {
    display:block;
    position:absolute;
    z-index:8;
    top:auto;
    left:auto;
    bottom:0px;
    right:66px;height:33px!important;
    line-height:33px;
    padding:0px 10px;
    font-size:13px;
	width:auto !important;
    max-width:500px;
 	color:#fff;
}

/***************************************************
	FULL WIDTH WORK SLIDER - full_slider2.html
***************************************************/
#work_slider{	
    background: #eee url(../img/bg/light_bg.jpg);
	margin: 0 auto;
	-webkit-background-size: cover!important; 
    -moz-background-size: cover!important;  
    -o-background-size: cover!important; 
    background-size: cover!important;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: top center;
}
#project_slider li{
	margin: 80px auto 60px;
	text-align: center;
	position: relative;
}
#project_slider img { width:auto; margin:auto; }
#project_slider .flex-direction-nav { position:absolute; width:100%; top:40%; }
#project_slider .flex-direction-nav a {
	width: 60px;
	height: 100px;
	padding: 10px 20px;
	border-radius: 3px; 
	opacity: 0.1;
}
#project_slider .flex-direction-nav a.flex-prev{ 
	background:url(../img/prev.png) no-repeat center #222;
	left:0px;
	border-radius:0px 3px 3px 0px;
}
#project_slider .flex-direction-nav a.flex-next {
	background:url(../img/next.png) no-repeat center #222;
	right:0px;
	border-radius:3px 0px 0px 3px;
}
#project_slider .flex-direction-nav a:hover { opacity:1; }
#project_slider:hover .flex-direction-nav a.flex-prev {left:0px; opacity:1;}
#project_slider:hover .flex-direction-nav a.flex-next {right:0px; opacity:1;}


/*-----------------------------------------------------------------------------------*/
/*	05: INDEX PAGE - TOP SECTIONS
/*-----------------------------------------------------------------------------------*/	

/**** FLEXSLIDER - SINGLE IMAGE - INDEX 3 ****/
.single_image{ 
	background: url(../img/slider/slider1.jpg) no-repeat;
	z-index: 1!important;
	width: 100%;
	height: 100%;
	display: block;
	-webkit-background-size: cover !important ;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}

/**** FLEXSLIDER - INDEX 4 ****/
#home{ overflow: hidden; }
#home-slider { position: relative;  }
.slider-text { display:none; }
#home-slider .slides li {margin:0 0; 
	-webkit-background-size: cover!important; 
    -moz-background-size: cover!important;  
    -o-background-size: cover!important; 
    background-size: cover!important;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: center;
}
.intro-text {
	font-family: 'Lato', sans-serif;
	font-size: 65px;
	line-height: 70px;
	letter-spacing: 15px;
	color: #fff;
	margin: 40px 40px;
	font-weight: 700;
	text-shadow:  0px 1px 1px rgba(0,0,0,0.3); 
}
.intro-text-sub {
	font-size: 16px;
	color: #fff;
	word-spacing: 0px;
	letter-spacing: 2px;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.3); 
} 

/**** YOUTUBE - INDEX 5 ****/
.top_video {
	background: url(../img/slider/slider1.jpg) no-repeat;
	z-index: 1!important;
	width: 100%;
	height: 100%;
	display: block;
	-webkit-background-size: cover !important ;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}

/* VOLUME CONTROL */
#volume i { margin:0px auto!important; color:#fff; cursor:pointer; font-size:35px!important; line-height:100px; z-index:9999; }

/**** VIDEO SECTION - INDEX 6 ****/
#section_video { 
	background: url(../img/bg/video_image.jpg) 50% 0%  fixed no-repeat;
	width: 100%;
	height: 100%;
	background-position:top center;
	-webkit-background-size: cover!important; 
    -moz-background-size: cover!important;  
    -o-background-size: cover!important; 
    background-size: cover!important;
	max-height:500px;
}
#section_video h2{ 
	font-size: 32px;
	line-height: 45px;
	padding: 120px;
	color: #fff!important;
	font-weight: 700;
	text-transform: uppercase;
}

/*-----------------------------------------------------------------------------------*/
/*	06: FIXED HEADER BACKGROUNDS
/*-----------------------------------------------------------------------------------*/	

/**** SERVICES HEADER ****/
#fixed_header_services .well {
	background: url(../img/bg/services_header.jpg) ;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	height: 300px;
	-webkit-background-size: cover!important; 
    -moz-background-size: cover!important;  
    -o-background-size: cover!important; 
    background-size: cover!important;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: center center;
}

/**** FAQ HEADER  ****/	
#fixed_header_faq .well {
	background: url(../img/bg/charts.jpg) repeat ;
	padding: 0px 0;
	height: 300px!important; 
	width: 100%;
	height: 100%;
	margin: 0 auto; 
	-webkit-background-size: cover!important; 
    -moz-background-size: cover!important;  
    -o-background-size: cover!important; 
    background-size: cover!important;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: bottom center;
}
/**** TEAM  + CONTACT 2 HEADER ****/
#fixed_header_team .well, #fixed_header_contact .well{
	background: url(../img/bg/parallax_2.jpg) ;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	height: 300px;
	-webkit-background-size: cover!important; 
    -moz-background-size: cover!important;  
    -o-background-size: cover!important; 
    background-size: cover!important;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: center center;
}

/**** example on - headers.html ****/
#fixed_header_1 .well, #fixed_header_2 .well {
	background: url(../img/large/index_slider1.jpg) repeat ;
	padding:0px 0;height:300px!important; 
	width: 100%;
	height: 100%;
	margin: 0 auto; 
	-webkit-background-size: cover!important; 
    -moz-background-size: cover!important;  
    -o-background-size: cover!important; 
    background-size: cover!important;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: bottom center;
}

/*-----------------------------------------------------------------------------------*/
/*	07:PARALLAX 
/*-----------------------------------------------------------------------------------*/	

/**** PARALLAX  QUOTE ****/
#big_quote .well{
	background: url(../img/bg/camera.jpg) ;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	height: 400px;
	-webkit-background-size: cover!important; 
    -moz-background-size: cover!important;  
    -o-background-size: cover!important; 
    background-size: cover!important;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: top center;
}
#big_quote .well h2{ 
	padding: 0 0;
	font-size: 32px;
	line-height: 45px;
	margin: 100px auto 50px!important;
	color: #FFF!important;
	font-weight: 400;
	width: 85%;
}

/**** REVIEW QUOTE - testimonials.html ****/
#review_quote .well{
	background: url(../img/bg/camera.jpg) ;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	height: 300px;
	-webkit-background-size: cover!important; 
    -moz-background-size: cover!important;  
    -o-background-size: cover!important; 
    background-size: cover!important;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: top center;
}
#review_quote .well h2{ 
	font-size: 32px;
	line-height: 45px;
	margin: 100px auto 0px!important;
	color: #fff!important;
	font-weight: 400;
	padding: 0px 0px;
}

/**** TIMELINE PAGE PARALLAX HEADER ****/
#project_parallax-timeline .well{
	background: url(../img/bg/timeline_header.jpg) ;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	height: 300px;
	-webkit-background-size: cover!important; 
    -moz-background-size: cover!important;  
    -o-background-size: cover!important; 
    background-size: cover!important;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position:  center;
}

/**** PARALLAX - parallax_study.html ****/
/* pic1 fixed */
#project_parallax1 .well{
	background: url(../img/bg/parallax_7.jpg) ;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	height: 400px;
	-webkit-background-size: cover!important; 
    -moz-background-size: cover!important;  
    -o-background-size: cover!important; 
    background-size: cover!important;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: top center;
}

/* pic 2 parallax */
#project_parallax2 .well{
	background: url(../img/bg/parallax_6.jpg) ;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	height: 400px;
	-webkit-background-size: cover!important; 
    -moz-background-size: cover!important;  
    -o-background-size: cover!important; 
    background-size: cover!important;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: top center;
}
/* pic 3 fixed */
#project_parallax3 .well{
	background: url(../img/bg/parallax_3.jpg) ;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	height: 400px;
	-webkit-background-size: cover!important; 
    -moz-background-size: cover!important;  
    -o-background-size: cover!important; 
    background-size: cover!important;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: top center;
}
/* pic 4 parallax */
#project_parallax4 .well{
	background: url(../img/bg/parallax_4.jpg) ;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	height: 400px;
	-webkit-background-size: cover!important; 
    -moz-background-size: cover!important;  
    -o-background-size: cover!important; 
    background-size: cover!important;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: top center;
}

/**** PARALLAX - full width project page ****/
/* header */
#project_parallax-full1 .well{
	background: url(../img/bg/parallax_3.jpg) ;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	height:300px;
	-webkit-background-size: cover!important; 
    -moz-background-size: cover!important;  
    -o-background-size: cover!important; 
    background-size: cover!important;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: bottom center;
}
/* pic 2 fixed */
#project_parallax-full2 .well{
	background: url(../img/bg/parallax_5.jpg) ;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	height: 400px;
	-webkit-background-size: cover!important; 
    -moz-background-size: cover!important;  
    -o-background-size: cover!important; 
    background-size: cover!important;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: bottom center;
}
/* pic 3 parallax */
#project_parallax-full3 .well{
	background: url(../img/bg/parallax_4.jpg) ;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	height: 400px;
	-webkit-background-size: cover!important; 
    -moz-background-size: cover!important;  
    -o-background-size: cover!important; 
    background-size: cover!important;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: top center;
}
/* pic 4 fixed */
#project_parallax-full4 .well{
	background: url(../img/slider/slider1.jpg) ;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	height: 400px;
	-webkit-background-size: cover!important; 
    -moz-background-size: cover!important;  
    -o-background-size: cover!important; 
    background-size: cover!important;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: top center;
}

/*-----------------------------------------------------------------------------------*/
/*	08: PAGES
/*-----------------------------------------------------------------------------------*/

/***************************************************
	I: ABOUT - MILESTONES COUNTER
***************************************************/
#milestones .well{ 
	background: url(../img/bg/milestones.jpg) 50% 0% fixed no-repeat;
	background-position: top center;
	-webkit-background-size: cover!important; 
    -moz-background-size: cover!important;  
    -o-background-size: cover!important; 
    background-size: cover!important;
	padding: 0 0;
}
#milestones .well h1 {
	margin: 40px auto 0px;
	font-size: 35px!important;
	font-weight: 700!important;
	line-height: 60px;
	letter-spacing: 5px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}
.counter { 
	padding: 10px 0 0;
	font-size: 70px;
	font-weight: 800!important;
	line-height: 80px;
	color: #fff;
	Font-family: 'Lato', sans-serif;
}
#milestones .light { 
	padding: 20px 0 80px;
	font-size: 20px;
	font-weight: 300!important;
	line-height: 25px;
	color: #bbb;
	margin: 0 auto;
}

/***************************************************
	II: TEAM
 ***************************************************/
.team-icon { color:#444; margin:0px 5px; font-size:18px; text-align:center;}
.team-icon:hover { color: #888!important; }
.team-item:hover { opacity: 1;}
.job_title { font-size:14px;   }
.welike { font-size:50px; line-height:50px; }

/***************************************************
	III: SERVICES - PIE CHARTS
 ***************************************************/
.chart1, .chart2, .chart3 {
  position: relative;
  display: inline-block;
  width: 140px;
  height: 140px;
  margin-top: 50px;
  margin-bottom: 0px;
  text-align: center;
}
.chart canvas { position:absolute; top:0; left:0; }
.percent { 
	position:absolute;
	display:inline-block;
	margin:0px auto;
	z-index:2;
	color:#fff;
	left:42%;
	top:40%;
}
.pie p{ color: #ddd; }

#charts .well{ 
	background: url(../img/bg/charts.jpg) 50% 0% fixed no-repeat;
	background-position: top center;
	-webkit-background-size: cover!important; 
    -moz-background-size: cover!important;  
    -o-background-size: cover!important; 
    background-size: cover!important;
	padding: 0 0;
}
#charts .well h1 {
	margin: 40px auto 0px;
	font-size: 35px!important;
	font-weight: 700!important;
	line-height: 60px;
	letter-spacing: 5px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}

/*************************************************************
	PROGRESS BARS
 *************************************************************/
.bars-wrapper { padding: 0 0; font-weight: 400; margin: -10px 0 20px 0; }
.bars-wrapper .progress { height:10px; background:#E9E6E1; border-radius:0px; box-shadow:none; margin:3px 0 12px; }
.bars-wrapper .progress-bar { box-shadow: none; }
.bars-wrapper .progress:last-child { margin-bottom: 0; }
.progress {
	background: #E9E6E1;
	color: #fff;
	border-radius: 0px;
	height: 10px;
	margin: 0px 0 20px 0; 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.progress .bar{
    background: #2980B9;
	text-align: center;
	text-indent: 20px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/***************************************************
	IV: TIMELINE
 ***************************************************/
.timeline {
	margin: 0px auto;
	width:95%;
	overflow: hidden;
	height: auto;
	position: relative;
	padding: 0px;
	list-style-type: none;
	background: url(../img/overlay.png);
	background-repeat: repeat-y;
	background-position: 50% 0;
}
.timeline .year {
	background: #2980B9;
	font-size: 20px;
	max-width: 110px;
	clear: both;
	color: #fff;
	text-align: center;
	margin: 40px auto 60px;
	padding: 5px;
}
.timeline .month { font-size:14px; padding:0px 0 20px; color:#777; }
.timeline h4 { padding: 10px 0; }
.timeline .event {
	position: relative;
	text-align: left;
	float: right;
	clear: right;
	width: 42%;
	margin: 0px 0 30px;
	display: block;
	padding: 30px 30px 20px;
	background: #fff;
	border: 1px solid #ccc;
}
.timeline .event:hover { background-color:#f5f5f5!important; }
.timeline .event {
	-webkit-transition:background-color .4s ease-in;
    -moz-transition:background-color .4s ease-in;
    -o-transition:background-color .4s ease-in;
    transition:background-color .4s ease-in;
	 background: #fff!important;
}
.timeline .event:nth-of-type(2n){ float: left; clear: left; }
.timeline .event:after {
	display: block;
	content: '\f005';
	color: #bbb;
	position: absolute;
	left: -15%;
	top: 1.5em;
	font-family: 'FontAwesome';
}
.timeline .event:nth-of-type(2n):after { right: -15%; left: auto; }

/***************************************************
	V: PRICING TABLES
 ***************************************************/
.tile-hot:before {
    background: url("../img/ribbon.png") 0 0 no-repeat;
    background-size: 82px 82px;
    content: "";
    height: 82px;
    position: absolute;
    right: 11px;
    top: -4px;
    width: 82px;
	z-index: 1;
}
#pricing {margin:0 auto; }
.price-plan-top { background: #222;  padding:30px 0 20px; }
.price-plan h2 {
	color:#eee;
	letter-spacing: 4px;
	font-size: 15px;
	padding:0 0 20px;
	text-transform:uppercase;
}
.price-plan-link:hover { color: #f7f7f7; }
.dollar {
	font-size: 22px;
	line-height: 22px;
	top: -55px;
	right: 3px;
	font-weight: 300;
	position: relative;
  }
.price .amt {font-size:110px; line-height: 84px; }
.price .mo { font-size:14px; text-transform:uppercase; letter-spacing:1px; }
.price > p {
    font-size: 11px;
    line-height: 16px;
    margin-top: 24px;
  }
#pricing .info-wrapper {
	padding: 20px 20px 0;
	border: 1px solid #555;
	margin-bottom: 40px;
}
#pricing .info-wrapper  ul li { border-bottom:1px dashed #ddd; padding:10px 0; }
#pricing .list-group { list-style-type:none; color:#555; }
#pricing .btn { border:20px solid #fff; margin:0 0 -40px; width:140px; font-size:12px; }

/***************************************************
	VI: DRIBBBLE
 ***************************************************/
.shotList { margin-left:-40px; display:none; }
.shotList img {width: 32.78%; padding: 0 0% 5px 0; margin-right:5px;}
.shotList img:hover {
	opacity: 0.9;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
@media (max-width: 1366px){
    .mdmargintop {
      margin-top: 15px;
    }
}   
@media screen and (max-width: 991px){
    .device {
      display: none;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px){
.shotList img {width: 32.6%!important;  }
}
@media screen and (min-width: 481px) and (max-width: 768px){
.shotList img {width: 48.88%!important; }
}
@media only screen and (max-width: 480px) { 
.shotList img {width: 100%!important; }
}

/***************************************************
	VII: PORTFOLIO
 ***************************************************/

/**** COLOUR SWATCH ****/
.jqueryswatches .holder {
    position: relative;
    width: 50%;
    height: 35px;
   	margin: 10px 0 15px;
    border-radius: 5px;
}
.jqueryswatches .color:first-child { border-radius: 5px 0 0 5px; }
.jqueryswatches .color:nth-last-child(2) { border-radius: 0 5px 5px 0; }
.jqueryswatches .color { height: 100%; display: inline-block; }
.jqueryswatches .shade {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #000;
    opacity: 0.14;
    border-radius: 0 0 5px 5px;
}
/*************************************************************
	RELATED POSTS LITTLE LINK
 *************************************************************/
.link { content: "";
    position: absolute;
    top:0%;
    right: 0%;
	z-index: 0;
    border-width: 0 30px 30px 0;
    border-style: solid;
    border-color:#eee #ddd;
	-webkit-box-shadow:0 0px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:b0 0px 2px rgba(0,0,0,0.2);
	box-shadow: 0 0px 2px rgba(0,0,0,0.2);
}
.link2 {
	cursor: pointer;
	position: absolute;	
	top: 0;
	right: 0;
	opacity: 1.0;
	width: 20px;
	height: 20px;
	margin:0px 0px 22px 0px; 
	font-family: 'FontAwesome';
	speak: none;
	font-size: 13px;
	line-height:20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	z-index:1;
	
}
.link2:before { content: "\f0c1 ";}
.link2:hover { opacity:0.8;}

/*************************************************************
	 RELATED POSTS PREV/NEXT
 *************************************************************/
 h6.prev_next{
	text-transform: uppercase;
    font-size: 13px;
	letter-spacing: 2px;
	font-weight: 400; 
	background: #fff;
	position: absolute;
	margin: 0 auto 0;
	top: -10px;
	right:2%;
	padding-left: 0px;
	padding-right: 0px;
}
h6.prev_next a { color:#555; padding-left:10px; padding-right:5px; }
h6.prev_next a:hover {color:#999; }
h6.prev_next i{
	font-size: 14px;
	font-weight:300; 
	background: #fff;
	position: absolute;
	margin: 0 auto 0;
	left: 41%;
	top: -16px;
	padding: 0px;
}

/***************************************************
	VIII: BLOG
 ***************************************************/
h1.blog-title { font-size:2.6em; line-height:1em; margin-bottom:10px;  margin:20px 0 10px; } 
h1.blog-title a { color:#555;  } 
h1.blog-title a:hover { color:#888;  }
#blog h6 { font-size:1.5em; line-height:1em; margin-bottom:10px; }
.meta a, .blog-tabs a, .categories a { color:#888; }
.meta a:hover, .blog-tabs a:hover, .categories a:hover { color:#555; }
.post { margin:30px 0 10px; } 
.blog-carousel-bottom{ margin:0px 0 -20px; } 
.label-inverse{background:#bbb;  } 
.label-inverse:hover{background:#888;  } 

/* Search */
input[type="text"], input[type="search"] {
	 border: 2px solid #d8d3cb;
	color: #888;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.blog-tabs {  margin:0px -25px 15px; }
.blog-tabs img {  margin:10px 0px 0px; }
.blog-tabs a { font-size:12px; }
.media-list { margin:-20px 0; }
.badge {
	background-color: #eee; 
	font-weight: 400;
	padding: 6px 8px;
	margin-bottom: 5px;
	color: #999;
}
.badge:hover { background-color:#eee; }
.badge a { color: #666; }
.badge a:hover { color: #333; }

/* Pagination */
.dotstyle ul {
	position: relative;
	display: inline-block;
	margin: 10px 0 0 -15px;
	padding: 0;
	list-style: none;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.dotstyle li {
	position: relative;
	display: block;
	float: left;
	margin: 0 16px;
	width: 16px;
	height: 16px;
	cursor: pointer;
	border-radius: 50%;
}
.dotstyle li a {
	background-color:#5BC0DE;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	outline: none;
	border-radius: 50%;
	text-indent: -999em; 
	cursor: pointer;
	position: absolute;
	-webkit-transition: background-color 0.3s ease -webkit-transform 0.3s ease;
	transition: background-color 0.3s ease, transform 0.3s ease;
}
.dotstyle li a:hover { background-color:#428BCA; }
.dotstyle li a:focus,.dotstyle-smalldotstroke li.current a { background-color: #5BC0DE;  outline: none; }
.dotstyle li.current a { -webkit-transform: scale(0.4); transform: scale(0.4); }
.dotstyle li.current { box-shadow:0 0 0 2px #5BC0DE; background-color:#fff; }

/**** SOCIAL FEED  ****/	
.social-feed{
	margin: 0 0;
	padding-right: 0; 
	display: block;
	width: 100%;
	display: table;
}
.social-feed ul { list-style:none; float:left; margin:0 0px 20px -38px; }
.social-feed li { list-style:none; float:left; margin:0 1px 1px 0; }
.social-feed li img { width: 60px; height: 60px; }

/* Author */
div.author-block { margin: 35px 0 0 0; }
div.author-block  div.author-thumb { display:inline-block; float:left; margin:5px 20px 30px 0; }

/* Comments */
.comments { margin-top: 65px; }
ul.comments { list-style:none; margin:0; padding:0; }
.pointer {
	border-bottom: 9px solid transparent;
	border-right: 9px solid #f5f5f5;
	border-top: 9px solid transparent;
	height: 0;
	left: -9px;
	position: absolute;
	top: 9px;
	width: 0;
}
.comment-quote {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #f5f5f5;
	border-radius: 5px;
	padding: 20px 20px 30px;
	position: relative;
	margin-bottom: 10px;
}
.reply { font-size: 13px; }
.date { color: #999;margin:-10px 0 10px 0; font-size:0.9em; }
ul.comments div.comment-block p { margin 0; padding:0;}
ul.comments li { clear:both; padding:10px 0 0 115px; }
div.avatar { margin-left:-115px; position:absolute; }

/*-----------------------------------------------------------------------------------*/
/*	09:CONTACT
/*-----------------------------------------------------------------------------------*/
.google-maps { height: 500px; margin:0px 0 0px; display:block; }
#mapmodals img {max-width:none!important; }

#ajax-contact-form textarea { height:150px!important;}
#ajax-contact-form input, #ajax-contact-form  textarea{
	background: #F2F2F2;
	color: #555;important;
	border: 1px solid #ddd;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-box-border-radius: 6px!important;
	-moz-box-border-radius: 6px!important;
	border-radius: 6px!important;
	margin-bottom: 15px;
	padding: 8px 10px 8px;
	font-weight: 400;
	font-size: 15px;
}

::-webkit-input-placeholder { color:#555!important; opacity:1.0; }
::-moz-placeholder { color:#555!important; opacity:1.0; }
:-ms-input-placeholder { color:#555!important; opacity:1.0; }
focus::-webkit-input-placeholder{ color:transparent; opacity:1.0;}

#ajax-contact-form input:focus, #ajax-contact-form  textarea:focus,
#ajax-contact-form2 input:focus, #ajax-contact-form2  textarea:focus { background:#fff; color:#333; }

.notification_error {
	color: #fff;
	background-color: #333;
	height: auto;
    margin: 0 0 9px 0;
    padding: 10px;
    text-align: left;
}
.notification_ok {
    color: #fff;
	background-color: #333;
	font-weight: 400;
    height: auto;
    margin: 0 0 9px 0;
    padding: 10px;
    text-align: center;
	font-size: 13px;
	text-transform: uppercase;
}

/**** Contact Image Strip ****/
#fixed_contact .well {
	background: url(../img/bg/contact.jpg) repeat ;
	padding:0px 0;
	width: 100%;
	height: 100%;
	margin: 0 auto; 
	-webkit-background-size: cover!important; 
    -moz-background-size: cover!important;  
    -o-background-size: cover!important; 
    background-size: cover!important;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: top center;
}

/*-----------------------------------------------------------------------------------*/
/*	10: FOLLOW + FOOTER
/*-----------------------------------------------------------------------------------*/

/**** FOLLOW -  ABOVE FOOTER ****/
#follow { padding: 30px 0 0px; text-align:center; }
#follow h1 { 
	font-size: 18px; 
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-weight: 800;
}
.follow {
	width: 50%;
	margin: 0px auto 25px;
	line-height:35px;
	font-size: 16px;
}

/**** FOOTER ****/
#footer { background:#fff; padding:90px 0 20px; margin-bottom:0; left:0; right:0; } 
.copyright {
	position: absolute;
	top:45px;
	color: #bbb;
	text-align: left;
	width: 100%;
} 
.copyright a { color:#ddd!important; }
.copyright a:hover { color:#bbb!important; }

/* Back To Top */
.go-top {
	position: fixed;
	bottom: 0.5em; right: 1em;
	text-decoration: none;
	color: white;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 30px;
	padding: 0.1em 0.3em 0.1em;
	display: none;
	border-radius: 8px; z-index:500;
}
.go-top:hover { background-color:rgba(0, 0, 0, 0.6);}

/**** Inverted Rounded Corners - Footer Bottom  ****/
section { position:relative; }
section::before, section::after { position: absolute; content: ''; pointer-events: none; }

.ss-style-invertedrounded {
	margin-bottom: 90px;
	padding: 13em 10% 10em;
	-webkit-border-radius: 0 0 0 90px;
	-moz-border-radius:0 0 0 90px;
	border-radius: 0 0 0 90px;
}
.ss-style-invertedrounded::before, .ss-style-invertedrounded::after {
	left: 0;
	z-index: -1;
	height: 90px;
	background:#2E3138;
}
.ss-style-invertedrounded::before {
	top: 100%;
	width: 100%;
	-webkit-border-radius: 0 90px 0 0;
	-moz-border-radius:0 90px 0 0;
	border-radius: 0 90px 0 0;
} 
.ss-style-invertedrounded::after {
	bottom: 0;
	z-index: -1;
	width: 50%;
}
/**** STICKY FOOTER  ****/
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push { height: 60px; /* '.push' must be the same height as 'footer' */ }


/*-----------------------------------------------------------------------------------*/
/*	11: OWL CAROUSEL ON INDEX PAGES (SEE owl.carousel.css FOR FURTHER STYLING) 
/*-----------------------------------------------------------------------------------*/

/**** OWL CAROUSEL THUMBNAIL ****/
.slider-title {
    position: relative;
	padding: 1px 15px 5px;
	margin-top: -1px;
    background-color: #2E3138;
	font-size: 13px;
	text-align: center;
	color: #bbb;
}
.slider-title h3 { 
	font-size: 12px;
	letter-spacing: 0.1em;
	font-weight: 700;
	text-transform: uppercase;
	margin: 15px auto 5px;
}
.slider-title h3 a { color:#2BA6CB; }
.slider-title h3 a:hover { color:#fff; }

/**** TESTIMONIAL CAROUSEL ****/
blockquote.testimonial_blockquote { border: 0; padding: 0 10%; }
blockquote.testimonial_blockquote i.fa-quote-left {
	font-size: 34px;
	position: relative;
	right: 5px;
}
blockquote.testimonial_blockquote p { font-size:24px; line-height:36px; font-weight:300; }
blockquote.testimonial_blockquote span {
	color: #777;
	font-size: 16px;
	line-height: 20px;
	position: relative;
}

/*-----------------------------------------------------------------------------------*/
/* 12: BUTTONS
/*-----------------------------------------------------------------------------------*/
.btn{ 
	border:0;
	-webkit-transition:background-color .4s ease-in;
    -moz-transition:background-color .4s ease-in;
    -o-transition:background-color .4s ease-in;
    transition:background-color .4s ease-in;
	color:#fff!important; 
}
.btn-custom { 
	letter-spacing: 2px;
	font-size: 11px;
	padding: 12px 15px 12px;
	margin-top: 10px;
	font-weight: 700;
	
}
.btn-primary { background-color: #2BA6CB; border: 0;}
.btn-primary:hover { background-color: #16586B;}
.btn-inverse { background-color: #2E3138;}
.btn-inverse:hover { background-color: #3e4957;}
.btn:hover, .btn-custom:hover, .btn:visited, .btn:focus { color:#fff; }

.btn-success:hover { background-color: #132D13 !important;}


#ajax-contact-form input.btn {
	letter-spacing: 2px;
	font-size: 11px;
	font-weight: 700;
	background-color: #2E3138;
	border: 0px none;
	outline: 0 none;
	width: 90px;
	height: 50px;
	text-transform: uppercase;
}
#ajax-contact-form input.btn:hover { background-color: #2A80B9; }

/* big button */
.big_button { 
	padding-bottom: 20px;
	display: block;
	float: none;
	clear: both;
	background: #e04a40;
	margin: 35px auto 0px;
	width: 250px;
	height: 65px;
	font-size: 18px;
	line-height: 65px;
	color: #fff!important;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	-webkit-box-shadow: 0 5px 0px #b1453e;
    -moz-box-shadow: 0 5px 0px #b1453e;
    box-shadow :0 5px 0px #b1453e;
	position: relative;
	text-align: center; 
}
.big_button a { color:#fff; opacity:1.0;}
.big_button:hover {
	color: #fff!important;
	background: #ee574d; 
	-webkit-box-shadow: 0 5px 0px #9e3e37;
	-moz-box-shadow: 0 5px 0px #9e3e37;
	box-shadow: 0 5px 0px #9e3e37;
}
.big_button:active {
	color: #fff!important;
	background: #c23c33;
	-webkit-box-shadow: 0 3px 0px #652824;
	-moz-box-shadow: 0 3px 0px #652824;
	box-shadow: 0 3px 0px #652824;
}
.big_button:visited, .big_button:focus { color:#fff!important; }
.icon-boxes .btn-custom { text-transform: uppercase;font-size: 12px; min-width: 100px; }

/* rounded light button */
.btn-custom2, .btn-custom3{ 
	font-size:12px;
	padding:12px 15px 12px;
	margin-top:10px; 
	border-radius:30px;
	background-color:transparent!important;
	border:3px solid #fff!important;
	letter-spacing:2px;
}
/* rounded dark button */
.btn-custom3 {  background-color:#222!important; border:3px solid #fff!important; }
.btn-custom2:hover, .btn-custom3:hover {  background-color:#3e4957!important; border:3px solid #fff!important; }

------------------------------------------------------------------------------*/
/*	13:  ACCORDIAN, TABS, CONTENT BOXES, DIVIDERS
/*-----------------------------------------------------------------------------------*/

/*************************************************************
	ACCORDIAN
 *************************************************************/
.panel-group { margin-bottom:25px; }
.panel-heading {
    background: #f5f5f5!important;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 10px 15px;
	margin-bottom: 5px;
}
.panel-heading a { font-size:15px;color:#333; }
.panel-heading a:hover { color: #555; }

/*************************************************************
	TABS
 *************************************************************/
div.tabs { margin-bottom: 25px; }
div.tabs div.tab-content {
	-moz-border-radius: 0 6px 6px 6px;
	-webkit-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
	background-color: #F5F5F5;
	border: 0;
	padding: 40px 40px;
}
div.tabs ul.nav-tabs { border: 0; margin: 0; border: 0; }
div.tabs ul.nav-tabs li.active a {
	background: #F5F5F5;
	border: 0;
	border-top: 3px solid #555;
	color: #555!important;

}
div.tabs ul.nav-tabs a {
	border-top: 3px solid #999;
	background: #F5F5F5;
	border-left: 0;border-right: 0;
	border-bottom: 0;
	color: #777!important;
	margin-right: 3px;
	padding: 10px 20px 12px;
}
div.tabs ul.nav-tabs a:active, div.tabs ul.nav-tabs a:focus { border-bottom: 0; }

/***************************************************
	CONTENT BOXES
 ***************************************************/

/* Info Box */
.info-box { 
	padding: 40px 20px;
	background: #fff;
	text-align: center;
	margin:0 5px 25px 5px;
	box-shadow:
    0 0 0 1px #000,
  	0 0 0 3px #fff,
    0 0 0 5px #222;
}
.info-box-pad { padding: 0px 20px; }

i.icon-info-box  {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 100%;
	color: #fff;
	font-size: 40px;
	line-height: 100px;
	margin: 20px 0 25PX;
	padding: 25px;
	text-align:center;
	display: inline-block;
	padding: 0;
	width: 100px;
	height: 100px;
	position: relative;
	background-color: #2A80B9;
}

/* Shadow Boxes */
.info-box-shadow { 
	padding: 40px 20px;
	background: #f5f5f5;
	text-align: center;
	margin:0 0px 25px;
	box-shadow: 4px 4px 5px #ccc;
}

/* Folded Corner Boxes */
.note, .note_dark {
    position: relative;
    overflow: hidden; 
    padding: 20px;
    margin: 0 auto;
	color: #fff!important;
    background: #2A80B9;
}
.note_dark { color:#fff!important; background:#2E3138; }
.note p, .note_dark p { color:#fff!important; }
.note:before, .note_dark:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 16px 16px 0;
    border-style: solid;
    border-color: #1f5c84 #fff;
   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3),  -1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(0,0,0,0.3),   -1px 1px 1px rgba(0,0,0,0.2);
}
.note_dark:before{ border-style:solid; border-color:#222 #fff; }

/* Side Icon Boxes */
.side-icon {
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	background: #2A80B9;
	border-radius: 35px;
	color: #fff;
	margin-left: 0px;
	float: left;
	height: 35px;
	line-height: 35px;
	position: relative;
	text-align: center;
	top: 5px;
	width: 35px;
}
.side-info { margin:0 0 0 70px; }

/* side icon-medium */
.side-icon-medium, .side-icon-medium-colour{
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	background: #555;
	border-radius: 50px;
	color: #fff;
	float: left;
	height: 50px;
	line-height: 60px;
	margin-left: 0px;
	position: relative;
	text-align: center;
	top: 5px;
	width: 50px;
}
.side-info-medium { padding-left: 70px; }
.side-icon-medium-colour { background: #2980B9; }

/*--------------------------------*/
/*	index 2 - SERVICE ICONS
/*--------------------------------*/
.service {
	text-align: center;
	margin: 20px auto 10px;
	position: relative;
	width: 80px;
	height: 80px;
	-moz-border-radius:80px;
	border-radius:80px;
	 background:#2E3138!important;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.service i {
	color:#fff;
	line-height:80px;
	margin:0 auto;
	position: relative;
	display: block;
	font-size: 32px;
}
.service:hover { background:#2BA6CB!important;}

/*************************************************************
	DIVIDERS
 *************************************************************/
.divider {
	border: 0;
	height: 1px;
	margin: 40px 0;
	background: #ddd;
	text-align: center;
	position: relative;
	clear: both;
}
.divider2 {
	border-top: 4px double #ddd;
	margin: 40px 0;
	background: #fff;
	text-align: center;
	position: relative;
	clear: both;
}
.divider i , .divider2 i{
	text-align: center;
	background: #fff;
	color: #bbb;
	line-height: 50px;
	position: absolute;
	text-align: center;
	width: 30px;
	font-size: 15px;
	margin: 0 auto 0 -25px;
	top: -25px;
	left: 50%;
}
.divider2 i { top: -26px; }

/* hr */
hr { border: 0; height: 1px; background: #ddd; }
/* double */
hr.lineDouble { border-top: 4px double #ddd; background: #fff; }
/* small */
hr.lineSmall { width:50%; margin:0 auto; background: #ddd; }


/*-----------------------------------------------------------------------------------*/
/*	14:  CSS3 ANIMATIONS
/*-----------------------------------------------------------------------------------*/
/*
Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes bounceIn {
0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); }
50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); }
70% {  -webkit-transform: scale(.9);  transform: scale(.9); }
100% { -webkit-transform: scale(1);  transform: scale(1); }
}
@keyframes bounceIn {
0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); }
50% {  opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
70% { -webkit-transform: scale(.9); -ms-transform: scale(.9);  transform: scale(.9); }
100% { -webkit-transform: scale(1); -ms-transform: scale(1);  transform: scale(1);}
}
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
0% { opacity: 0; -webkit-transform: translateY(-2000px);  transform: translateY(-2000px);  }
60% {  opacity: 1;  -webkit-transform: translateY(30px); transform: translateY(30px); }
80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
100% {-webkit-transform: translateY(0);  transform: translateY(0); }
}
@keyframes bounceInDown {
0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px);  transform: translateY(-2000px); }
60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }
80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
100% { -webkit-transform: translateY(0);-ms-transform: translateY(0); transform: translateY(0); }
}
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
 100% { opacity: 1; }
}
@keyframes fadeIn {
  0% {  opacity: 0; }
  100% {  opacity: 1; }
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
0% { opacity: 0; -webkit-transform: translateY(-20px);  transform: translateY(-20px); }
100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInDown {
0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInLeftBig {
 0% { opacity: 0; -webkit-transform: translateX(-2000px);  transform: translateX(-2000px);  }
100% { opacity: 1;  -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes fadeInLeftBig {
0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInUp {
0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
}
100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp { -webkit-animation-name: fadeInUp;  animation-name: fadeInUp; }


@-webkit-keyframes rollIn {
	0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}
@-moz-keyframes rollIn {
	0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}
@-o-keyframes rollIn {
	0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}
@keyframes rollIn {
	0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
.rollIn {
	-webkit-animation-name: rollIn;
	-moz-animation-name: rollIn;
	-o-animation-name: rollIn;
	animation-name: rollIn;
}
.rewardPunch {
        margin-top:20px;
    }

/*-----------------------------------------------------------------------------------*/
/*	15: MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/

@media only screen and (max-width : 1024px) {
#home-slider .slides li, #top_video, #work_slider, .well{ 
	background-attachment: scroll!important;
	background-position: center top !important;
	height: auto;
	margin: 0 auto;		
	width: 100%;  }
* {
/*CSS animations off*/
 -webkit-animation: none !important;
 -moz-animation: none !important;
 -o-animation: none !important;
 -ms-animation: none !important;
 animation: none !important; }
}

@media (max-width:992px) {
        .rewardPunch {
        margin-top:60px;
    }       
}
@media only screen and (device-width: 768px) {
.mbYTP_wrapper iframe, #volume {display:none;}
}

@media screen and (max-width: 1023px) {
.mbYTP_wrapper iframe, #volume {display:none;}
}

@media screen and (min-width: 1078px) and (max-width: 1113px) {
    .free-trial {
        margin-top: -4% !important;
    }
}
@media screen and (min-width: 992px) and (max-width: 1077px) {
    .free-trial {
        margin-top: -3% !important;
    }
}
@media screen and (min-width: 815px) and (max-width: 991px) {
    .topmargin {
        margin-top: 18px !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1077px) {
    .free-trial {
        margin-top: -4% !important;
    }
}

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

.free-trial {
            margin-top:-4% !important;
        }
}
/* Medium Devices, Desktops */
@media screen and (min-width : 829px) and (max-width : 992px) {
    .free-trial {
        margin-top: -4% !important;
    }
}


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

#big_quote .well h2{  margin: 100px auto 0px!important; }
}
@media screen and (min-width: 827px) and (max-width: 991px) {

.free-trial {
            margin-top:-4% !important;
        }
}
@media screen and (min-width : 827px) and (max-width : 872px) {
    .free-trial {
        margin-top: -4% !important;
    }
}
@media (max-width: 991px) {
    .puncho_marketingblurb_circles {
        margin: 0 auto;
        display: table;
    }
}

/*--------------------------------*/
/*	menu
/*--------------------------------*/

@media (max-width: 767px) {
   
    img {
        max-width: 100%;
    }

    .business-wrap {
        padding: 0px !important;
    }
    .navbar {
        margin-bottom:0px !important;
    }
    .tp-banner-container {
        margin-top:0px !important;
    }
ul.drop-down { position: absolute; top: 100%; left: 0%; }
.navbar-brand { padding:4px 0px 0 25px !important; }
.navbar-toggle { margin: 0px 2px 10px 0px;}
.navbar .navbar-nav{ margin-top:0; padding: 0px 0 5px; }
.navbar .navbar-nav > li > a {
	font-size: 16px!important;
	line-height: 30px;
	font-weight: 400;
	background: none!important;
	color: #555!important;
	text-transform: none;
}
.navbar .navbar-nav > li:after { display: none; }
.navbar .navbar-nav > li:first-child { margin-top: 0px; }

.navbar .navbar-nav > li > ul.drop-down {
		position: relative;
		visibility: visible;
		padding-top: 0 !important;
		opacity: 1;
		margin-left: 60px;
		line-height: 40px;
		-webkit-transform: rotateX(0deg);
		-moz-transform: rotateX(0deg);
		-ms-transform: rotateX(0deg);
		-o-transform: rotateX(0deg);
		transform: rotateX(0deg);
		-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
		-moz-transition: -moz-transform 0.4s, opacity 0.1s;
		-mos-transition: -mos-transform 0.4s, opacity 0.1s;
		-o-transition: -o-transform 0.4s, opacity 0.1s;
		transition: transform 0.4s, opacity 0.1s;
}
ul.drop-down li ul.drop-down.submenu, ul.drop-down li ul.drop-down.submenu_left {
	position: relative;
	line-height: 40px;
	left: 30px!important;
	visibility: visible;
	 opacity: 1;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	-mos-transition: -mos-transform 0.4s, opacity 0.1s;
	 -o-transition: -o-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}
ul.drop-down li { background:none!important; border:none!important; }
ul.drop-down li a { font-size:14px!important; color:#777!important; padding:2px 0!important;  }
ul.drop-down li a:hover { color: #2A80B9 !important; }
header { height: 64px; }
.top-strip{ display: none; }
.menu-two{ margin-top: -79px; }
}
/*--------------------------------*/
/*	mega menu
/*--------------------------------*/

@media (max-width: 767px) {
.menu-large{padding: 0px 0px 40px; }
.megamenu{ margin-left: 0; margin-right: 0; padding: 0px 0px 20px;	color: #888; font-size:14px; }
.megamenu> li { margin: 10px 0 0 0; }
.megamenu> li:last-child { margin-bottom: 0; }
.megamenu.dropdown-header { padding: 3px 15px !important; }
.dropdown-menu a{
	color: #777;
	padding: 0px 0px 0 25px;
	font-size: 14px !important;
	border: 0px none !important;
}
.mobile-menu { margin:0 0 0 -25px; padding: 0px 0px 0 5pximportant; }
.dropdown-header {color: #555!important; font-size:14px; padding: 3px 0px 10px 0px!important; }
.dropdown-menu  a:hover { color: #2A80B9 !important; }
.dropdown-menu .divider  {border-top:1px solid #eee; border-bottom:0px none; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
/* prettyPhoto styling for small screens */
.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important;	border-radius:0px;  }
.pp_details { width: 100%!important; padding-left: 4%; padding-right: 4%; padding-top: 10px; padding-bottom: 35px; background-color: transparent; margin-top: -2px!important; }
a.pp_close { right: 10px!important; top: 12px!important; }
div.pp_default .pp_loaderIcon{display:none!important;}
div.ppt{color:#fff;display:none;font-size:15px!important;margin:0  0px 10px 20px!important;}
.theme-default .nivo-html-caption {display:none;}
.btn-home-mobile {float:left; margin:-70px 0; }

}

@media screen and (min-width: 480px) and (max-width: 767px){
.intro-text { letter-spacing:5px; line-height: 55px; font-size:50px; }
#big_quote .well h2{  margin: 80px auto 0px!important; }
.free-trial {
            margin-top:0% !important;
        }     
}

@media screen and (max-width: 480px){
.intro-text{  letter-spacing:5px; line-height: 40px; font-size:30px; }
.intro-text-sub{ font-size: 15px; }
.intro-container h1{  letter-spacing:5px; line-height: 50px; margin-bottom:30px; }
#review_quote .well h2 {  margin: 60px auto 0px!important; line-height:1.3em; }
#big_quote .well {  min-height:400px; }
#big_quote .well h2 {  margin: 0px auto 0px!important; line-height:1.3em;  }
#review_quote .well h2 {  margin: 40px auto 0px!important; line-height:1.2em; }
#review_quote .well{  min-height:300px; }
.go-top { display:none!important; }
.free-trial {
            margin-top: 0% !important;
        }
}

@media all and (max-width: 600px) { 
.timeline .event { width: 100%; } 
.header h1 { font-size: 3.5em!important; line-height:1em!important;  }
.header h1.lead { font-size:1.6em!important; line-height:1.5em !important; margin-top:25px; }
}

@media screen and (max-width: 320px) { 
.header h1 { font-size:3em!important; line-height:1em!important; margin-top:25px;  }
.header h1.lead {  font-size:1.5em!important; line-height:1.3em !important; margin-top:15px;}
.header .well { min-height:350px;}
.free-trial {
            margin-top: 0% !important;
        }

}
@media screen and (max-width: 31.5em) {
#big_quote .well h2 {  margin: 50px auto 0px!important; }
h1.big { margin:50px 0!important; font-size: 150px; }
.mobile-pad {  padding:0px 0px!important; margin-top:20px!important; }
#section_video h2 {  font-size: 22px; line-height: 45px;margin:60px 10px 0; padding:0 0; }
#section_video { padding:0 0!important; }
.big_button { width: 175px; }
/* Comments */
.pointer { display: none; }
.comment-quote { margin-top: 100px; padding-bottom:40px; }
span.reply { margin:0 0 0 50px;font-size: 13px; }
.date { margin: 0 0 10px 0; }
.comment-quote h6 { margin:0 0; }
.comment-quote  p{ margin-top: 30px; }
ul.comments li { clear: both; padding:0 0; }
ul.comments li li { clear: both; padding:0p 0; margin-bottom:0px; }
div.avatar { margin-top:-80px; margin-left: 0px; }
div.author-block  div.author-thumb { margin:5px 20px  0px 0; }
}


/* Demo */
#switch h4 {color: #fff; font-size: 12px; margin:0 0px 15px 20px;
text-transform:uppercase;font-weight:500;}
#switch {
    position: fixed;
	display: block;
    width: 194px;
	margin:0px;
    padding:15px 0px 10px 0px;
    left:0px;
    top:150px;
	z-index: 9999;
	background-color:#222;
	line-height:100%;
	border-radius:0px 4px 4px 0px;
}
#switch .toggle {
    position: absolute;	
    width: 35px;
    height: 35px;	
    padding: 10px;
    right: -35px;
	outline: none;
	top:0px;
	border-left:none;
	border-radius:0px 4px 4px 0px;
}
#switch i{ 
	position: absolute;
	right: 7px; top:7px; 
	color: #bbb;
	font-size:20px;
	-webkit-animation:spin 2s infinite linear;
moz-animation:spin 2s infinite linear;
-o-animation:spin 2s infinite linear;
animation:spin 2s infinite linear;
}
#switch a.toggle { background: #222; }
#switch i:hover { color: #fff; }
.cp-select-list li a {
	display: inline-block;
	width: 30px; height: 30px;
	overflow:hidden;
	text-indent: -999px;
	margin:0 11px 8px 0px;
}
.cp-select-list li { list-style-type:none; float:left;margin:0 0; }
.cp-select-list  { list-style-type:none;float:left;margin:0 0 0 -20px; }
.cp-select-list li a.default {background: #3498db;}
.cp-select-list li a.green {background: #AEC71E;}
.cp-select-list li a.orange {background: #D35400;}
.cp-select-list li a.red {background: #E84E41;}
.cp-select-list li a.pink {background: #E44884;}
.cp-select-list li a.peach  {background: #F96E5B;}
.cp-select-list li a.steel {background: #7f8c8d;}
.cp-select-list li a.yellow {background: #F4A62A;}

/* GREEN */
.green .hue, .green a, .green .slider-title h3 a, .green h1.big, .green .navbar .navbar-nav > li > a.active, .green .navbar .navbar-nav > li > a:hover,
.green  ul.drop-down li:hover > a{ 
	color: #AEC71E;
}
.green .colour_overlay, .green .colour_overlay2  {	background: rgba(174,199,30,0.5) repeat; }
.green .header_colour, .green .hover_colour:hover, .green .hover_colour , .green .list-group-item.price, .green .list-group-item .btn:hover, 
.green .service:hover, .green  i.icon-info-box, .green  .side-icon, .green .note,  .green .timeline .year, .green .dropcap2, 
.green .side-icon-medium-colour, .green .hue_block, .green #top-strip   { 
	background-color: #AEC71E!important;
}
.green .btn-primary { background-color:#AEC71E; border: 0;}
.green #ajax-contact-form input.btn:hover { background-color: #AEC71E; }
.green blockquote { border-left:3px solid #AEC71E!important;  }
.green blockquote.pull-right { float:right!important;  border-right:3px solid #AEC71E!important;  border-left:0px none!important;}
.green .testimonial_blockquote { border: 0!important;}
.green i.icon-price  { background: #8b9f1a; }
.green .note:before { border-color:#76880f #fff; }

.green .dropdown-menu a{ color: #fff!important;}
.green .dropdown-menu a:hover { color: #AEC71E!important;}
.green .panel-heading a { font-size:15px;color:#333; }
.green .panel-heading a:hover { color: #555; }

.green .hue_block:hover { background-color: #c4db3e!important; }
.green .hover_colour:hover{  
	background:#AEC71E url(../img/zoom.png) no-repeat 50% 50%;
	-webkit-box-shadow: inset 0 0 0 5px rgba(255,255,255,0.15);
	-moz-box-shadow: inset 0 0 0 5px rgba(255,255,255,0.15);
    box-shadow: inset 0 0 0 5px rgba(255,255,255,0.15); 
}
.green .dotstyle li a, .green .dotstyle li a:focus, .green .dotstyle-smalldotstroke li.current a { background-color:#AEC71E;}
.green .dotstyle li a:hover { background-color: #9ab018; }
.green .dotstyle li.current { box-shadow:0 0 0 2px  #AEC71E; }
.green .category-navbar li a{ color: #fff; }
.green .category-navbar li.select a { background:#AEC71E!important;color: #fff; }
.green .box-caption .box-more a{ color: #AEC71E; }
.green .theme1 .thumbnail-caption, .green .theme3 .thumbnail-caption { background: #000; background: rgba(0,0,0, 0.8); }
.green .hi-icon { color: #AEC71E; }
.green .hi-icon-effect .hi-icon { box-shadow: 0 0 0 4px  #AEC71E; }
.no-touch .green  .hi-icon-effect-a  .hi-icon:hover:after { box-shadow: 3px 3px 0 rgba(148, 170, 83,1); }


/* ORANGE */
.orange .hue, .orange a, .orange .slider-title h3 a, .orange h1.big, .orange .navbar .navbar-nav > li > a.active, .orange .navbar .navbar-nav > li > a:hover,
.orange  ul.drop-down li:hover > a{ 
	color: #D35400;
}
.orange .header_colour, .orange .hover_colour:hover, .orange .hover_colour , .orange .list-group-item.price, .orange .list-group-item .btn:hover, 
.orange .service:hover, .orange i.icon-info-box, .orange .side-icon, .orange .note,  .orange .timeline .year, .orange .dropcap2, 
.orange .side-icon-medium-colour, .orange .hue_block, .orange #top-strip   { 
	background-color: #D35400!important;
}

.orange .dropdown-menu a{ color: #fff!important;}
.orange .dropdown-menu a:hover { color: #D35400!important;}
.orange .panel-heading a { font-size:15px; color:#333; }
.orange .panel-heading a:hover { color: #555; }
.orange .btn-primary { background-color:#D35400; border: 0;}
.orange  #ajax-contact-form input.btn:hover { background-color: #D35400; }
.orange blockquote { border-left:3px solid #D35400!important;  }
.orange blockquote.pull-right { float:right!important;  border-right:3px solid #D35400!important;  border-left:0px none!important;}
.orange .testimonial_blockquote { border: 0!important;}
.orange i.icon-price { background: #ac4705; }
.orange .note:before { border-color:#9b4106 #fff; }
.orange .colour_overlay, .orange .colour_overlay2 { background: rgba(211,84,0,0.5) repeat; }
.orange .hue_block:hover { background-color: #ac4705!important; }
.orange .hover_colour:hover{  
	background:#D35400 url(../img/zoom.png) no-repeat 50% 50%;
	-webkit-box-shadow: inset 0 0 0 5px rgba(255,255,255,0.15);
	-moz-box-shadow: inset 0 0 0 5px rgba(255,255,255,0.15);
    box-shadow: inset 0 0 0 5px rgba(255,255,255,0.15); 
}
.orange .dotstyle li a, .orange .dotstyle li a:focus, .orange .dotstyle-smalldotstroke li.current a { background-color:#D35400;}
.orange .dotstyle li a:hover { background-color: #b24c08; }
.orange .dotstyle li.current { box-shadow:0 0 0 2px #D35400; }
.orange .category-navbar li a{ color: #fff; }
.orange .category-navbar li.select a {  background:#D35400!important; color: #fff; }
.orange .box-caption .box-more a{ color: #D35400; }
.orange .theme1 .thumbnail-caption, .orange .theme3 .thumbnail-caption { background: #D35400; background: rgba(173,76,13, 0.97); }
.orange .hi-icon { color: #D35400; }
.orange .hi-icon-effect .hi-icon { box-shadow: 0 0 0 4px  #D35400; }
.no-touch .orange  .hi-icon-effect-a  .hi-icon:hover:after { box-shadow: 3px 3px 0 rgba(168, 78, 18, 1); }


/* RED */
 .red .hue, .red a, .red .slider-title h3 a, .red h1.big, .red .navbar .navbar-nav > li > a.active, .red  .navbar .navbar-nav > li > a:hover,
.red   ul.drop-down li:hover > a { 
	color: #E84E41;
}
.red .colour_overlay, .red .colour_overlay2  { background: rgba(232,78,65,0.5) repeat; }
.red .header_colour, .red .hover_colour:hover, .red .hover_colour, .red .list-group-item.price, .red .list-group-item .btn:hover, 
.red .service:hover, .red i.icon-info-box, .red .side-icon, .red .note,  .red .timeline .year, .red .dropcap2, 
.red .side-icon-medium-colour, .red .hue_block, .red #top-strip   { 
	background-color: #E84E41!important;
}

.red .dropdown-menu a { color: #fff!important;}
.red .dropdown-menu a:hover { color: #E84E41!important;}
.red .panel-heading a { font-size:15px; color:#333; }
.red .panel-heading a:hover { color: #555; }
.red .btn-primary { background-color:#E84E41; border: 0;}
.red  #ajax-contact-form input.btn:hover { background-color: #E84E41; }
.red blockquote { border-left:3px solid #E84E41!important;  }
.red blockquote.pull-right { float:right!important;  border-right:3px solid #E84E41!important;  border-left:0px none!important; }
.red .testimonial_blockquote { border: 0!important;}
.red i.icon-price { background: #c94035; }
.red .note:before { border-color:#a22319 #fff; }
.red .hue_block:hover { background-color: #c94035!important; }
.red .hover_colour:hover{  
	background:#E84E41 url(../img/zoom.png) no-repeat 50% 50%;
	-webkit-box-shadow: inset 0 0 0 5px rgba(255,255,255,0.15);
	-moz-box-shadow: inset 0 0 0 5px rgba(255,255,255,0.15);
    box-shadow: inset 0 0 0 5px rgba(255,255,255,0.15); 
}
.red .dotstyle li a, .red .dotstyle li a:focus, .red .dotstyle-smalldotstroke li.current a { background-color:#E84E41;}
.red .dotstyle li a:hover { background-color: #b24c08; }
.red .dotstyle li.current { box-shadow:0 0 0 2px  #E84E41; }
.red .category-navbar li a{ color: #fff; }
.red .category-navbar li.select a { background:#E84E41!important;color: #fff; }
.red .box-caption .box-more a{ color: #E84E41; }
.red .theme1 .thumbnail-caption, .red .theme3 .thumbnail-caption { background: #000; background: rgba(0, 0, 0, 0.85); }
.red .hi-icon { color: #E84E41; }
.red .hi-icon-effect .hi-icon { box-shadow: 0 0 0 4px  #E84E41; }
.no-touch .red  .hi-icon-effect-a  .hi-icon:hover:after { box-shadow: 3px 3px 0 rgba(85, 85, 85, 1); }

/* PINK */
.pink .hue, .pink  a, .pink .slider-title h3 a, .pink h1.big, .pink .navbar .navbar-nav > li > a.active, .pink .navbar .navbar-nav > li > a:hover,
.pink ul.drop-down li:hover > a { 
	color: #E44884;
}
.pink .header_colour, .pink .hover_colour:hover, .pink .hover_colour, .pink .list-group-item.price, .pink list-group-item .btn:hover, 
.pink .service:hover, .pink i.icon-info-box, .pink .side-icon, .pink .note, .pink .timeline .year, .pink .dropcap2, 
.pink .side-icon-medium-colour, .pink .hue_block, .pink #top-strip   { 
	background-color: #E44884!important;
}
.pink .dropdown-menu a { color: #fff!important;}
.pink .dropdown-menu a:hover { color: #E44884!important;}
.pink .panel-heading a { font-size:15px;color:#333; }
.pink  .panel-heading a:hover { color: #555; }
.pink .btn-primary { background-color:#E84E41; border: 0;}
.pink #ajax-contact-form input.btn:hover { background-color: #E44884; }
.pink blockquote { border-left:3px solid #E44884!important;  }
.pink blockquote.pull-right { float:right!important;  border-right:3px solid #E44884!important;  border-left:0px none!important;}
.pink .testimonial_blockquote { border: 0!important;}
.pink i.icon-price { background: #c43a6f; }
.pink .note:before { border-color:#b12e60 #fff; }
.pink .colour_overlay, .pink .colour_overlay2  { background: rgba(227,72,132,0.5) repeat; }
.pink .hue_block:hover { background-color: #c43a6f!important; }
.pink .hover_colour:hover{  
	background:#E44884 url(../img/zoom.png) no-repeat 50% 50%;
	-webkit-box-shadow: inset 0 0 0 5px rgba(255,255,255,0.15);
	-moz-box-shadow: inset 0 0 0 5px rgba(255,255,255,0.15);
    box-shadow: inset 0 0 0 5px rgba(255,255,255,0.15); 
}
.pink .dotstyle li a, .red .dotstyle li a:focus, .pink .dotstyle-smalldotstroke li.current a { background-color:#E44884}
.pink .dotstyle li a:hover { background-color: #d65645; }
.pink .dotstyle li.current { box-shadow:0 0 0 2px  #E44884; }

.pink .category-navbar li a{ color: #fff; }
.pink .category-navbar li.select a {  background:#E44884!important; color: #fff; }
.pink .box-caption .box-more a{ color: #E44884; }
.pink .theme1 .thumbnail-caption, .pink .theme3 .thumbnail-caption { background: #E44884; background: rgba(227,72,132, 0.95); }
.pink .hi-icon { color: #E44884 }
.pink .hi-icon-effect .hi-icon { box-shadow: 0 0 0 4px  #E44884; }
.no-touch .pink .hi-icon-effect-a  .hi-icon:hover:after { box-shadow: 3px 3px 0 rgba(85, 85, 85, 1); }

/* PEACH */
.peach .hue, .peach a,  .peach .navbar .navbar-nav > li > a.active, .peach .navbar .navbar-nav > li > a:hover,
.peach .slider-title h3 a, .peach ul.drop-down li:hover > a, .peach .box-caption .box-more a, .peach h1.big { 
	color: #F96E5B;
} 
.peach .header_colour, .peach .hover_colour:hover, .peach .hover_colour, .peach .list-group-item.price, .peach .list-group-item .btn:hover, 
.peach .service:hover, .peach i.icon-info-box, .peach .side-icon, .peach .note,  .peach .timeline .year, .peach .dropcap2, 
.peach .side-icon-medium-colour, .peach .hue_block, .peach #top-strip   { 
	background-color: #F96E5B!important;
}
.peach .dropdown-menu a{ color: #fff!important;}
.peach .dropdown-menu a:hover { color: #F96E5B!important;}
.peach .panel-heading a { font-size:15px;color:#333; }
.peach .panel-heading a:hover { color: #555; }
.peach .btn-primary { background-color: #F96E5B; border: 0;}
.peach #ajax-contact-form input.btn:hover { background-color: #F96E5B; }

.peach .hue_block:hover { background-color: #ce5645!important; }
.peach blockquote { border-left:3px solid #F96E5B!important;  }
.peach blockquote.pull-right { float:right!important;  border-right:3px solid #F96E5B!important;  border-left:0px none!important;}
.peach .testimonial_blockquote { border: 0!important;}
.peach .colour_overlay, .peach .colour_overlay2  { background: rgba(249,110,91,0.5) repeat; }
.peach i.icon-price  { background: #ce5645; }
.peach .note:before { border-color:#b54637 #fff; }
.peach .hover_colour:hover{  
	background:#F96E5B url(../img/zoom.png) no-repeat 50% 50%;
	-webkit-box-shadow: inset 0 0 0 5px rgba(255,255,255,0.15);
	-moz-box-shadow: inset 0 0 0 5px rgba(255,255,255,0.15);
    box-shadow: inset 0 0 0 5px rgba(255,255,255,0.15); 
}
.peach .dotstyle li a, .peach .dotstyle li a:focus, .peach .dotstyle-smalldotstroke li.current a { background-color:#F96E5B;}
.peach .dotstyle li a:hover { background-color: #ca5141; }
.peach .dotstyle li.current { box-shadow:0 0 0 2px  #F96E5B; }

.peach .category-navbar li a{ color: #fff; }
.peach .category-navbar li.select a {  background:#F96E5B!important;color: #fff; }

.peach  .theme1 .thumbnail-caption, .peach .theme3 .thumbnail-caption{ background: #000; background: rgba(0, 0, 0, 0.85); }
.peach .hi-icon { color: #F96E5B; }
.peach .hi-icon-effect .hi-icon { box-shadow: 0 0 0 4px  #F96E5B; }
.no-touch .peach .hi-icon-effect-a  .hi-icon:hover:after { box-shadow: 3px 3px 0 rgba(85, 85, 85, 1); }

/* STEEL */
.steel a, .steel .slider-title h3 a, .steel .navbar .navbar-nav > li > a.active, .steel  .navbar .navbar-nav > li > a:hover,
.steel .hue, .steel ul.drop-down li:hover > a, .steel .box-caption .box-more a, .steel h1.big {
	color: #7f8c8d;
} 
.steel .header_colour, .steel .hover_colour:hover, .steel .hover_colour, .steel .dropcap2, .steel .side-icon-medium-colour, .steel .hue_block, .steel .timeline .year,
.steel #top-strip, .steel .list-group-item.price, .steel .list-group-item .btn:hover, .steel .service:hover,
.steel i.icon-info-box, .steel .side-icon, .steel .note { 
	background-color: #7f8c8d!important;
}
.steel .dropdown-menu a{ color: #fff!important;}
.steel .dropdown-menu a:hover { color: #7f8c8d!important;}

.steel .btn-primary { background-color: #7f8c8d; border: 0;}
.steel #ajax-contact-form input.btn:hover { background-color: #7f8c8d; }
.steel .panel-heading a { font-size:15px;color:#333; }
.steel .panel-heading a:hover { color: #555; }
.steel .hue_block:hover { background-color: #859ea0!important; }
.steel blockquote { border-left:3px solid #7f8c8d!important;  }
.steel blockquote.pull-right { float:right!important;  border-right:3px solid #7f8c8d!important;  border-left:0px none!important;}
.steel .testimonial_blockquote {  border: 0!important;}
.steel .note:before { border-color:#4d5e5f #fff; }
.steel i.icon-price  { background: #566768; }

.steel .hover_colour:hover{  
	background:#7f8c8d url(../img/zoom.png) no-repeat 50% 50%;
	-webkit-box-shadow: inset 0 0 0 5px rgba(255,255,255,0.15);
	-moz-box-shadow: inset 0 0 0 5px rgba(255,255,255,0.15);
    box-shadow: inset 0 0 0 5px rgba(255,255,255,0.15); 
}
.steel .dotstyle li a, .steel .dotstyle li a:focus, .steel .dotstyle-smalldotstroke li.current a { background-color:#7f8c8d;}
.steel .dotstyle li a:hover { background-color: #5f7071; }
.steel .dotstyle li.current { box-shadow:0 0 0 2px  #7f8c8d; }
.steel .colour_overlay, .steel .colour_overlay2  { background: rgba(45,104,108,0.5) repeat; }

.steel .category-navbar li a { color: #fff; }
.steel .category-navbar li.select a {  background:#7f8c8d!important; color: #fff; }
.steel .theme1 .thumbnail-caption, .steel .theme3 .thumbnail-caption{ background: #000; background: rgba(0, 0, 0, 0.85); }

.steel .hi-icon { color: #7f8c8d; }
.steel .hi-icon-effect .hi-icon { box-shadow: 0 0 0 4px  #7f8c8d; }
.no-touch .steel .hi-icon-effect-a  .hi-icon:hover:after { box-shadow: 3px 3px 0 rgba(85, 85, 85, 1); }

/* YELLOW */
.yellow .hue , .yellow a, .yellow .slider-title h3 a , .yellow .navbar .navbar-nav > li > a.active, .yellow .navbar .navbar-nav > li > a:hover,
.yellow ul.drop-down li:hover > a, .yellow h1.big { 
	color: #F4A62A;
}
.yellow .header_colour, .yellow .hover_colour:hover, .yellow .hover_colour, .yellow .dropcap2, .yellow .side-icon-medium-colour, .yellow .hue_block, .yellow .timeline .year,
.yellow #top-strip, .yellow .list-group-item.price, .yellow .list-group-item .btn:hover, .yellow .service:hover, .yellow  i.icon-info-box, .yellow .side-icon, .yellow .note  { 
	background-color:#F4A62A!important;
}
.yellow .dropdown-menu a{ color: #fff!important;}
.yellow .dropdown-menu a:hover { color: #F4A62A!important;}
.yellow .panel-heading a { font-size:15px;color:#333; }
.yellow .panel-heading a:hover { color: #555; }
.yellow .btn-primary { background-color: #F4A62A; border: 0;}
.yellow #ajax-contact-form input.btn:hover { background-color: #F4A62A; }
.yellow .hue_block:hover { background-color: #f89c0a!important; }
.yellow blockquote { border-left:3px solid #F4A62A!important;  }
.yellow blockquote.pull-right { float:right!important;  border-right:3px solid #F4A62A!important;  border-left:0px none!important;}
.yellow .testimonial_blockquote {  border: 0!important;}
.yellow i.icon-price  { background: #d79328; }
.yellow .note:before { border-color:#d49228 #fff; }
.yellow .hover_colour:hover{  
	background:#F4A62A url(../img/zoom.png) no-repeat 50% 50%;
	-webkit-box-shadow: inset 0 0 0 5px rgba(255,255,255,0.15);
	-moz-box-shadow: inset 0 0 0 5px rgba(255,255,255,0.15);
    box-shadow: inset 0 0 0 5px rgba(255,255,255,0.15); 
}
.yellow .colour_overlay, .yellow .colour_overlay2 { background:rgba(244,166,42,0.5) repeat; }
.yellow .dotstyle li a, .yellow .dotstyle li a:focus, .yellow .dotstyle-smalldotstroke li.current a { background-color:#F4A62A;}
.yellow .dotstyle li a:hover { background-color: #d58f20; }
.yellow  .dotstyle li.current { box-shadow:0 0 0 2px  #F4A62A; }

.yellow .category-navbar li a { color: #fff; }
.yellow .category-navbar li.select a { background:#F4A62A!important;color: #fff; }
.yellow .box-caption .box-more a{ color: #F4A62A; }
.yellow .theme1 .thumbnail-caption, .yellow .theme3 .thumbnail-caption { background: #F4A62A; background: rgba(244,166,42, 0.95); }

.yellow .hi-icon { color: #F4A62A; }
.yellow .hi-icon-effect .hi-icon { box-shadow: 0 0 0 4px  #F4A62A; }
.no-touch .yellow .hi-icon-effect-a  .hi-icon:hover:after { box-shadow: 3px 3px 0 rgba(213,143, 32, 1); }



.col-xs-offset-right-12 {
  margin-right: 100%;
}
.col-xs-offset-right-11 {
  margin-right: 91.66666667%;
}
.col-xs-offset-right-10 {
  margin-right: 83.33333333%;
}
.col-xs-offset-right-9 {
  margin-right: 75%;
}
.col-xs-offset-right-8 {
  margin-right: 66.66666667%;
}
.col-xs-offset-right-7 {
  margin-right: 58.33333333%;
}
.col-xs-offset-right-6 {
  margin-right: 50%;
}
.col-xs-offset-right-5 {
  margin-right: 41.66666667%;
}
.col-xs-offset-right-4 {
  margin-right: 33.33333333%;
}
.col-xs-offset-right-3 {
  margin-right: 25%;
}
.col-xs-offset-right-2 {
  margin-right: 16.66666667%;
}
.col-xs-offset-right-1 {
  margin-right: 8.33333333%;
}
.col-xs-offset-right-0 {
  margin-right: 0;
}
@media (min-width: 768px) {
  .col-sm-offset-right-12 {
    margin-right: 100%;
  }
  .col-sm-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-sm-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-sm-offset-right-9 {
    margin-right: 75%;
  }
  .col-sm-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-sm-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-sm-offset-right-6 {
    margin-right: 50%;
  }
  .col-sm-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-sm-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-sm-offset-right-3 {
    margin-right: 25%;
  }
  .col-sm-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-sm-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-sm-offset-right-0 {
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .col-md-offset-right-12 {
    margin-right: 100%;
  }
  .col-md-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-md-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-md-offset-right-9 {
    margin-right: 75%;
  }
  .col-md-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-md-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-md-offset-right-6 {
    margin-right: 50%;
  }
  .col-md-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-md-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-md-offset-right-3 {
    margin-right: 25%;
  }
  .col-md-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-md-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-md-offset-right-0 {
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-offset-right-12 {
    margin-right: 100%;
  }
  .col-lg-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-lg-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-lg-offset-right-9 {
    margin-right: 75%;
  }
  .col-lg-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-lg-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-lg-offset-right-6 {
    margin-right: 50%;
  }
  .col-lg-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-lg-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-lg-offset-right-3 {
    margin-right: 25%;
  }
  .col-lg-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-lg-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-lg-offset-right-0 {
    margin-right: 0;
  }
}
@import url(//fonts.googleapis.com/css?family=Ruda:400,700,900);
@import url(//fonts.googleapis.com/css?family=Roboto:100,300);
@import url(//fonts.googleapis.com/css?family=Comfortaa);



body {
  font-family: 'Ruda', sans-serif !important;

}
.content_wrapper {
    padding-top: 110px;
}
.logo-font
{
    font-family: 'Comfortaa', cursive !important;
    text-transform: lowercase !important;
}
.punchtext {
    margin-top: 18px;
    font-size: 40px;
    color: #7D7D7D;
}

.navbar-default {
background-color: #f5f5f5;
border-color: #f5f5f5 !important; 
}
.navbar-default .navbar-collapse{
border-color: #f5f5f5;
float: right;
}
.navbar .navbar-nav {
margin: 10px 0 20px !important;
padding-right: 3px !important;
}
.navbar-default .navbar-nav>.active>a
{
    background-color: #f5f5f5 !important;
}

.background{
    background-color: #f5f5f5;
}
.logo
{
    margin-top: 10px !important;
    margin-bottom:10px;
/*margin-left: 20px;*/
   
}
.dropdown-menu {
box-shadow: none;
border-radius: 0px;
border: 0px none;
margin-top: 5px!important;
background: #EEF0F3 !important;
margin-left: 84%;
}
.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #807C7C !important;
white-space: nowrap;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
  background-color: #f56218 !important;
  color:#ffffff !important;
}
.dropdown-menu .divider {
border-top: 1px solid #E7E4E4 !important;
border-bottom: 0px none;
}

.navbar .navbar-nav > li > a {
position: relative;
color: #000 !important;
font-size: 16px;
font-family: 'Ruda', sans-serif !important;
letter-spacing: 1px;
font-weight: normal !important;
line-height: 15px;
text-transform:none !important;
font-weight: 600;
padding: 5px 15px;
background: transparent;
}
.navbar .navbar-nav > li > a:hover {
position: relative;
color: #f56218 !important;
font-size: 16px;
font-family: 'Ruda', sans-serif !important;
letter-spacing: 1px;
font-weight: normal !important;
line-height: 15px;
text-transform:none !important;
font-weight: 600;
padding: 5px 15px;
background: transparent;
}
.sliderbottom
{
    margin-bottom: 30px !important;
color: #000;
font-size: 46px;
   font-family: 'Roboto', sans-serif;
    font-weight: normal !important;
    text-align: center;
}

.sliderbottomsmall
{
    margin-bottom: 10px !important;
    color: #A29C9C;
    font-size: 21px;
    font-family: 'Roboto', sans-serif;
    font-weight: normal !important;
}
.suscribe
{
    color: #A29C9C;
    font-size: 26px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300 !important;
    margin: 40px auto 20px;
    text-align: center;
}
/*img {
  
  -webkit-transition: all 5s ease;
     -moz-transition: all 5s ease;
       -o-transition: all 5s ease;
      -ms-transition: all 5s ease;
          transition: all 5s ease;
}
 
 img:hover {
 -webkit-filter: hue-rotate(333deg);

}
fivera rotate
.hovereffect img {
  -webkit-transition: all 0.8s ease;
     -moz-transition: all 0.8s ease;
       -o-transition: all 0.8s ease;
      -ms-transition: all 0.8s ease;
          transition: all 0.8s ease;
}
 
.hovereffect img:hover {
  
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}*/

.paddingleft200
{
    padding-left: 240px;
}

.featureheader
{
    font-weight: bolder;
/* margin-left: 240px; */
text-align:center;
color: #000;
font-size: 16px;
line-height: 30px;
}
.featuretext
{
    text-align: center;
}
.featureheader1
{
    font-weight: bolder;
/* margin-left: 240px; */
text-align:center;
color: #fff;
font-size: 16px;
line-height: 30px;
}
.featuretext1
{
    text-align: center;color: #fff;
}
.featuremargin
{
    margin-top: 30px;
}
.paddingleft30
{
    padding-left: 115px;
}
.featureheader-right
{
    font-weight: bold;
/* margin-left: 240px; */
margin: 10px 0 10px 90px;
color: #E27425;
}
.featuretext-right
{
 width: 300px;
    text-align: left;
    margin-left: 90px;
}

.imghover{
    opacity: 0.2;
    margin: 0 auto;
display: block;
}

.imghover:hover{
    opacity: 0.7;
}

.btn-orange
{
    background-color: #E27425 !important;
    height: 50px !important;
}
.height50
{
    height: 50px;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #ccc !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #ccc !important;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #ccc !important;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:   #ccc !important;
}

.copyright1
{
    color: #ACA6A6;
    font-size: 12px;
    text-align: center;
    font-family: 'Ruda', sans-serif !important;
}
.bactotop
{
    height: 30px !important;
    width: 30px !important;
}


/*bottons css*/


/* Common button styles */
.button {
	float: left;
	min-width: 150px;
	max-width: 250px;
	display: block;
	margin: 9px;
	padding: 0.7em 2em;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
    cursor:pointer;
        font-family: 'Ruda', sans-serif !important;


}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}

/* Text color adjustments (we could stick to the "inherit" but that does not work well in Safari) */
.bg-1 .button {
	color: #37474f;
	border-color: #37474f;
}
.bg-2 .button {
	color: #ECEFF1;
	border-color: #ECEFF1;
}
.bg-3 .button {
	color: #fff;
	border-color: #fff;
}

/* Sizes */
.button--size-s {
	font-size: 14px;
}
.button--size-m {
	font-size: 16px;
}
.button--size-l {
	font-size: 18px;
}

/* Typography and Roundedness */
.button--text-upper {
	letter-spacing: 2px;
	text-transform: uppercase;
}
.button--text-thin {
	font-weight: 300;
}
.button--text-medium {
	font-weight: 500;
}
.button--text-thick {
	font-weight: 600;
}
.button--round-s {
	border-radius: 5px;
}
.button--round-m {
	border-radius: 15px;
}
.button--round-l {
	border-radius: 40px;
}

/* Borders */
.button--border-thin {
	border: 1px solid;
}
.button--border-medium {
	border: 2px solid;
}
.button--border-thick {
	border: 3px solid;
}
/* Saqui */
.button.button--saqui {
	overflow: hidden;
	color: #fff;
            font-family: 'Ruda', sans-serif !important;

	background: #37474f;
	-webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in;
	transition: background-color 0.3s ease-in, color 0.3s ease-in;
}
.button--saqui.button--inverted {
	background: #F5811E;
	color: #fff;
            font-family: 'Ruda', sans-serif !important;

}
.button--saqui::after {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 1em 2em;
	color: #37474f;
	-webkit-transform-origin: -25% 50%;
	transform-origin: -25% 50%;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	-webkit-transition: -webkit-transform 0.3s ease-in;
	transition: transform 0.3s ease-in;
            font-family: 'Ruda', sans-serif !important;

}
.button--saqui.button--inverted::after {
	color: #fff;
            font-family: 'Ruda', sans-serif !important;

}
.button--saqui:hover::after,
.button--saqui:hover {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.button--saqui:hover {
	background-color: #F4A876;
	color: #F4A876;
            font-family: 'Ruda', sans-serif !important;

}
.button--saqui.button--inverted:hover {
	background-color: #EE841D;
	color: #EE841D;
            font-family: 'Ruda', sans-serif !important;

}
.button--saqui:hover::after {
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
}
/*end of bottons css*/


/*starting of busness video floating divs*/



.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.video-responsive iframe {
left: 0;
margin-top: 5%;
margin-left: 13.4%;
top: 0;
height: 85%;
width: 77%;
position: absolute;
}
/*.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}*/

.video-responsive1 iframe{
    left:0;
    top:0;
    height:800px !important;
    width:100%;
    position:absolute;
}
.down-img
{
    margin: 0px 0px 20px 160px;
    display: block;
    height: 70px;
}

.step-img
{
   height: 190px;
    width: 190px;
    margin: 0 auto;
    display: block;
    border: 5px solid #fff;
}
.picalign
{
    margin: 0 auto;
    display: block;
}
.nav>li {
 position: static !important;
display: block;
}

.zimage{
z-index: 9;
    height: 150px;
    width: 150px;
}
.border-text
{
    margin-top: 80px;
    padding: 0px 20px;
    font-size: 18px;
    line-height: 30px;
}
.whypunchtext
{
    /*padding: 0px 30px;*/
    font-size: 18px;
    line-height: 30px;
    font-size: 16px;
    text-align:justify;
}
.border-div
{
    border: 2px solid #666;
    margin-top: -75px;
    border-radius: 16px;
    z-index: -9;
    color: #fff !important;
}
.businesstext
{
position: absolute;
margin-top: -15px;
margin-left: 218px;
color: #000;
font-weight: normal;
font-size: 18px;
}

.aboutext
{
    text-align: center;
    font-size: 18px;
    line-height: 32px;
}

.aboutext a
{
    text-align: center;
    font-size: 16px;
    color: #000;
}

.aboutext a:hover
{
    text-align: center;
    font-size: 16px;
    color: #f56218;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
max-height: 55px !important;
}

.borderdiv
{
    border: 2px solid #666;
    border-radius: 16px;
    padding: 30px 15px;
}

#speed,#f6
{
    background: #F8F8F8;
}

#social
{
    background: #F8F8F8;
}


.clr{
	clear: both;
	padding: 0;
	height: 0;
	margin: 0;
}
.main{
	width: 90%;
	margin: 0 auto;
	position: relative;
}

.img-center
{
    display: block;
margin: 0 auto;
}



/* ==========================================================================
Showcase
========================================================================== */
        .puchclient {
            background: url('../img/shopsSLIDE.png') no-repeat center center fixed;
            background-size: cover;
        }

        .device {
            position: absolute;
            top: 103px;
            /*left: 20%;*/
            min-height: 443px;
            width: 645px;
            background: url('../img/device.png') no-repeat center center;
        }
        .puchclient-wrap {
            position: relative;
            min-height: 740px;
        }

.backphone
{
    background-image: url(../img/aaa.jpg);
    height: 100%;
    background-size: cover;
}


.icircle{
border: 2px solid #bbb;
padding: .5em;
border-radius:50%
}

.dropcaps_left, .dropcaps_right {
float: left;
width: 70px;
height: 70px;
line-height: 55px;
text-align: center;
color: #f56218;
font-size: 22px;
font-weight: 600;
border: 1px solid #f56218;
background-color: transparent;
position: relative;
-webkit-border-radius: 40px 40px;
-moz-border-radius: 40px 40px;
border-radius: 40px 40px;
transition: all .50s ease-in-out;
-moz-transition: all .50s ease-in-out;
-webkit-transition: all .50s ease-in-out;
}

.features_item:hover .dropcaps_left, .features_item:hover .dropcaps_right {
color: #fff;
border: 1px solid #f56218;
background-color: #f56218;
transition: all .50s ease-in-out;
-moz-transition: all .50s ease-in-out;
-webkit-transition: all .50s ease-in-out;
}

.fa-lg {
font-size: 1.3333333333333333em;
line-height: .75em;
vertical-align: -45% !important;
}

.featuretitlel
{
font-size: 20px;
color: #000;
float: right;
line-height: 0px;
font-weight: bold;
margin-top: 20px;
}
.featuretitler
{
font-size: 20px;
color: #000;
float: left;
line-height: 0px;
font-weight: bold;
margin-top: 20px;
}
.textalignj
{
    text-align: justify;
}

.featuremargin0
{
   margin-top: 160px !important;
}
.featuremargin1
{
   margin-top: 325px !important;
}


.form-control {
height: 40px !important;
border-radius: 0px !important; 
}

.btn1 {
padding: 10px 45px !important;
}

.btn-warning {
color: #fff;
background-color: #F3875D !important;
border-color: #F3875D !important;
}
.btn-warning:hover {
color: #fff;
background-color: #B83D0E !important;
border-color: #B83D0E !important;
}
.btn-fb {
    background:#3B5B95 !important;
    border-color:#25385C !important;
}
.btn-fb:hover {
    background:#25385C !important;
    border-color:#1E2D48 !important;
}
.fb-border {
    border-right: 1px solid #0F26CA;
height: 26px;
float: left;
position: absolute;
margin-left: 27px;
}
.privacy-header
{
    font-size: 22px;
    color: #000;
}

.privacy-header1
{
    font-size: 17px;
    color: #292929;
}

.privacy-headerAndroid
{
    font-size: 18px;
    color: #000 !important;
    margin-bottom: -8px;
}

/*try screen size*/
@media (max-width: 991px)
{

    .punchtext {
    margin-top: 18px;
    font-size: 20px !important;
    color: #7D7D7D;
    }

    .dropdown-menu {
      top: 97% !important;
      margin-left: 82% !important;
    }

    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
      background-color: #F5F5F5 !important; 
    }
    .btn-center {
        display: block;
        margin: 0 auto;
    }
}

@media (max-width:767px) {
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
  max-height: 280px !important;
}
    .navbar {
        border:none !important;
    }
.navbar .navbar-nav {
  margin: 0px 0 0px !important;
  padding-right: 20px;
}
.navbar .navbar-nav > li > a {
    margin: 5px 0;
}
.btn-center {
        display: block;
        margin: 0 auto;
}
.navbar-toggle {
        margin-top: -1px;
        padding:6px !important;
}
.custom-mbl {
        margin-left: 63px !important;
        margin-top: 20px;
}
    .businesstext {
        margin-left:130px;
    }
}
.mh-30{
    min-height: 30px;
}
.enterprise-solution{
        float: left;
        margin-bottom: 0;
        padding-top: 5px;
        text-align: center;
        width: 100%;
        color: #2c2c2c;
        font-size: 22px;
        letter-spacing: 2px;
        color: #F56218;
        text-shadow: 2px 2px 0px #d5d5d5, 0px 2px 0 rgba(0,0,0,0.2);
        text-transform: uppercase;
        text-rendering: optimizeLegibility;
        text-decoration: none;
    }
.enterprise-solution:active, .enterprise-solution:focus{
    color: #F56218; 
}
.enterprise-solution:hover{
    color: #333333;
}
@media only screen and (max-width: 1140px){
    .mh-30{
        min-height: 20px;
    }
    .navbar .navbar-nav > li > a{
        padding: 5px 8px;
        font-size: 14px;
    }
    .navbar .navbar-nav > li > a:hover{
        font-size: 14px;
        padding: 5px 8px;
    }
}
@media only screen and (max-width: 979px){
    .navbar .navbar-nav > li > a{
        padding: 5px 4px;
        font-size: 12px;
    }
    .navbar .navbar-nav > li > a:hover{
        font-size: 12px;
        padding: 5px 4px;
    }
    .enterprise-solution{
        font-size: 16px;
    }
}
@media only screen and (max-width: 780px){
    .navbar .navbar-nav > li > a{
        padding: 5px 3px;
    }
    .navbar .navbar-nav > li > a:hover{
        padding: 5px 3px;
    }
}
.btn-social {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .btn-social > :first-child {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 32px;
        line-height: 34px;
        font-size: 1.6em;
        text-align: center;
        border-right: 1px solid rgba(0,0,0,0.2);
    }

    .btn-social.btn-lg {
        padding-left: 61px;
    }

        .btn-social.btn-lg > :first-child {
            line-height: 45px;
            width: 45px;
            font-size: 1.8em;
        }

.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0,0,0,0.2);
}

    .btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
        color: #fff;
        background-color: #2d4373;
        border-color: rgba(0,0,0,0.2);
    }

    .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
        background-image: none;
    }

    .btn-facebook.disabled, .btn-facebook[disabled], fieldset[disabled] .btn-facebook, .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled:active, .btn-facebook[disabled]:active, fieldset[disabled] .btn-facebook:active, .btn-facebook.disabled.active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook.active {
        background-color: #3b5998;
        border-color: rgba(0,0,0,0.2);
    }

    .btn-facebook .badge {
        color: #3b5998;
        background-color: #fff;
    }

.btn-social {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .btn-social > :first-child {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 32px;
        line-height: 34px;
        font-size: 1.6em;
        text-align: center;
        border-right: 1px solid rgba(0,0,0,0.2);
    }

    .btn-social.btn-lg {
        padding-left: 61px;
    }

        .btn-social.btn-lg > :first-child {
            line-height: 45px;
            width: 45px;
            font-size: 1.8em;
        }

.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0,0,0,0.2);
}

    .btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
        color: #fff;
        background-color: #2d4373;
        border-color: rgba(0,0,0,0.2);
    }

    .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
        background-image: none;
    }

    .btn-facebook.disabled, .btn-facebook[disabled], fieldset[disabled] .btn-facebook, .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled:active, .btn-facebook[disabled]:active, fieldset[disabled] .btn-facebook:active, .btn-facebook.disabled.active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook.active {
        background-color: #3b5998;
        border-color: rgba(0,0,0,0.2);
    }

    .btn-facebook .badge {
        color: #3b5998;
        background-color: #fff;
    }

.ch-item {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    cursor: default;
    /*box-shadow: inset 0 0 0 16px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);*/
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.ch-img-1 {
    background-image: url('../img/newimages/flexibility.png');
    background-size: cover;
}

.ch-img-2 {
    background-image: url('../img/newimages/promotions.png');
    background-size: cover;
}

.ch-img-3 {
    background-image: url('../img/newimages/analytics.png');
    background-size: cover;
}

.ch-img-4 {
    background-image: url('../img/newimages/security.png');
    background-size: cover;
}

.ch-img-5 {
    background-image: url('../img/newimages/socialmedia.png');
    background-size: cover;
}

.ch-img-6 {
    background-image: url('../img/newimages/value.png');
    background-size: cover;
}

.ch-img-7 {
    background-image: url('../img/newimages/customer-feedback.png');
    background-size: cover;
}

.ch-info {
    position: absolute;
    background: rgba(231, 85, 3, 0.88);
    width: inherit;
    height: inherit;
    border-radius: 50%;
    opacity: 0;
    margin-left: -16px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
}

    .ch-info h3 {
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 22px;
        margin: 0 15px;
        padding: 45px 0 0 0;
        height: 140px;
        font-family: 'Open Sans', Arial, sans-serif;
        text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);
    }

    .ch-info p {
        color: #fff;
        padding: 10px 5px;
        font-style: italic;
        margin: 0 30px;
        font-size: 12px;
        border-top: 1px solid rgba(255,255,255,0.5);
        opacity: 0;
        -webkit-transition: all 1s ease-in-out 0.4s;
        -moz-transition: all 1s ease-in-out 0.4s;
        -o-transition: all 1s ease-in-out 0.4s;
        -ms-transition: all 1s ease-in-out 0.4s;
        transition: all 1s ease-in-out 0.4s;
    }

        .ch-info p a {
            display: block;
            color: #fff;
            color: rgba(255,255,255,0.7);
            font-style: normal;
            font-weight: 700;
            text-transform: uppercase;
            font-size: 9px;
            letter-spacing: 1px;
            padding-bottom: 0px;
            font-family: 'Open Sans', Arial, sans-serif;
            margin-bottom: -3px;
            line-height: 14px;
        }

            .ch-info p a:hover {
                color: #fff222;
                color: rgba(248, 220, 190, 0.8);
            }

.ch-item:hover {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1), 0 2px 2px rgba(0,0,0,0.1);
}

    .ch-item:hover .ch-info {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

        .ch-item:hover .ch-info p {
            opacity: 1;
        }

.main {
    width: 100%;
}

.g-captcha {
    -webkit-transform: scale(0.77);
    -moz-transform: scale(0.77);
    -ms-transform: scale(0.77);
    -o-transform: scale(0.77);
    transform: scale(0.77);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}

/*signup-page*/
.signupform {
    padding: 20px;
    margin-bottom: 13%;
    margin-top: 8%;
    background: #eeeeee;
}

    .signupform h3 {
        color: #f56218;
        text-align: center;
        font-family: 'Ruda', sans-serif !important;
    }
/*.div3 {
background: #E9E9E9;
padding-top: 20px;
bottom: 0;
position: absolute;
width: 100%;
}*/

.maindiv {
    /*background-image:url(../img/signup.jpg);
    background-size:cover;*/
}


.backfeatures {
    color: #777777;
    text-decoration: none;
}

.backfeatures {
    color: #f56218;
    text-decoration: none;
}

.backfeaturesimg {
    height: 18px;
    width: 18px;
    position: absolute;
    margin-left: 45px;
    margin-top: 10px;
}


.getbackground {
    background-image: url('../img/getbackground.jpg');
    background-size: cover;
    width: 100%;
    min-height: 800px;
}

.startedheader {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    margin-top: 20px;
    font-family: 'Ruda', sans-serif !important;
}

.started-img {
    height: 130px;
    width: 130px;
    margin: 0 auto;
    display: block;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

    .started-img:hover {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-box-shadow: 0px 0px 5px 3px rgba(77, 77, 77, 0.75);
        box-shadow: 0px 0px 3px 5px rgba(77, 77, 77, 0.75);
    }

.link-img {
    height: 54px;
    margin-right: 11px;
    float: right;
    margin-top: 8px;
    margin-bottom: 10px;
}


.signback {
    background-image: url('../img/andios.jpg');
    background-size: cover;
}

.loginback {
    background-image: url('../img/login_background.jpg');
    background-size: cover;
}

.loginform {
    padding: 30px 25px;
    margin-bottom: 13%;
    margin-top: 13%;
}

    .loginform button {
        border-radius: 0 !important;
    }


/*Dashboard css start*/
.icon-box {
    padding: 20px;
    background-color: #0099BE;
    color: #fff;
    float: left;
}

.icon-mainbox {
    background: #00C0EF;
    padding-left: 0px !important;
    margin-right: 20px;
    width: 300px;
    float: left;
    margin-top: 20px;
}

.tab-pane {
    padding: 25px 0px !important;
}

.tabinner-icons {
    height: 52px;
    display: block;
    margin: 0 auto;
}

.text-rewards {
    padding-top: 15px;
    padding-left: 15px;
    float: left;
}

.dash_number {
    font-size: 28px;
    color: #ffffff;
}

.dash_label {
    font-size: 16px;
    color: #ffffff;
}

.icon-boxpoints {
    padding: 20px;
    background-color: #D6700A;
    color: #fff;
    float: left;
}

.icon-mainboxpoints {
    background: #F5871C;
    padding-left: 0px !important;
    margin-right: 20px;
    width: 300px;
    float: left;
    margin-top: 20px;
}

.icon-boxvisit {
    padding: 20px;
    background-color: #008046;
    color: #fff;
    float: left;
}

.icon-mainboxvisit {
    background: #00A65A;
    padding-left: 0px !important;
    margin-right: 20px;
    width: 300px;
    float: left;
    margin-top: 20px;
}

.visit-dash {
    clear: both;
    padding-top: 50px;
    color: #777;
    text-align: center;
    padding-right: 20px;
}

.tabbable.custom-tabs > .nav-tabs {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: none !important;
    background-color: none !important;
    background-image: none !important;
}

.nav-tabs > li > a {
    margin-right: 3px !important;
    line-height: 1.42857143 !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    background: #E6E6E6 !important;
    color: #777777 !important;
    padding: 12px 50px !important;
}

.tab-content {
    background-color: #F7F1F1;
    padding-left: 20px;
    padding-bottom: 20px;
    margin-bottom: 50px;
    overflow: auto;
}


/* custom inclusion of right, left and below tabs */

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}

.tab-content > .active,
.pill-content > .active {
    display: block;
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
}

    .tabs-below > .nav-tabs > li {
        margin-top: -1px;
        margin-bottom: 0;
    }

        .tabs-below > .nav-tabs > li > a {
            -webkit-border-radius: 0 0 4px 4px;
            -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
        }

            .tabs-below > .nav-tabs > li > a:hover,
            .tabs-below > .nav-tabs > li > a:focus {
                border-top-color: #ddd;
                border-bottom-color: transparent;
            }

    .tabs-below > .nav-tabs > .active > a,
    .tabs-below > .nav-tabs > .active > a:hover,
    .tabs-below > .nav-tabs > .active > a:focus {
        border-color: transparent #ddd #ddd #ddd;
    }

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

    .tabs-left > .nav-tabs > li > a,
    .tabs-right > .nav-tabs > li > a {
        min-width: 74px;
        margin-right: 0;
        margin-bottom: 3px;
    }

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

    .tabs-left > .nav-tabs > li > a {
        margin-right: -1px;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
    }

        .tabs-left > .nav-tabs > li > a:hover,
        .tabs-left > .nav-tabs > li > a:focus {
            border-color: #eeeeee #dddddd #eeeeee #eeeeee;
        }

    .tabs-left > .nav-tabs .active > a,
    .tabs-left > .nav-tabs .active > a:hover,
    .tabs-left > .nav-tabs .active > a:focus {
        border-color: #ddd transparent #ddd #ddd;
        *border-right-color: #ffffff;
    }



/*Dashboard css end*/



/*forgot css*/
.forgotbox {
    background-color: #F5F5F5;
    outline: none;
    -webkit-box-shadow: 0px 0px 35px 2px rgba(173,173,173,1);
    -moz-box-shadow: 0px 0px 35px 2px rgba(173,173,173,1);
    box-shadow: 0px 0px 35px 2px rgba(173,173,173,1);
    width: 80%;
    padding: 20px 0 0 0;
    margin: 40px auto;
}

.envelope {
    height: 150px;
}

.img-center {
    display: block;
    margin: 0 auto;
}

.forgotinput {
    display: block !important;
    margin: 30px auto 10px !important;
    height: 30px !important;
}

.forgotbtn {
    display: block;
    margin: 0 auto;
    width: 250px;
}

.btn-warning {
    background-color: #f56218 !important;
    border-color: #f56218 !important;
}

    .btn-warning:hover {
        background-color: #E9520A !important;
        border-color: #E9520A !important;
    }

.forgot-footer {
    border-top: 1px solid #cccccc;
    background-color: #e1e1e1;
    height: 50px;
    width: 100%;
    margin-top: 20px;
}
/*.btn-default {
      width: 100%;
      height:50px;
      background-color:#e1e1e1;
      border-radius:0px !important;
}*/
.pad0 {
    padding: 0 !important;
}

.mid-text {
    padding: 20px 30px;
    text-align: center;
    font-size: 14px;
}

.resetinput {
    display: block !important;
    margin: 0px auto !important;
    height: 30px !important;
}

.lock {
    height: 120px;
}

.newpasstext {
    margin-top: 20px;
    font-size: 20px;
}

.text-danger ul li {
    color: #AB5A21;
    list-style: none;
    background-color: #fcf8e3;
    border: 1px solid #EADE8D;
    margin-top: 10px;
    width: 90%;
    padding: 3px 10px;
    text-align: center;
    border-radius: 4px;
}

.input_earnrule {
    width: 92%;
    margin-left: 10px;
}

.button-row {
    clear: both;
    padding-top: 5px;
    height: 30px;
}

.small-search {
    width: 198px;
}


/*business banner part*/



/* About Puncherello Section*/

.about-punchorello {
    float: left;
    width: 100%;
}

    .about-punchorello > ul > li.right {
        margin: 0;
    }

    .about-punchorello > ul {
        margin: 0;
        padding: 0;
    }

        .about-punchorello > ul > li {
            float: left;
            list-style: none outside none;
            width: 100%;
        }

            .about-punchorello > ul > li > p {
                color: #fff;
                display: block;
                font-size: 14px;
                letter-spacing: 0.3px;
                line-height: 30px;
            }

            .about-punchorello > ul > li.left > img {
                margin-right: 2%;
            }

            .about-punchorello > ul > li.right > img {
                margin-left: 30px;
            }


/* Holder for call today section*/

.img-holder {
    position: relative;
    margin-top: 0;
}

    .img-holder:before, .img-holder:after {
        content: '';
        position: absolute;
        top: 77%;
        left: 0;
        width: 20%;
        height: 2px;
        background: #ccc;
    }

    .img-holder:after {
        left: auto;
        right: 0;
    }

.img-frame {
    text-align: center;
    padding: 0;
}

    .img-frame span {
        vertical-align: middle;
        display: inline-block;
        white-space: normal;
        margin-top: -10%;
        font-size: 1.5em;
    }

    .img-frame:after {
        content: '';
        display: inline-block;
        vertical-align: bottom;
        overflow: hidden;
        height: 130px;
        margin: 0 0 0 -5px;
        width: 1px;
    }


/* ==========================================================================
Video
========================================================================== */

section.video i {
    margin-right: 10px;
    color: #323a45;
    vertical-align: middle;
    font-size: 50px;
    -webkit-transition: color 300ms ease-in-out;
    transition: color 300ms ease-in-out;
}

section.video h1 {
    font-weight: 400;
    font-size: 20px;
}

section.video {
    padding: 60px 0;
    background-color: #f6f7f9;
}

    section.video a {
        color: #323a45;
    }

        section.video a:hover, section.video a:focus {
            color: #73d0da;
            text-decoration: none;
        }

            section.video a:hover i, section.video a:focus i {
                color: #73d0da;
            }
/* ==========================================================================
Business
========================================================================== */

.business {
    background: url('../img/slider/background-new.png') no-repeat center center fixed;
    background-size: cover;
}

    .business h1 {
        margin: 0 0 20px 0;
        color: #fff;
        font-weight: 400;
        font-size: 22px;
    }

    .business p {
        margin-bottom: 25px;
        color: #fff;
    }

.business-wrap {
    position: relative;
    padding: 106px 0;
    min-height: 600px;
}


h2.title {
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-size: 1.5em;
    font-weight: 700;
    margin-top: 4em;
    margin-bottom: 6%;
    text-transform: uppercase;
    position: relative;
}

    h2.title:before {
        content: " ";
        position: absolute;
        background: #fff;
        bottom: -6px;
        width: 220px;
        height: 30px;
        z-index: -1;
        left: 50%;
        margin-left: -110px;
    }

    h2.title:after {
        content: " ";
        position: absolute;
        border: 1px solid #f5f5f5;
        bottom: 8px;
        left: 0;
        width: 100%;
        height: 0;
        z-index: -2;
    }

.image {
    width: 252px;
    background-size: contain;
    background-repeat: no-repeat;
    height: auto;
}

    .image.rewards {
        background-image: url("../img/rewards.png");
        height: 170px;
    }

    .image.promotions {
        background-image: url("../img/rewards.png");
        height: 213.5px;
    }



/*redesign of box section*/
/* Benefits Box */
.benefits-box {
    background: none repeat scroll 0 0 #F56218;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    float: left;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    width: 135px;
    height: 135px;
}

    .benefits-box:hover {
        background: none repeat scroll 0 0 #F58634;
        box-shadow: 0 0 0 4px #fff;
        -webkit-transition: color 0.3s;
        -moz-transition: color 0.3s;
        transition: color 0.3s;
    }

    .benefits-box:after {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0;
    }

    .benefits-box:hover:after {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

#benefit-box {
    margin-top: -30px;
}

.benefits-box > span {
    /*background: none repeat scroll 0 0 #FFFFFF;
	
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;*/
    display: table;
    float: none;
    height: 68px;
    margin: -45px auto 15px;
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 69px;
    z-index: 999;
}

.benefits-box:hover span {
    margin-top: -66px;
    opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}

.benefits-box > span > i {
    color: #F56218;
    float: left;
    font-size: 30px;
    line-height: 77px;
    text-align: center;
    width: 100%;
}

.benefits-box > h3 {
    color: #F7F7F7;
    float: left;
    font-size: 15px;
    font-weight: bold;
    line-height: 15px;
    margin-top: 10px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 999;
}

.benefits-box > p {
    color: #F2F2F2;
    float: left;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 20px;
    margin: 10px 0 18px;
    padding: 0 15px;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 999;
}

.benefits-box:hover p {
    padding-bottom: 49px;
}

.benefits-box > i {
    border-top: 1px solid rgba(255,255,255,0.5);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    bottom: -35px;
    color: #FFFFFF;
    font-size: 11px;
    left: 52%;
    line-height: 1px;
    margin-left: -42px;
    padding: 10px 10px;
    position: absolute;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    z-index: 2147483647;
}

.benefits-box:hover i {
    bottom: 8px;
    color: #fff222;
    color: rgba(248, 220, 190, 0.8);
}

/*.benefits-p {
    font-size: 27px; 
    color: #000;
    text-align:left; 
    line-height: 1;
    font-family: 'Ruda', sans-serif !important; 

}*/

.tab-center {
    float: right;
}

.learnmore-text {
    width: 51%;
    font-family: 'Ruda', sans-serif !important;
    padding-bottom: 0px;
    padding-left: 10px;
}

.punch-logo-img {
    width: 100px;
    height: 100px;
    margin-left: 20px;
}

.logo-font {
    float: left;
    color: #fff;
    font-size: 2.5em;
    margin-top: 2%;
}


@media screen and (max-width:1200px) {
    .device {
        left: 20%;
        top: -36px;
    }
}

@media screen and (max-width:991px) {
    .device {
        display: none;
    }

    .img-frame span {
        margin-top: -15%;
    }
}

@media screen and (max-width:680px) {
    .img-frame span {
        margin-top: -17%;
    }
}

@media screen and (max-width:640px) {
    .img-frame span {
        margin-top: -17%;
    }
}

@media screen and (max-width:465px) {
    section.video i {
        font-size: 30px;
    }

    section.video h1 {
        font-size: 15px;
        font-weight: 400;
    }

    section.video {
        padding: 40px;
    }

    .img-frame span {
        margin-top: -33%;
    }

    .businesstext {
        font-size: 12px !important;
    }
}

.settingup {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 992px) {
    .settingup {
        float: left;
        /*width: 25%;*/
    }
}

@media (max-width: 992px) {

    .custome-dob {
        margin-left: 3px !important;
    }
}

.settingup.business,
.settingup.vicinity {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 992px) {
    .settingup.business,
    .settingup.vicinity {
        float: left;
        width: 33.33333333333333%;
    }
}

.circle-image-container {
    margin-top: 44px;
    margin-bottom: 35px;
}

.circle-image {
    height: 112px;
    width: 112px;
    background-repeat: no-repeat;
    background-size: 112px 112px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .circle-image.choose-program-type {
        background-image: url("../img/newimages/choose-program-type.png");
    }

    .circle-image.customize {
        background-image: url("../img/newimages/customize.png");
    }

    .circle-image.consumer-rewards {
        background-image: url("../img/newimages/consumer-rewards@2x.png");
    }

.content-divider {
    padding-top: 30px;
    border-bottom: 2px solid #e5e7e9;
}

.navbar-collapse {
    padding: 6px !important;
    margin-top: 0px !important;
    border-top: none !important;
}

.navbar-toggle .icon-bar {
    width: 20px !important;
}

@media (max-width:767px) {
    .button--size-s {
        margin: 10px auto 0px !important;
        display: block !important;
        float: none;
    }

    .custom_mobile_center {
        margin: 0 auto !important;
        display: table !important;
        float: none !important;
    }

    .punchorello_main_text {
        margin: 0 auto !important;
        display: table !important;
    }

    .benefits-p {
        font-size: 18px !important;
        text-align: left !important;
    }

    .whypunchorello {
        font-size: 30px !important;
    }

    .whypunchtext {
        font-size: 18px !important;
    }

    .whypunchimg {
        width: 100%;
        margin-top: 0px !important;
    }
}

@media (min-width:768px) {
    #benifit-box {
        margin: 0 auto !important;
        display: table !important;
        float: none !important;
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .tab-center {
        margin: 20px auto !important;
        display: block !important;
        float: none !important;
    }
}

@media (min-width:768px) and (max-width:990px) {
    .tab-center {
        margin: 20px auto !important;
        display: block !important;
        float: none !important;
    }

    .punchorello_main_text {
        margin: 0px auto !important;
        display: table !important;
        float: none !important;
    }

    .button--size-s {
        margin: 10px auto 0px !important;
        display: block !important;
        float: none;
    }

    .learnmore-text {
        margin-bottom: 25px;
        color: #fff;
        margin-top: 20px;
        margin-left: 10px;
    }

    .punchorello-logo {
        margin: 0px auto;
        display: block;
    }
}

@media (min-width:697px) and (max-width:767px) {
    .learnmore-text {
        margin-top: 20px;
    }
}

@media (min-width:418px) and (max-width:696px) {
    .punchorello-logo {
        margin: 0 auto;
        display: table;
    }

    .learnmore-text {
    }
}

@media (max-width:406px) {
    .punch-logo-img {
        width: 50PX !important;
        height: 50px !important;
    }

    .logo-font {
        font-size: 2.0em !important;
    }

    .punch-text {
        margin-left: 10%;
    }
}

.nav-arrow:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: 40px;
    right: 120px;
    z-index: 10;
}

/* merchant login/signup info */
.merchant-info-container {
    max-width: 390px;
    margin: 0 auto;
}

.reward-program-info {
    padding: 10px;
    color: #FFF;
    min-width: 30%;
    margin: 0 auto;
}

    .reward-program-info h3 {
        color: #fff;
    }

.reward-program-info {
    position: relative;
    text-align: center;
}




input.form-error,
input.form-error.form-control:focus,
textarea.form-error,
textarea.form-error.form-control:focus {
    /*background-color: #F7F2F2 !important;*/
    border-color: #C60F13 !important;
    /*background-color: rgba(198, 15, 19, 0.1) !important;*/
    margin-bottom: 0px !important;
}

.form-error {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background: #C60F13 none repeat scroll 0% 0%;
    color: #FFF;
    display: block;
    padding: 5px 10px;
    text-align: center;
}

.form-success {
    color: #313131;
    margin-top: 10px;
}

input.error {
    background-color: #F7F2F2 !important;
    border: 1px solid #EED3D7 !important;
    color: #B94A48 !important;
}

label.error {
    color: #994F4F;
}

.form-control.form-error {
    color: #E4E4E4;
    margin-top: 0;
}

.form-control.form-success {
    color: #E4E4E4;
    margin-top: 0;
}

.text-disable {
    background-color: #D6D0D0 !important;
    border: 1px solid #ABADB3;
    color: black !important;
}

.field-validation-error {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background: #C60F13 none repeat scroll 0% 0%;
    color: #FFF;
    display: block;
    padding: 0;
    margin-left: 0px !important;
}

    .field-validation-error #Password-error, .field-validation-error #FirstName-error, .field-validation-error #ConfirmPassword-error, .field-validation-error #FirstName-error, .field-validation-error #FirstName-error, .field-validation-error #CaptchaValue-error, .field-validation-error #CountryCode-error, .field-validation-error #Email-error, .field-validation-error #OrganizationName-error, .field-validation-error #ContactFirstName-error, .field-validation-error #EmailAddress-error, .field-validation-error #PhoneNo-error, .field-validation-error #Name-error, .field-validation-error #Message-error, .field-validation-error #OldPassword-error, .field-validation-error #NewPassword-error {
        text-align: center;
        margin: 0 auto;
        display: table;
        padding: 2px;
    }

.validation-summary-errors {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    /*background: #C60F13 none repeat scroll 0% 0%;*/
    color: #C60F13;
    display: block;
    padding: 0;
    margin-top: -3px;
}

    .validation-summary-errors ul li {
        list-style: none;
        text-align: center;
    }

.maindiv {
    margin-bottom: -20px !important;
}

/*.main-content {
    position: relative;
    width: 100%;
    height: 100%;
}

    .main-content .maindiv {
        width: 100%;
        min-width: 300px;
        position: absolute;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        padding-top: 90px;
    }*/

@media (max-width:768px) {
    /*.main-content .maindiv {
        padding-top: 0px;
    }*/
    .resetPassword {
        padding-top: 0px !important;
    }

    .forgotPassword {
        padding-top: 0px !important;
    }
}


.connectWithFacebook {
    background: transparent;
    margin: 0px -30px -30px -30px;
    padding: 15px 30px;
}

    .connectWithFacebook .social-btn {
        padding-top: 0;
    }

    .connectWithFacebook .btn.btn-lg {
        font-size: 15px;
        padding: 8px 48px 6px;
    }

        .connectWithFacebook .btn.btn-lg.btn-fb {
            font-size: 15px;
            height: 40px;
        }

    .connectWithFacebook .btn.btn-square {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .connectWithFacebook .forgot-password {
        float: right;
        margin-top: 5px;
    }

    .connectWithFacebook .new-here {
        float: right;
        margin-bottom: 0;
        margin-top: 10px;
    }