/*
Theme Name: Custom
Author: Thrive web design 
Author URI: http://thriveweb.com.au/
*/
 
/*---------------------------- normalize ----------------------------*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #f9ff51; color: black; text-shadow: none; }
::selection { background: #f9ff51; color: black; text-shadow: none; }

a { color: #00e; }
a:visited {  }
a:hover { color: #06e; }
a:focus { outline: none; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }




/*---------------------------- typography ----------------------------*/

h1, h2, h3, h4, h5, h6				{ position: relative; font-weight: normal;  margin-bottom: 10px; margin-top: 20px; }


h1									{ font-size: 60px; line-height: 65px; }
h2									{ font-size: 40px; line-height: 45px;}
h3									{ font-size: 32px; line-height: 38px;}
h4									{ font-size: 18px; line-height: 22px;}
h5									{ font-size: 15px; line-height: 18px;}
h6									{ font-size: 13px; line-height: 18px;}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
p:first-child						{ margin-top: 0; }

p{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
}

body, textarea, input{

	font-family: 'Open Sans', sans-serif;
 
	font-size: 14px;
	line-height: 18px;
	color: #3f4142;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6{
	color: #3f4142;
	font-weight: 300;	
	font-family: 'Open Sans', sans-serif;
}


a{
	color: #d61d7d;
	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	
	cursor: pointer;
	text-decoration: none;
	outline: none;
}

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

blockquote{
	font-style: italic;
	font-size: 20px;
	line-height: 24px;
	color: gray;
	margin-left: 0;
	padding-left: 40px;
	border-left: dotted 2px silver;  
	
}


/*---------------------------- helpers ----------------------------*/

.clear{
	clear:both;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}

.center{
	width:1190px;
	margin: 0 auto;
	text-align:left;
	position:relative;
}

.fright{
	float:right;
}

.taright{
	text-align:right;
}

.tacenter{
	text-align: center;
}

.fleft{
	float:left;
}

.fright{
	float:right;
}

.alignright{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.alignleft{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}


/*---------------------------- header and body ----------------------------*/

body{
	background-color: white;
}
   

header{
	-moz-box-shadow: 3px 4px 8px rgba(3,4,4,.12);
	-webkit-box-shadow: 3px 4px 8px rgba(3,4,4,.12);
	box-shadow: 3px 4px 8px rgba(3,4,4,.12);
	
	padding-top: 20px;
	padding-bottom: 20px;
}

header p.tagline{
	color: #7e7f82;
	float: left;
	
	line-height: 30px;
	margin: 0;
	padding-left:10px;
	
	width: 750px;
	background-color: white;
	
	font-size: 12px;
}

a#logo{
	display: inline-block;
	xxmargin-bottom: 40px;
	float: left;
	width: 288px;
}

a#logo:hover{
	opacity: 0.8;
}

#main{
	margin-top: 80px;
	margin-bottom: 80px;
}

.content_style{
	xxpadding: 40px;
}


.content_style,
.content_style p,
.content_style li{
	font-size: 14px;
	line-height: 22px;
}

.content_style li{
	list-style: url(images/list-style.png);
	line-height: 26px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.content_style ul,
.content_style ol{
	margin-left: 20px;
}


.content_style dl{
	background-color: #f5f5f5;
}

.content_style dt{
	color: black;
	padding-bottom: 5px;
	padding-top: 5px;
	
	clear: left;
	float: left;
	text-align: right;
	width: 27%;
	margin-right: 1em;

}

.content_style dd{
	border-bottom: 1px dashed #CCC;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-left: 0;
	
	clear: right;
	width: 70%;
	padding-left: 30%;
}

.scol{
	width: 800px;
	margin: auto;
}

.lcol{
	float: left;
	width: 650px;
}

.rcol{
	float: right;
	width: 250px;
}

.rcol .content_style{
	padding-left: 0;
	padding-right: 0;
}


.contact .lcol{
	float: left;
	width: 450px;
}

.contact .rcol{
	float: right;
	width: 450px;
}

.four04{
	
	color: white !important;
	text-align: center;
	  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);	
}

h1.four04{
	margin-top: 100px !important;

	font-size: 300px;
	line-height: 350px;
}

.edit_link{
	
	position: fixed;
	left: -10px;
	top: 10px;
	
	background-color: #d1d1d1;
	padding: 3px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 20px;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	display: inline-block;
	
	font-size: 9px;
	
	border: solid 1px #f8f8f8;
	
	box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
}

.edit_link span{
	padding-left: 5px;
	margin-right: 5px;
	border-right: dotted 1px #eaede3;
}

.edit_link a{
	background-color: transparent !important;
}




/*** main menu ***/
nav{
	position:relative;
	
	height:40px;
	z-index:600;
	
	float: right;
	width: 800px;
	
	margin-top: 20px;
}

nav ul{
	height:40px;
	line-height:40px;
	
	float: right;
	z-index:400;
	
	margin:0;
	padding:0;
}

nav ul li{
	display: inline-block;
	
	list-style:none;
	position:relative;
	
	margin:0;
	padding:0;
	
	padding-left:25px;
	padding-right:25px;
}

nav ul li:last-child{
	padding-right: 0;
}

nav ul li:first-child{
	padding-left: 0;
}

nav ul li a{
	float: left;
	color:gray;
	
	text-decoration:none;

	font-size:18px;
	
	display:block;
	line-height:40px;	
	
	text-transform:uppercase;
	
	padding-bottom: 5px;
	
	border-bottom: solid 1px white;
}

nav ul li.current_page_item a,
.current_page_parent a{
	text-decoration: none;
	border-bottom: solid 1px #ee9047;
	color: #ee9047;
}

nav ul li a:hover,
nav ul li.sfHover a{
	text-decoration: none;
	border-bottom: solid 1px #ee9047;
	color: #ee9047;
}

nav ul li.sfHover a{
	
}

nav ul li.current-menu-parent ul a{
	color:#000;
}

nav ul li.current_page_item ul a,
nav ul li.current_page_parent ul a{
	color:#000;
}


/*** dropit ***/
nav ul li ul{
     position:absolute;
     
	 top:40px;
    
     margin:0;
	 padding:0;
	 
	 margin-left:1px;
	
     float:left;  
    
	 width:190px;
	
	 z-index:100;
	 height:auto;
	 visibility:hidden;
	 left:			0;
}

nav ul li ul li{
    margin:0px;
	padding:0px;	
	display:block;
}

nav ul li ul li span{
	display:none;
}

nav ul li ul li a,
nav ul li.current_page_item ul li a{
	float:left;
	
	line-height:30px; 
	
	margin:0px;
	padding:4px;
	padding-left: 10px;
	
	font-weight:bold;

	width:170px;
	color:#A8A8A8 !important;
	text-align:left;
	
	border-top:solid 1px #999999;
}

nav ul li.sfHover ul li a:hover{
	color: white;
}

nav ul li ul li.lastone a{
	border-bottom:none !important;
}

nav ul li ul li.current_page_item a{
	color: white !important;
}

nav ul li ul li a:hover,
nav ul li ul li.current_page_item a:hover{
	color: white !important;
}


.sf-sub-indicator{
	width: 8px;
	height: 6px;
	background-image: url(images/darrow.png);
	
	position: absolute;
	right: 0;
	top: 15px;
}


/*---------------------------- Page Styles ----------------------------*/

.border{
	width: 150px;
	margin-top: 20px;
}

/*--- Home ---*/

#hometext_wrap{
	position: absolute;
	width: 550px;
	bottom: 45px;
	left: 33%;
	
	z-index: 99999;
	text-align: center;
}

#hometext_wrap .content_style p{
	font-size: 18px;
	line-height: 26px;
}

#sequence {
  position: relative;
  height: 750px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  
  margin: 0;
  padding: 0;
  
  xxbackground: whitesmoke;

}
#sequence > .sequence-canvas {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
#sequence > .sequence-canvas > li {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}
#sequence > .sequence-canvas li > * {
  position: absolute;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.info{
    xxbackground: #3f7ad6;
    color: black;
    padding: 5px;
    width: 800px;
}

/* -- sequence slide 1 -- */

#myloadbox {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 999999;
	text-align: center;
	top: 250px;
}

#first_title{
	position: absolute;
	width: 790px;
	text-align: center;
	
	left: 27%;
	top: -600px;
	
	opacity: 0;
	
	-webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

.animate-in #first_title{
	
	top: 70px;
	
	opacity: 1;

	-webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

.animate-out #first_title{
	
	
	-webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

#bird{
	position: absolute;
	width: 293px;
	
	left: -293px;
	top: -90px;
	
	opacity: 0;
	
	-webkit-transition-duration: 3s;
    -moz-transition-duration: 3s;
    -o-transition-duration: 3s;
    -ms-transition-duration: 3s;
    transition-duration: 3s;
}

.animate-in #bird{
	left:70%;
	top: 210px;
	
	opacity: 1;
	
	-webkit-transition-duration: 3s;
    -moz-transition-duration: 3s;
    -o-transition-duration: 3s;
    -ms-transition-duration: 3s;
    transition-duration: 3s;
}

.animate-out #bird{
	left: 140%;
	top: 90px;
	
	-webkit-transition-duration: 3s;
    -moz-transition-duration: 3s;
    -o-transition-duration: 3s;
    -ms-transition-duration: 3s;
    transition-duration: 3s;
}

.firstshapes{
	position: absolute;

	top: -150px;
	
	opacity: 0;
	
	-webkit-transition-duration: 3.5s;
    -moz-transition-duration: 3.5s;
    -o-transition-duration: 3.5s;
    -ms-transition-duration: 3.5s;
    transition-duration: 3.5s;
}

.animate-in .firstshapes{
	opacity: 1;
	
	-webkit-transition-duration: 3.5s;
    -moz-transition-duration: 3.5s;
    -o-transition-duration: 3.5s;
    -ms-transition-duration: 3.5s;
    transition-duration: 3.5s;	
}

.animate-out .firstshapes{
	left: 140%;
	top: 90px;

	-webkit-transition-duration: 3.5s;
    -moz-transition-duration: 3.5s;
    -o-transition-duration: 3.5s;
    -ms-transition-duration: 3.5s;
    transition-duration: 3.5s;
}

.firstshapes.one{
	left: -300px;
}
.animate-in .firstshapes.one{
	left: 66%;
	top: 380px;
}
.animate-out .firstshapes.one{
	left: 166%;
}


.firstshapes.two{
	left: -320px;
}
.animate-in .firstshapes.two{
	left: 61%;
	top: 310px;
}
.animate-out .firstshapes.two{
	left: 182%;
	left: 161%;
}


.firstshapes.three{
	left: -340px;
}
.animate-in .firstshapes.three{
	left: 52%;
	top: 190px;
}
.animate-out .firstshapes.three{
	left: 152%;
}


.firstshapes.four{
	left: -360px;
}
.animate-in .firstshapes.four{
	left: 44%;
	top: 390px;
}
.animate-out .firstshapes.four{
	left: 144%;
}

.firstshapes.five{
	left: -380px;
}
.animate-in .firstshapes.five{
	left: 35%;
	top: 240px;
}
.animate-out .firstshapes.five{
	left: 135%;
}

.firstshapes.six{
	left: -400px;
}
.animate-in .firstshapes.six{
	left: 22%;
	top: 165px;
}
.animate-out .firstshapes.six{
	left: 122%;
}

.firstshapes.seven{
	left: -420px;
}
.animate-in .firstshapes.seven{
	left: 21%;
	top: 340px;
}
.animate-out .firstshapes.seven{
	left: 121%;
}

.firstshapes.eight{
	left: -440px;
}
.animate-in .firstshapes.eight{
	left: 11%;
	top: 190px;
}
.animate-out .firstshapes.eight{
	left: 111%;
}

.firstshapes.nine{
	left: -460px;
}
.animate-in .firstshapes.nine{
	left: 6%;
	top: 90px;
}
.animate-out .firstshapes.nine{
	left: 106%;
}

.firstshapes.ten{
	left: -480px;
}
.animate-in .firstshapes.ten{
	left: 3%;
	top: 190px;
}
.animate-out .firstshapes.ten{
	left: 103%;
}

.smalltext_box p{
	margin: 0;
	color: #a3bc60;
}

.smalltext_box h4{
	margin: 0;	
	color: #a3bc60;
}

.smalltext_box{
	width: 150px;
	text-align: center;
	
	position: absolute;
	left: 26%;
	top: 350px;
	
	opacity: 0;
	
	-webkit-transition-duration: 2s;
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    -ms-transition-duration: 2s;
    transition-duration: 2s;
}

.animate-in .smalltext_box{
	
	opacity: 1;

	-webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

.animate-out .smalltext_box{
	-webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

/* -- sequence slide 2 -- */

.smalltext_box a{
	display: block;
}

.smalltext_box a:hover{
	text-decoration: none;
	opacity: 0.6;
}

.smalltext_box.orange p,
.smalltext_box.orange h4{
	color: #ee9047
}

.smalltext_box h4{
	font-weight: 600;
}

#second_title{
	position: absolute;
	width: 300px;
	text-align: center;
	
	left: 17%;
	top: -600px;
	
	opacity: 0;
	
	-webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

.animate-in #second_title{
	
	top: 70px;
	
	opacity: 1;

	-webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

.animate-out #second_title{
	
	
	-webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

.list p{
	font-size: 22px;
	font-weight: 600;
	text-transform: uppercase;
}

.list{
	width: 400px;

	position: absolute;
	top: 70px;
	left: -600px;
	opacity: 0;
	
	z-index: 3;
	
	-webkit-transition-duration: 4s;
    -moz-transition-duration: 4s;
    -o-transition-duration: 4s;
    -ms-transition-duration: 4s;
    transition-duration: 4s;
}

.animate-in .list{
	opacity: 1;
	
	-webkit-transition-duration: 4s;
    -moz-transition-duration: 4s;
    -o-transition-duration: 4s;
    -ms-transition-duration: 4s;
    transition-duration: 4s;	
}

.animate-out .list{
	left: 140%;
	top: 90px;

	-webkit-transition-duration: 3.5s;
    -moz-transition-duration: 3.5s;
    -o-transition-duration: 3.5s;
    -ms-transition-duration: 3.5s;
    transition-duration: 3.5s;
}

.list.l1{
	top: 100px;
}
.animate-in .list.l1{
	left: 51%;
}
.animate-out .list.l1{
	left: 120%;
}


.list.l2{
	top: 160px;
}
.animate-in .list.l2{
	left: 54%;
}
.animate-out .list.l2{
	left: 125%;
}


.list.l3{
	top: 220px;
}
.animate-in .list.l3{
	left: 57%;
}
.animate-out .list.l3{
	left: 130%;
}


.list.l4{
	top: 280px;
}
.animate-in .list.l4{
	left: 60%;
}
.animate-out .list.l4{
	left: 135%;
}


.list.l5{
	top: 340px;
}
.animate-in .list.l5{
	left: 64%;
}
.animate-out .list.l5{
	left: 140%;
}


.list.l6{
	top: 400px;
}
.animate-in .list.l6{
	left: 68%;
}
.animate-out .list.l6{
	left: 145%;
}


#spinner{
	width: 315px; 
	height: 317px;
	text-align: center;
	
	position: absolute;
	left: -33%;
	top: 95px;
	
	opacity: 0;
	z-index: 2;
	
	-webkit-transition-duration: 3s;
    -moz-transition-duration: 3s;
    -o-transition-duration: 3s;
    -ms-transition-duration: 3s;
    transition-duration: 3s;
}

.animate-in #spinner{
	left: 31%;
	
	opacity: 1;

	-webkit-transition-duration: 4.2s;
    -moz-transition-duration: 4.2s;
    -o-transition-duration: 4.2s;
    -ms-transition-duration: 4.2s;
    transition-duration: 4.2s;
    
     -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(360deg);
}

.animate-out #spinner{
	
	left: 133%;

	-webkit-transition-duration: 4.2s;
    -moz-transition-duration: 4.2s;
    -o-transition-duration: 4.2s;
    -ms-transition-duration: 4.2s;
    transition-duration: 4.2s;
    
    -ms-transform: rotate(-360deg); /* IE 9 */
    -webkit-transform: rotate(-360deg); /* Chrome, Safari, Opera */
    transform: rotate(-360deg);
}

.secondshapes{
	position: absolute;
	
	opacity: 0;
	
	z-index: 1;
	
	-webkit-transition-duration: 5s;
    -moz-transition-duration: 5s;
    -o-transition-duration: 5s;
    -ms-transition-duration: 5s;
    transition-duration: 5s;	
}

.animate-in .secondshapes{
	opacity: 1;
	
	-webkit-transition-duration: 5s;
    -moz-transition-duration: 5s;
    -o-transition-duration: 5s;
    -ms-transition-duration: 5s;
    transition-duration: 5s;	
}

.animate-out .secondshapes{
	left: 140%;


	-webkit-transition-duration: 5s;
    -moz-transition-duration: 5s;
    -o-transition-duration: 5s;
    -ms-transition-duration: 5s;
    transition-duration: 5s;	
}

.secondshapes.one{
	left: -300px;
	top: 200px;
}
.animate-in .secondshapes.one{
	left: 90%;
	top: 380px;
}
.animate-out .secondshapes.one{
	left: 180%;
	top: 20px;
}


.secondshapes.two{
	left: -300px;
	top: 120px;
}
.animate-in .secondshapes.two{
	left: 95%;
	top: 310px;
}
.animate-out .secondshapes.two{
	left: 200%;
	top: 310px;
}


.secondshapes.three{
	left: -300px;
}
.animate-in .secondshapes.three{
	left: 84%;
	top: 190px;
}
.animate-out .secondshapes.three{
	left: 220%;
	top: 190px;
}


.secondshapes.four{
	left: -300px;
}
.animate-in .secondshapes.four{
	left: 21%;
	top: 390px;
}
.animate-out .secondshapes.four{
	left: 240%;
	top: 420px;
}

.secondshapes.five{
	left: -300px;
}
.animate-in .secondshapes.five{
	left: 25%;
	top: 240px;
}
.animate-out .secondshapes.five{
	left: 260%;
	top: 240px;
}

.secondshapes.six{
	left: -300px;
}
.animate-in .secondshapes.six{
	left: 16%;
	top: 165px;
}
.animate-out .secondshapes.six{
	left: 280%;
	top: 600px;
}

.secondshapes.seven{
	left: -300px;
}
.animate-in .secondshapes.seven{
	left: 11%;
	top: 310px;
}
.animate-out .secondshapes.seven{
	left: 300%;
	top: 500px;
}

.secondshapes.eight{
	left: -300px;
}
.animate-in .secondshapes.eight{
	left: 9%;
	top: 100px;
}
.animate-out .secondshapes.eight{
	left: 320%;
	top: 100px;
}



/* -- sequence slide 3 -- */

.smalltext_box.s3 h4{
	color: #3569ae;
	font-weight: 600;
}

.smalltext_box.s3 p{
	color: #3569ae;
}

#third_title{
	position: absolute;
	width: 400px;
	
	left: 17%;
	top: -600px;
	
	opacity: 0;
	
	-webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

.animate-in #third_title{
	
	top: 70px;
	
	opacity: 1;

	-webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

.animate-out #third_title{
	
	
	-webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

.info.three{
	width: 120px;
	text-align: center;
	
	position: absolute;
	left: 26%;
	top: 350px;
	
	opacity: 0;
	
	-webkit-transition-duration: 2s;
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    -ms-transition-duration: 2s;
    transition-duration: 2s;
}

.animate-in .info.three{
	
	opacity: 1;

	-webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

.animate-out .info.three{
	-webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

#thirdlisting{
	width: 460px;
	margin: 0;
	
	left: -640px;
	top: 60px;
	
	z-index: 100;
	
	-webkit-transition-duration: 3s;
    -moz-transition-duration: 3s;
    -o-transition-duration: 3s;
    -ms-transition-duration: 3s;
    transition-duration: 3s;
}

.animate-in #thirdlisting{
	
	opacity: 1;
	
	left: 43%;
	
	-webkit-transition-duration: 3s;
    -moz-transition-duration: 3s;
    -o-transition-duration: 3s;
    -ms-transition-duration: 3s;
    transition-duration: 3s;
}

.animate-out #thirdlisting{
	left: 160%;

	-webkit-transition-duration: 3s;
    -moz-transition-duration: 3s;
    -o-transition-duration: 3s;
    -ms-transition-duration: 3s;
    transition-duration: 3s;
}


#thirdlisting p{
	margin: 0;
}

#thirdlisting span{
	font-size: 30px;
	font-style: italic;
	margin-left: -30px;
}

#thirdlisting span#textorange{
	color: #ee9047;
}

#thirdlisting span#textblue{
	color: #9bbae2;
}

#thirdlisting span#textgreen{
	color: #bad86a;
}

#list_one{
	margin-left: 100px !important;
}

#list_two{
	margin-left: 50px !important;
	margin-top: -10px !important;
}

#list_three{
	margin-top: -10px !important;
}

#list_one{
	opacity: 0;
	
	
	
	-webkit-transition-duration: 3s;
    -moz-transition-duration: 3s;
    -o-transition-duration: 3s;
    -ms-transition-duration: 3s;
    transition-duration: 3s;
}

.animate-in #list_one{
	
	opacity: 1;

	-webkit-transition-duration: 3s;
    -moz-transition-duration: 3s;
    -o-transition-duration: 3s;
    -ms-transition-duration: 3s;
    transition-duration: 3s;
}

.animate-out #list_one{
	opacity: 0;
	
	-webkit-transition-duration: 3s;
    -moz-transition-duration: 3s;
    -o-transition-duration: 3s;
    -ms-transition-duration: 3s;
    transition-duration: 3s;
}

#list_two{
	opacity: 0;
	
	-webkit-transition-duration: 5s;
    -moz-transition-duration: 5s;
    -o-transition-duration: 5s;
    -ms-transition-duration: 5s;
    transition-duration: 5s;
}

.animate-in #list_two{
	
	opacity: 1;

	-webkit-transition-duration: 5s;
    -moz-transition-duration: 5s;
    -o-transition-duration: 5s;
    -ms-transition-duration: 5s;
    transition-duration: 5s;
}

.animate-out #list_two{

	opacity: 0;

	-webkit-transition-duration: 5s;
    -moz-transition-duration: 5s;
    -o-transition-duration: 5s;
    -ms-transition-duration: 5s;
    transition-duration: 5s;
}

#list_three{
	opacity: 0;
	
	-webkit-transition-duration: 7s;
    -moz-transition-duration: 7s;
    -o-transition-duration: 7s;
    -ms-transition-duration: 7s;
    transition-duration: 7s;
}

.animate-in #list_three{
	
	opacity: 1;

	-webkit-transition-duration: 7s;
    -moz-transition-duration: 7s;
    -o-transition-duration: 7s;
    -ms-transition-duration: 7s;
    transition-duration: 7s;
}

.animate-out #list_three{
	
	opacity: 0;
	
	-webkit-transition-duration: 7s;
    -moz-transition-duration: 7s;
    -o-transition-duration: 7s;
    -ms-transition-duration: 7s;
    transition-duration: 7s;
}

.thirdshapes{
	position: absolute;
	
	opacity: 0;
	
	z-index: 1;
	
	-webkit-transition-duration: 2.2s;
    -moz-transition-duration: 2.2s;
    -o-transition-duration: 2.2s;
    -ms-transition-duration: 2.2s;
    transition-duration: 2.2s;
}

.animate-in .thirdshapes{
	opacity: 1;
	
	-webkit-transition-duration: 3s;
    -moz-transition-duration: 3s;
    -o-transition-duration: 3s;
    -ms-transition-duration: 3s;
    transition-duration: 3s;	
}

.animate-out .thirdshapes{
	left: 140%;


	-webkit-transition-duration: 3s;
    -moz-transition-duration: 3s;
    -o-transition-duration: 3s;
    -ms-transition-duration: 3s;
    transition-duration: 3s;
}

.thirdshapes.one{
	left: -300px;
	top: 200px;
}
.animate-in .thirdshapes.one{
	left: 90%;
	top: 260px;
}
.animate-out .thirdshapes.one{
	left: 180%;
	top: 380px;
}


.thirdshapes.two{
	left: -300px;
	top: 280px;
}
.animate-in .thirdshapes.two{
	left: 75%;
	top: 255px;
}
.animate-out .thirdshapes.two{
	left: 182%;
	top: 310px;
}


.thirdshapes.three{
	left: -300px;
}
.animate-in .thirdshapes.three{
	left: 84%;
	top: 190px;
}
.animate-out .thirdshapes.three{
	left: 184%;
	top: 190px;
}


.thirdshapes.four{
	left: -300px;
}
.animate-in .thirdshapes.four{
	left: 75%;
	top: 170px;
}
.animate-out .thirdshapes.four{
	left: 186%;
	top: 390px;
}


.thirdshapes.five{
	left: -300px;
}
.animate-in .thirdshapes.five{
	left: 67%;
	top: 230px;
}
.animate-out .thirdshapes.five{
	left: 188%;
	top: 240px;
}


.thirdshapes.six{
	left: -300px;
}
.animate-in .thirdshapes.six{
	left: 67%;
	top: 100px;
}
.animate-out .thirdshapes.six{
	left: 190%;
	top: 165px;
}


.thirdshapes.seven{
	left: -300px;
}
.animate-in .thirdshapes.seven{
	left: 11%;
	top: 310px;
}
.animate-out .thirdshapes.seven{
	left: 192%;
	top: 310px;
}

.thirdshapes.eight{
	left: -300px;
}
.animate-in .thirdshapes.eight{
	left: 10%;
	top: 120px;
}
.animate-out .thirdshapes.eight{
	left: 194%;
	top: 100px;
}


.thirdshapes.nine{
	left: -300px;
}
.animate-in .thirdshapes.nine{
	left: 25%;
	top: 120px;
}
.animate-out .thirdshapes.nine{
	left: 194%;
	top: 100px;
}


.thirdshapes.ten{
	left: -300px;
}
.animate-in .thirdshapes.ten{
	left: 40%;
	top: 180px;
}
.animate-out .thirdshapes.ten{
	left: 194%;
	top: 100px;
}


/*--- About ---*/

#bgimage_wrap{
	
}

#image_left{
	position: absolute;
	left: 20px;
	top: 140px;
}

#image_right{
	position: absolute;
	right: 20px;
	top: 140px;
}


#greybg_wrap{
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: #fbfbfb;
}

.lcol.about{
	width: 480px;
}

.rcol.about{
	width: 650px;
}

.border.blue{
	border-bottom: solid 1px #9bbae2;
}

/*--- Solutions ---*/

#solutionimg_wrap{
	margin-bottom: 60px;
}

/* Accordion */

#accordion{
	margin-top: 60px;
}

#accordion h3{
	text-transform: uppercase;	
	font-size: 19px;
	font-weight: bold;
	border-bottom: solid 1px #d7d7d7;
	margin: 0;

	padding-right: 30px;
	padding-bottom: 15px;
	padding-top: 15px;
	
	cursor: pointer;
	
	background-image: url(images/accordion-arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
}

#accordion h3.ui-state-active{
	background-image: url(images/accordion-arrow-active.png);
}

.my_accord_cont{
	padding-top: 25px;
	padding-bottom: 25px;
	display: block;
}

.ui-state-hover,
#accordion h3:focus{
	outline: none !important;
}


/*--- Benefits ---*/

.tag_line{
	display: block;
	text-align: center;
	
	margin-top: 70px;
	margin-bottom: 50px;
}

.tag_line h1{
	font-size: 50px;
}

.tag_line h3{
	font-size: 25px;
}

.scol.small{
	width: 600px;
}

/*--- Clients ---*/

.client_info{
	margin-right: 25px;
	margin-top: 20px;
}

.client_item.left .client_item{
	margin-right: 0;
	margin-left: 25px;
}
	
.client_item img,
.client_info{
	float: right;
	text-align: right;	
}

.client_item.left img{
	float: left;
	margin-right: 40px;
}

.client_item.left img,
.client_item.left .client_info{
	float: left;
	text-align: left;
}

.client_item img,
.client_item.left img{
	text-align: center !important;
}

.client_item.left .client_info{
	margin-right: 0;
}

.client_item{
	margin-top: 80px;
}

.client_info{
	width: 745px;
}

.border.orange{
	border-bottom: solid 1px #ee9047;
}

.client_item.left .client_info .border.orange{
	float: left;
}

.client_item .client_info .border.orange{
	float: right;
}

/*--- Contact ---*/

.contact .lcol{
	width: 500px;
}

.contact .rcol{
	width: 500px;
}

/*---------------------------- sub pages ----------------------------*/

.attachment-subpage_thumbnail {
    float: left;
	margin-right:20px;
	margin-bottom:20px;
    padding: 5px;
    background:#FFF;
    background-image: url(images/diag.png);
    padding: 10px;
}
.description {
	overflow: hidden;
	margin-bottom:10px;
}

.description a{
	color: black;
	text-decoration: none;
	font-weight: bold;
}

.description  h3 a{
	padding-top:0;
}

.border{
	xborder-top:1px #E9E9E9 solid;
	margin-bottom: 20px;
}


/*---------------------------- sidebar ----------------------------*/
.sidebar_widget{
	background-color: white;
	padding-bottom: 20px;
	
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px;
}

.sidebar_widget.banner{
	padding-bottom: 0;
	background-color: transparent;
}

.sidebar_widget h3{
	padding-left: 10px;
	line-height: 40px;
	
	font-size: 16px;

	color: #808080;
	
	border-radius: 3px;
	background-color: #EFEFEF;
    text-shadow: 1px 1px 1px white;

}

.sidebar_widget p{
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
	font-size: 12px;
}

.sidebar_widget a.more{
	color: #e85434;
	font-size: 10px;
}

.attachment-blog_thumbnail{
	padding: 3px;
	border: solid 1px #ccc;
	border-radius: 10px;
	float: left;
	margin-left: 20px;
}

.sidebar_widget li{
	padding-top: 5px;
	padding-bottom: 5px;
}


/*---------------------------- blog header ----------------------------*/

#blog_head{
	padding:10px;
	background-image: url(images/diag.png);
	margin-bottom: 20px;
}

#blog_head #rss{
	margin-right:20px;
}

#searchbox{
	float:left;
	margin-right:40px;
}

#searchbox form{
	width:103%;
}

#Searchform{
	width:180px;
	padding:5px;
	
	background-image:url(images/search.png);
	background-position:155px 4px;
	background-repeat:no-repeat;
}

#search_results{
	margin-bottom:20px;
}

.social_share li{
	float:left;
	list-style:none;
}

.social_share{
	margin:0;
	padding:0;
}


.social_share a{
	width:28px;
	height:28px;
	
	float:left;
	margin-left:5px;
	background-repeat:no-repeat;
}

#rss{
	background-image:url(images/rsss.png);
}

#rss span{
	display: none;
}


/*---------------------------- blog format ----------------------------*/

article{
	margin-bottom:40px;
}

article h2{

}

article h2 a,
article h2 a:visited{
	text-decoration: none;
	color: #000;
}

.date_box p{
	margin: 0;
	padding: 0;
	text-shadow: none;
	position: relative;
	top:2px;
}

.date_box{
	background-color: #E9E9E9;
	
	padding:10px;
	height:18px;
	
	margin-bottom:20px;
	margin-top: 10px;
}

.date_box a{

	font-style:italic;
}

.search .date_box .stats{
	font-size: 20px;
}

.date_box .stats{
	float:left;
}

.date_box .date{
	float:right;
	text-align:right;
}

#info_box{
	background-color: #8c1016;
	border-radius:10px;
	margin-bottom:20px;
	padding: 10px;
}

#info_box h2,
#info_box h5{
	color: white;
	text-shadow: none;
	margin: 5px;
}

article .dets{
	float: left;
	width: 280px;
	
	text-overflow:clip;
}

article{
	border-bottom: solid 1px silver;
	padding-bottom: 40px;
	margin-bottom: 40px;
	overflow: hidden;
}

article .content_style{
	float: right;
	width: 500px;
	padding-right: 0;
	padding-top: 0 !important; 
}


/*---------------------------- paging ----------------------------*/

.navigation {  
	display: block;  
	text-align: left;   
	margin-bottom: 20px;  
	font-size:80%;
	padding-top:20px;
	margin-top:20px;	
}  
.navigation a{  
	text-align:center;  
	padding:5px 10px;  
	margin:0 2px 0 2px;  
	border:1px solid #000;
	color:#000;
	font-size:14px;
	text-decoration:none;
	line-height:25px;
}

.navigation a.current{
	background-color:#000;
	color:#FFF;
}

.navigation a:hover{  
	background:#fff;  
}  



/*---------------------------- comments ----------------------------*/

div#comments{
	position:relative;
}

#comments textarea{
	width:600px;
}

#comments .author{
	float:left;
	font-weight:bold;
	line-height: 30px;
}

#comments .time{
	color:#a5a5a5;
	float:right;
}

#comments em{
	padding-bottom:15px;
	display:block;
}

#comments #comments_num{
	position:absolute;
	left:-260px;
	top:0;
	margin:0;
}

article #comments #comments_num{
	display:none;
}

#comments .commentlist{
	margin:0;
	padding:0;
}

#comments .comment {
	padding-bottom:5px; 
	border-top:solid 1px #cfcfcf;
	list-style:none;
	padding-bottom: 5px;
}

#comments #respond{
	margin-top:20px;
}

#comments input{
	padding:5px;
}

#comments .avatar{
	margin-right: 10px;
	float:left;
}

#comments .children{
	padding-left: 0;
	
}

#comments .children li{
	margin-left:60px;	
}

p.author, p.time{
	margin-bottom: 0;
}

/*------------------ Contacy Form ---------------------*/

#cf_left{
	float: left;
	width: 235px;
}

#cf_right{
	float: right;
	width: 235px;
}

span.wpcf7-form-control-wrap{
	xxdisplay: block;
}

input,
textarea,
select{
  	
  	-webkit-transition-property: -webkit-box-shadow, background;
  	-webkit-transition-duration: 0.25s;
  	
  	padding: 6px;
  	padding-left: 10px;
  	padding-right: 8px;
  	
	border: none;
	border-radius: 0 !important;
	
	background-color: #f3f3f3;

	margin-bottom: 10px;
	
	color: #282929;
}

.wpcf7 input,
.wpcf7 textarea{
	font-size: 15px;
	line-height: 21px;
}

.wpcf7 p{
	font-size: 26px;
	color: #7f7f7f;
}

.wpcf7 .watermark {
	color: #c3c3c3 !important;
}

.wpcf7 textarea{
	width: 480px;
}

.wpcf7-text{
	width: 215px;
}

.wpcf7-checkbox label{
	border-radius: 4px;
	border: 1px solid #DBDBDB;

	padding: 10px;
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 10px;
	padding-top: 15px;
}

span.wpcf7-list-item {
	margin: 0 !important;
}

.wpcf7-submit{
	background-color:#ee9047;
	color: white;
	width: 300px;
	float: right;
	text-transform: uppercase;
	font-weight: 300;
	border-radius: 7px !important;
}

#foot_right input{
	border: 1px solid #c1c1c1;
	background-color: #e8e8e8;
}

#foot_right .wpcf7-submit{
	width: 235px;
	float: none;
	background-color: #59904e;
	border: none;
	margin-top: 22px;
}

/*--- Placeholder ---*/

.wpcf7 .watermark {
    color: #282929 !important;
}
::-webkit-input-placeholder {
    color: #282929 !important;
}
:-moz-placeholder {
    color: #282929 !important;
}
::-moz-placeholder {
    color: #282929 !important;
}
:-ms-input-placeholder{
    color: #282929 !important;
}


/*---------------------------- CF7 Notices ----------------------------*/

.wpcf7-form{

}

#foot_right .wpcf7-form .wpcf7-validation-errors,
.wpcf7-form .wpcf7-validation-errors{
   border:none;
   background-color: #9bbae2;
   margin:0;
   padding:10px;
   padding-top:5px;
   padding-bottom:5px;
   text-shadow: none;  
   color:#FFF;
   font-size: 16px;
}

#foot_right .wpcf7-form .wpcf7-mail-sent-ok,
.wpcf7-form .wpcf7-mail-sent-ok{
    border:none;
	background-color: #9bbae2;
    margin:0;
    padding:10px;
	padding-top:5px;
   	padding-bottom:5px;
    text-shadow: none;  
	color:#FFF;
	font-size: 16px;

}

#foot_right .wpcf7-form .wpcf7-mail-sent-ng,
.wpcf7-form .wpcf7-mail-sent-ng{
    border:none;
	background-color: #9bbae2;
    margin:0;
    padding:10px;
	padding-top:5px;
	padding-bottom:5px;
    text-shadow: none;  
    color:#FFF;
	font-size: 16px;

}

#foot_right .wpcf7-form span.wpcf7-not-valid-tip,
.wpcf7-form span.wpcf7-not-valid-tip{
    border:none;
   	background-color: transparent !important;
   	color: #ee9047 !important;
   	width: auto !important;
   	right: 10px;
   	left: auto !important;
   	font-size: 14px;
	top: 23% !important;
	position: absolute;
}

.wpcf7-form-control-wrap.message span.wpcf7-not-valid-tip{
	top: 50% !important;
}

.ajax-loader{
	display: none;
}

#foot_right .wpcf7-form .wpcf7-validation-errors,
#foot_right .wpcf7-form .wpcf7-mail-sent-ok,
#foot_right .wpcf7-form .wpcf7-mail-sent-ng{
	background-color: #B6B6B6;
}

#foot_right .wpcf7-form span.wpcf7-not-valid-tip{
	color: #B6B6B6 !important;
}

/*---------------------------- footer ----------------------------*/

#footer_wrap{
	background-color: #dbdde0;
}

footer{	
	padding-top: 20px;
	overflow: hidden;
	padding-bottom: 20px;
}

footer p{
	margin: 0;
}

#foot_left{
	float: left;
	width: 500px;
}

#footer_logo{
	float: left;
	margin-right: 25px;
}

#footleft_cont{
	float: left;
	margin-top: 17px;
}

ul#foot{
	margin: 0;
	padding: 0;
}

ul#foot li{
	margin: 0;
	padding: 0;
	
	list-style: none;
	display: inline-block;
	
	padding-left: 10px;
	padding-right: 12px;
	
	border-right: solid 1px  #3f4142;
	line-height: 13px;
	font-style: 13px;
}

ul#foot li:first-child{
	padding-left: 0;
}

ul#foot li:last-child{
	padding-right: 0;
	border-right: 0;
}

ul#foot li a{
	color: #3f4142;
	font-size: 13px;
}

#copy{
	color: #9f9f9f;
	font-size: 13px;
	margin-bottom: 8px;
}

#foot_right{
	float: right;
	width: 500px;
}