/*
Theme Name: Sarpel Home
*/
@font-face {
        font-family: "HelveticaNeuebold";
        src: url('font/helvetica_neue-bold.eot');
        src: url('font/helvetica_neue-bold.eot?#iefix') format('embedded-opentype'),
        url('font/helvetica_neue-bold.svg#HelveticaNeue') format('svg'),
        url('font/helvetica_neue-bold.woff') format('woff'),
        url('font/helvetica_neue-bold.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }


@font-face {
    font-family: 'helveticaregular';
    src: url('font/a403890a-webfont.eot');
    src: url('font/a403890a-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/a403890a-webfont.woff') format('woff'),
         url('font/a403890a-webfont.ttf') format('truetype'),
         url('font/a403890a-webfont.svg#helveticaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
    font-size: 14px;
    margin: 0;
    padding: 0; position:relative; font-family:'helveticaregular';
}

a img{ border:none;}

/*------------------------------------ Header Css  -------------------------------------*/

#header {background: #000000;float: left;width: 100%; z-index:10; position:relative; padding:10px 0; border-bottom:10px solid #ffffff;}
#header-left {float: left; margin-left:17px; width:17%;}
#header-middle {float: left; width:58%;}

#navigation {float: left; margin-top:44px; margin-left:30px;}
#navigation ul {float: left;}
#navigation ul#menu-header-menu{ position:relative;}
#navigation ul.dropdown li{ position:static;}

#navigation ul li {float: left;}
#navigation ul li a {color: #ffffff;float: left;font-size: 14px;padding: 0 12px;text-decoration: none;text-transform: uppercase; font-family:'HelveticaNeuebold';}
#navigation ul ul.sub-menu li a {font-family:'helveticaregular';}
#navigation ul li a:hover{ color:#d39c3a;}
#navigation ul li.current-menu-item > a{ color:#d39c3a;}
#navigation ul li.current-page-ancestor > a{ color:#d39c3a;}
#navigation ul li.current-menu-ancestor > a{ color:#d39c3a;}


#navigation ul li.current_page_item > ul, 
#navigation ul li.current-menu-item > ul, 
#navigation ul li.current-page-ancestor > ul.sub-menu,
#navigation ul li.current-menu-ancestor > ul.sub-menu,
#navigation ul li.current-post-ancestor > ul.sub-menu{display:block !important;}

ul.dropdown li:hover ul.sub-menu {
    left: 0;
    position: absolute;
    z-index: 9999999;
}



#navigation ul ul.sub-menu{ padding-top:5px; width:100%; background:#000000;}


#header-right {float: right; margin-right:10px; width:20%;}
#header-right h1.widget-title {display: none;}
.header-telephone {clear: both;float: right;text-align: right;}
.header-telephone a {text-decoration: none;color: white;}
.header-telephone span {color: #ffffff; font-family:'HelveticaNeuebold'; font-size:18px;}
.header-right-text {clear: both;color: #d39c3a;float: right;text-align: right; font-size:16px; line-height:18px; margin-top:22px;}

#logo {float: left; margin-top:5px;}
#logo a {float: left;}
#logo a img {float: left;}


/*----------------------------- Slider CSS ---------------------------------*/
.slider {height: 100%;position: fixed;width: 100%;float:left;}
.slider h1.widget-title{ display:none;}

.slider .widget {
    height: 100%;
    width: 100%;
}

.slider .widget .metaslider {
    height: 100%;
    width: 100% !important;
}

.slider .widget .metaslider .slider-wrapper {
    height: 100% !important;
    position: absolute;
    width: 100% !important;
}

.slider .widget .metaslider .slider-wrapper .nivoSlider {
    height: 100% !important;
    width: 100% !important;
}
.slider .nivoSlider img {
    height: 100% !important;
    width: 100% !important;
}





.cycle-slide.cycle-slide-active{ display:none !important;}
#thumb-tray{ bottom:40px !important}
#controls #play-button{ display:none;}
#controls #tray-button{ display:none;}

#thumb-tray{ display:none !important; height:auto!important; box-shadow:none!important;}
#controls-wrapper{ display:none !important}
#thumb-tray #thumb-back, #thumb-forward{ bottom:0!important; display:block !important; height:93px!important; width:90px!important; background-color:#000000 !important; opacity:0.82!important;}
#thumb-back:hover, #thumb-forward:hover {border: medium none !important; background-color:#000!important;}

#thumb-tray ul#thumb-list li {border: 1px solid #ffffff !important;height: 80px !important;margin: 4px !important;width: 80px !important;}
#thumb-tray ul#thumb-list li img {height: 80px !important;width: 80px !important;}
#thumb-tray ul#thumb-list{ height:88px;}

.page-id-13 #thumb-tray{ display:block !important}
/*.page-id-13 #controls-wrapper{ display:block !important}*/
.page-id-13 #main{ display:none;}

ul#supersized{ display:block !important;}
/*.page-id-13 ul#supersized{ display:block !important;} 
.page-id-7 ul#supersized{ display:block !important;} */
.category-16 ul#supersized{ display:none !important;}

/*---------------------------------------- Home page CSS ----------------------------------------*/
.home-post {float: left; width: 100%;}
.home-post .post-block {border: 8px solid #ffffff;float: left;width: 212px/*270px*/; margin:0 10px;box-shadow: 3px 3px 4px #666666;}
.post-block .post-feature-image {float: left;width: 100%; position:relative;}
.post-block .post-feature-image a {float: left;width: 100%;}
.home-post .post-block .post-feature-image img {float: left;height: auto;width: 100%;}
.post-block .post-feature-image .post-title {bottom: 5px;left: 5px;position: absolute;}
.post-block .post-feature-image .post-title a {color: #ffffff;float: left; font-family: HelveticaNeuebold;font-size: 16px;text-decoration: none;}

/*---------------------------------------- Catagory Page CSS --------------------------------------*/
#main-content.cat-page {background: none; margin-top: 0px; box-shadow:none;}
.cat-page .post-list-cat-title {background: #d29f49; float: left; width: 100%;box-shadow: 3px 3px 4px #666666; opacity:0.85;}
.post-list-cat-title h1.archive-title {color: #ffffff;font-size: 30px;line-height: 26px;margin: 0;padding: 20px 15px 15px 20px;}
.cat-page .cat-post-list {float: left;margin-top: 5px;width: 100%;}
.cat-post-list .catagory-page-post {background-image:url(images/main-bg.png); background-repeat:repeat;box-shadow: 3px 3px 4px #666666;float: left;margin-top: 10px;width: 100%;}
.catagory-page-post .cat-post-main-block {padding: 20px; float: left;}
.cat-post-main-block .cat-post-image {float: left;width: 340px;}
.cat-post-main-block .cat-post-image a{ float:left;}
.cat-post-main-block .cat-post-image a img{ float:left;}
.cat-post-main-block .cat-post-content {float: left;margin-left: 30px;width: 472px;}

.cat-post-content .post-title {clear: both;float: left;font-size: 30px; color:#d49c3a;}
.cat-post-content .post-content {clear: both;float: left;font-size: 15px;line-height: 18px;margin-top: 23px;}
.cat-post-content .read.more {clear: both;float: left;margin-top: 20px;}
.cat-post-content .read.more a {float: left;font-size: 16px; color:#d49c3a; text-decoration:underline; font-family:'HelveticaNeuebold';}
.cat-post-content .read.more a:hover { text-decoration:none;}

/*------------------------------------ Single Post Page CSS -------------------------------------------*/
#main-content.post-single-page {background: none;margin-top: 0;  box-shadow:none; }

.post-single-page .single-page-cat-title {background: #d29f49; float: left; width: 100%;box-shadow: 3px 3px 4px #666666; opacity:0.85;}
.single-page-cat-title h1.single-post-cat-title {color: #ffffff;font-size: 30px;line-height: 26px;margin: 0;padding: 20px 15px 15px 20px;}

.post-single-page .single-page-post-content{float: left;margin-top: 15px;width: 100%;}
.single-page-post-content .single-post-main-block {background-image:url(images/main-bg.png); background-repeat:repeat;float: left;padding: 20px; box-shadow: 3px 2px 4px #666666;}
.single-post-main-block .single-post-title {float: left;font-size: 30px;line-height: 30px;margin-bottom: 20px; color:#d49c3a;}
.single-post-main-block .single-post-featured-image {clear: both;float: left;width: 100%;}
.site-wrapper .single-post-main-block .single-post-featured-image img {float: left;height: auto;width: 100%;}
.single-post-main-block .single-post-custom-fields {float: left;width: 100%;clear: both; margin-top:12px;}
.single-post-custom-fields .post-home-image {
    float: left;
    margin-right: 20px;
    width: 120px;
}

.single-post-custom-fields .post-plans-popup-img {
    float: left;
    width: 354px;
}

.post-home-image .post-home-image-block {
    clear: both;
    float: left;
    margin-bottom: 12px;
}


.single-post-custom-fields .post-specification-content {
    float: left;
    margin-right: 50px;
    width: 346px;
}

.post-specification-content .post-specification-title {
    clear: both;
    float: left;
    font-size: 17px;
    width: 100%; color:#d49c3a;
}

.post-specification-content .post-specification-content-main {
    float: left;
    margin-top: 15px;
    width: 100%; font-size:14px;
}

.post-specification-content-main hr {
    background: none;
	border-bottom: 1px solid #000000;
	border-top:none;
	border-left:none;
	border-right:none;
	float: left;
    height: 1px;
    margin: 7px 0;
    width: 100%;
}

.post-specification-content-main p {
    float: left;
    margin: 0;
    width: 100%;
}

.post-specification-content-main a {
    color: #d49c3a;
    float: left;
    font-size: 15px;
    text-decoration: underline;
	font-family:"HelveticaNeuebold";
}

.post-specification-content-main a:hover { text-decoration: none;}

.post-specification-content-main table {
    float: left;
    width: 100%;
}

.single-post-custom-fields .post-plans-popup-img .post-plans-popup-images {
    float: right;
    margin-left: 12px;
}

.single-post-custom-fields .post-plans-popup-img .post-plans-popup-images img{ float:left; border: 1px solid #000;}


.single-post-main-block .single-post-content {clear: both;float: left;width: 100%; margin-top:12px;}


/*---------------------------------------- Main content CSS ----------------------------------------*/
#main { float: left;width: 100%;}
.site-wrapper {margin: 0 auto;width: 960px; position:relative; z-index:10; /*max-width:100%;*/}
#main-content {float: left;margin-top: 50px; padding: 15px;position: relative; width:930px; /*max-width:92%;*/ background-image:url(images/main-bg.png); background-repeat:repeat; margin-bottom:60px; box-shadow:3px 2px 4px #666666;}
/*#main-content.page-two-col-content {
    bottom: 80px;
    margin: 0 65px;
    position: fixed;
    width: 800px;
}
*/
#main-content.home-page{ background:none;/* margin-top:260px;*/ /*position:fixed; bottom:80px;*/ box-shadow:none;}
#main-content.page-two-col-content {margin: 180px 115px 80px;width: 700px;}
.home-page-wrapper {height: 100%;position: fixed;top: 0;}
#main-content.home-page{ bottom:15px; margin:0 0px; position:absolute; width:992px;}
.home #main .site-wrapper {width: 1022px;}




.close-icon {position: absolute;right: 5px;top: 5px;}
.close-icon img {cursor: pointer;float: left;}
#main-content .page-title { clear: both; float: left;}
#main-content .page-title h1 { float: left; font-size: 28px; line-height: 28px; margin: 0; font-family:'helveticaregular'; font-weight:bold;}
#main-content .page-sub-title { clear: both; float: left; margin-top: 17px;}
#main-content .page-sub-title span { float: left; font-family: helveticaneuebold; font-size: 18px; color:#d39c3a;}
#main-content .page-content {clear: both;float: left;margin-top: 20px; font-family:'helveticaregular'; width:100%;}
#main-content .page-content p {line-height: 18px;margin-bottom: 12px;}
.page-id-11 .page-content img {border: 1px solid #000000;}


/*-------------------------- Contact form CSS -------------------------------*/
.contact-form {float: left;width: 100%;}
.contact-form {float: left;width: 100%;}
.contact-form p{ float:left; margin:0 0 15px 0;}
.contact-form p label {float: left;font-size: 15px;margin: 5px 0;width: 90px; color:#666666;}
.contact-form p span {float: left;}
.contact-form p span input[type="text"] {border: 1px solid #999999;float: left;padding: 5px;width: 320px; color:#666666;}
.contact-form p span input[type="text"]:hover{ border:1px solid #d39c3a; /*color: #d39c3a;*/}
.contact-form p span input[type="text"]:focus{ border:1px solid #d39c3a; /*color: #d39c3a;*/}
.contact-form p span input[type="email"] {border: 1px solid #999999;float: left;padding: 5px;width: 320px; color:#666666;}
.contact-form p span input[type="email"]:hover{ border:1px solid #d39c3a; /*color: #d39c3a;*/}
.contact-form p span input[type="email"]:focus{ border:1px solid #d39c3a; /*color: #d39c3a;*/}
.contact-form p span textarea {border: 1px solid #999999;float: left;height: 100px;padding: 5px;width: 320px; color:#666666; overflow:auto;}
.contact-form p span textarea:hover{ border:1px solid #d39c3a; /*color: #d39c3a;*/}
.contact-form p span textarea:focus{ border:1px solid #d39c3a; /*color: #d39c3a;*/}
.contact-form p.submit {float: left;width: 100%; margin:0 0 15px 0;}
.contact-form p.submit input[type="submit"] {background: #666666;border: 1px solid #666666;color: #ffffff;float: right;font-size: 15px;padding: 3px 15px; cursor:pointer; -webkit-appearance:none;}
.contact-form p.submit input[type="submit"]:hover{background: #d39c3a;border: 1px solid #d39c3a;}
.contact-form p.submit input[type="submit"]:focus{background: #d39c3a;border: 1px solid #d39c3a;}
.contact-form p.submit span {float: left;width: 100%;}
.su-gmap.su-responsive-media-yes {border: 2px solid #999999;}
div.wpcf7-validation-errors{ clear:both;}
div.wpcf7-mail-sent-ok{ clear:both;}
div.address {
    clear: both;
    float: left;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 30px;
    width: 100%; color:#666666;
}
div.address hr{ float:left; width:100%; border-top:none; border-left:none; border-right:none; border-bottom:1px solid #666666; height:1px; margin:2px 0; }


/*------------------------------------- Testimonial CSS ------------------------------------*/
.page-content .testimonial_rotator_wrap {margin: 0 10px; padding: 0 10px;}
.page-content .testimonial_rotator_slide {border-bottom: 1px solid #999999;clear: both;float: left;margin: 0 !important;padding: 25px 0 15px !important;}
.page-content .testimonial_rotator_slide .testimonial_rotator_description {float: left;}
.page-content .testimonial_rotator_slide .testimonial_rotator_description .testimonial_rotator_quote {float: left;}
.page-content .testimonial_rotator_slide .testimonial_rotator_description h2.testimonial_rotator_slide_title {clear: both;float: left;font-size: 20px;font-weight: normal;   margin-top: 10px; color:#d39c3a; font-family:"helveticaregular";}


#fancybox-wrap #fancybox-title #fancybox-title-over {
    font-size: 19px;
    text-align: center;
}


/*------------------- page set at botom ------------------------*/

/*.page-two-col-wrapper {
    bottom: 0;
    float: left;
    height: 100%;
    position: fixed;
}

#main-content.page-two-col-content {
    bottom: 80px;
    margin: 0;
    position: absolute;
}
*/

#menu2{ display:none;}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
.home #main .site-wrapper {width: 962px ;}
.home #main-content.home-page{width: 952px ; margin-left:-10px;}
.home .home-post .post-block{ margin:0 5px ;}
	
}

@media only screen and (min-device-width : 320px) and (max-device-width : 767px){
#menu2{ display:block!important;}
#navigation{ display:none;}
#header-left {float: left;margin-left: 2%;width: 40%;}
#logo{ float:left; width:100%;}
#logo a{float:left; width:100%;}
#logo a img{float:left; width:100%;}
#header-right {float: right; margin-right: 2%; width: 50%!important;}
.header-telephone{ width:100%;!important; margin-top:10px !important;}
.header-telephone span{ width:100%!important; float:right!important; font-size:24px!important;}
.header-right-text{ width:100%!important; font-size:22px!important; line-height:25px !important; margin-top:35px !important;}
#header-middle{ display:none!important;}
#menu2{ float:left; clear:both; width:100%; position: relative;}
#menu2 .slicknav_menu {position: relative;margin-top:10px; padding:10px;}
#menu2 .current-menu-name {color: #ffffff;font-size: 35px;left: 20px;position: absolute;top: 30px;}
#header{ z-index:99 !important;}
#menu2 .slicknav_menu span.slicknav_icon-bar {height: 5px;margin: 5px 0;width: 40px;}
#menu2 .slicknav_menu ul.slicknav_nav li a {font-size: 30px;padding: 10px;}
.home #main .site-wrapper {width: 962px ;}
.home #main-content.home-page{width: 952px ;margin-left:-10px;}
.home .home-post .post-block{ margin:0 5px ;}

	
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) { 
/*.slider .widget .metaslider .slider-wrapper .nivoSlider img { height: 100% !important; margin: 0 -50% !important; width: auto !important;}*/
}

@media only screen and (min-device-width : 320px) and (max-device-width : 567px) and (orientation : portrait) { 
/*.slider .widget .metaslider .slider-wrapper .nivoSlider img { height: 100% !important; margin: 0 -50% !important; width: auto !important;}*/
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/*.slider .widget .metaslider .slider-wrapper .nivoSlider img { height: 100% !important; margin: 0 -50% !important; width: auto !important;}*/
}
@media only screen 
and (min-device-width : 640px) 
and (max-device-width : 800px) { 
#navigation ul.dropdown li.parent > a:after {
    border-left: none !important;
    border-right:none !important;
    border-top: none !important;
    content: inherit !important;
    height: 0 !important;
    position: inherit !important;
    right: 0 !important;
    top: 0 !important;
    width: 0 !important;
}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { 

#navigation ul.dropdown li.parent > a:after {
    border-left: none !important;
    border-right:none !important;
    border-top: none !important;
    content: inherit !important;
    height: 0 !important;
    position: inherit !important;
    right: 0 !important;
    top: 0 !important;
    width: 0 !important;
}
	
}