@charset "utf-8";
/* CSS Document */

@import "font-awesome.css";
@import "font-awesome.min.css";
@import url('https://fonts.googleapis.com/css?family=Niconne');

::selection
{
	background:#076bdd; color:#fff; 
}
::-moz-selection
{
	background:#076bdd; color:#fff;
}
.scrollup
{
	position:fixed; 
	z-index:9999;
	bottom:30px; 
	float:right;
	right:0; 
	width:30px;  height:30px; border-radius:3px 0 0 3px;
	text-align:center;
	font-family: 'open_sansbold';
	display:none;		
	color:#fff; 
	-webkit-transition:0.3s; 
	-moz-transition:0.3s; 
	-o-transition:0.3s; 
	transition:0.3s; 
	background:url(../images/top.png) center center no-repeat; 
}
.scrollup:hover
{
	
}
#loader {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: #fefefe;
 z-index: 99999;
 height: 100%;
 }
#status {
 width: 200px;
 height: 200px;
 position: absolute;
 left: 50%;
 top: 50%;
 background-image: url(../images/loading.gif);
 background-repeat: no-repeat;
 background-position: center;
 margin: -100px 0 0 -100px;
 }
.preloader
{
	background:#fff url(../images/loaders/1.gif)  center center no-repeat;
}
header, section, footer
{
	display:block;
}
body
{
	width:auto; margin:0; border:0; 
}
img
{
	max-width: 100%; vertical-align: middle; border: 0;
}
.clearfix:after
{
	display:block; visibility:hidden; overflow:hidden; clear:both !important; content:"."; line-height:0; height:0;
}
.clearfix
{
	display:inline-block;
}
html[xmlns] .clearfix
{
	display:block;
}
*html .clearfix
{
	height:1%;
}
.clear
{
	clear:both !important;
}
.left
{
	float:left;
}
.right
{
	float:right;
}
p
{
	line-height:24px; font-family: 'Myriad Pro'; font-size:16px; color:#000; text-align:justify;
}
p strong
{
	color:#000; font-weight:bold; font-family: 'Myriad Pro' Bold; 
}
p span
{
	color:#0072bc;
}
a, img, li, ul, span, strong, nav
{
	-webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; 
} 
a
{
	color:#b62425; text-decoration:none; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;  font-family: 'open_sansregular';
}
a:hover
{
	color:#000; 
}
table
{ 
	color:#585f61; font-size:16px;  line-height:24px;
}
tr
{
	
}
td
{
	padding:8px 15px;
}
td.h3
{ 
	color:#fff; background:#f86b26 url(../images/table-h3.jpg) repeat-x; margin:0; text-transform:uppercase; font-size:18px; padding:12px 15px;
}
ul.list
{
	padding:0; margin:0; list-style:none; display:inline; 
} 
ul.list li
{
	list-style:url(../images/ar.png);color:#5f5f5f; line-height:24px; font-size:16px; margin-left:30px;
}
ul.list li strong
{
	color:#000;
}
ul.list li span
{
	color:#2d3091;
}

h1, h2, h3
{ 
	color:#221300; margin:15px 0; font-family: 'Myriad Pro' Bold; 
}
.wrapper
{
	position:absolute; width:100%; height:100%;
}
.header
{
	background:url(../images/header-bg.jpg); box-sizing:border-box; padding:20px 100px; 
}
.header h1
{
	margin:17px 0;
}
.header-right
{
	
}
.social-icon
{
	
}
.social-icon a
{
	float:left; display:block; margin-left:3px; margin-top:17px;
}
.social-icon a img
{
	
}
.nav
{
	margin:55px 0 0 0;
}
.nav ul
{
	padding:0; margin:0; list-style:none;
}
.nav ul li
{
	list-style:none; float:left; border-left:solid 2px #808285;
}
.nav ul li:first-child
{
	border-left:none;
}
.nav ul li a
{
	color:#000; font-size:14px; display:block; background:url(../images/nav.png); font-family: 'Myriad Pro'; text-transform:uppercase; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; text-transform:uppercase; padding:14px 25px 12px 25px; 
}  
.nav ul li a:hover, .nav ul li.active a
{
	color:#fff; background:#49bceb;
}  
.section
{
	background:url(../images/section-home.jpg) top center no-repeat; height:580px;
}
.section-home
{
	padding:100px 100px;
}
.section-home h1
{
	color:#fff; font-family: 'Frutiger LT Pro'; text-transform:uppercase; font-size:5.2em; line-height: 28px;
}
.section-home h1 small
{
	text-transform:none; font-size:20px; font-weight:400;
}
.footer
{
	background:#bcbec0; padding:0 100px; box-sizing:border-box;
}
.footer p
{
	font-family: 'Myriad Pro'; font-size:14px; color:#000; margin:10px 0;
}
.footer p a
{
	color:#515151; text-transform:uppercase; font-family: 'Myriad Pro'; margin-left:20px;
}
.footer p a:hover
{
	color:#f68f2b; text-decoration:underline;
}
.section-about
{
	height:580px; background:url(../images/section-about.jpg) top center no-repeat; bottom:0; padding:0 100px; box-sizing:border-box;
}
.section-about-content
{
	width:553px; background:url(../images/about-bg.png); padding:15px 40px; box-sizing:border-box;
}
.section-services
{
	background:url(../images/services-bg.jpg) top center no-repeat; padding:30px 330px; box-sizing:border-box; text-align:center; 
}
.section-services p
{
	text-align:center;
}
.section-services h3
{ 
	font-size:2em; font-family: 'Myriad Pro'; font-weight:normal;
}
.section-services h1
{ 
	font-size:2.8em; font-family: 'Quadon'; line-height:14px; color:#33a9de; margin-bottom:50px;
}
.section-services .col1
{ 
	color:#f79631;
}
.section-services .col2
{ 
	color:#8f9094;
}
.services-list-cont
{
	width:500px; margin:auto;
}
.services-list
{ 
	text-align:left;
}
.services-list .col1
{ 
	color:#33a9de;
}
.services-list .col2
{ 
	color:#f79631;
}
.services-list h4
{ 
	font-family: 'Myriad Pro'; font-weight:bold; text-transform:uppercase; margin:10px 0; background:url(../images/list.jpg) left no-repeat; line-height:12px; padding-left:16px;
}
.services-list ul
{ 
	padding:0; margin:0; list-style:none;
}
.services-list ul li
{ 
	list-style:none; font-family: 'Myriad Pro'; font-size:16px; color:#000; padding-left:17px;
}
.services-strip
{
	background:url(../images/services-bottom-text.jpg) repeat-y;
}
.services-strip h2
{
	font-family: 'Quan Slim';
    color: #fff;
    text-align: center;
    font-size: 3.6em;
    font-weight: 400;
    margin: 0;
    padding: 6px 0;
}
.portfolio
{
	background:url(../images/portfolio-bg.jpg) top center no-repeat;  text-align:center;
}
.portfolio h2
{
	color: #33a9de;
    font-family: 'Quadon';
    font-size: 2em;
    line-height: 28px;
	padding:30px 0;
    margin: 0;
}
.portfolio h2 span
{
	color:#f58220;
}
.portfolio-img
{
	text-align:center; width:1200px; margin:auto;
} 
.portfolio-img ul
{
	padding:0; margin:0; list-style:none; text-align:center;
}
.portfolio-img ul li
{
	float:left; list-style:none; width:23%; margin-left:1%; margin-right:1%; margin-top:1%; margin-bottom:1%;
}
.portfolio-img ul li a
{
	position:relative; display:inline-block; 
}
.portfolio-img ul li a img
{
	
}
.portfolio-img ul li a span
{
	position:absolute; display:block; bottom:0; width:100%; padding:20px 0; box-sizing:border-box; color:#fff; background:url(../images/text-bg.png); -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; line-height:0; text-align:center; font-family: 'Myriad Pro'; font-size:16px; font-weight:bold; text-transform:uppercase;
}
.portfolio-img ul li a:hover span
{
	height:100%; padding:8vw 15px;  -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;
}
.contact
{
	background:#edf0f5;  text-align:center; padding:50px 30% 0 30%;
}
.contact p
{
	text-align:center; font-size:18px;
}
.contact p strong
{
	color:#6d6e71; font-size:28px;
}
.contact h2
{
	color: #33a9de;
    font-family: 'Quadon';
    font-size: 2.5em;
    line-height: 28px;
    margin: 0;
}
.contact h2 span
{
	color:#f58220;
}