@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1024px){
.wrap_page{
	padding-top: 80px;
}
.top {
	top: 0px;
	left: 0px;
	z-index: 999;
	position: fixed !important;
	width: 100%;
	height: auto;
	height: 80px;
	background-color: #FFF;
	background-image: none;
}
.auto-margin{
	width: 96%;
}
.topContent {
	height: auto;
	display: table;
}
.logoCont{
	padding-top:0px;
}
.logoCont img {
	height: auto;
	width: 175px;
	position:static;
}
.top-right{
	padding-top:4px;
}
.top-right .block{
	display:inline-block;
}
.top-right .btn-top-right {
	display: none;
}
.navigation {
	width: auto;
	background-color: #004082;
	height: auto;
	display: inline-block;
	vertical-align: top;
	padding: 0px;
	border-radius: 3px;
	position: fixed;
	z-index: 999999;
	top: 20px;
	right: 10px;
}
.btn-nav{
	display: block;
	padding: 10px;
	height: 15px;
	width: 25px;
	cursor: pointer;
}
.mline{
	display: block;
	background-color: #fff;
	height: 2px;
	width:70%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:4px;
	-webkit-transition: all .30s ease-in;
    transition: all .30s ease-in;
}
.ltop-act{
	width:50%;
	transform:rotate(40deg);
	position:absolute;
	top:15px;
	left:0px;
	right:0px;
}
.lcent-act{
	display:none;
}
.lbotm-act{
	width:50%;
	transform:rotate(-40deg);
	position:absolute;
	top:15px;
	left:0px;
	right:0px;
	margin:auto;
}
.ltop-ang{
}
.drp-ic {
	width: auto;
	height: 33px;
	padding-right: 10px;
	padding-left: 10px;
	position: absolute;
	z-index: 110;
	top: 0px;
	right: 0px;
	display: block;
	cursor: pointer;
	bottom: 0px;
	padding-top: 0px;
	font-size: 30px;
	line-height: 30px;
	color: #004082;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E9E9E9;
}
.drp-ic-cl {
}
.drp-ic-cl i {
	transform:rotate(-180deg);
}
.navigation ul {
	width: auto;
	background-color: rgba(255, 255, 255, 0.9);
	position: fixed;
	bottom: 0px;
	overflow: auto;
	left: 0px;
	right: 0px;
	z-index: 999998;
	top: 80px;
	margin: auto;
	padding-right: 15%;
	padding-left: 15%;
	display: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding-top: 20px;
}
.navigation ul li {
	list-style-type: none;
	color: #d40032;
	display: block;
	padding: 0px;
	margin-left: 0px;
	position: relative;
	text-align: left;
}
.navigation ul li a {
	color: #004082;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	position: relative;
	display: block;
}
.navigation ul li a::after {
	display: none;
}
.navigation ul li a:hover {
	text-decoration: none;
	text-shadow: none;
	background-color: #004082;
	color: #FFF;
}
.navigation ul li ul {
	float: none;
	min-width: 170px;
	position: static;
	width: auto;
	display: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: none;
	padding-left: 25px;
	background-color: rgba(255,255,255,0.4);
	visibility:visible;
	opacity: 1;
}
.navigation ul .rqForMob{
	display:block;
}
.slide-txt {
	bottom: 10%;
	max-width: 50%;
	margin-left: 2%;
	padding: 2%;
}
.txt-one{
	font-size: 24px;
}
.slide-txt h1 {
	font-size: 40px;
	margin-bottom: 0px;
	padding-bottom: 5px;
}
.text-block img,
.entry-meta img,
.entry-content img {
	width:40%;
	height:auto;
}
.alignleft {
	margin-right: 10px;
}
.wp-caption.alignleft {
	margin-right: 10px;
}
.alignright {
	margin-left: 10px;
}
.btn-big{
	font-size: 18px;
	padding-right: 30px;
	padding-left: 30px;
	border-radius: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.btn-normal{
	font-size: 15px;
	padding-right: 15px;
	padding-left: 15px;
	border-radius: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.gallery-item img{
	width: 98%;
	width: calc(98% - 5px);
	height: auto;
}
#proj .col .ov-div h2 {
	font-size:20px !important;
}
.block.testimonial {
	padding-top: 40px;
	padding-bottom: 40px;
}
.testim-box {
	width: 94%;
	margin: auto;
	padding-top: 30px;
}
.testim-txt {
	border-radius: 30px;
	padding: 3%;
}
}
@media screen and (max-width:768px){
.slide-txt {
	bottom: 5%;
	max-width: 98%;
	margin-left: 1%;
	padding: 1%;
}
.txt-one{
	font-size: 20px;
}
.slide-txt h1 {
	font-size: 30px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.bodyContent, 
.content-area{
	width: 96%;
	padding-top: 10px;
	padding-bottom: 20px;
}
.header-txt h1 {
	font-size: 30px;
}
.left-col,
.right-col {
	float: none;
	width: auto;
}
.home-text .left-col,
.home-text .right-col {
	padding: 10px;
	width: auto;
	float:none;
}
#services {
	padding-top: 40px;
	padding-bottom: 40px;
}
#services .col {
	width: 46%;
	margin-right: 4%;
}
#services .col:nth-child(2){
	margin-right: 0%;
}
#services .col:nth-child(3){
	margin-right: 4%;
}
.col .text-block {
	padding: 10px;
}
#proj .col {
	width: 33.3%;
}
.block.testimonial {
	padding-top: 30px;
	padding-bottom: 30px;
}
#team .col-30,
#team .col-70{
	width:100%;
	float:none;
}
#team .col-30{
	margin-bottom: 15px;
}
.col-content{
	padding: 0px !important;
}
#team .col-30 img{
	max-width:175px;
	display:block;
	margin:auto;
}
.gallery{
	text-align:center;
}
.gallery-item {
	margin-right: 2% !important;
	margin-bottom: 15px;
	width: 30%;
}
.gallery-item:nth-child(3n+0) {
	margin-right: 0px;
}
.gallery-item:nth-child(4n+0) {
	margin-right: 2%;
}
#pastEvents ul li {
	float: none;
	width: 45%;
	margin-right: 3%;
}
#pastEvents ul li:nth-child(2n+0) {
	margin-right:0px;
}
#pastEvents ul li:nth-child(3n+0) {
	margin-right:3%;
}
.previous-post,
.nextpost {
	width: auto;
	max-width: auto;
	float: none;
	margin-bottom: 10px;
}
.contact-left,
.contact-right {
	float: none;
	width: 100%;
}
.contact-right form {
	margin-left: auto;
	margin-right: auto;
}
.wrap-ft-cols,
.footer-right{
	width: 100%;
	float: none;
}
.footer-right{
	padding-top:20px;
}
}
@media screen and (max-width:599px){
.slide-txt {
	width: 96%;
	position: static;
	margin-left: 0px;
	padding: 2%;
}
.slide-txt .text-block {
	display:none;
}
.logoCont {
	width: 25%;
	text-align: left;
	float: left;
}
.top-right {
	width: 70%;
	padding-top: 0px;
}
.auto-margin{
	width: 96%;
}
h1,
.fontHeavy  {
	font-size: 36px;
}
h2 {
	font-size: 30px;
	line-height:normal;
}
h3 {
	font-size: 24px;
}
#services {
	padding-top: 30px;
	padding-bottom: 30px;
}
.col .text-block {
	padding: 5px;
}
#proj .col {
	width: 50%;
}
.block.testimonial {
	padding-top: 25px;
	padding-bottom: 25px;
}
.testim-box {
	width: 94%;
	padding-top: 20px;
}
.testim-txt {
	border-radius: 20px;
}
.testim-box .testim-botom {
	right: 30px;
}
.testim-info {
	padding-right: 65px;
}
.testim-info .testim-img {
	height: 50px;
	width: 50px;
}
.testim-info .testim-about {
	font-size: 18px;
	padding-top: 5px;
	padding-right: 10px;
	
}
#pmpro_levels_table tr th{
	display:none;
}
#pmpro_levels_table tr td{
	display:block;
	padding-bottom:20px;
}
.fld-box,
.pmpro_checkout-field,
.fld-box:nth-child(even),
.pmpro_checkout-field:nth-child(even) {
	float: none;
	width: 100%;
}
.txt-field,
.txt-field-slect,
.input,
#bcountry,
#ExpirationMonth,
#ExpirationYear{
	width: 92%;
}
.txt-field-slect{
	width: 99%;
}
.btn-top {
	width: 30px;
	height: 30px;
	right: 5px;
	font-size: 24px;
	line-height: 24px;
}
.btn-top span {
	display:none;
}
.wrap-ft-cols,
.footer-right{
	width: 100%;
	float: none;
}
.footer-left {
	float: none;
	width: 100%;
	margin-bottom: 30px;
}
.footer-left ul li {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}
.footer-left ul li:last-child {
	margin-right: 0px;
}
.footer-left ul li::after {
	display: inline-block;
	content: "|";
	padding-left: 10px;
	color: #0065ff;
}
.footer-left ul li:last-child::after {
	content:"";
}
.ft-h {
	font-size: 20px;
}
}
@media screen and (max-width:475px){
h1,
.fontHeavy  {
	font-size: 30px;
}
#services {
	padding-top: 30px;
	padding-bottom: 30px;
}
#services .col {
	width: 100%;
	float:none;
	max-width:350px;
	margin-left:auto;
	margin-right:auto;
}
#services .col:nth-child(2),
#services .col:nth-child(3),
#services .col:last-child{
	margin-right: auto;
}
#pastEvents ul li {
	width: 90%;
	max-width:300px;
	height: auto;
	margin-right: 0%;
}
.gallery-item {
	margin-right: 5% !important;
	width: 43.6%;
}
.gallery-item:nth-child(2n+0) {
	margin-right: 0px;
}
.gallery-item:nth-child(3n+0) {
	margin-right: 5%;
}
.gallery-item:nth-child(4n+0) {
	margin-right: 0px;
}
#pastEvents ul li:nth-child(2n+0) {
	margin-right:0px;
}
#pastEvents ul li:nth-child(3n+0) {
	margin-right:0%;
}
}
@media screen and (max-width:400px){
.text-block img,
.entry-meta img,
.entry-content img {
	margin-right: auto;
	margin-left: auto;
	float:none;
	display:block;
	width:96%;
	height:auto;
}
.alignleft {
	margin-right: 5px;
}
.wp-caption.alignleft {
	margin-right: 5px;
}
.alignright {
	margin-left: 5px;
}
#proj .col {
	width: 100%;
	float:none;
}
.gallery-item {
	width: 43.3%;
}
/*.gallery-item {
	margin-right: 0% !important;
	width: 100%;
	max-width:200px;
	margin-left: auto;
	margin-right: auto;
}
.gallery-item:nth-child(2n+0) {
	margin-right: auto;
}
.gallery-item:nth-child(3n+0) {
	margin-right: auto;
}
.gallery-item:nth-child(4n+0) {
	margin-right: auto;
}*/
}
@media screen and (max-width:1200px){
.photo-gall a {
	width: 31%;
	margin-right:3%;
}
.photo-gall a:nth-child(4n+0) {
	margin-right:3% ;
}
.photo-gall a:nth-child(3n+0) {
	margin-right:0%;
}	
}
@media screen and (max-width:900px){
.photo-gall {
	text-align:center;
}
.photo-gall a {
	width: 30%;
}	
}
@media screen and (max-width:475px){
.photo-gall a {
	width: 45%;
	max-width:175px;
	margin-right:3%;
}
.photo-gall a:nth-child(2n+0) {
	margin-right:0%;
}
.photo-gall a:nth-child(4n+0) {
	margin-right:0% ;
}
.photo-gall a:nth-child(3n+0) {
	margin-right:3%;
}	
}
