@font-face {
    font-family: 'open_sansregular';
    src: url('../font/open-sans/kit/opensans.eot');
    src: url('../font/open-sans/kit/opensans.eot?#iefix') format('embedded-opentype'),
         url('../font/open-sans/kit/opensans.woff2') format('woff2'),
         url('../font/open-sans/kit/opensans.woff') format('woff'),
         url('../font/open-sans/kit/opensans.ttf') format('truetype'),
         url('../font/open-sans/kit/opensans.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'avantgarde_bk_btbook';
    src: url('../font/Avgardn/kit/avgardn-webfont.eot');
    src: url('../font/Avgardn/kit/avgardn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Avgardn/kit/avgardn-webfont.woff') format('woff'),
         url('../font/Avgardn/kit/avgardn-webfont.ttf') format('truetype'),
         url('../font/Avgardn/kit/avgardn-webfont.svg#avantgarde_bk_btbook') format('svg');
    font-weight: normal;
    font-style: normal;

}






/*============================= RESET =============================*/
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, td, video, tt, u, ul, var {
	background: transparent;
	border: 0 none;
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
table, table td {
	padding: 0;
	border: none;
	border-collapse: collapse;
}
img {
	vertical-align: top;
}
embed {
	vertical-align: top;
}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display: block;
}
mark, rp, rt, ruby, summary, time {
	display: inline;
}
input, textarea {
	border: 0;
	padding: 0;
	margin: 0;
	outline: 0;
}
iframe {
	border: 0;
	margin: 0;
	padding: 0;
}
input, textarea, select {
	margin: 0;
	padding: 0;
}

/*============================= DEFAULTS =============================*/
*{text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box;	-ms-box-sizing:border-box;	-o-box-sizing:border-box}
::-moz-selection {background-color: #E06C00;color: #fff;}
::-webkit-selection {background-color: #E06C00;color: #fff;}
::-ms-selection {background-color: #E06C00;color: #fff;}
::-o-selection {background-color: #E06C00;color: #fff;}
::selection {background-color: #E06C00;color: #fff;}
.left{ float:left;}
.right{ float:right;}
.float{ float:left; width:100%;}
.auto{ margin:0 auto; width:1200px;}
a{ text-decoration:none; display:block;}
.clr{ clear:both;}

/*----------ie6------------*/
p.old{ padding:20px; width:100%; background:red; color:#fff; margin:0 auto;}
p.old a{ color:#fff; text-decoration:underline;}
p.old a:hover{ color:black;}

/*---------------ie7-8--------------*/
.ie7 body, .ie8 body, .ie7 img, .ie8 img{ border:0;}
.ie7 .orange-btn, .ie8 .orange-btn{ background:url(../images/btn-bg.png) no-repeat top left; width:204px; height:37px; padding:0;padding-top:15px; border:0; text-align:center;}
.ie7 .orange-btn:hover, .ie8 .orange-btn:hover{ background:url(../images/btn-bg-hover.png) no-repeat top left; }
.ie7 ul.menu li{ float:left;}
.ie7 ul.sociallinks li{ float:left; margin-left:5px;}
.ie7 ul.experience li{ float:left;}
.ie7 ul.experience li p{ padding:20px 10px 50px 10px;}
.ie7 ul.sociallinks li a, .ie8 ul.sociallinks li a{background:url(../images/ie-social-bg.png) no-repeat top left; width:34px; height:29px; padding:5px 0 0 1px;}
.ie7 ul.sociallinks li a:hover, .ie8 ul.sociallinks li a:hover{background:url(../images/ie-social-bg-hover.png) no-repeat top left;}
.ie7 ul.portfolio li{ float:left;}
.ie7 ul.portfolio li a{ padding:10px 20px;}/*put background orange image here for ie7*/


body{ background:url(../images/bg.jpg) top center no-repeat #000000; margin:0 auto; width:100%; font-size:14px; text-align:center; line-height:23px; font-family:'open_sansregular';}
.wrapper{ margin:0 auto; width:1200px;}
h2{ font-family:'avantgarde_bk_btbook'; font-size:22px; padding:10PX 0; color:#ed1c24; text-align:left; margin:0 5px;}
h3{ text-align:left;  padding:10px 5px; color:#ed1c24; font-weight:bold; margin:0; font-size:16px;}
.header{ background:#fff; float:left; width:100%;}
.logo{ float:left; margin:5px;}
.info-holder{ float:right; width:225px;}
.social{ float:right; width:210px; margin:5px 0;}
.social h6{ float:left;}
.social a{ display:inline-block;}
.info{ float:left;}
.info h6{ float:left; font-weight:normal; font-size:14px; margin:9px 0;}
.info img{ float:left; margin:5px;}
.info a{ display:inline-block;}
ul.menu{float:left; width:100%; background:#191919;}
ul.menu li{ list-style:none; display:inline-block; position:relative; float:left;}
ul.menu li a{ display:block; padding:12PX 15px; text-decoration:none; color:#b8b8b8; font-size:15px;}
ul.menu li a:hover, ul.menu li:hover a{ display:block; background:#9f0004; color:#FFFFFF; padding:12PX 15px; text-decoration:none;}
ul.menu li ul.sub-menu { width:150px; padding:10px 0px 10px 0; position:absolute; top:0; left:0; display:none; z-index:999;}
ul.menu li:hover ul.sub-menu{ display:block; top:37px; }
ul.menu li:hover ul.sub-menu li{color:#000000;  width:100%; text-align:left;}
ul.menu li:hover ul.sub-menu li a{ background:#9f0004; padding:8px; color:#fff;  width:100%; font-size:13px; box-shadow:none; border-radius:0px;}
ul.menu li:hover ul.sub-menu li a:hover{ background:#000; padding:8px; color:#FFFFFF; width:100%;}
.banner{ float:left; border:solid 10px #fed5d6;}
/*.banner img{ width:100%;}*/
.content-bg{ float:left; background:#efefef;}
.box-1{ float:left; width:390px; background:#fff; margin:10px 5px; padding:5px;}
.box-1 img{ width:100%;}
.box-1 h1{ font-family:'avantgarde_bk_btbook'; font-size:16px; color:#ed1c24; text-align:left; margin:0 5px;}

.color{ color:#030;}
.links{ float:left; width:100%;}
.links li{ display:block; text-align:left;}
.links li a{ display:block; background:url(../images/list-inner-page-img.png) 5px 10px no-repeat; padding:5px 30px; color:#000;}
.cotent{ text-align:justify; font-size:13px; padding:0 5px;}
.content-2{ text-align:justify; font-size:13px; padding:0 5px;}
.more-info{ float:right; font-size:14px; background:#ed1c24; padding:5px 10px; color:#fff;}
.more-info:hover{ float:right; font-size:14px; background:#000; padding:5px 10px; color:#fff;}
.box-1 form{ clear:both;}
.box-1 input{ width:95%; border:solid 1px #ddd; margin:8px 10px; padding:10px;}
.box-1 textarea{ width:95%; border:solid 1px #ddd; margin:8px 10px 0 10px; padding:10px; height:105px;}
.box-1 button{ margin:5px 10px;  float:left; background:#ed1c24; border:none; padding:8px 20px; color:#fff;}
.box-1 button:hover{ margin:5px 10px;  float:left; background:#000; border:none; padding:8px 20px; color:#fff;}
.services-section{ float:left; width:100%; margin:10px 0;}
.services-section h1{ text-align:center; font-family:'avantgarde_bk_btbook'; font-size:30px; color:#575757; padding-bottom:10px;}
.services-list{ margin:0 auto; width:100%; padding:10px;}
.services-list li{ display:inline-block; width:218px; border:solid 6px #fff; }
.services-list li img{ width:100%;}
.services-list li a span{ font-family:'avantgarde_bk_btbook'; color:#333; font-size:18px; text-align:center; padding:10px 0; float:left; width:100%; font-weight:bold; background:#e1e1e1;}
.services-list li a:hover span{ font-family:'avantgarde_bk_btbook'; color:#fff; font-size:18px; text-align:center; padding:10px 0; float:left; width:100%; font-weight:bold; background:#000;}
.h1{ font-family:'avantgarde_bk_btbook'; font-size:17px; color:#ed1c24; text-align:left; margin:0 5px;}
.h1{ font-family:'avantgarde_bk_btbook'; font-size:17px; color:#ed1c24; text-align:left; margin:0 5px;}
.content-box{ float:left; margin:10px; background:#FFF; border:solid 1px #ddd; width:98%;}
.list-about{ float:left; width:100%;}
.list-about li{ text-align:left; list-style-type:none; background:url(../images/list-inner-page-img.png) no-repeat 2px 15px; padding:10px 25px; font-size:13px;}
.address{ float:left; width:300px;}
.form-box {
float: right;
width:852px;
background: #fff;
/* height: 100px; */
padding: 5px;
border: solid 1px #ddd;
margin:-33px 10PX 10PX 0;
}
.clients-box{ width:100%;}
.clients-box h1{ width:100%; background:#b4b4b4; padding:10px 0; font-family:'avantgarde_bk_btbook'; font-size:22px; color:#000;}
.clients-list{ background:#fff; /*border:solid 1px #ddd;*/ float:left; width:100%;}
.clients-list li{ display:inline-block; border:solid 1PX #ddd; margin-right:10px; margin-top:8px;}


.form-box h1{margin:0 0 5px 6px; text-align: left; padding: 0px 0; font-weight: bold; font-size:20px;}
.holder-contact{ float:left; width:260px; margin:0 10px;}
.holder-contact label{ float:left; margin:5px 0;}
.holder-contact input{ float:left; width:97%; padding:9px; border:solid 1px #ddd;}
.holderlabel{ float:left; margin:0px 10PX;}
.holder-textarea{ float:left; width:815px; height:70px; border:solid 1px #ddd; padding:10px; margin:10px;}
.submit{ float:left; background:#9f0004; padding:6px 15px; color:#fff; margin-top:0px; margin-left:11px; }
nav{ margin:0px 0 5px 0; float:left; width:100%; border:solid 1px #ddd; background:#fff;}
nav li{ display:inline-block; list-style-type:none; float:left;}
nav li a{ display:block; padding:10px; color:#000;}
nav li a:hover{ display:block; padding:10px; color:#000; background:#eee;}
nav .active a:link, .active a:visited { color:#fff; background:#9f0004;}
.footer{ background:#141414; margin-top:0px; padding:15px 0;}
.footer p{ float:left; color:#a8a8a8; font-size:13px; text-align:center; width:100%;}
.footer a{ display:inline-block;  color:#a8a8a8;}
/*.footer-nav{ float:right;}
.footer-nav li{ display:inline-block; list-style-type:none;}
.footer-nav li a{ display:block; padding:0 10px; color:#a8a8a8; font-size:13px;}
.footer-nav li a:hover{ display:block; padding:0 10px; color:#fff;}*/

.banner img{ width:100%;}

.height{ height:398px;}

.slicknav_menu {
	display:none
}
.slicknav_btn {
	position:relative;
	display:block;
	vertical-align:middle;
	float:right;
	padding:.438em .625em;
	line-height:1.125em;
	cursor:pointer
}
.slicknav_menu .slicknav_menutxt {
	display:block;
	line-height:1.188em;
	float:left
}
.slicknav_menu .slicknav_icon {
	float:left;
	margin:.188em 0 0 .438em
}
.slicknav_menu .slicknav_no-text {
	margin:0
}
.slicknav_menu .slicknav_icon-bar {
	display:block;
	width:1.125em;
	height:.125em;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
	-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, .25);
	-moz-box-shadow:0 1px 0 rgba(0, 0, 0, .25);
	box-shadow:0 1px 0 rgba(0, 0, 0, .25)
}
.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar {
	margin-top:.188em
}
.slicknav_nav {
	clear:both
}
.slicknav_nav li, .slicknav_nav ul {
	display:block
}
.slicknav_nav .slicknav_arrow {
	font-size:.8em;
	margin:0 0 0 .4em
}
.slicknav_nav .slicknav_item {
	display:block;
	cursor:pointer
}
.slicknav_nav a {
	display:block
}
.slicknav_nav .slicknav_item a {
	display:inline
}
.slicknav_menu:after, .slicknav_menu:before {
	content:" ";
	display:table
}
.slicknav_menu:after {
	clear:both
}
.slicknav_menu {
*zoom:1;
	font-size:16px
}
.slicknav_btn {
	margin:5px 5px 6px;
	text-decoration:none;
	text-shadow:0 1px 1px rgba(255, 255, 255, .75);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	background-color:#222
}
.slicknav_menu .slicknav_menutxt {
	color:#FFF;
	font-weight:700;
	text-shadow:0 1px 3px #000;
	font-family:'open_sansregular';
}
.slicknav_menu .slicknav_icon-bar {
	background-color:#f5f5f5
}
.slicknav_menu {
	background:#4c4c4c;
	padding:0px
}
.slicknav_nav {
	color:#fff;
	margin:0;
	padding:0;
	font-size:.875em
}
.slicknav_nav, .slicknav_nav ul {
	list-style:none;
	overflow:hidden
}
.slicknav_nav ul {
	padding:0;
	margin:0 0 0 20px
}
.slicknav_nav .slicknav_item {
	padding:5px 10px;
	margin:0px;
}
.slicknav_nav a {
	padding:5px 10px;
	margin:2px 5px;
	text-decoration:none;
	color:#fff;
	font-family:'open_sansregular';
}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0
}
.slicknav_nav .slicknav_item:hover {
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	background:#ccc;
	color:#fff
}
.slicknav_nav a:hover {
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	background:#ccc;
	color:#222
}
.slicknav_nav .slicknav_txtnode {
	margin-left:15px
}


.holder{ float:left; width:100%;}
.holder a{ float:left; margin:10px; padding:10px 0; font-size:16px; color:#000;}
.holder a img{ margin:-13px -1px 0 251px;}

holder1{ float:left; width:100%;}
.holder1 a{ float:left; margin:10px; padding:10px 0; font-size:16px; color:#000;}
.holder1 a img{ margin:-13px -1px 0 400px;}



/*======responsive code start here=======*/

@media only screen and (max-width: 1200px)
{
body{ width:100%; overflow-x:hidden;}
.wrapper{ margin:0 auto; width:940px; padding:0 0px;}
.box-1{ width:302px;}
.box-1 textarea{ height: 64px;}
.banner img{ width:100%;}
.form-box{ width:599px;}
.holder-textarea{ width: 585px;}
.banner img{ width:100%;}


}

@media only screen and (max-width: 979px)
{
body{ width:100%; overflow-x:hidden;}
.wrapper{ width:728px; padding:0 20px;}
.box-1{ width:218px;}
.height{ height:474px;}
.box-1 textarea{ height:141px;}
.form-box{ width:355px;}
.holder-textarea{ width: 300px;}
.content-box{ width:100%; margin:0;}
nav li a{ padding:9px;}
nav li a:hover{ padding:9px;}

}

@media only screen and (max-width: 767px)
{
body{ width:100%; overflow-x:hidden;}
.wrapper{ width:440px; padding:0 20px;}
.box-1{ width:100%; margin:10px 0;}
.form-box{ width:100%; margin:10px 0;}
.holder-textarea{ width: 98%;}
 .js #menu {
display:none
}
.js .slicknav_menu {
display:block
}
.address{ width:100%;}
.holder a img {
margin: -77px -1px 0 251px;
}




}



@media only screen and (max-width: 479px){
	
body{ width:100%; overflow-x:hidden;}
.wrapper{ width:280px; padding:0 20px;}
.logo{ float:left;}
.logo img{ width:100px;}
.info-holder{ width:222px;}
.holder-contact input{ width:95%;}
.form-box{ width:100%; padding:0; border:none;}
.holder-contact{ width:100%; margin:0;}
.holderlabel{ margin:5px 0;}
.holder-textarea{ margin:5px 0;}
.holder a img {
margin:0;
}


}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}