/*
Theme Name: Tymac Theme
Theme URI: http://www.somsweb.com.au/
Author: SOMS
Author URI: http://www.somsweb.com.au/
Description: Tymac Theme (Responsive)
Version: 1.0
*/

/** GENERAL STYLE **/
body{ font-family: "Open Sans"; font-size: 13px; line-height: 1.3; }
.container{max-width: 1000px;}
a{ text-decoration: none; color: #9d0a0e; }
a:hover, a:focus{ text-decoration: none; color: #4369b2; }
strong{ font-weight: bold; }
em{ font-style: italic; }
.row-gutter-5, .row-gutter-5 .row{ margin-left: -5px; margin-right: -5px; }
.row-gutter-5 [class^=col-]{ padding-right: 5px; padding-left: 5px; }
.row-gutter-10, .row-gutter-10 .row{ margin-left: -10px; margin-right: -10px; }
.row-gutter-10 [class^=col-]{ padding-right: 10px; padding-left: 10px; }
.shadow{ -webkit-box-shadow: 0px 1px 15px -2px #898989; -moz-box-shadow: 0px 1px 15px -2px #898989; box-shadow: 0px 1px 15px -2px #898989; z-index: 10; }

.leak{background: white;padding: 0;}

/** SUPERFISH MENU STYLE **/
.sf-menu{ margin-bottom: 0; margin-top: 10px; float: right; font-size: 18px; }
.sf-menu a{ border: none; padding: 5px 16px; }
.sf-menu li{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6280bd+0,6280bd+49,5977b7+50,6280bd+100,37529c+100 */
	background: rgb(157,10,14);
	background: -moz-linear-gradient(top,  rgba(157,10,14,1) 0%, rgba(226,0,6,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(157,10,14,1) 0%,rgba(226,0,6,1) 100%);
	background: linear-gradient(to bottom,  rgba(157,10,14,1) 0%,rgba(226,0,6,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d0a0e', endColorstr='#e20006',GradientType=0 );

}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu li.current-menu-item{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7b7b7b+0,4a4a4a+50,4a4a4a+50,4a4a4a+50,323232+100,37529c+100 */
background: #7b7b7b; /* Old browsers */
background: -moz-linear-gradient(top,  #7b7b7b 0%, #4a4a4a 50%, #4a4a4a 50%, #4a4a4a 50%, #323232 100%, #37529c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b7b7b), color-stop(50%,#4a4a4a), color-stop(50%,#4a4a4a), color-stop(50%,#4a4a4a), color-stop(100%,#323232), color-stop(100%,#37529c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7b7b7b 0%,#4a4a4a 50%,#4a4a4a 50%,#4a4a4a 50%,#323232 100%,#37529c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7b7b7b 0%,#4a4a4a 50%,#4a4a4a 50%,#4a4a4a 50%,#323232 100%,#37529c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7b7b7b 0%,#4a4a4a 50%,#4a4a4a 50%,#4a4a4a 50%,#323232 100%,#37529c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7b7b7b 0%,#4a4a4a 50%,#4a4a4a 50%,#222222 50%,#323232 100%,#37529c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b7b7b', endColorstr='#37529c',GradientType=0 ); /* IE6-9 */
}
.sf-menu li+li{ border-left: 1px solid #fff; }
.sf-menu ul{ box-shadow: none; min-width: 0; }
.sf-menu ul li{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6280bd+0,6280bd+49,5977b7+50,6280bd+100,37529c+100 */
	background: rgb(157,10,14);
	background: -moz-linear-gradient(top,  rgba(157,10,14,1) 0%, rgba(226,0,6,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(157,10,14,1) 0%,rgba(226,0,6,1) 100%);
	background: linear-gradient(to bottom,  rgba(157,10,14,1) 0%,rgba(226,0,6,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d0a0e', endColorstr='#e20006',GradientType=0 );
}
.sf-menu ul li+li{ border-top: 1px solid #e1e1e1; }
.sf-menu li a, .sf-menu ul li:hover a, .sf-menu ul li.sfHover a, .sf-menu ul li.current-menu-item a{ color: #fff; }
a.showmenu{ font-size: 36px; }
.mobnav-subarrow, a.showmenu{ display: none; }

/** BX-SLIDER STYLE **/
.bx-wrapper{ margin-bottom: 0px; }
.bx-wrapper .bx-viewport{ background: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; left: 0; }
.bx-wrapper .bx-controls-direction a{ width: 30px; height: 47px; top: 60%; }
.bx-wrapper .bx-prev{ background: url(images/theme-sprites.png) no-repeat; background-position: 0 0; left: 20px; }
.bx-wrapper .bx-next{ background: url(images/theme-sprites.png) no-repeat; background-position: -30px 0; right: 20px; }
.bx-wrapper .bx-pager.bx-default-pager a{ background: #c8c6c6; width: 8px; height: 8px; border-radius: 50%; margin: 0 3px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background: #fff; }
.bx-wrapper .bx-prev:hover{ background-position: 0 0; }
.bx-wrapper .bx-next:hover{ background-position: -30px 0; }
.bx-wrapper .bx-pager{ padding-top: 0px; bottom: 2px; }
.bx-wrapper .bx-pager .bx-pager-item{ background: transparent; padding: 5px 0px; }

/** CONTACT FORM 7 STYLE **/
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea, .wpcf7 input[type="file"]{ padding: 5px 10px; font-family: "Open Sans"; border: 1px solid #848484; margin: 0px; color: #4b392a; width: 100%; }
.wpcf7 input[type=submit]{ background: #4369b2; border: none; color: #c8c6c6; text-transform: uppercase; margin: 0; padding: 8px 10px; cursor: pointer; }
.wpcf7 textarea{ height: 80px; }
div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors{ border: 2px solid #4369b2; color: #398f14; line-height: 1.5em; text-align: center; margin-top: 10px; margin-left: 0; margin-right: 0; }
.wpcf7 div.wpcf7-validation-errors{ border-color: #ff0000; }
.wpcf7 span.wpcf7-not-valid-tip{ font-size: 11px; text-align: left; }
a.bttClose img, .sub-button img{ display: inline; }

/** ENQUIRE FORM **/
.contact-form .row{ position: relative; min-height: 0; }
.enquire_form{background: rgba(95, 96, 99, 0.9);padding: 5px;z-index: 10000;position: absolute;top: 5px;right: 15px;display: none;width: 34%;}
.home .enquire_form{ top: 120px; }
.enquire_form h3, .enquire_form p{ display: block; text-align: center; }
.enquire_form p{ color: #fff; overflow: hidden; }
.enquire_form p:first-child{ margin-bottom: 0; }
.enquire_form h3{ color: #fff; font-size: 30px; margin-top: 0; margin-bottom: 5px; }
.enquire_form .wpcf7{ margin: 15px 0; padding: 0px 15px; }
.enquire_form .wpcf7 p{ margin-bottom: 5px; }
.enquire_form p.sub-button{ text-align: right; }
.enquire_form .wpcf7 .ajax-loader{ float: left; }
.enquire_form div.wpcf7-response-output{ margin: 5px 0 0 0; }
.enquire_form p.captcha{ text-align: left; }
.enquire_form p.captcha img{ margin-bottom: 5px; }
.enquire_form a.bttClose{ background: url(images/theme-sprites.png) no-repeat; width: 17px; height: 17px; float: right; background-position: -63px 0; text-indent: -9999px; }

/** HEADER STYLE **/
.body-wrap{ position: relative; }
.header{padding-top: 10px;position: relative;}
.home .header{/* position: absolute; */top: 0;left: 0;right: 0;/* background: #eeeeee; */}
.logo-wrap{ padding-left: 20px; }
.cta-wrap{ float: right; }
.cta-box{ float: left; padding: 5px 15px; text-align: center; }
.cta-box.phone{border-left: 1px solid #c8c6c6;/* border-right: 1px solid #c8c6c6; */}
.cta-box.enquire:before, .cta-box.phone:before{ content: ''; background: url(images/theme-sprites.png) no-repeat; height: 48px; display: inline-block; background-position: 0 -50px; vertical-align: middle; margin-right: 5px; }
.cta-box-wrap{ display: inline-block; vertical-align: middle; }
.cta-box.enquire:before{ width: 44px; }
.cta-box.phone:before{ width: 48px; background-position: -47px -50px; }
.cta-box span{ font-size: 11px; color: #505050; display: block; }
.cta-box a{font-size: 28px;color: #9d0a0e;display: block;font-weight: 600;}
.cta-box.enquire a{ font-style: italic; }
.cta-box.sosmed{ text-align: right; padding: 0; padding-left: 15px; padding-right: 10px; }
.cta-box.sosmed a{font-size: 20px;color: #9d0a0e;line-height: 1;}
.navigation{ margin-right: -1px; }

/** HOME STYLE **/
.container-wrap{background: #eeeeee;}
.home .container-wrap{/* background-position: 0 113px; */}
.slider-wrap{ margin-bottom: 20px; }
.slide-box{ position: relative; }
.slide-desc{position: absolute;bottom: 0;background: rgba(56, 56, 56, 0.9);padding: 10px 0 30px;text-align: center;color: #c0bfc2;font-size: 14px;width: 100%;}
.slide-desc .highlight{ font-size: 16px; color: #fff; font-style: italic; }
.slide-desc p{ width: 80%; margin: auto; }
.home-panel-list{ padding: 10px 0; }
.panel-box{ border: 1px solid #9d0a0e; position: relative; }
.panel-title{background: rgba(97, 98, 99, 0.62);text-align: center;position: absolute;bottom: 0;left: 0;right: 0;top: 75%;font-size: 19px;font-style: italic;font-weight: 300;line-height: 2.5;}
.panel-title a{ color: #fff; }
.home-description{ text-align: center; padding: 10px 0 20px; }
.home-title{font-size: 30px;color: #8a171a;}
.home-description p{ font-size: 15px; color: #515050; }
/*.home-panel-list .col-sm-3:first-child .panel-title{ line-height: 1.3; }*/

/** CONTENT STYLE **/
.content-wrap{ padding: 40px 0; }
.breadcrumb{padding: 0;margin: 0;background: transparent;color: #8a171a;font-size: 14px;}
.breadcrumb a{ color: #636363; }
.page-title{font-size: 30px;color: #8a171a;}
.page-content p{ color: #515050; font-size: 15px; }
.page-content img{ border: 1px solid #243e91; -webkit-box-shadow: 0px 1px 15px -2px #898989; -moz-box-shadow: 0px 1px 15px -2px #898989; box-shadow: 0px 1px 15px -2px #898989; margin-right: 10px; }
.page-content .panel-box{ margin-bottom: 20px; }
.page-content .panel-image{ margin: auto; border: none; }
.sidebar-page{ text-align: center; }
.sidebar-page h3.wgttitle{margin: 0;padding: 15px 0;font-size: 24px;color: #fff;font-style: italic;background: #5a5a5a;}
.sidebar-page ul{ padding: 0; margin: 0; }
.sidebar-page ul li{display: block;padding: 10px 0;font-size: 18px;background: #8a171a;margin-top: 1px;}
.sidebar-page ul li a{ color: #fff; }

/** FOOTER STYLE **/
.footer, .footer a{ color: #fff; text-align: center; }
.footer-menu{background: #7d7c7c;padding: 15px 0;}
.menu-inline{ margin-bottom: 5px; }
.footer-menu ul{ padding: 0; margin: 0; font-size: 12px; }
.footer-menu ul li{ display: inline-block; }
.footer-menu ul li+li{ border-left: 1px solid #fff; }
.footer-menu ul li a{ padding: 0 5px; }
.copyright{background: #8a171a;padding: 15px 0;}
.copyright p{ margin-bottom: 0; }
.copyright img { position: absolute; left: 21%;}

/** RESPONSIVE STYLE **/
@media (max-width: 1199px) {
	.copyright img { position: absolute; left: 20%;}
}
@media (max-width: 991px) {
	.cta-box a{ font-size: 20px; }
	.sf-menu, .panel-title{ font-size: 15px; }
	.sf-menu a{ padding: 5px 12px; }
	.slide-desc, .home-description p{ font-size: 13px; }
	.copyright img { position: absolute; left: 12%;}
}
@media (max-width: 767px) {
	.home .header{ position: relative; }
	.logo-wrap{ padding: 10px; }
	.logo-wrap img{ margin: auto; }
	.cta-box{ padding: 10px 0; }
	.cta-box.phone{ border: none; }
	.cta-box.sosmed{ text-align: center; }
	.cta-box.sosmed a{ display: inline-block; font-size: 50px; }
	.sf-menu, .sf-menu li.sfHover > ul, .bx-controls-direction{ display: none; }
	.mobnav-subarrow, a.showmenu, .sf-menu.menu-show, .sf-menu ul.menu-show{ display: block !important; margin: 0 15px;}
	/*.sf-menu li:hover > ul,*/ .sub-menu{display: none !important;}
	.sf-menu, .sf-menu li, .cta-wrap, .cta-box{ float: none; }
	.sf-menu li{ display: block; }
	.sf-menu li+li{ border: none; }
	.sf-menu ul{ position: static; margin: 10px; }
	.sf-menu ul li{ background: transparent; }
	.mobnav-subarrow{
		display: block;
    background: #ffffff;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0px;
    right: 5px;
    color: #898989;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
	 }
	.mobnav-subarrow span.fa { padding-top: 5px; font-size: 20px; }
	.panel-title{ position: relative; line-height: 1.3; }
	.panel-box img{ margin: auto; }
	.copyright img { position: relative; left: 0; text-align: center;}
}