/*
* XEO - Landing Page
* Version: 1.0
* Copyright 2014
* Created by: AgileUI
* URL: http://agileui.com/
* Designed and built based on Twitter Bootstrap 3.
*/

/*
**********************************************
**********************************************
CONTENTS:

01 General Styles
02 Home
03 Features
04 Testimonials
05 Portfolio
06 Newsletter
07 Pricing table
08 Contact
09 Footer

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

/*
**********************************************
01 General Styles 
**********************************************
*/
body { font-family: Verdana, Geneva, sans-serif; top: 80px; }
/* Grid */
#main_container { padding: 0; margin: 0; width: 100%; background-color: #ffffff; }
.row { margin-right: 0; margin-left: 0; }
a, a:link { outline: 0; }
h1.section-title { font-family: 'PT Sans', sans-serif; color: #2a2a2a; }
h3.section-subtitle { font-family: 'PT Sans', sans-serif; color: #1b1b1b; }
h1.section-title-white { font-family: 'PT Sans', sans-serif; color: #ffffff; }
h3.section-subtitle-white { font-family: 'PT Sans', sans-serif; color: #ffffff; }
.div-center { text-align: center !important; vertical-align: middle; padding: 10px 0 10px 0; }
.div-center * { margin: 0 auto; }

/* Google Fonts */
@font-face { font-family: 'pt_sansregular'; src: url('../fonts/pt_sans/pt_sans-web-regular-webfont.eot'); src: url('../fonts/pt_sans/pt_sans-web-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pt_sans/pt_sans-web-regular-webfont.woff') format('woff'), url('../fonts/pt_sans/pt_sans-web-regular-webfont.ttf') format('truetype'), url('../fonts/pt_sans/pt_sans-web-regular-webfont.svg#pt_sansregular') format('svg'); font-weight: normal; font-style: normal; }
/* button */
.btn { font-family: 'Roboto', sans-serif; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; }
.btn:focus, .btn:hover { transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; }
/* .btn-custom-1 */
.btn-custom-1 { background-color: rgba(255,255,255,0); border: 2px solid rgba(255,255,255,1); color: #ffffff; }
.btn-custom-1:hover, .btn-custom-1:focus, .btn-custom-1:active, .btn-custom-1.active { background: #ffffff; border: 2px solid rgba(255,255,255,1); }
.btn-custom-1.disabled:hover, .btn-custom-1.disabled:focus, .btn-custom-1.disabled:active, .btn-custom-1.disabled.active, .btn-custom-1[disabled]:hover, .btn-custom-1[disabled]:focus, .btn-custom-1[disabled]:active, .btn-custom-1[disabled].active, fieldset[disabled] .btn-custom-1:hover, fieldset[disabled] .btn-custom-1:focus, fieldset[disabled] .btn-custom-1:active, fieldset[disabled] .btn-custom-1.active { background-color: #ffffff; border: 2px solid rgba(255,255,255,1); }



hr{border-bottom: solid 1px #ccc;box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2)}

/* navbar */
#topnav { position: fixed !important; }
.navbar { border-radius: 0; border: none; margin-bottom: 0; min-height: 80px !important; position: relative; }

.navbar-default { background-color: #ffffff; 
box-shadow: 0 15px 15px -15px rgba(0, 0, 0, 0.2); 
border-bottom: solid 15px #00BFFF; min-height: 80px !important; }


.navbar-default .navbar-brand { font-family: 'PT Sans', sans-serif; font-size: 2em; font-weight: bold; padding-top: 18px; }
.navbar-header { min-height: 80px !important; }

.navbar-brand h1{margin-top: 0px;font-size:90%;line-height: 100%;font-weight: bold;}
.navbar-brand h4{margin-top: -15px;font-size:60%;line-height: 80%;}




.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-top: 10px; }
.navbar-nav > li > a { font-family: 'PT Sans', sans-serif; line-height: 60px; padding-bottom: 10px; padding-top: 10px; }
.navbar-default .navbar-nav > li > a { font-family: 'PT Sans', sans-serif; font-weight: 700; color: #929292; text-transform: uppercase; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background: #ffffff; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: #ffffff; font-weight: 600; }


/* .navbar-toggle */
.navbar-default .navbar-toggle { border: 1px solid; background: #ffffff; border-color: #ffffff; margin-top: 20px; border-radius: 50%; padding: 9px 6px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ffffff; color: #ffffff; border: 2px solid; border-color: #ffffff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.navbar-default .navbar-toggle .icon-bar { background-color: #999999; }
.navbar-collapse { background-color: #ffffff; }

/*
**********************************************
02 Home
**********************************************
*/
#home-section {
font-family: 'Roboto', sans-serif; 
background: url("../images/top-bg.png") #1f3752 center no-repeat; background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover;
color: #ffffff !important;

}


.home-content { 
padding-top: -10%; width: 100%; 
text-align: center;
}

//#home-section .home-content h1 { font-family: 'PT Sans', sans-serif; text-align: center; font-size:140%; font-weight: 300; color: #ffffff; }

#home-section .home-content h4{ margin:3% 0 0 0; }
#home-section .home-content { margin-top: 30%; }
#home-section .home-content .btn { text-transform: uppercase; margin: 0 5px 0 5px; }

#home-section img {width:60%;max-width: 60%;height: auto;}
#home-section h1{text-shadow: 2px 2px 1px #999999;}
#home-section h2{text-shadow: 2px 2px 1px #999999;}
#home-section h3{text-shadow: 2px 2px 1px #999999;}
#home-section h4{text-shadow: 2px 2px 1px #999999;}

/*
**********************************************
03 Features
**********************************************
*/
#features-section { padding: 150px 5px 50px 5px; font-family: 'PT Sans', sans-serif; }
.features-content { padding-top: 30px; }
#features-section h2 { font-size: 1.5em; }
#features-section p { color: #555555; }
#features-section .col-md-4 { padding-left: 20px; padding-right: 20px; }
.feature { padding-bottom: 20px; }
#features-section .feature-icon-1 { padding: 5px; border: 3px solid #ffffff; border-radius: 50%; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; }
body #features-section .feature:hover .feature-icon-1 { padding: 5px; border: 3px solid #76c2af; border-radius: 50%; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; }
#features-section .feature-icon-2 { padding: 5px; border: 3px solid #ffffff; border-radius: 50%; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; }
body #features-section .feature:hover .feature-icon-2 { padding: 5px; border: 3px solid #e0995e; border-radius: 50%; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; }
#features-section .feature-icon-3 { padding: 5px; border: 3px solid #ffffff; border-radius: 50%; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; }
body #features-section .feature:hover .feature-icon-3 { padding: 5px; border: 3px solid #77b3d4; border-radius: 50%; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; }
#features-section .feature-icon-4 { padding: 5px; border: 3px solid #ffffff; border-radius: 50%; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; }
body #features-section .feature:hover .feature-icon-4 { padding: 5px; border: 3px solid #e0995e; border-radius: 50%; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; }
#features-section .feature-icon-5 { padding: 5px; border: 3px solid #ffffff; border-radius: 50%; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; }
body #features-section .feature:hover .feature-icon-5 { padding: 5px; border: 3px solid #e35c5c; border-radius: 50%; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; }
#features-section .feature-icon-6 { padding: 5px; border: 3px solid #ffffff; border-radius: 50%; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; }
body #features-section .feature:hover .feature-icon-6 { padding: 5px; border: 3px solid #76c2af; border-radius: 50%; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; }

#features-section .btn{ margin: 2px 0 2px 0;}


/*
**********************************************
04 Testimonials
**********************************************
*/
#testimonials-section { padding: 20px 10px 50px 10px; background: url("../../assets/img/testimonials-bg.jpg") #252a2d no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #ffffff; font-family: 'PT Sans', sans-serif; }
#testimonials-section h1 { margin-bottom: 0; }
#testimonials-section h3 { margin-top: 50px; }
#testimonials-section p { margin: 0; padding: 0; font-size: 1.3em; text-align: center; }
.testimonial-name { font-size: 1.3em; color: #444444; }
#testimonials-section .container { padding-left: 25px; padding-right: 35px; }
#testimonials-section small { color: #ffffff; }
.carousel-indicators { top: 0; bottom: 0; line-height: 55px; }
.carousel-indicators .active { background: #ffffff; width: 12px; height: 12px; border: 2px solid #ffffff; }
.carousel-indicators li { background: rgba(255, 255, 255, 0); border: 2px solid #ffffff; height: 12px; width: 12px; margin: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }



/*
**********************************************
05 Portfolio
**********************************************
*/
#portfolio-section { padding: 90px 5px 90px 5px; font-family: 'PT Sans', sans-serif; }
#portfolio-section .thumbnail { padding: 0; margin-bottom: 30px; box-shadow: none; border: 0; }
.portfolio { padding-top: 30px; }
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { border-radius: 8px; }
.image-hover * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.image-hover { position: relative; overflow: hidden; background: #ffffff; border-radius: 8px; }
.image-hover img { display: block; }
.image-hover a { text-decoration: none; }
.image-pos { width: 450px; height: 200px; }
.image-pos img { margin: -100px 0px 0px -100px; }
.img-button-hover .layer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; }
.img-button-hover:hover .layer { box-shadow: inset 0px 0px 120px rgba(0, 0, 0, 0.9); -moz-box-shadow: inset 0px 0px 120px rgba(0, 0, 0, 0.9); -webkit-box-shadow: inset 0px 0px 120px rgba(0, 0, 0, 0.9); transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; }
.img-button-hover:hover a { opacity: 0.7 }
.img-button-hover a { display: inline-block; width: 100px; height: 100px; margin-top: 80px; margin-left: 2px; margin-right: 2px; opacity: 0; color: #ffffff; font-weight: bold; padding-top: 30px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; }
.img-button-hover i { font-size: 2.5em; }
.img-button-hover:hover a { transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; }
.button-effect.img-button-hover a { width: 100px; height: 100px; margin-top: 80px; }
.button-effect.img-button-hover:hover a { opacity: 1; margin-top: 80px; width: 100px; height: 100px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px }


/*
**********************************************
06 Newsletter
**********************************************
*/
#Newsletter-section { font-family: 'PT Sans', sans-serif; background: #fff no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #000; padding: 150px 5px 70px 5px; }

.newsletter-form { width: 70%; margin: 0 auto; padding-top: 30px; }
#newsletter-section label { font-size: 1.5em; font-weight: 300; }
#newsletter-section .form-control { color: #ffffff; height: 44px; font-size: 1.2em; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background-color: rgba(255,255,255,0); border: 2px solid #ffffff; transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; }
#newsletter-section .form-control:focus { background-color: rgba(255,255,255,0); border: 2px solid #ffffff; box-shadow: none; }
#newsletter-section .btn { height: 44px; margin-top: 35px; }
.alert-success { text-align: center; }
.alert-danger { text-align: center; }


#Newsletter-section .btn{ margin: 2px 0 2px 0;}



/*
**********************************************
07 Pricing table
**********************************************
*/
#pricing-section { padding: 50px 5px 50px 5px; font-family: 'PT Sans', sans-serif; }
.plans { padding-top: 20px; }
.price-table { padding-bottom: 20px; }
.price-bg { height: 100px; }
.price-bg-popular { height: 100px; }
.box-plan { background: #ffffff; padding: 0 5px 5px 5px; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}

.box-plan .plan-title { padding: 8px 15px 15px; text-align: center; color: #ffffff; margin: 5px 0 5px 0; -moz-border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; -moz-border-top-left-radius: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; }

.box-plan .plan-title-popular { padding: 8px 15px 15px; text-align: center; color: #ffffff; margin: 5px 0 5px 0; }

.box-plan .plan-title-popular {padding: 8px 15px 15px; text-align: center; color: #ffffff; margin: 5px 0 5px 0; -moz-border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; -moz-border-top-left-radius: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px;}


.box-plan .price { min-height: 50px; position: relative; font-size: 30px; line-height: 60px; text-align: center; font-weight: bold; padding: 20px 15px 0; color: #ffffff; }

.box-plan .price .type { font-size: 16px; margin-top: -30px; }
.box-plan .descr { color: #333333; margin-top: 10px; padding: 20px 15px; }
.box-plan .descr p { text-align: center; font-size: 1.2em; }
.box-plan .plan-btn { min-height: 50px; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 18px; padding: 0 15px; }

/*
**********************************************
08 Contact
**********************************************
*/
#contact-section { padding: 90px 5px 50px 5px; color: #ffffff; font-family: 'PT Sans', sans-serif; background: #001e43; no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
#contact-section h3 { padding-bottom: 50px; }
.contact-form-box { width: 70%; margin: 0 auto; padding: 0 10px 10px 10px; border-top-left-radius: 8px; border-top-right-radius: 8px; }
#contact-section label { font-size: 1.5em; font-weight: 300; }
#contact-section .form-control { color: #ffffff; height: 44px; font-size: 1.2em; background-color: #ccc; border: 1px solid #ffffff; transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; }
#contact-section .form-control:focus { background-color: rgba(255,255,255,0); border: 1px solid #ffffff; box-shadow: none; }
#contact-section textarea { resize: none; padding: 12px; height: 130px !important; }
#contact-section .btn { margin-top: 20px; }

#contact-section label span { font-size: 0.5em; font-weight: 300; color:#ff9900;}
/*
**********************************************
09 Footer
**********************************************
*/
footer { padding: 0 5px 10px 5px; }
footer hr { margin-bottom: 10px; margin-top: 10px; }
.social { padding-top: 25px; text-align: left; }
.social a { font-size: 30px; position: relative; display: inline-block; padding: 10px 0px; margin: 0px 5px; overflow: hidden; text-align: center; border-radius: 40px; -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; }
a.social-icon { text-decoration: none !important; color: #a8a8a8 !important; }
a.social-icon:hover { color: #939393 !important; }
.footer-links { color: #333333; padding-top: 45px; }
.footer-links a { color: #333333 !important; text-decoration: none; }
.footer-links .list-inline { text-align: right; }
.copyright { color: #777777; padding-top: 10px; }
.copyright a { color: #777777 !important; }







/*
**********************************************
10 company-section
**********************************************
*/
#company-section { padding: 90px 5px 50px 5px; color: #ffffff; font-family: 'PT Sans', sans-serif; background: #001e43; no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}

.company
{
	padding: 80px 0px;
	float: left;
	width: 100%;
	background: #f1f1f1;
}
.company-section ul li
{
	width: 318px;
	margin: 40px 20px 0px;
	border-radius: 5px;
	background-color: #fff;
	float: left;
	transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}

.company-section ul li a
{
	text-decoration: none;
}

.company-img img
{
	width: 100%;
	height: 300px; 
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}


.company-box
{
	border: 1px solid #ccc;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top: none;
	text-align: center;
	padding: 10px 0px 20px;
	background-color: #fff;
}
.company-box h4
{
	color: #4E4F4F;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	line-height: 50px;
}
.company-box p
{
	color: #888;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
}
.company-section ul li:hover
{
	box-shadow: 0px 0px 6px 0px #ccc;
}
.contact
{
	padding: 80px 0px;
	width: 100%;
	float: left;
	font-family: 'Open Sans', sans-serif;
	background-color: #c7effc;
}
.contact-section
{
	width: 60%;
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
}