@import 'fonts/stylesheet.css';

/* Reset CSS */

h1,h2,h3,h4,h5,h6{

	font-size:100%;

	margin:0;

}

body,form,ul{

	margin:0;

	padding:0;

}

li{

	list-style:none;

}

a{

	text-decoration:none;

    outline:none;

}

a:hover{

 

}

img{

	border:none;

}

input, textarea, select, button{

	border-radius:0;
font-family:Arial, Helvetica, sans-serif;
    outline:none;
-webkit-appearance: none;
}


.input1 { 
	background-color:#ffffff;
	color: #505256; 
	font-family:Arial, Helvetica, sans-serif;
	border:1px #d7d7d7 solid;
	font-size:12px;
	padding: 5px 5px 5px 5px;
	width:360px;
	height:20px;
	}

.input2 { 
	background-color:#ffffff;
	color: #505256; 
	font-family:Arial, Helvetica, sans-serif;
	border:1px #d7d7d7 solid;
	font-size:12px;
	padding: 5px 5px 5px 5px;
	width:360px;
	height:50px;
	}
	
.formsp {
	    color: #585858;

    font-size: 13px;

    line-height: 20px;

    margin: 20px 0px 0px 0px;
}
.inputsubmit { 
	border:0px;
	cursor:pointer;
	margin-top:5px;
	background-color:#13161d;
	color:#ffffff;
	padding:5px 5px;
	border:none;
	width:100px;
	font-size:13px;
	font-weight:bold;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
}
.inputsubmit:hover { 
	
	background-color:#f5c617;
	color:#13161d;
}



form {
	
	padding:0px;
	margin:0px;
}







/* WordPress Core */

.alignnone {

}

.aligncenter, 

div.aligncenter {

	display: block;

	margin: 5px auto;

}

.alignright {

	float: right;

	margin: 5px 0 20px 20px;

}

.alignleft {

	float: left;

	margin: 5px 20px 20px 0;

}

.aligncenter {

	display: block;

	margin: 5px auto;

}

a img.alignright {

	float: right;

	margin: 5px 0 20px 20px;

}

a img.alignnone {

	margin: 5px 20px 20px 0;

}

a img.alignleft {

	float: left;

	margin: 5px 20px 20px 0;

}

a img.aligncenter {

	 display: block;

	 margin-left: auto;

	 margin-right: auto;

}

.wp-caption {

	 background: #fff;

	 border: 1px solid #f0f0f0;

	 max-width: 96%;

	 padding: 5px 3px 10px;

	 text-align: center;

}

.wp-caption.alignnone {

	margin: 5px 20px 20px 0;

}

.wp-caption.alignleft {

	margin: 5px 20px 20px 0;

}

.wp-caption.alignright {

	margin: 5px 0 20px 20px;

}

.wp-caption img {

	 border: 0 none;

	 height: auto;

	 margin: 0;

	 max-width: 98.5%;

	 padding: 0;

	 width: auto;

}

.wp-caption p.wp-caption-text {

	 font-size: 11px;

	 line-height: 1.5em;

	 margin: 0;

	 padding: 0 4px 5px;

}

img.wp-smiley {

	vertical-align: middle;

}

.clear {

    clear: both;

}

body {

    background: #F0F0F0;

    font-family: 'Open Sans', sans-serif;

}

.bg_top {

    width: 100%;

    height: 525px;

    background: #f5c617;

    border-bottom: 5px solid #f2b40d;

    position: absolute;

    top: 0px;

    left: 0px;

}

.wrapper {

    position: absolute;
	max-width:100%;

}
.mw {
	max-width:980px;
	margin: 0 auto;
}

#header {

    min-height: 150px;

    position: relative;
	
	max-width:980px;

}

#header .logo {

    position: absolute;

    top: 39px;

    left: 10px;

}

#header .right_header {

    position: absolute;

    top: 41px;

    right: 6px;

}

.right_header span {

    color: #fff;

    font-size: 13px;

}

.right_header .phone_number span {

    color: #204186 !important;

    font-weight:300;
    
    font-size: 16px;

}



.right_header p {

    margin: 0px;

    line-height: 25px;

    color: #204186;

}

.right_header .phone_number {

    font-size: 17px;

    font-weight: 600;

}

.right_header .email {

    font-size: 13px;

}



#menu {

    background: #13161D;

    height: 54px;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

    border-bottom: 1px solid #263357;

    text-align: center;
	
	max-width:980px;

}

#menu ul {

    margin-left: 4px;

}

#menu ul li {

    display: inline-block;

    zoom: 1;

    *display: inline;

    height: 54px;

    margin-left: -4px;

}

#menu ul li a {

    color: #fff;

    height: 54px;

    line-height: 54px;

    padding: 0px 13px;

    font-family: Tahoma;

    font-size: 15px;

    display: block;

}

#menu ul li a:hover {

    color: #F5C618;

}

#menu ul li.active a {

    background: #204186 url(images/dropdow.png) no-repeat top center;

}



#welcome {

    background: #FAFAFA;

    text-align: center;

    padding: 33px 20px 45px;

    border-bottom: 1px solid #e0e0e0;
	
	max-width:940px;

}

#welcome h1 {

    text-transform: uppercase;

    font-weight: 300;

    font-size: 36px;

    color: #1b1b1b;

}

#welcome h1 span {

    font-weight: 700;

}

#welcome p {

    color: #000000;

    font-size: 17px;

    font-weight: 300;

    line-height: 20px;

    margin: 7px 0px;

}



#container {

    background: #fff;

    margin-top: 10px;

    padding: 10px 30px;

    margin-bottom: 10px;

    border-bottom: 1px solid #ddd;
	
	max-width:920px;

}

#container .row h2.title {

    font-size: 22px;

    color: #1b1b1b;

    text-transform: uppercase;

    font-weight: 700;

    margin: 20px 0px;

    line-height: 20px;

}
#container .row2 h2.title {

    font-size: 22px;

    color: #204186;

    text-transform: uppercase;

    font-weight: 700;

    margin: 20px 0px;

    line-height: 20px;

}

.content_menu {

    border-top: 1px solid #e0e0e0;

    border-bottom: 1px solid #e0e0e0;

    height: 35px;

}

.content_menu ul {

    margin-left: 11px;

    border-left: 1px solid #e0e0e0;

    height: 35px;

}

.content_menu ul li {

    float: left;

    border-right: 1px solid #e0e0e0;

}

.content_menu ul li a {

    color: #000;

    text-transform: uppercase;

    font-size: 13px;

    font-weight: 300;

    height: 35px;

    line-height: 35px;

    padding: 0px 15px;

    display: block;



}

.content_menu ul li a:hover {

    color: #204186;

    background: #e0e0e0;

}

.last_post {

    margin-top: 34px;

}

#last_post {

    border-bottom: 0px solid #e0e0e0;

    padding-bottom: 30px;

}

.last_post .post_img {

    float: left;

    width: 32%;

    margin-right: 2%;

}
.last_post .post_img img {

    border: 3px solid #e1e1df;

    width: 100%;

}
.last_post .post_info {

    float: left;

    width: 65%;

}
.last_post .post_info2 {

    float: left;

    max-width: 910px;

}

.post_info .post_title h2 {

    color: #204186;

    font-weight: 300;

    line-height: 20px;

}
.post_info2 .post_title h2 {

    color: #204186;

    font-weight: 300;

    line-height: 20px;

}

.post_info .post_title:hover h2 {

    text-decoration: underline;

}
.post_info2 .post_title:hover h2 {

    text-decoration: underline;

}

.post_info .post_desc {

    color: #585858;

    font-size: 13px;

    line-height: 20px;

    margin: 10px 0px;

}
.post_info2 .post_desc {

    color: #585858;

    font-size: 13px;


    line-height: 20px;

    margin: 10px 0px;

    min-height: 118px;

}

.post_info2 .post_desc2 {

    color: #585858;

    font-size: 13px;

    line-height: 20px;

    margin: 10px 0px;

}

.post_info2 .post_desc2 a {

    color: #204186;
	font-weight:bold;

}
.post_info2 .post_desc2 a:hover {

    color: #cba412;
	font-weight:bold;

}

.post_info .read_more {

    height: 28px;

    text-align: center;

    color: #000;

    background: #f5c617;

    font-size: 13px;

    font-weight: 400;

    line-height: 28px;

    display: inline-block;

    width: 110px;

}








#slider_last_post {

    padding-top: 10px;

}

.content_slide {

    margin-top: 28px;

}

#my-carousel {

    position: relative;

    padding-bottom: 15px;

}

.carousel ul {
	position:absolute;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}

.no-js .carousel ul {position:static;}

.carousel .mask {
	position:relative;
	overflow:hidden;
}

.carousel ul li {
	float:left;
	width: 278px;
	min-height: 323px;

    margin-right: 37px;
    display: block;
}

.carousel ul li img {

    border: 5px solid #c3c4bf;

    margin-bottom: 10px;

}

.carousel ul li a {

    color: #204186;

    font-size: 16px;

    font-weight: 300;

    text-transform: uppercase;

}

.carousel ul li a:hover {

    text-decoration: underline;

}

.carousel ul li p {

    color: #585858;

    font-size: 13px;

    line-height: 20px;

    margin: 5px 0px;

}
.carousel .pagination-links {
	list-style:none;
	margin:0;
	padding:0;
}
		 
.carousel .pagination-links li {
	display:inline;
}

.carousel .pagination-links li a {
	padding:2px 6px;	
}

.carousel .pagination-links li a:hover {text-decoration:none;}

.carousel .pagination-links li.current a {
		background:#444;
		color:#fff;
}
		 
.carousel .disabled {
	color:gray;
	cursor:default;
}
		
/** my carousel 1 **/
#my-carousel-1 .mask {
	width:150px;
}

/** my carousel 2 **/
#my-carousel-2 .mask {
	width:630px;
}

.pagination-links {

    display: none;

}

#my-carousel .prev {

    position: absolute;

    top: -45px;

    right: 24px;

    width: 18px;

    height: 18px;

    background: #f5c617 url(images/post_prev.png) no-repeat center center;

    border: 1px solid #f2b40d;

}

#my-carousel .next {

    position: absolute;

    top: -45px;

    right: 0px;

    width: 18px;

    height: 18px;

    background: #f5c617 url(images/post_next.png) no-repeat center center;

    border: 1px solid #f2b40d;

}



#footer {

    background: #13161D;

    padding: 35px 30px 0px 30px;

    border-bottom: 13px solid #000;
	
	max-width:920px;

}

#footer .col {

    float: left;

    color: #b7b7b7;

    margin-right: 53px;

}

#the_company {

    max-width: 590px !important;

}

#gallery {

    width: 267px !important;

}

#the_company .us_info {

    margin-top: -10px;

}

.col h3.footer_title {

    font-size: 17px;

    text-transform: uppercase;

    font-weight: 300;

    margin-bottom: 20px;

}

.col .us_introduction {

    font-size: 12px;

    line-height: 21px;

}

.contact_info {

    background: url(images/contact-icon.png) no-repeat top left;

    padding-left: 30px;

}

.contact_info li {

    line-height: 20px;

}

.contact_info li p {

    color: #fff;

    font-size: 12px;

    margin: 11px 0px;

}



.col .gallery li {

    float: left;

    margin-right: 9px;

    margin-bottom: 7px;

}

.col .gallery li a {

    height: 75px;

}

.col .gallery li img {

    width: 80px;

    height: 75px;

}

#contact_form {

    margin-right: 0px !important;

}

.col div {

    margin: 8px 0px;

}

.col .text_box {

    width: 112px;

    height: 36px;

    background: #000;

    padding: 0px 10px;

    line-height: 36px;

    color: #585858;

    font-size: 13px;

    border: none;

}

.col .name {

    float: left;

}

.col .email {

    float: right;

}

.col .textarea {

    width: 251px;

    height: 82px;

}

.col .bnt_send {

    float: right;

    background: #f5c617;

    width: 110px;

    height: 28px;

    display: block;

    border: none;

}

.footer_bottom {

    border-top: 1px solid #000;

    min-height: 64px;

    margin-top: 30px;

}

.footer_bottom p {

    color: #b8babe;

    font-size: 11px;

    float: left;

    padding-top:25px;

    margin: 0px;

}

.footer_bottom p a {

    color: #3266d3;

}

.footer_bottom p a:hover {

    text-decoration: underline;

}

.footer_bottom .design_by {

    margin-left: 25px;

}

.footer_bottom .socials {

    float: right;

    margin-top: 18px;

}

.footer_bottom .socials li {

    float: left;

    margin-left: 12px;

}





/* FlexSlider Default Theme
*********************************/
.flexslider {
position: relative;
zoom: 1;
max-width:980px !important;

max-height: 492px;}
.flexslider li img {
width:100% !important;
border-bottom: 7px solid #deb82c;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; width:100%}
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0; display: none;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 125px; position: absolute; bottom: 9px; text-align: center; right: 0px; margin: 0px;}
.flex-control-nav li {margin-left: 5px; display: inline-block; zoom: 1; *display: inline;}

.flex-control-paging li a {

    border: 1px solid #CEA91B;

    cursor: pointer;

    display: block;

    height: 10px;

    width: 10px;

    text-indent: -9999px;

}
.flex-control-paging li a:hover { background: #CEA91B;}
.flex-control-paging li a.flex-active { background: #CEA91B; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}



/* flexslider2 Default Theme
*********************************/
	
	.flexslider2 {
position: relative;
zoom: 1;
max-width:980px !important;
border-bottom: 7px solid #deb82c;
max-height: 370px;}
.flexslider2 li img {
width:100% !important;}

.flexslider2 .slides { zoom: 1; }
.flexslider2:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider2:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider2:hover .flex-next:hover, .flexslider2:hover .flex-prev:hover { opacity: 1; }

.leftcontact {
float:left; width:400px; margin-right:100px;
}
.rightcontact {
float:left; width:400px;
}





@media screen and (max-width: 970px) {


.content_menu {

    border-top: 0px solid #e0e0e0;

    border-bottom: 0px solid #e0e0e0;

    height: 35px;

}

.content_menu ul {

    margin-left: 0px;

    border-left: 0px solid #e0e0e0;

    height: 35px;

}

.content_menu ul li {

    float: left;

    border-right: 0px solid #e0e0e0;

}

.content_menu ul li a {

    color: #000;

    text-transform: uppercase;

    font-size: 11px;

    font-weight: 300;

    height: 35px;

    line-height: 35px;

    padding: 0px 7px;

    display: block;



}

.content_menu ul li a:hover {

    color: #204186;

    background: #e0e0e0;

}

}

@media screen and (max-width: 768px) {
.input1 { 
	background-color:#ffffff;
	color: #505256; 
	font-family:Arial, Helvetica, sans-serif;
	border:1px #d7d7d7 solid;
	font-size:12px;
	padding: 5px 5px 5px 5px;
	height:20px;
	width:100% !important;
	}

.input2 { 
	background-color:#ffffff;
	color: #505256; 
	font-family:Arial, Helvetica, sans-serif;
	border:1px #d7d7d7 solid;
	font-size:12px;
	padding: 5px 5px 5px 5px;
	width:100% !important;
	height:50px;
	}
.leftcontact {
float:left; width:100% !important; margin-right:0;
}
.rightcontact {
float:left; width:100% !important;
}

#menu ul li a {

    padding: 0px 6px;
    font-size: 13px;

}

#the_company {

    width: 48% !important;
margin-left:0 !important;
margin-right:2% !important;
}
#contact_form {

width:50% !important;
margin:0 !important;

}
.col .text_box {
float:left;
    width: 100% !important;
margin-left:0 !important;
margin-right:0 !important;
margin-bottom:10px !important;

}



.col .textarea {
float:left;
width: 100% !important;
margin-left:0 !important;
margin-right:0 !important;
margin-top:-20px !important;
}

.col .bnt_send {

    float: left;
margin-top:10px;
}
}
@media screen and (max-width: 767px) {

#menu ul {

display:none !important;

}

#nav ul {

display:block !important;

}
}
@media screen and (max-width: 600px) {
.content_menu ul li {
    font-size: 11px;
    height: 35px;
    line-height: 35px;
    padding: 0px;
	width:50%;
}
.last_post .post_img {

    width: 100%;


}
.last_post .post_info {

    width: 100%;

}

#the_company {
width: 100% !important;
margin:0 !important;
}
#contact_form {

width:100% !important;
margin:0 !important;

}
.footer_bottom .design_by {
    margin-left: 0px;
	margin-top: -5px;
	width:100% !important;
}

.footer_bottom .socials {
    float: left;
	width:100% !important;
}

.footer_bottom .socials li {
    float: left;
	margin-left: 0px;
	margin-right: 8px;
	margin-bottom: 8px;
}
}

@media screen and (max-width: 479px) {
#header a {
text-align:center !important;
width:100% !important;
margin: 0 auto !important;

}
.logo {
max-width: 150px !important;
margin: 0 auto !important;
position: relative !important;
display: block;
left:0 !important;
}
.right_header {
width:100% !important;
text-align:center !important;
position: relative !important;
height:150px;
margin-top:20px;
}
img {
max-width:100% !important;
}
}

/* M POP */
#nav ul{
width:100% !important;
height:25px !important;
line-height:25px !important;
color:#000000 !important;
padding:0 !important;
margin:60px 0 0 0 !important;
font-family:Arial, Helvetica, sans-serif !important;
}
#nav ul li {
width:100% !important;
height:25px !important;
line-height:25px !important;
color:#000000 !important;
padding:0 !important;
margin:0 !important;
}
#nav ul li a {
width:100% !important;
height:25px !important;
line-height:25px !important;
color:#000000 !important;
padding:0 !important;
margin:0 !important;
font-family:Arial, Helvetica, sans-serif !important;
}
#nav ul li a:hover {
color:#ffffff !important;
background:#000000 !important;
height:25px !important;
line-height:25px !important;
padding:0 !important;
margin:0 !important;
}

.mpop {
    position:fixed;
    height:100%;
    width:100%;
    display:none;
    z-index:99;
    top:0;
    right:0;
    left:0;
    bottom:0;
    background:#f5c617;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}

.popnav {
    height:30px;
    width:30px;
    border:3px solid #f5c617;
    position:relative;
	left:80%;
	top:9px;
    font-size:1em;
    line-height:30px;
    text-align:center;
    color:#f5c617;
    cursor:pointer;
}

.popnav:hover {
    height:30px;
    width:30px;
    border:3px solid #f5c617;
    background-color:#f5c617;
    font-size:1em;
    line-height:30px;
    color:#000000;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}

.popnav2 {
    height:30px;
    width:30px;
    border:3px solid #000;
    position:fixed;
    top:20px;
    right:20px;
    font-size:1em;
    line-height:30px;
    text-align:center;
    color:#000;
    cursor:pointer
}

.popnav2:hover {
    height:30px;
    width:30px;
    border:3px solid #000;
    background-color:#000;
    position:fixed;
    bottom:20px;
    right:20px;
    font-size:1em;
    line-height:30px;
    text-align:center;
    color:#fff;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}

/* M POP END */