@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700);

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

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, figure, footer, header, hgroup, nav, section { display: block; }
ul, ol { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse: collapse; border-spacing: 0; }
th { font-weight: bold; vertical-align: bottom; }
td { font-weight: normal; vertical-align: top; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
/* Form Elements */
input, select { vertical-align: middle; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
input[type="submit"] { cursor:pointer; }
.ie6 input { vertical-align: text-bottom; }
select, input, textarea { font: 99% sans-serif; }
a:hover, a:active { outline: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* standardize any monospaced elements */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], button { cursor: pointer; }
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }
/* make buttons play nice in IE */
button { width: auto; overflow: visible; }
a, img a, img, a img { border:0; outline:0; text-decoration:none; }
/* FLOAT-elements */
.fltleft { float:left; }
.fltright { float:right; }
/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* only to clear floats - to be used with any class as addition */
.clear { clear: both; }
/* clear float with blank <div>or <br>*/
.clrflt { clear:both; line-height:1px; font-size:1px; overflow: hidden; }
/* main */
body{background:#FFFFFF;color:#6a6b6b; outline:0; font-family:Arial, Helvetica, sans-serif; }
a { color:#000; }
a:hover { color:#fff; }
/*======================general=======================*/
.container{width:1183px; margin:0 auto;}

/*======================header start=======================*/
header{width:100%; float:left; }
.top-part{ width:100%; float:left; padding:0px 0 8px 0;}
.logo{ width:326px; float:left; padding:15px 0 0 0;}
.menu-part{ width:800px; float:right;}


.nav-part{float:right; width:67%; text-align:right; background-color:#F0F0F0; height:25px; padding:0px 0px 0px 0px;}
.nav-part ul{padding:0; margin:0;}
.nav-part ul li{display:inline-block; font-size:11px; line-height:20px; font-family: 'Open Sans', sans-serif;text-transform:uppercase; font-style:normal; color:#3A3A3A;padding:0 14px 0 0;  font-weight:600;}
.nav-part ul li a{color:#3A3A3A; } 
/*.nav ul li a:last-child{ padding:0 0 0 0; display:block;}*/
.nav-part ul li a:hover{
	color:#9D9D9D;
} 
.nav-part ul li a.select{color:#E99401;}

.menu{ width:100%; float:left; padding:30px 0px 10px 0;}

.menu ul{padding:0; margin:0;}
.menu ul li{display:inline-block; font-size:14px; line-height:34px;font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-style:normal; font-weight:normal; color:#2f2f2f; padding:0 10px; float:right; font-weight:600;}
.menu ul li a{color:#3A3A3A;} 
/*.nav ul li a:last-child{ padding:0 0 0 0; display:block;}*/
.menu ul li a:hover{color:#E9391C;} 
.menu ul li a.select{color:#E9391C;}

/*.search-box{ width:170px; float:right; background:#fff; margin:0 10px 0 0; border:solid 1px #b7b7b7;behavior: url(PIE.htc);-moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;border-radius: 6px;position:relative; height:29px;}
.search-box input[type='text']{ float:left; background:#fff; border:none; height:24px; width:134px; margin:0 4px;font-family: 'open_sansitalic';font-weight: normal;font-style: normal; font-size:12px; line-height:24px; color:#717171; }
.search-box input[type='button']{background:url(../images/search-icon.png) 0 0 no-repeat; border:none; width:28px; height:29px;}*/
/*======================header end=======================*/

/*======================header img=======================*/
.banner{width:100%; float:left;}
.banner img{ width:100%; max-height:400px;}

/*======================Section start=======================*/
section{width:100%; float:left; padding:0px 0;}
.section-inner{ width:100%; float:left;}
.section-inner ul{ padding:0; margin:0;}
.section-inner ul li{display:inline-block; padding:0 42px 0 0;}
.section-inner ul li:last-child{ padding:0 0 0 0;}
.section-inner ul li div{display:inline-block; max-width:310px;}
.section-inner ul li div h3{ color:#595d60; font-size:16px; font-family: 'open_sansregular';line-height:18px;font-weight: normal;
 font-style: normal; padding:6px 0 0 36px;background:url(../images/icon.png) 0 0 no-repeat; text-transform:uppercase;} 
.section-inner ul li div p{ color:#595d60; font-size:13px; font-family: 'open_sansregular';line-height:24px;font-weight: normal;
 font-style: normal; padding:4px 0 9px 0;}
.section-inner ul li div a{ color:#dc0000; font-size:13px; font-family: 'open_sanssemibold';line-height:24px;font-weight: normal;
 font-style: normal; padding:0 16px 0 0;background:url(../images/mark.png) 80px center no-repeat;transition: all 0.3s ease-out 0s;}  
.section-inner ul li div a:hover{ padding:0 16px 0 10px;background:url(../images/mark.png) 90px center no-repeat;}

/*======================Section end=======================*/

/*======================Your Work start=======================*/
.your-work{width:100%; float:left;background:#F4F4F4; padding:20px 0 30px 0;}
.your-work-inner{width:100%; float:left;}
.your-work-inner h2{ text-align:center; color:#dedfdf; line-height:24px; font-size:18px; text-transform:uppercase;font-family: 'open_sansbold';
font-weight: normal;font-style: normal; padding-bottom:12px;}
.your-work-inner ul{ padding:0; margin:0; }
.your-work-inner ul li{display:inline-block; padding:0; margin:0;}
.your-work-inner ul li img{ padding:0; margin:0 -3px 4px 0;display:block;}
.your-work-inner ul li img:hover{opacity: 0.6;
    filter: alpha(opacity=60);}
.your-work-inner ul li p{position:relative; background:url(../images/test-bg.png) repeat; line-height:42px; margin:-58px 0 0 0; width:97%;
padding:0 0 1px 13px; text-transform:uppercase; display:block;}
/*======================Your Work end=======================*/


/*======================Footer start=======================*/
footer{width:100%; float:left;background:#1f2022; padding:20px 0 20px 0;}
.footer-inner{width:100%; float:left;}
.footer-inner-left{width:470px; float:left; background:url(../images/footer-left-bg.png) repeat;}
.footer-inner-left img{ float:left; margin:0 0 0px 0; padding:0 20px 0 0;}
.footer-inner-left h3{ font-size:16px; color:#9a9ea3; font-family: 'open_sansregular';line-height:20px;font-weight: normal;
 font-style: normal; text-transform:uppercase; padding:16px 0 4px 0;}
.footer-inner-left p{ font-size:13px; color:#6f7479; line-height:24px;font-family: 'open_sansregular';font-weight: normal;
 font-style: normal;padding:0 0 12px 0;}
.footer-inner-left ul{ padding:0 0 0 0; margin:0 0 0 0;}
.footer-inner-left ul li{ color:#a8acb1; display:inline-block; background:url(../images/line.png) 0 0 no-repeat; padding:0 8px;}
.footer-inner-left ul li a{color:#a8acb1;}
.footer-inner-left ul li a:hover{color:#000;}
.footer-inner-left ul li:first-child{ background-image:none; padding:0 8px 0 0;}
.footer-inner-left ul li img{ float:left; padding:0 7px 0 0;}
.footer-inner-right{width:536px; float:right;}
.footer-inner-right01{width:100%; float:left; background:url(../images/left-mark.png) 0 0 no-repeat; }
.footer-inner-right01 h3{padding:0 0 4px 83px; font-size:18px; color:#a1a5a9; line-height:20px;font-family: 'open_sansregular';font-weight: normal;
 font-style: normal;}
.footer-inner-right01 p{ font-size:13px; line-height:20px; color:#595d60;font-family: 'open_sansregular';font-weight: normal;
 font-style: normal; padding:0 50px 0 83px;}
.footer-inner-right01 span{ float:right; display:block; position:relative; float:right; margin:-46px 0 0 0;}

.footer-inner-right02{width:100%; float:left; border-top:dotted 1px #6f7479; margin-top:20px;}
.footer-inner-right02 h4{ font-size:14px; line-height:20px; color:#65696e;font-family: 'open_sansregular';font-weight: normal;
 font-style: normal;}
.footer-inner-right02 ul{ padding:6px 0 0 0; margin:0;}
.footer-inner-right02 ul li{ display:inline-block; padding:0 2px 0 0;}
.footer-inner-right02 p{ font-size:12px; line-height:20px; color:#65696e;font-family: 'open_sansregular';font-weight: normal;
 font-style: normal;}
.footer-inner-right02-left{ float:left; width:140px;padding:7px 0 0 0;}
.footer-inner-right02-right{ float:left; padding:17px 0 0 0;}
/*======================Footer end=======================*/



.toggleMenupart{width:522px; float:left; display:none;}
.toggleMenu {
    display:  none;
    background: url(../images/menu.png) 98% 10px no-repeat #000000;
    padding: 5px 15px;
    color: #fff;
	 font-size:18px; line-height:30px;font-family: 'open_sanssemibold'; text-transform:uppercase; font-style:normal; font-weight:normal;
}
.nav {
    list-style: none;
     *zoom: 1;
     background:#000;

}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}
.nav a {
    padding: 0 0 0 15px;
    color:#fff;
	 font-size:16px; line-height:35px;font-family: 'open_sanssemibold';font-style:normal; font-weight:normal;
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
    border-top: 1px solid #FFFFFF;
}
.nav > li > .parent {
    background-image: url("../images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #000000;
    position: relative;
    z-index:100;
    border-top: 1px solid #FFFFFF;
}
.nav li li li a {
    background:#000000;
    z-index:200;
    border-top: 1px solid #fff;
}

@media screen and (max-width: 768px) {
.toggleMenu {
    display:  block;}
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 96.5% 50%;
    }
    .nav li li .parent {
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

}