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

[Overview]

Template Name: Glide
Version: 0.1
Author: WordPress Wireframes
Author URI: http://www.wordpresswireframes.com

Copyright: (c) 2014 WordPress Wireframes.
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html

[Table of contents]

1. 		Defaults
2. 		Typography
3. 		Structure and containers
4. 		Forms
5. 		Special forms
6. 		Header
7. 		Footer
8. 		Slider
9. 		Icons
10. 	Info
11. 	Pricing
12. 	Responsive options
12.1	Query - 50em
12.2	Query - 45em
12.3	Query - 50em

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


/* Defaults ==================================== */
	
body {
    background: #fff;
    color: #7c8a90;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    /*padding: 3.5em 0 0;*/
    margin: 0;
    font-size: 14px;
}

.body-overlay {
    position: fixed;
    background: #475061 url(../images/loader.gif) no-repeat center center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
} 
	
/* Typography ==================================== */
		
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 1em;
    padding: 0;
    font-weight: 100;
    color: #3e454a;
}

h1 {
    font-size: 2em;
    line-height: 1.2em;
    margin: 0 0 .5em;
}

h2 {
    font-size: 1.8em;
    line-height: 1.4em;
    margin: 0 0 .5em;
}

h3 {
    font-size: 1.4em;
    line-height: 1.4em;
}

h4 {
    font-size: 1.2em;
    line-height: 1.4em;
}

h5 {
    font-size: 1.1em;
    line-height: 1.4em;
}

h6 {
    font-size: 1em;
    line-height: 1.2em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #3e454a;
    text-decoration: none;
}

p {
    padding: 0 0 1em;
    margin: 0;
}

a, a:visited {
    color: #3e454a;
}

a:hover {
    color: #333;
}

a.btn {
    width: 100%;
    border: 0;
    padding: 1em;
    font-size: 1em;
    line-height: 4em;
    background: #ec5d62;
    color: #fff;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all ease 0.25s;
    transition: all ease 0.25s;
}

a.btn:hover {
    background: #333;
}

a.btn-alt {
    color: #647278;
    background: #eaeff2;
    border: solid 1px #dee4e7;
}

a.btn-alt:hover {
    background: transparent;
}

.label {
    font-size: 1.4em;
    font-weight: 300;
}

.label-alt {
    color: #475061;
}

h2.title {
    font-weight: 100;
    font-size: 2.6em;
    margin:0 0 .3em
}

h2.title span {
	color:#ec5d62;
}

img {
    border: 0;
    max-width: 100%;
    height: auto;
}

.divider {
	width:40%;
	margin:2em auto 2em;
	height:.5em; 
}

.divider span {
	display: block;
	width:20%;
	margin:0 auto;
	height:.5em;
	background:#586275;
}

.feature-right {
	margin-right:0em !important;	
}

.featured-padded {
	padding:0 1em	
}
		
/* Structure and containers ==================================== */
		
.container {
    margin: 0 auto;
    min-width: 50em;
    max-width: 80.250em;
}

.inner {
    margin: 40px 20px 0px 0;
}

#wrapper {
    margin-left: 20px;
}

.row {
    clear: both;
    margin: 0;
    padding: 0 0 0 1em;
}

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
    float: left;
}

.span12 {
    width: 100%;
}

.span11 {
    width: 91.6666666667%;
}

.span10 {
    width: 83.3333333333%;
}

.span9 {
    width: 75%;
}

.span8 {
    width: 66.6666666667%;
}

.span7 {
    width: 58.3333333333%;
}

.span6 {
    margin-right: 25%;
}

.span5 {
    width: 41.6666666667%;
}

.span4 {
    width: 33.3333333333%;
}

.span3 {
    width: 25%;
}

.span2 {
    width: 16.6666666667%;
}

.span1 {
    width: 8.33333333333%;
}

.clearfix {
    clear: both;
}

.align-center {
    text-align: center;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.pullright {
    float: right;
}

.pullright2 {
    float: left;
    width: 75%;
    height: 50px;
    margin: 10px;
    margin-left: 40px;
}

.strip {
    border-bottom: solid 1px #dee4e7;
    padding: 2em 0 5em;
}

.strip-alt {
    background: #f3f6f9;
}

.strip p {
    padding: 0 0 1em;
    margin: 0;
}

.strip .item {
    padding: 0 0 1em;
    margin: 0 0 1em;
    border-bottom: solid 1px #dee4e7;
}

.strip-highlight {
    background: #475061;
    color: rgba(255,255,255,.7);
}

.strip-highlight h2.label {
    color: #fff;
}

.strip-highlight .mega {
    background: rgba(0,0,0,.1);
    color: #fff;
}


		
/* Forms ==================================== */	
	
.form-row {
    margin-bottom: 0.5em;
}

.form-row-last {
    margin: 0;
    margin-bottom: 10px;
}

.form-row input.text, .form-row textarea {
    width: 92%;
    padding: 1.0em 4%;
    font-size: 1em;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    background: #fff;
    color: #666;
    border: 0;
}

select {
    width: 100%;
    font-size: 1em;
}

.form-row input.btn {
    width: 100%;
    border: 0;
    padding: 1em 0;
    font-size: 1em;
    background: #475061;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
}

.dwn {
    width: 100%;
    border: 0;
    padding: 1em 0;
    font-size: 1em;
    background: #475061;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
}

.form-row input.btn:hover, .form-row input.btn:focus {
    background: #586275;
}

.form-row label {
} 
	
/* Special forms ==================================== */
		
.form-box-special {
    color: #777;
    text-shadow: 0 1px 0 #fff;
    font-size:13px;
}

.form-box-special h2, .flexslider .form-box-special h2 {
    color: #3e454a;
    font-weight: 400;
    padding: 0;
    margin: 0;
}

.form-box-special .top {
    text-align: center;
    padding: 1em;
    background: #fff;
    font-size:12px;
}

.form-box-special .bottom {
    padding: 1.5em;
}

.form-box-special .item {
    padding: 1.5em;
    background: #e7e7e7;
    padding: 0.5em 4%;
    font-size: 1em;
    font-weight: 300;
    color: #666;
}

.form-box-special-graphic img {
    width: 90%;
    float: right;
    height: auto;
    display: block;
    margin-top: 2em;
}

.form-box-special .form-row input.text, .form-box-special .form-row textarea {
    width: 95%;
    border: 0;
    padding: 10px 0px 10px 4%;
    font-size: 13px;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    background: #fff;
    color: #666;
    -moz-box-shadow:  2px 2px 10px rgba(0,0,0,.05);
    -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,.05);
    box-shadow: 2px 2px 10px rgba(0,0,0,.05);
}	
	
/* Header ==================================== */ 

#header {
    background: #3e4654;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

#header .inner {
    margin-bottom: 0;
    padding-bottom: 0;
    padding: 0;
}

#header h1 {
    margin: 0 0 0 .1em;
    padding: 0;
    float: left;
    line-height: 1.2em;
}

#header #menu {
    float: right;
}

#header #menu ul {
    list-style: none;
    padding: 0;
    margin: 0; 
}

#header #menu ul li {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
}

#header #menu ul li a {
    color: #fff;
    text-decoration: none;
    padding: 1.2em;
    display: block;
    float: right;
}

#header #menu ul li.active a {
    background: rgba(255,255,255,.1);
}

h2.menulink {
	display: none	
}
	
/* footer ==================================== */ 
		
#footer {
    text-align: center;
    background: #ec5d62;
    color: #fff;
}

#footer a .glyph-item {
    background: #fff;
    margin: 0 .2em;
}

#footer a .mega {
    font-size: 1.5em;
    border: 0;
    background: rgba(0,0,0,.2) !important;
    color: #fff;
}

#footer a:hover .glyph-item {
    color: #3e454a;
}
	
/* Slider ==================================== */
		
.flexslider { 
    color: #fff;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;    
}

.flexslider-inner { 
    background: #ec5d62;
    background-size: 100% 100%;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
    

.flexslider h1, .flexslider h2, .flexslider h3, .flexslider h4, .flexslider h5, .flexslider h6 {
    color: #fff;
}

.flexslider .row {
    padding: 2em 0 2em 0;
}

.flexslider .row-padded { 
}

.flexslider h1 {
    color: #fff;
}

.flexslider p {
    color: rgba(188, 63, 71, 1);
}

.flexslider .form-row input.btn {
}

.flexslider a.btn-alt {
    color: #fff !important;
    border: solid 1px #fff;
    background: transparent;
    background: rgba(0,0,0,.1);
} 
		 
/* Icons ==================================== */
		
.glyph-item {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    line-height: 1;
    color: #fff;
}

.mega {
    font-size: 2.5em;
    line-height: 1em;
    padding: .5em .25em 0em;
    margin: 0 0 .5em;
    -webkit-border-radius: 5em;
    -moz-border-radius: 5em;
    border-radius: 5em;
    background: #ec5d62;
}	
	
/* Info ==================================== */
	
.info {
    padding: 2em 3em 2em;
}

.info-center {
    text-align: center;
    padding: 0px 0px 0px 0px;
}

.info-padded {
    padding-top: 0em;
}

.info-center h1 {
    font-weight: 100;
    margin: 0;
    padding: 0;
    font-size: 2em;
}

.info img {
    margin-bottom: 1em;
}

.info h2 {
    font-weight: 100;
    font-size: 2em;
}

.info h2.lrg {
    margin-bottom: 1.5em;
}

.info p {
    color: rgba(255,255,255,.8);
    font-weight: 300;
    margin-bottom: 1.5em;
}

span.spacer {
    margin: 0 .5em;
}

.info a.btn {
    background: #586275;
    border: solid 1px #005d87;
    -moz-box-shadow: inset  0 1px 0 rgba(255,255,255,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}

.info a.btn-alt {
    border: solid 1px #fff;
    background: transparent;
    background: rgba(0,0,0,.1);
}

/* Pricing ==================================== */		
	 
.pricing {
}

.pricing .blocks {
}

.pricing .blocks .inner {
    padding: 0;
}

.pricing .blocks .inner ul, .pricing .blocks .inner ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pricing .blocks .inner ul {
    border: solid 1px #dee4e7;
    border-bottom: 0;
    margin-bottom: 1em;
    background: #fff;
}

.pricing .blocks .inner ul li {
    border-bottom: solid 1px #dee4e7;
    padding: .8em;
}

.pricing .blocks .inner ul li.title {
    padding: 0 0;
    border-color: #fff;
}

.pricing .blocks .inner ul li h2 {
    text-align: center;
    margin: 0;
    padding: 0;
    background: #586275;
    color: #fff;
}

.pricing .blocks .inner.primary ul li h2 {
    padding: 1em 0;
    font-weight: 400;
}

.pricing .blocks .inner.secondary ul li h2 {
    padding: .4em 0;
    font-weight: 400;
}

.pricing .blocks .inner.secondary {
    margin-top: 2em;
}

.pricing .blocks .inner ul li.price {
    background: #eaeef0;
    padding: .8em 0 .5em;
    margin: 0;
}

.pricing .blocks .inner ul li h1 {
    text-align: center;
    margin: 0;
    line-height: 1em;
    padding: 0;
}

.pricing .blocks .inner ul li h1 span {
    font-size: .8em;
}

.pricing .blocks .inner ul li h1 strong {
    font-weight: 400;
}

.pricing .blocks .inner ul li h1 small {
    font-size: .4em;
}

.pricing .blocks .inner a.btn {
    line-height: 5em;
}
 	
/* Responsive options ==================================== */


@media screen and (min-width: 50em) {
	
 	#header #menu {
 		display: inline	!important
 	}
}

@media screen and (max-width: 50em) {
 
	body {  
	}    
    .row {
        padding: 0 0 0 0;
    }

    .container {
        min-width: 100%;
        max-width: 100%;
    }

    .flexslider {
        background-image: none;
        color: #fff;
    }

    .form-box-special-graphic {
        display: none;
    }
    
    .pullright {
    	width: 66.6666666667%;
    }
    
    .info-padded {
    	padding:0;	
    }

    .strip {
        padding: 2em 0;
    }

    .inner {
        margin: 0 1em 1em 1em;
    }

    .flex-direction-nav {
        display: none;
    }
    
    #header {
    	padding: 0;	 
    }
    
    #header h1 {
    	margin:0;
    	padding:0;	
    }
	
	h2.menulink {
	    float: right;
	    display: inline;
	    width: 30px;
	    height: 30px;
	    border: 0;
	    margin: .35em 0 0;
	}
	
	h2.menulink a {
	    display: block;
	    width: 30px;
	    height: 30px;
	    text-indent: -1000px;
	    background: url(../images/menu_btn_background.png) no-repeat center center; 
	    overflow: hidden;
	    border: 0;
	}	
	#header #menu { 
		position: absolute; 
		top:3.5em;
		left:0em;
		right:0em;	 
  		-moz-box-shadow:    5px 5px 5px rgba(0, 0, 0, 0.1);
  		-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  		box-shadow:         5px 5px 5px rgba(0, 0, 0, 0.1);		
		text-shadow: none;
		width:100%;  
		display: none
	}
	
	#header #menu ul {
		margin:0;	
		padding:0; 
		width:100%; 
	}
	
	#header #menu li {
		display: inline;
		width:100%;
		float: none;
		margin:0;
		clear: both;	
	}
	
	#header #menu li a, #header #menu ul li.current a {
		display: block !important; 
		float: none !important; 
		clear: both !important;	
	    background: #fff !important; 
	    color:#333 !important;
		padding:1em !important;
		border-bottom: solid 1px #dce2e5 !important;	 
	}  
	
	.flexslider .row {
	    padding: 4em 0 6em 0;
	}
	
	.flexslider .row-padded {
	    padding: 4em 0 5em 0;
	}	
}

@media screen and (max-width: 45em) {
	
	
    .container {
        min-width: 100%;
        max-width: 100%;
    }

    .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
        width: 100%;
    }

    .pullright {
        float: left;
    }

    .info-padded {
        padding: 0;
    }

    #container_main {
        margin: 0;
    }

    #container_sidebar {
        float: none;
        clear: both;
        width: 100%;
    }

    #wrapper {
        margin-right: 10px;
        margin-left: 10px;
    }

    .flexslider .row-padded {
        padding: 1em 0 3em 0;
    }

    span.spacer {
        margin: 0 .5em;
        clear: both;
        background: Red;
    }

    .info {
        text-align: center;
    }
    

	.feature-right, .feature-left {
		text-align: center
	}  	  
}
.gridContainer {
    width: 50%;
    height: 50%;
    float: left;
}

ol.flex-control-nav { display: none; }