/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
html {
-webkit-text-size-adjust: none;
position: relative;
font-size: 100%;
height: 100%;
width: 100%;
}

* {
margin: 0;
padding: 0;
list-style: none;
outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}


.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}
.oswald-font{font-family: 'Oswald', sans-serif;}
body {font-family: 'Open Sans', sans-serif; color: #000;font-size: 16px;font-weight: normal;margin:0;padding:0; background:#fff; font-weight:normal;}
input, select {ont-family: 'Open Sans', sans-serif; color: #000;font-size: 14px;}
a,button {outline:none !important; color:#000;  transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out; text-decoration:none ;  }
a:hover { text-decoration: none; text-decoration:none ;  color:#000;}
a:focus { outline: none !important; color:#000; }
a img { border: none; outline: none; text-decoration:none;}
img { max-width: 100%; }
h1, h2, h3, h4, h5, h6 {font-weight: normal; padding:0px; margin:0px; }
ol, ul { list-style: outside none none; margin: 0; padding: 0; }
.relative { position: relative; }
.full{float:left; width:100%;}
.dis_block{ display:block; position:relative; width:100%;}
.marT1{margin-top:5px;}
.marT2{margin-top:10px;}
.marT3{margin-top:15px;}
.marT4{margin-top:20px;}
.marB1{margin-bottom:5px;}
.marB2{margin-bottom:10px;}
.marB3{margin-bottom:15px;}
.marB4{margin-bottom:20px;}
.padL1{ padding-left:5px;}
.padL2{ padding-left:10px;}
.padL3{ padding-left:15px;}
.padL4{ padding-left:20px;}
.padR1{ padding-right:5px;}
.padR2{ padding-right:10px;}
.padR3{ padding-right:15px;}

.top-header{ float:right; width:100%; padding:2px 0px;}
.container{ max-width:1170px; width:98%;}
.top-nav li {display:inline-block; padding:0 15px; font-size:11.5px; color:#fff; border-left:1px solid #595959; font-size:12px; font-weight:700;}
.top-nav li:first-child{ padding-left:0; border-left:0;}
.top-nav li i { font-size:15px; display:inline-block; vertical-align:middle; padding-right:3px;}
.top-nav li a { color:#fff;}
.logo-header {margin: 0;float: left;width: 100%; padding:8px 0 0px; height:auto; line-height:normal; }
.top-menu li { font-weight:700; text-transform:uppercase; margin:0 0 0 20px;}
.top-menu li:last-child{ margin-left:0;}
.top-menu li a { color:#000; display:inline-block; padding:7.5px 12px;}
.top-menu li a:hover{ background:#f6b91a; border-radius:3px; color:#fff;}
.top-menu li.active a{background:#f6b91a; border-radius:3px; color:#fff;}
nav ul.top-menu li.active a {background:#f6b91a;}
nav ul.top-menu a { font-size:14px; letter-spacing:1px;}
.top-menu {margin-top: 23px;}
.wordpress-banner { background:url(../image/wordpress-banner-bg.jpg) no-repeat top center; width:100%; background-size:cover; padding:45px 0; float:left; width:100%; position: relative; margin-top:93px; min-height:660px;}
.wordpress-banner-txt{font-family: 'Oswald'; font-size:40px; font-weight:700; color:#fff; text-shadow:0px 2px 5px rgba(0,0, 0, 1); text-align:center; line-height: 88px;}
.wordpress-banner-txt span { font-size:74px; display:block; text-transform:uppercase; }
.wordpress-circle{ display:inline-block; vertical-align:middle; width:31%;}
.wordpress-icon{ width:68%; padding:0 0 0 5%; display:inline-block; vertical-align:middle;}
.wordpress-icon ul li { display:inline-block;  vertical-align:middle; padding:0 0 0 10%; text-align:center;}
.wordpress-icon ul li:first-child{ padding-left:0;}
.wordpress-icon ul li span { font-size:24px; font-weight:300; font-family: 'Oswald'; color:#fff; display:block; width:auto; line-height:30px; }
.our-project-summary{ background:#f7f7f7; padding:10px 0 0; float:left; width:100%; text-align:center;}
.our-project-summary i {font-style:normal; font-weight:900; font-size:36px; width:100%; padding:0 0 0px 15px; display:inline-block;}
.our-project-summary span { font-size:17.5px; text-transform:uppercase; line-height:20px;}
.summary-color-1 i{color:#f49c14;}
.summary-color-2 i {color:#27ae61;}
.summary-color-3 i {color:#c1392b;}
.summary-color-4 i {color:#095890;}
.summary-color-5 i {color:#fe6b21;}
.summary-color-6 i {color:#18a086;}
.project-bdr{border-left:1px solid #b4b4b4; padding-left:18px;}
.bdrL0{ border-left:0;}
.logo-slider{ background:#ffffff; box-shadow: 0px 1px 2px 0px rgba(0,4,1,0.1);}
.logo-slider ul li{ display:inline-block; vertical-align:middle; padding:0 30px;}
.logo-slider ul li img { opacity:0.3}
.logo-slider ul li:hover img {opacity:1}

#wrapper{width:100%;margin-top:50px;position:relative;left:0;top:0;}
#carousel{margin-top:-100px;}
#carousel div{text-align:center;height:75px;position:relative;display:inline-block;vertical-align:middle;}
#carousel div img{border:none;vertical-align:middle;display:inline-block;}
#carousel div span{display:none;}
#carousel div:hover span{background-color:#333;color:#000;display:inline-block;width:100px;padding:2px 0;margin:0 0 0 -50px;position:absolute;bottom:30px;left:50%;border-radius:3px;}
#carousel div img{border:0 none;opacity:0.5;transition:all 0.3s ease-in-out 0s;}
body.page_wedding #carousel div img{filter:invert(100%);}
#carousel div:hover img{opacity:1;}
#carousel div i{display:table-cell;height:66px;padding:0 20px;vertical-align:middle;width:200px;text-align:center;}
.heading-block{ position:relative; width:100%; float:left;}
.heading-block h2 { position:relative; font-weight:700; font-size:34px; color:#2c3e7e; padding:0 0 16px 0; margin:0 0 20px 0; text-align:center;}
.heading-block h2:after{ content:''; position:absolute; bottom:0; left:0; right:0; margin:0px auto; width:68px; height:4px; background:#f6b91a; }

.testimonials-tabs .tabs {
  height: auto;
  margin: 0 auto;
  width: auto; text-align:center;
}
.testimonials-tabs .tabs .tab{ float:none; display:inline-block; height:auto; line-height:normal;  text-transform: capitalize; margin:0 13px 0 20px; position:relative; height:auto !important;}
.testimonials-tabs .tabs .tab:after {
  color: #7c7c7c;
  content: "/";
  font-size: 18px;
  font-weight: 700;
  position: absolute;
  right: -21px;
  top: 6px;
}

.lastli:after{ display:none !important;}

.testimonials-tabs .tabs .tab a {
color: #7c7c7c;
font-size: 18px;
font-weight: 700;
padding:5px 13px 6px;
width: 100%;
}

.testimonials-tabs .tabs .tab a.active {
  background: #06b594 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 4px;
  color: #fff;
}

.testimonials-tabs .tabs .indicator{ display:none;}
.client-feedback{ float:left; width:100%; text-align:center; padding:60px 100px 0 45px;}
.client-feedback p{ color:#000; position:relative; padding:20px 0;}
.client-feedback p:before{ position:absolute; content:''; font-size:48px; color:#b5b5b5;  top:0; left:-20px; background:url(../image/quote-top.png) no-repeat top left; width:21px; height:16px;}
.client-feedback p:after{ position:absolute; content:''; font-size:48px; color:#b5b5b5;  bottom:0px; right:0; background:url(../image/quote-bottom.png) no-repeat top left; width:21px; height:16px;}
.client-box{ width:401px; float:right; right:15px; top:59px;}
.client-box{ background:#f7f7f7; border-radius:4px; border:6px solid #fff;}
.client-pic {
  float: left;
  margin-top: -58px;
  position: relative;
  text-align: center;
  width: 100%;
}
.client-pic img { width:113px; border-radius:100%; height:118px;} 
.client-name{ display:block; width:100%; text-align:center; font-family: 'Oswald'; font-size:24px; font-weight:700; }
.testimonials-section .carousel{ height:auto!important; min-height:294px;}
.testimonials-section .carousel.carousel-slider{ height:auto !important;}
.client-name{ color:#000; display:block; width:100%;}
.websitename ,.websitename a{ color:#095890;}
.websitename a:hover{ color:#000;}
.star-rating {display:block; width:100%; margin:8px 0 6px 0;}
.star-rating i { color:#f6b91a; font-size:24px;}
.testimonials-section .carousel .indicators .indicator-item.active {
  background-color: #000;
}
.testimonials-section .carousel .indicators .indicator-item{ background-color:rgba(0, 0, 0, 0.5);}
.padT60{ padding-top:80px;}
.padB60 { padding-bottom:80px;}
.service-section { background:#f7f7f7;}
.service-section .heading-block h2 { text-align:left; margin-bottom:30px;}
.service-section .heading-block h2:after{ left:0; right:auto;}
.service-list ul{  display:block; width:100%; float:left;}
.service-list ul li { display:block; width:100%; padding:0 0 28px 40px; font-size:18px; position:relative;}
.service-list ul li i { position:absolute; left:0; top:0px; font-size:26px;}
.map-loacation{border:3px solid #fff; float:left; width:100%; position:relative;}
.map-loacation img {
  display: block;
}

.work-section .owl-nav div{
	height: 56px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 58px;
}
.work-section .owl-prev{
	background: rgba(0, 0, 0, 0) url(../image/prev-arw.png) no-repeat scroll center center;
	left: 40px;
}
.work-section .owl-next {
	background: rgba(0, 0, 0, 0) url(../image/next-arw.png) no-repeat scroll center center;
	right:40px;
}

.img-outer-box2 a {
  display: block;
  overflow: hidden;
  position: relative;
}
.pakg-info {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  bottom: 0;
  display: block;
  height: 50px;
  left: 0;
  line-height: 50px;
  position: absolute;
  right: 0;
  z-index: 2;
}
.hover-box {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  bottom: 0;
  left: 0;
  padding: 25px 0 0 15px;
  position: absolute;
  right: 0;
  top: 0%;
  transform: scale(0, 0);
}
.img-outer-box2 a:hover .hover-box {
  transform: scale(1, 1);
}
.pakg1 {
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  padding: 0 15px;
  text-transform: uppercase;
  vertical-align: top;
}
.pakg2 {
  background: #ff5722 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  float: right;
  font-size: 16px;
  font-weight: 300;
  padding: 0 15px;
}
.pakg2 strong {
  font-size: 24px;
  font-weight: 600;
}
 .hover-box {
  transition: all 0.3s ease 0s;
}
.hd1 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase; display: inline-block; text-align:center; width:100%;
}
.hd2 {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase; text-align:center; width:100%; display: inline-block;
}
.work-detail{ position: absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); text-align:center; width:100%; left:0; right:0;}

.quote-form{ background:#f7f7f7;}
.w50{width:54%; padding-top:80px;}
.quote-txt h2 {
    font-size: 38px;
    font-weight: 600;
    position: relative;
    padding: 0 0 40px 0;
    margin: 0 0 40px 0;
    letter-spacing: 2px;
    color: #000;
}
.quote-txt h2:after{ content:''; position:absolute; bottom:0; left:0; right:0; background:url(../image/line.png) no-repeat bottom center; width:100%; height:5px; }
.quote-txt p {
	font-size: 28px;
	font-weight: 600;
	margin: 0 0 25px;
	line-height: 37px;
	text-align: center;
}
.quote-txt p span { font-size:34px; font-weight:700;}
.form-sheet{ background:#fff; box-shadow:0 0 2px 2px rgba(0,0,0,0.1); padding:45px 20px; width:46%;}
.form-sheet input {  border:0; border-bottom:1px solid #babdc1;  box-shadow:none; border-radius:0; font-size:16px; padding-left:0; padding-right:0; padding-bottom:8px; margin:0 0 40px 0;}
.form-sheet input.form-control:focus{box-shadow:none;}

.form-sheet textarea {  border:0; border-bottom:1px solid #babdc1;  box-shadow:none; border-radius:0; font-size:16px; padding-left:0; padding-right:0; padding-bottom:8px; margin:0 0 40px 0; resize:none; height:120px;}
.form-sheet textarea.form-control:focus{box-shadow:none;}
 

.custom-btn {
    border: 2px solid #192331;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    background: none;
    padding: 12px 22px;
    height: auto;
    border-radius: 3px;
    color: #000; line-height:normal;
}

.custom-btn:hover{ background:#192331; color:#fff;}
.footer{ background:#1f1f1f; color:#fff; padding:25px 0;}
.footer h3 { font-size:18px;  font-weight:600; text-transform:uppercase; padding:0 0 10px 0; margin:0;}
.footer a { color:#fff;}
.social-links a i { padding-right:8px;}
.ph-num span { font-size:13px; background:#2f2d2d; border-radius:3px; padding:6px 6px; display:block;}
.address p { font-size:13px;}
.copyright{border-top:1px solid #3b3b3b; font-size:14px; padding:13px 0 0 0; }

.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 15px !important;
	line-height: 1.42857143;
	color: #000;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.text-center {
	text-align: center;
}
.footer .material-icons {
	display: inline-block;
	vertical-align: middle; font-size:18px;
}

header {position:fixed; width:100%; z-index:99;}
header.shrink{ box-shadow:0 0 5px 5px rgba(0,0,0,0.1);  transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out; margin-top:-2px;}
header.shrink .top-header  {  opacity:0;  transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out; height:0; display:inline-block; padding:0; margin:0;}
header.shrink .none1{ display:none; opacity:0;}
header.shrink a.brand-logo img {
	width: 107px;
	margin-top: -2px; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
header.shrink .top-menu{ margin-top:3px;}
header.shrink .logo-header{ padding-bottom:0;}
header.shrink .technotrix-logo img {
  position: relative;
  top: -10px;
}

header.shrink .logo-header{height:56px; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}


.asp-circle{  padding-right:60px; display:inline-block; vertical-align:top;}
.asp-computer{ padding-left:60px; display:inline-block; vertical-align:top;}
.asp-group{ text-align:center; padding:40px 0 0 0;}
.asp-banner{background:url(../image/asp-banner.png) no-repeat top center; background-size: cover;}
.webdesign-banner{background:url(../image/webdesign-banner.png) no-repeat top center; background-size: cover;}
.slider-banner .slider { height:auto !important}
.slider-banner .slides{ height:auto !important;}
.slider-banner.work-section .owl-nav div { opacity:0.35}

.caroufredsel_wrapper{width:100% !important;}

/*===========================Bottom to top==========================*/
.cd-top{display:inline-block;height:40px;width:40px;position:fixed;bottom:40px;right:10px;box-shadow:0 0 10px rgba(0,0,0,1);overflow:hidden;text-indent:100%;white-space:nowrap;background:#1eb6ea url(../image/cd-top-arrow.svg) no-repeat center 50%;visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0s,visibility 0 .3s;-moz-transition:opacity .3s 0s,visibility 0 .3s;transition:opacity .3s 0s,visibility 0 .3s;z-index:9999}
.cd-top.cd-is-visible,.cd-top.cd-fade-out,.no-touch .cd-top:hover{-webkit-transition:opacity .3s 0s,visibility 0 0;-moz-transition:opacity .3s 0s,visibility 0 0;transition:opacity .3s 0s,visibility 0 0}
.cd-top.cd-is-visible{visibility:visible;opacity:1}
.cd-top.cd-fade-out{opacity:1}
.no-touch .cd-top:hover{background-color:#e86256;opacity:1}

a.button-collapse { color:#000 !important;}

#pph-hireme {
	position: fixed;
	right: 0;
	top: 146px;
	z-index: 99;
	width: 300px;
}


@media only screen and (max-width:1370px) {
.wordpress-banner-txt{font-size: 38px;line-height: 77px;}
.wordpress-banner-txt span{font-size: 68px;}
.service-section .heading-block h2{font-size: 30px;}
.quote-txt h2{font-size: 34px;}	
.quote-txt p {font-size: 25px;margin: 0 0 19px;line-height: 35px;text-align: center;}
.our-project-summary i{ font-size:30px;}
.our-project-summary span{ font-size:16px;}
}


@media only screen and (max-width:1150px) {
.ph-num {min-height: 52px;}
}


@media only screen and (max-width:991px) {
	
#pph-hireme{ display:none !important;}	
	
	}

@media only screen and (max-width:800px) {
.wordpress-banner-txt{font-size: 27px;line-height:60px;}
.wordpress-banner-txt span{font-size: 54px;}
.asp-circle{ width:42%; padding-right:20px;}
.asp-computer{ width:50%;}
.wordpress-icon{ width:54%; padding-top:20px;}
.wordpress-circle{ width:45%; padding-top:20px;}
.wordpress-icon ul li:first-child{ padding-left:0px}
.wordpress-icon ul li{ padding-left:0px; width:110px; margin-left:20px; display:inline-block; margin-bottom:20px;}
.wordpress-icon > ul > li img { width:auto !important;}
.wordpress-banner { min-height:100px;}
.wordpress-icon ul li span{ font-size:17.5px; line-height:23px;}
.wordpress-icon ul li i { margin:0px auto; display:table; text-align:center;}
.wordpress-banner { padding-left:20px; padding-right:20px; min-height:550px;}
.webdesign-banner .asp-circle {width: 47%}
.asp-group {padding: 22px 0 0 0;}
.client-box {width: 320px;}
.testimonials-section .carousel { min-height:391px;}
.service-section, .quote-form, .footer { padding-left:20px; padding-right:20px;}
.w50 { width:100%; padding-top:0;}
.form-sheet { width:100%; margin-top:20px;}
.our-project-summary i{ font-size:26px;}
.our-project-summary span{ font-size:14px;}
.our-project-summary { line-height:20px; padding-top:18px;}
.map-loacation img {display: block;width: 100%;}


nav ul.top-menu a {font-size: 13px;letter-spacing: 1px;}
.top-menu li { margin:0 0 0 6px;}
.project-bdr {padding-left: 11px;}
.our-project-summary .container .row { margin:0;}
.testimonials-section .container .row {margin:0;}
}

@media only screen and (max-width:767px) {
.our-project-summary i{ font-size:24px; padding-left:0;}
.our-project-summary span{ font-size:13px;}	
.our-project-summary .row { margin-left:0; margin-right:0;}
.our-project-summary .row .col.m2 { width:47%; padding-bottom:30px; padding-left:0; padding-right:0;}
.project-bdr { padding-left:0; border:0;}
.wordpress-banner-txt {font-size: 20px;line-height: normal;}
.wordpress-banner-txt span {font-size: 36px;}
.wordpress-circle {
    width: 94%;
    padding-top: 20px;
    text-align: center;
    margin: 0px auto;
    display: table;
}
.wordpress-icon {
    width: 100%;
    padding-top: 20px; padding-left:0; text-align:center;
}
.wordpress-icon ul li { width:90px;}
.wordpress-circle img { width: 310px !important;
    text-align: center;
    margin: 0px auto;}
.asp-circle {
	width: 94%;
	padding-right: 0; text-align: center;
}
.asp-circle img, .asp-circle img {
    width: 310px !important;
    text-align: center;
    margin: 0px auto;
}

.asp-computer {
	width: 94%;
	padding: 20px 0 0 0;
}
.asp-computer img {
    width: 310px !important;
    text-align: center;
    margin: 0px auto;
}

.webdesign-banner .asp-circle {
	width: 94%;
}
.client-box{ display:none}
.testimonials-tabs .tabs .tab a {
	color: #7c7c7c;
	font-size: 14px;
	font-weight: 700;
	padding: 5px 8px 6px;
	width: 100%;
}
.testimonials-tabs .tabs .tab {
	margin: 0;
	padding: 0 7px;
}
.testimonials-tabs .tabs .tab:after { display:none;}
.client-feedback {
    float: left;
    width: 100%;
    text-align: center;
    padding: 25px; padding-bottom:0;
}
.work-section .owl-nav div { width:40px; height: 50px;}
.work-section .owl-prev { left:10px;}
.work-section .owl-next { right:10px;}
.testimonials-tabs .tabs .tab a { padding:5px 4px 6px;}

.padT60 {
	padding-top: 73px;
}
.padB60 {
	padding-bottom: 40px;
}
.carousel.carousel-slider .carousel-item { min-height:100px;}
.service-list ul li{ font-size:16px; padding:0 0 20px 35px}
.wordpress-banner-txt span {
	font-size: 32px;
}
.wordpress-banner{  min-height:820px; padding-bottom:20px; margin-top: 128px;}
.row.testimonials-tabs{ margin-left:0; margin-right:0; padding-left:10px; padding-right:10px;}
.row.testimonials-tabs .col.s12{ padding:0; margin:0;}
.client-feedback p:before{ left:0;}
.client-feedback p:right{ right:0;}
.top-header > .container > .right{ width:100%; text-align:center;}
.top-nav li { width:100%; text-align:center; border-left:0; padding:2px 0px;} 
.brand-logo img { width:130px;}
.testimonials-section .row .col.m7 { width:100%;}
.logo-header { padding:0;}
 nav .brand-logo {top:5px;}
.shrink nav .brand-logo {top:10px;} 
.menuImage{height:20px;margin:0;padding:0;position:absolute;right:5px;top:24px;width:30px;z-index:9}
.menuImage img{background:none;display:block;padding:0}
.iphon_navigation{background:#1e3873;border-top:medium none;margin:0;position:absolute;top:63px;width:100%;z-index:9999;left:0;right:0;text-shadow:none}
.shrink .iphon_navigation {top:57px}
.right.top-menu {
	width: 100%;
	text-align: center;
}
.iphon_navigation ul{margin:0;padding:0}
.iphon_navigation ul li{background:none repeat scroll 0 0 transparent;border-bottom:1px solid #000;margin:0;padding:0!important;text-align:left;width:100%}
.iphon_navigation ul li:first-child{border-top:none}
.parentMenu > div.subItem{width:50px;height:32px;float:right;background:url(../image/faq-arrowup.png) no-repeat center;cursor:pointer}
.parentMenuActive > div.subItem{background:url(../image/faq-arrowdown.png) no-repeat scroll right center transparent!important;cursor:pointer;float:none;height:32px;position:absolute;width:100%;z-index:3}
.parentMenu > div.subItem{background:url(../image/faq-arrowup.png) no-repeat scroll right center transparent;cursor:pointer;float:right;height:32px;position:relative;width:50px;z-index:3}
.iphon_navigation ul li a{background:none repeat scroll 0 0 #1e3873;color:#fff!important;display:block;font-size:14px;font-weight:400;list-style:outside none none;margin:0;padding:8px 10px;text-decoration:none; text-align:center; border-radius:0}
.iphon_navigation ul li a:hover{color:#fff;text-shadow:inherit;text-decoration:none;background:#f9a22b;border-radius:0}
.iphon_navigation > ul ul{padding:0;width:100%;display:none;margin:0}
.iphon_navigation ul ul li{background:none repeat scroll 0 0 transparent;border-bottom:none;margin:0;padding:0!important;text-align:left;width:100%}
.iphon_navigation ul ul li a{background:#343434;color:#fff;display:block;font-size:13x;font-weight:400;list-style:outside none none;margin:0;padding:8px 10px 8px 15px;text-decoration:none;border-bottom:1px solid #4a4a4a;border-radius:0;}
.iphon_navigation ul ul li a:hover{color:#fff;text-shadow:inherit;text-decoration:none; border-radius:0;}
.iphon_navigation ul ul ul{margin:0;padding:0;text-align:center;width:100%;list-style:none}
.iphon_navigation ul ul ul li a{background:#9a0b11;color:#fff;display:block;font-size:12px;font-weight:400;list-style:outside none none;margin:0 0 1px;padding:8px 10px 8px 20px;text-decoration:none;text-transform:uppercase}
.iphon_navigation ul ul ul ul li a{background:#c62128;color:#fff;display:block;font-size:12px;font-weight:400;list-style:outside none none;margin:0 0 1px;padding:8px 10px 8px 25px;text-decoration:none;text-transform:uppercase}
.iphon_navigation ul ul ul li a:hover{color:#000;text-shadow:inherit;text-decoration:none}
.sub-menu.subMenu{background:none repeat scroll 0 0 #000}

}

@media only screen and (max-width:360px) {
.wordpress-banner{  min-height:810px;}
}

@media only screen and (min-width:768px) {
nav .brand-logo{ position:static; left:auto!important; transform:none !important; -webkit-transform:none!important; float:left;}	
.hide-on-med-and-down { display:block !important;}
.button-collapse{ display:none;}
}