@font-face {

    font-family: 'pt_sansregular';

    src: url('../fonts/pts55f-webfont.woff2') format('woff2'),

         url('pts55f-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

body { font-family:Arial, Helvetica, sans-serif; font-size:15px;}

body {

  overflow-x: hidden;

}

img{ max-width:100%; height:auto; display:block;}

p{ line-height:24px; color:#000;}

ul{ padding:0;}

header {

}

.product-list p{ color:#fff;}

.icon-wrap{ border:1px solid #2765a4; border-radius:50%; text-align:center; height:24px; width:24px; line-height:24px; font-size:14px; display:inline-block;}

.top-bar .fa{ color:#2765a4;}

.marg-top{ margin-top:30px; margin-left:-25px;}

.marg-bot{ margin-bottom:30px;}

.contact-info {

  display:block;

  float:right;	

  width:auto;

  margin-left:20px;

  padding-top:25px;

}



.contact-info .info {

	float:left;	

	color:#ed3237;

	font-size: 14px;

	margin-right: 8px;

    font-weight: 400;

	display:inline-block;



}



.contact-info .info img {

    float: left;

    margin: 5px 5px;

}



.contact-info .info .text {

	float:right;

	margin:0px 10px;

}



.contact-info .info .text p {

	color:#000;

	margin-bottom:0px;

	margin-top:0px;

	

}



.contact-info  .phone {

	font-size:30px;

}

.call, .mobile {

    display: block;

}

.navbar-nav{text-transform:uppercase; font-family: 'pt_sansregular'; }

.dropdown:hover .dropdown-menu {

display: block;

}

.nav > li > a{padding: 10px 14px;}

.navbar-default {

    background-color: #303335;

    border-color: transparent;

}

@media (max-width: 767px)

{

	.navbar-brand	{float: none; text-align: center;}

	.navbar-brand > img{ margin:0 auto;}

	.marg-top{ margin:0;}

	}

h3, h4{font-family: 'pt_sansregular';}

.well{border-radius:0; margin-bottom:0;}

/*boxes*/

.main-box{  padding:30px;}





/*Form*/

.enquiry-form{ background:#39434d; border-top:5px solid #010101; padding:5px 15px; margin-bottom:10px;}

.enquiry-form h2, .enquiry-form p{ color:#fff; margin:0 0 10px;}

.wp-form-control {

  border-radius: 0px;

  display: inline;

  font-size: 12px;	

  float: left;

  margin-bottom: 12px;

  padding: 8px 12px;

  -webkit-transition: all 0.4s ease 0s;

  -o-transition: all 0.4s ease 0s;

  -ms-transition: all 0.4s ease 0s;

  transition: all 0.4s ease 0s;  

  width: 100%;  

}

.wpcf7-text{

  height: 35px;

}

.wpcf7-email{

  height: 35px;

}

.wpcf7-textarea {

  height: 100px;

  padding: 15px;

}

.wpcf7-submit {

	float: left;

	min-width: 132px;

	max-width: 250px;

	font-weight: 600;

	display: block;

	margin: 0 10px;

	padding: 1em 2em;

	border: none;

	background: none;

	color: inherit;

	vertical-align: middle;

	position: relative;

	z-index: 1;

	-webkit-backface-visibility: hidden;

	-moz-osx-font-smoothing: grayscale;

}

.wpcf7-submit:focus {

	outline: none;

}

.wpcf7-submit > span {

	vertical-align: middle;

	color:#592911;

}

.button--itzel {

	border: none;

	padding: 0px;

	overflow: hidden;

}

.button--itzel::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	border-radius: inherit;

	-webkit-clip-path: polygon(0% 0%, 0% 100%, 35% 100%, 35% 60%, 65% 60%, 65% 100%, 100% 100%, 100% 0%);

	clip-path: url(../index.html#clipBox);

	-webkit-transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);

	transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);

	-webkit-transform-origin: 50% 100%;

	transform-origin: 50% 100%;

}

.button--itzel.button--border-thin::before {

	border: 1px solid;

	-webkit-transform: translate3d(0, 100%, 0) translate3d(0, -1px, 0);

	transform: translate3d(0, 100%, 0) translate3d(0, -1px, 0);

}

.button--itzel.button--border-thick::before {

	border: 3px solid;

	-webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);

	transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);

}

.button--itzel::before,

.button--itzel .button__icon {

	-webkit-transition: -webkit-transform 0.3s;

	transition: transform 0.3s;

	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

}

.button--itzel .button__icon {

	background-color: #592911;

	position: absolute;

    top: 104%;

    left: 50%;

    padding: 12px;

    font-size: 20px;

    -moz-transform: translate3d(-50%, 0, 0);

    -ms-transform: translate3d(-50%, 0, 0);

    -o-transform: translate3d(-50%, 0, 0);

    -webkit-transform: translate3d(-50%, 0, 0);

    transform: translate3d(-50%, 0, 0)

}

.button--itzel > span {	

	display: block;

    padding: 10px;

    -moz-transition: -moz-transform 0.3s, opacity 0.3s;

    -o-transition: -o-transform 0.3s, opacity 0.3s;

    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;

    transition: transform 0.3s, opacity 0.3s;

    -moz-transition: -moz-transform 0.3s, opacity 0.3s;

    -o-transition: -o-transform 0.3s, opacity 0.3s;

    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;

    transition: transform 0.3s, opacity 0.3s;

    -moz-transition-delay: 0.3s;

    -o-transition-delay: 0.3s;

    -webkit-transition-delay: 0.3s;

    transition-delay: 0.3s

}

.button--itzel:hover::before {

	-moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}

.button--itzel:hover .button__icon {

	 -moz-transition-delay: 0.1s;

    -o-transition-delay: 0.1s;

    -webkit-transition-delay: 0.1s;

    transition-delay: 0.1s;

    -moz-transform: translate3d(-50%, -100%, 0);

    -ms-transform: translate3d(-50%, -100%, 0);

    -o-transform: translate3d(-50%, -100%, 0);

    -webkit-transform: translate3d(-50%, -100%, 0);

    transform: translate3d(-50%, -100%, 0)

}

.button--itzel:hover > span {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    opacity: 0;

    -moz-transform: translate3d(0, -50%, 0);

    -ms-transform: translate3d(0, -50%, 0);

    -o-transform: translate3d(0, -50%, 0);

    -webkit-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0);

    -moz-transition-delay: 0s;

    -o-transition-delay: 0s;

    -webkit-transition-delay: 0s;

    transition-delay: 0s

}

.wpcf7-submit .fa-envelope{ color:#CCC;}

.wp-form-control, .button--itzel::before{

    border: 2px solid #81878e;

}



	

.footer h4{color: #ffffff;

    font-size: 16px;

    font-weight: bold;}	

	.footer p{ font-size:14px;}

	

.footer ul{ margin:0; padding:0; list-style-type:none;}	

.footer ul li{ color:#777777; margin:5px 0; padding:0; font-weight:normal;}

.footer ul li a, .footer p{ color:#ccc;}





.social-icons{ }

.social-icons a {

    background: #001226 none repeat scroll 0 0;

    border-radius: 50%;

    color: #fff;

    float: left;

	width: 30px;

    height: 30px;

	line-height:30px;

    margin: 0 8px 10px 0;

    text-align: center;

    text-decoration: none;

	font-size:16px;	

}



.ticker-container .ticker-caption {

		height: 100%;

		width: 150px;

		background: url('./ticker-caption-bg.png');

	}

#ticker_container {

  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

  padding: 10px;

  border: 1px solid #343434;

  -webkit-border-radius: 7px;

  -moz-border-radius: 7px;

  border-radius: 7px;

  overflow: auto;

  margin-bottom:15px;

}

h1{font-family: 'pt_sansregular';; font-size:40px; color:#000; text-transform:capitalize;}

h3{ color:#f6c869; text-transform:uppercase;}



h2{ margin-top:15px; color:#000; font-size:33px; text-transform:uppercase;}

h1 span, h2 span {

    color: #822d02;

}

.line {

    border-bottom: 2px solid #b7b7b7;

    display: block;

    width: 100%;

    text-align: center;

    margin: 0 auto;

    margin-bottom: 20px;

}

.line .sub-line {

    display: block;

    border: 2px solid #592911;

    margin: 0 auto;

    margin-bottom: -3px;

    width: 25%;

}

.footer p a:hover{ color:#fff;}



a.inline-block{ display:inline-block; margin-right:10px;}



ul.contact-address {

    margin: 15px 0;

    padding: 0;

    width: 100%;

	list-style:none;

}

ul.contact-address li {

    margin: 0;

    padding: 0 0 20px;

	line-height:20px;

}

ul.contact-address li i {

    margin-right: 10px;

}



.enquiry-form select{ color:#919191;}

footer .icon1 {

    margin-top: 10px; float:left; margin-right:25px;

}

footer .icon1 i {

    font-size: 20px;

    color: #fff;

    margin-right: 12px;

}

ul.footerlinks a{}

.footer2{ background:#272727;}

.footer2 p{ color:#777777; margin:8px 0;}



ul.list-inline span{ font-size:20px; color:#FFF; margin-right:10px; float:left;}

ul.list-inline li{ display:block;}

.sum {

    font-size: 70px;

    font-weight: 300;

    line-height: 1.03em;

	color: #f26522;

}

.pricing_content {

    padding: 30px;

    text-align: left;

}

.pricing{

    padding: 0 !important;

    line-height: inherit !important;

    list-style: none !important;

}

.pricing li {

    position: relative;

    padding: 0 0 8px;

    line-height: 1.6em;

	list-style-type:disc;

	margin-left:10px;

}



 legend {

        color:#000;

        font-size:16px;

        padding:0 10px;

        background:#fff;

        -moz-border-radius:4px;

        box-shadow: 0 1px 5px rgba(196, 2, 2, 0.5);

        padding:5px 10px;

        text-transform:uppercase;

        font-family:Helvetica, sans-serif;

        font-weight:bold;

    }

    fieldset {

        border-radius:4px;

        background: #fff; 

        background: -moz-linear-gradient(#fff, #f9fdff);

        background: -o-linear-gradient(#fff, #f9fdff);

        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f9fdff)); /

        background: -webkit-linear-gradient(#fff, #f9fdff);

        padding:20px;

        border-color:rgba(4, 129, 177, 0.4);

    }

    input,

    textarea {

        color: #000;

        background: #fff;

        border: 1px solid #CCCCCC;

        color: #aaa;

        font-size: 14px;

        line-height: 1.2em;

        margin-bottom:15px;



        -moz-border-radius:4px;

        -webkit-border-radius:4px;

        border-radius:4px;

        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.2);

    }

    input[type="text"],

    input[type="password"]{

        padding: 8px 6px;

        height: 35px;

        /*width:280px;*/

		width:100%;

    }

    input[type="text"]:focus,

    input[type="password"]:focus {

        background:#fbf3bf;

        text-indent: 0;

        z-index: 1;

        color: #373737;

        -webkit-transition-duration: 400ms;

        -webkit-transition-property: width, background;

        -webkit-transition-timing-function: ease;

        -moz-transition-duration: 400ms;

        -moz-transition-property: width, background;

        -moz-transition-timing-function: ease;

        -o-transition-duration: 400ms;

        -o-transition-property: width, background;

        -o-transition-timing-function: ease;

        width: 380px;        

        border-color:#ccc;

        box-shadow:0 0 5px rgba(4, 129, 177, 0.5);

        opacity:0.6;

    }

    input[type="submit"]{

        background: #222;

        border: none;

        text-shadow: 0 -1px 0 rgba(0,0,0,0.3);

        text-transform:uppercase;

        color: #eee;

        cursor: pointer;

        font-size: 15px;

        margin: 5px 0;

        padding: 5px 22px;

        -moz-border-radius: 4px;

        border-radius: 4px;

        -webkit-border-radius:4px;

        -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);

        -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);

        box-shadow: 0px 1px 2px rgba(0,0,0,0.3);

    }

    textarea {

        padding:3px;

        width:96%;

        height:100px;

    }

    textarea:focus {

        background:#fbf3bf;

        text-indent: 0;

        z-index: 1;

        color: #373737;

        opacity:0.6;

        box-shadow:0 0 5px rgba(4, 129, 177, 0.5);

        border-color:#ccc;

    }

    .small {

        line-height:14px;

        font-size:12px;

        color:#999898;

        margin-bottom:3px;

    }

	::-webkit-input-placeholder {

   color: #592911;

}



:-moz-placeholder { /* Firefox 18- */

   color: #592911;  

}



::-moz-placeholder {  /* Firefox 19+ */

   color: #592911;  

}



:-ms-input-placeholder {  

   color: #592911;  

}

select.wpcf7-text{color: #592911;}

.contact-details {

    background-color: #ffffff;

    border: 1px solid #b1b1b1 ;

    padding: 0px 30px;

    margin: 30px 0;

    border-radius: 3px;

}

.single-contact {

    margin-top: 28px;

}

.single-contact i {

    font-size: 20px;

    color: #24ace3;

}

hr{ border-top:1px solid #c40202;}



.footer-link a{ color:#ccc; font-weight:normal;}

p img {

    max-width: 100%;

    width: auto;

    height: auto;

    float: left;

    margin-left: 8px;

}



.small-text, .text-md-right {

    font-size: 14px;

    font-weight: 700;

	padding-top:35px;

}



.text-md-left {

    text-align: left;

	padding-top:35px;

}

@media (max-width: 725px) {

.small-text, .text-md-left, .text-md-right {

    font-size: 14px;

    font-weight: 700;

	margin-top:0;

	text-align:center;

	padding-top:5px;

}

}

.page_social_icons {

    margin-left: 12px;

}

.inline-block {

    display: inline-block;

    max-width: 100%;

}

a.social-icon {

    display: inline-block;

    line-height: 1;

    text-align: center;

    vertical-align: middle;

}

a.logo {

    display: inline-block;

    word-break: break-word;

    position: relative;

    z-index: 2000;

    padding: 0;

    background-color: #ffffff;

}

.logo {

    display: block;

    max-width: 270px;

    margin: 0 auto;

}



.well h3 .line {

	background: rgba(0, 0, 0, 0.07);

	bottom: 0;

	height: 1px;

	position: absolute;

	width: 33%;

}

.well h3 .line {

	background: rgba(255, 255, 255, 0.1);

}

.well h3::after, .well h3::after, .well h3::before,  .well h3::hover{

	background: rgba(255, 255, 255, 0.2);

}

.header_bg_image {

    background: rgba(37,49,114,1);

background: -moz-linear-gradient(top, rgba(37,49,114,1) 0%, rgba(50,119,188,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(37,49,114,1)), color-stop(100%, rgba(50,119,188,1)));

background: -webkit-linear-gradient(top, rgba(37,49,114,1) 0%, rgba(50,119,188,1) 100%);

background: -o-linear-gradient(top, rgba(37,49,114,1) 0%, rgba(50,119,188,1) 100%);

background: -ms-linear-gradient(top, rgba(37,49,114,1) 0%, rgba(50,119,188,1) 100%);

background: linear-gradient(to bottom, rgba(37,49,114,1) 0%, rgba(50,119,188,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#253172', endColorstr='#3277bc', GradientType=0 );

}

.page_header {

    top: 0;

    left: 0;

    right: 0;

    position: relative;

    z-index: 1002;

}

.affix {

      top: 0;

      width: 100%;

  }



.affix + .container-fluid {

      padding-top: 70px;

  }

.well1 {

    padding-top: 59px;

    padding-bottom: 50px;

	background-color:#f1f1f1;

}



.parallax {

    position: relative;

    overflow: hidden;

    color: #ffffff;

}



.parallax_image, .parallax_pattern {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 100%;

    background-position: 84% center;

    will-change: transform;

}

.parallax_image {

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    background-size: cover;

}

.bg-primary {

    background: #252525;

    color: #888888;

}

.parallax_cnt {

    position: relative;

}

.section_padding_top_60 > [class*="container"] {

   /* padding-top: 60px;*/

}

.section_padding_25{padding-top: 25px;

padding-bottom: 25px;}

.contacts-section{

z-index: 1001;

background-color:#d0759b;}



.media:first-child {

    margin-top: 0;

}

.highlight2 {

    color: #b21e5c;

    border-color: #b21e5c;

}

.size_small {

    font-size: 22px;

}

.round {

    border-radius: 50%;

}

.teaser .border_icon {

    padding: 0.34em 0.30em 0.23em 0.32em;

    min-width: 38px;

    min-height: 38px;

    text-align: center;

    line-height: 1;

    border-width: 1px;

    border-style: solid;

}

.contacts-section .teaser .border_icon {

    border-color: #b21e5c;

}

.fontsize_14 {

    font-size: 14px;

}

.fontsize_18 {

    font-size: 18px;

}

.lusitana-bold-up {

    font-family: 'lusitanaregular';

    font-weight: 700;

    text-transform: uppercase;

	color:#fff;

	letter-spacing:1px;

}

ul.product-list li{ margin-bottom:20px;}

.media .fa-mobile{ font-size:23px;}



@media (max-width: 991px) {

	/*[class*="col-md-"] + [class*="col-md-"] {

		margin-top: 20px !important;

	}*/



	[class*="col-md-"] + [class*="col-md-"][class*="col-sm-"] {

		margin-top: 10px !important;

	}



	.isotope-item + [class*="isotope-item"][class*="col-md-"][class*="col-sm-"] {

		margin-top: 0 !important;

	}

}



.hexagon {

	overflow:hidden;

	visibility:hidden;

	-webkit-transform:rotate(120deg);

	-moz-transform:rotate(120deg);

	-ms-transform:rotate(120deg);

	-o-transform:rotate(120deg);

	transform:rotate(120deg);

	outline:1px solid transparent;

	-webkit-backface-visibility:hidden;

	-moz-backface-visibility:hidden;

	backface-visibility:hidden;

}

@media (min-width: 480px) and (max-width: 767px) {

.hexagon {

display:inline-block;

}

}

.hexagon-in1 {

	overflow:hidden;

	width:100%;

	height:100%;

	-webkit-transform:rotate(-60deg);

	-moz-transform:rotate(-60deg);

	-ms-transform:rotate(-60deg);

	-o-transform:rotate(-60deg);

	transform:rotate(-60deg);

	outline:1px solid transparent;

	-webkit-backface-visibility:hidden;

	-moz-backface-visibility:hidden;

	backface-visibility:hidden;

}

.hexagon-in2 {

	width:100%;

	height:100%;

	background-repeat:no-repeat;

	background-position:50%;

	visibility:visible;

	-webkit-transform:rotate(-60deg);

	-moz-transform:rotate(-60deg);

	-ms-transform:rotate(-60deg);

	-o-transform:rotate(-60deg);

	transform:rotate(-60deg);

	outline:1px solid transparent;

	-webkit-backface-visibility:visible;

	-moz-backface-visibility:visible;

	backface-visibility:visible;

}

.hexagon1 {

	width:97px;

	height:112px;

	margin:0;

	margin-top:10px;

	display:inline-block;

}

.hexagon2 {

	width:226px;

	display:inline-block;

}

.hexagon3 {

	width:82px;

	height:94px;

	position:absolute;

	top:166px;

	left:193px;

	display:inline-block;

	outline:1px solid transparent;

	-webkit-backface-visibility:hidden;

	backface-visibility:hidden;

}

@media (min-width: 768px) and (max-width: 979px) {

.hexagon3 {

left:164px;

}

}

.hexagon3 .hexagon-in2 {

	background:rgba(205, 31, 70, 0.8);

}

.hexagon3 span {

	font-size:120px;

	line-height:173px;

}

.hex {

	position:relative;

}

.hexagon-max-300-wrap {

	max-width:270px;

	margin-left:auto;

	margin-right:auto;

	display:block;

}

.hexagon-in2__col1 {

	background:#f9ae19;

}

.hexagon-in2__col2 {

	background:#676767;

}

.hexagon-in2__col3 {

	background:#f26e26;

}

.hexagon-in2__col4 {

	background:#2b5a9b;

}

.hexagon-in2__col5 {

	background:#cd1f46;

}

.hexagon-in2__col6 {

	background:#851c55;

}

.hexagon+h4 {

	margin-top:21px;

}

.hexagon+h4+p {

	margin-top:0;

}

.hexagon1+h4 {

	margin-top:31px;

}

.hexagon2+h4 {

	margin-top:14px;

}

.hexagon2+h4+p {

	margin-top:10px;

}

.hex+h4 {

	margin-top:42px;

}

.hex+h4+p {

	margin-top:10px;

}

.fa-cubes, .fa-building-o, .fa-pencil, .fa-shield, .fa-laptop, .fa-desktop, .fa-cogs, .fa-object-ungroup, .fa-mobile-phone, .fa-modx, .fa-search-plus {

	font-size:44px !important;

	text-align:center;

	width:100%;

	display:inline-block;

	margin-top:36px;

}

.fa-shield {

	line-height:60px;

}

.fa-pencil, .fa-building-o, .fa-signal, .fa-cubes, .fa-laptop {

	line-height:53px;

}

.fa-home, .fa-phone, .fa-envelope {

	font-size:48px;

	line-height:49px;

	color:#2b5a9b;

	float:left;

	text-align:left;

}



.bg-primary p {

    color: #888888;

}

.product-list h4 + p {

    margin-top: 6px;

}

@media (max-width: 479px) {

.media-left, .media>.pull-left {

padding-right:0;

}

}

.media-left, .media-right, .media-body {

	display:table-cell;

	vertical-align:top;

}

@media (max-width: 479px) {

.media-left, .media-right, .media-body {

display:block;

width:100%;

text-align:center;

}

}



.serv-box, .port-box{border-radius: 40px 0px 40px 0px;

-moz-border-radius: 40px 0px 40px 0px;

-webkit-border-radius: 40px 0px 40px 0px;

border: 3px solid #000000; padding:10px;}

.white-box, .port-white-box{border-radius: 40px 0px 40px 0px;

-moz-border-radius: 40px 0px 40px 0px;

-webkit-border-radius: 40px 0px 40px 0px;

border: 0px solid #000000; background:#a97c50; padding:10px;}

.white-box h3, .port-white-box h3{font-family: 'pt_sansregular'; font-size:30px; text-transform:capitalize;}

.well1 .col-md-4{ margin-bottom:10px;}



.port-box{border-radius: 0px 40px 0px 40px;

-moz-border-radius: 0px 40px 0px 40px;

-webkit-border-radius: 0px 40px 0px 40px;

}

.port-white-box{border-radius: 0px 40px 0px 40px;

-moz-border-radius: 0px 40px 0px 40px;

-webkit-border-radius: 0px 40px 0px 40px;}



@media (max-width:768px) {



}

.hexagon-ser{

  position: relative;

  width: 250px; 

  height: 144.34px;

  background-color: #B3D9FF;

  margin: 72.17px 0;

  border-left: solid 3px #333333;

  border-right: solid 3px #333333;

}



.hexagon-ser:before,

.hexagon-ser:after {

  content: "";

  position: absolute;

  z-index: 1;

  width: 176.78px;

  height: 176.78px;

  -webkit-transform: scaleY(0.5774) rotate(-45deg);

  -ms-transform: scaleY(0.5774) rotate(-45deg);

  transform: scaleY(0.5774) rotate(-45deg);

  background-color: inherit;

  left: 33.6117px;

}



.hexagon-ser:before {

  top: -88.3883px;

  border-top: solid 4.2426px #333333;

  border-right: solid 4.2426px #333333;

}



.hexagon-ser:after {

  bottom: -88.3883px;

  border-bottom: solid 4.2426px #333333;

  border-left: solid 4.2426px #333333;

}

.hexagon-ser h3{ position:relative; z-index:5;}



/*----------------Portfolio css----------------*/



.da-thumbs {

	list-style: none;

	/*width: 984px;

	height: 600px;*/

	width:100%;

	height:100%;

	position: relative;

	margin: 0 auto;

	padding: 0;

}



.da-thumbs li {

	float: left;

	margin: 5px;

	background: #fff;

	padding: 8px;

	position: relative;

	box-shadow: 0 1px 3px rgba(0,0,0,0.1);

}

.da-thumbs li a,

.da-thumbs li a img {

	display: block;

	position: relative;

}

.da-thumbs li a {

	overflow: hidden;

}

.da-thumbs li a div {

	position: absolute;

	background: #333;

	background: rgba(75,75,75,0.7);

	width: 100%;

	height: 100%;

}

.da-thumbs li a .over-effect img{

	text-align:center;

	display:table;

	margin:0 auto;

}



.da-thumbs li i{

	color: #fff;

    display: table;

    margin: 50px auto 0;

    font-size: 40px !important;

}



.portfolio-details h3 {

    font-size: 23px;

    line-height: 22px;

    font-weight: 600;

    text-transform: none;

    color: #000;

	text-align:left;

}



.port-img {

margin:0 auto;

display: table;

text-align:center;	

margin-bottom:10px;

}



.port-img:hover {

	 opacity: 0.5;

    filter: alpha(opacity=50); /* For IE8 and earlier */

}



.da-thumbs [class^='imghvr-'] figcaption,

.da-thumbs [class*=' imghvr-'] figcaption {

  background-color: rgba(31, 56, 182, 0.63);

  /*padding: 30px;*/

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  color: #ffffff;

  border-radius: 0px;

  font-size:24px;

}

figcaption .fa{ font-size:30px;}



/*Portfolio*/





.gallery-title{

    font-size: 36px;

    color: #42B32F;

    text-align: center;

    font-weight: 500;

    margin-bottom: 70px;}

.gallery-title:after {

    content: "";

    position: absolute;

    width: 7.5%;

    left: 46.5%;

    height: 45px;

    border-bottom: 1px solid #5e5e5e;

}

.filter-button{

    font-size: 18px;

    border: 1px solid #42B32F;

    border-radius: 5px;

    text-align: center;

    color: #42B32F;

    margin-bottom: 30px;



}

.filter-button:hover{

    font-size: 18px;

    border: 1px solid #42B32F;

    border-radius: 5px;

    text-align: center;

    color: #ffffff;

    background-color: #42B32F;



}

.filter-button.active{

    background-color: #42B32F;

    color: white;

}

.port-image{

    width: 100%;

}



.gallery_product{

    margin-bottom: 30px;

}

<!--contact pg-->

.contact_ad{

	width:100%;

	float:left;

	color:#494f5a;

}

.contact_ad h5{

	font-size:2.3em;

	color:#494f5a;

	font-family:"proxima-nova",sans-serif;

	margin-bottom:20px;

}

.contact_ad h5 img{

	float:left;

	margin-right:2%;

}

.contact_ad ul{

	margin:0px;

	padding:0px;

}

.contact_ad ul li{

	list-style:none;

	float:left;

	width:100%;

	margin-bottom:20px;

}

.contact_ad ul li .cnt_ad1{

	width:30%;

	float:left;

	color:#000;

}

.contact_ad ul li .cnt_ad2{

	width:70%;

	float:left;

	color:#000;

}

.contact_ad ul li .cnt_ad2 a{

	color:#592911;

	text-decoration:underline;

}

@media (max-width:768px) {

.footer, .footer p{ text-align:center;}

.footer .icon1{ float:none;}

.fa-phone{ float:none;}

}

@media (max-width:850px) {

.fa-envelope{ float:none;}

}

p.clients-img img{max-width: 100%;

width: auto; height: auto; float:left; margin-left:8px; margin-bottom:8px; border:1px solid #000;}



/*Clients scroll*/



/* Carousel Control */

.control-box {

    text-align: right;

    width: 100%;

}

.carousel-control{

    background: #666;

    border: 0px;

    border-radius: 0px;

    display: inline-block;

    font-size: 34px;

    font-weight: 200;

    line-height: 18px;

    opacity: 0.5;

    padding: 4px 10px 0px;

    position: static;

    height: 30px;

    width: 15px;

}

.carousel .carousel-inner ul{ margin-bottom:0;}

.carousel .carousel-inner li{ margin:0px;}



/* Mobile Only */

@media (max-width: 767px) {

    .page-header, .control-box {

        text-align: center;

    } 

}

@media (max-width: 479px) {

    .caption {

        word-break: break-all;

    }

}





li { list-style-type:none;}



::selection { background: #ff5e99; color: #FFFFFF; text-shadow: 0; }

::-moz-selection { background: #ff5e99; color: #FFFFFF; }



.btn-system {

    display: inline-block;

    color: #fff;

    margin-right: 5px;

    font-weight: 300;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -o-border-radius: 3px;

    transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;

    -o-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;

    -moz-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;

    -webkit-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;

    border: 0;

    text-transform: uppercase;

    font-weight: 400;

}

.btn-system {

    font-size: 1em;

    width: auto;

}

.btn-small {

    padding: 5px 15px;

}

.btn-system {

    background-color: #592911;

}


ul.sitemap{ margin-left:0px; padding-left:25px;}

ul.sitemap, ul.sitemap li{ list-style-type:square;}

ul.sitemap li{ margin-bottom:5px;}



ul.sitemap ul{ margin-left:25px; margin-bottom:8px;}

/*prcing*/

.pricing-plan {
  margin-bottom: 0;
  margin-top: 21px;
  padding: 40px 40px 10px;
   background-color: #fff;
    text-align:center; border-radius: 20px;
}
.plan-name {
  margin: 0 -60px;
  padding: 25px; border-radius: 20px 0;
}
.plan-name {
  background-color: #822d02;
}
.pricing-plan .plan-name h3 {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  margin: 0;
  text-align: center;
  text-transform: none;
}
.pricing-plan .price-wrap {
  align-items: flex-end;
  -webkit-box-align: end;
  -webkit-box-pack: center;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  -ms-flex-align: end;
  -ms-flex-pack: center;
  font-size: 20px;
  justify-content: center;
  line-height: 0.7;
  margin: 60px 0 10px;
}
.pricing-plan .price-wrap {
  font-size: 20px;
  line-height: 0.7;
}
.pricing-plan .price-wrap .plan-price {
  font-size: 54px;
  font-weight: 500;
}
.pricing-plan .plan-sign img{ width: 15px;
  height: auto;
  display: inline-block;
  position: relative;
  bottom: 5px;}
.plan-description {
  display: block;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.2em;
  line-height: 1;
  margin-top: 20px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.pricing-plan .plan-features {  margin:30px 0 0;}
.list-bordered {
  list-style: none;
  overflow: hidden;
  padding: 0;
}
.list-bordered li {
  border-bottom: 1px solid #e1e1e1; text-align:left;
  /*border-top: 1px solid #e1e1e1;*/
}
.list-bordered li:last-child{border-bottom: 0px;}
.pricing-plan .plan-features li {
  border-color: rgba(164, 169, 185, 0.3);
  padding-bottom: 10px;
  padding-top: 10px; position: relative;
  padding-left: 30px;
}
.list-bordered li + li {
  border-top: none;
    border-top-color: currentcolor;
}
.pricing-plan .plan-features li i{font-size: 1.3em;  margin-right: 10px;color: #822d02; padding: 0 2px; position: absolute;
  left: 0;
  top: 12px;}
.pricing-plan .plan-button {
  position: relative;
  top: 38px;
}  
.pricing-plan .plan-button a {
  background-color: #fff;color: #822d02; border: 3px solid #822d02; border-radius: 50px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.2em;
  letter-spacing: 0.2em;
  line-height: 1.6em;
  padding: 15px 60px;
  text-transform: uppercase;
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.pricing-plan .plan-button a:hover {
  background-color: #822d02;
  border-color: #822d02;
  color: #fff;
}
@media (min-width: 1200px) {
  .pricing-plan {   padding: 0 60px 10px;  }
  
}
@media (max-width: 767px) {
	.pricing-plan .plan-button{margin-bottom: 20px;}
  .plan-name {    margin: 0 -40px;}
}