/******************* Background ********************/
	

	
	#Wrapper, #Content { 
		background-color: #fcfbf9;
	}
	
			body:not(.template-slider) #Header_wrapper { background-image: url("../images/header-bg.jpg"); }
		
		
	
/********************** Font | Family **********************/

/*--- Fonts      ---*/


@font-face {
    font-family: 'UniSansHeavy';
    src: url('../fonts/fontawesome-webfont.eot');
    src: url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'),
         url('../fonts/fontawesome-webfont.woff2') format('woff2'),
         url('../fonts/fontawesome-webfont.woff') format('woff'),
         url('../fonts/fontawesome-webfont.ttf') format('truetype'),
         url('../fonts/fontawesome-webfont.svg#fontawesome-webfont') format('svg');
}

 	body, button, span.date_label, .timeline_items li h3 span, input[type="submit"], input[type="reset"], input[type="button"],
	input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select, .offer_li .title h3 {
				font-family: "Roboto", Arial, Tahoma, sans-serif;
		font-weight: 400;
	}
	
	#menu > ul > li > a, #header_action_button, #header_cart {
				font-family: "Georgia", Arial, Tahoma, sans-serif;
		font-weight: 400;
	}
	
	#Subheader .title {
				font-family: "Georgia", Arial, Tahoma, sans-serif;
		font-weight: 400;
	}
	
	h1, .text-logo #logo {
				font-family: "Georgia", Arial, Tahoma, sans-serif;
		font-weight: 300;
	}
	
	h2 {
				font-family: "Georgia", Arial, Tahoma, sans-serif;
		font-weight: 300;
	}
	
	h3 {
				font-family: "Georgia", Arial, Tahoma, sans-serif;
		font-weight: 300;
	}
	
	h4 {
				font-family: "Georgia", Arial, Tahoma, sans-serif;
		font-weight: 300;
	}
	
	h5 {
				font-family: "Roboto", Arial, Tahoma, sans-serif;
		font-weight: 700;
	}
	
	h6 {
				font-family: "Roboto", Arial, Tahoma, sans-serif;
		font-weight: 400;
	}
	
	blockquote {
				font-family: "Georgia", Arial, Tahoma, sans-serif;
	}


/********************** Font | Size **********************/

/* Body */

	body {
		font-size: 14px;
				line-height: 21px;		
	}
	
	#menu > ul > li > a {	
		font-size: 20px;
	}
	
/* Headings */

	h1, #Subheader .title, .text-logo #logo { 
		font-size: 25px;
				line-height: 25px;
	}
	
	h2 { 
		font-size: 42px;
				line-height: 42px;
	}
	
	h3 {
		font-size: 32px;
				line-height: 34px;
	}
	
	h4 {
		font-size: 23px;
				line-height: 25px;
	}
	
	h5 {
		font-size: 17px;
				line-height: 20px;
	}
	
	h6 {
		font-size: 13px;
				line-height: 20px;
	}

	
/********************** Sidebar | Width **********************/
	
	
	.with_aside .sidebar.columns {
		width: 23%;	
	}
	.with_aside .sections_group {
		width: 75%;	
	}
	
	.aside_both .sidebar.columns {
		width: 18%;	
	}
	.aside_both .sidebar-1{ 
		margin-left: -79%;
	}
	.aside_both .sections_group {
		width: 60%;	
		margin-left: 20%;	
	}	

/********************** Main **********************/

h1,
        h3,
        h4 {
            font-style: italic
        }

    .top_but.btn{top:-50px; left:80px;}
        
        #Wrapper,
        #Content,
        #Header_wrapper {
            background-color: transparent
        }
        
        @media only screen and (min-width: 768px) {
            .header-split #Top_bar:not(.is-sticky) {
                position: absolute;
                background-color: transparent
            }
        }
        
        #Top_bar:not(.is-sticky) #logo {
            height: 232px;
        }
        
        #Top_bar:not(.is-sticky) .menu > li > a span:not(.description) {
            font-family: Georgia;
            font-style: normal;
            letter-spacing: 1px;
        }
        
        #Top_bar .menu>li>a {
            font-style: italic
        }
        
        #Top_bar .menu > li > a span:not(.description) {
            border: 0
        }
        
        @media only screen and (max-width: 1239px) {
            #Top_bar #menu {
                top: 70px
            }
        }
        
        body:not(.template-slider) #Header {
            min-height: 400px
        }
        
        #Top_bar .menu>li>a:after {
            background: url(images/home_coffee_menu_sep.png) no-repeat;
            height: 10px;
            width: 8px;
            left: auto;
            right: -6px !important;
            opacity: 0 !important;
            top: 50% !important;
            margin-top: -1px
        }
        
        #Top_bar .menu>li:first-child>a:after {
            opacity: 1 !important
        }
        
        .button-stroke a.button,
        .button-stroke a.tp-button,
        .button-stroke button,
        .button-stroke input[type="submit"],
        .button-stroke input[type="reset"],
        .button-stroke input[type="button"] {
            border-radius: 0px;
            border-width: 3px;
            border-top: none;
            border-left: none;
            border-right: none;
            font-family: Arial;
            font-size: 17px;
                
        }
        
        #Footer .footer_copy {
            background: #2d3032;
        }
        
        #Footer .widgets_wrapper {
            padding: 40px 0
        }
        
        #Footer .footer_copy a#back_to_top {
            display: none
        }
        
        #Footer .footer_copy .copyright {
            margin-bottom: 20px;
            text-align: center;
            width: 100%
        }
        
        .counter .number {
            color: #9f7962
        }
        
        .progress_icons .progress_icon {
            border-radius: 0 0 12px 12px;
            display: inline-block;
            font-size: 15px;
            height: 30px;
            line-height: 30px;
            width: 30px
        }
        
        table th,
        table td {
            border-width: 0 0 1px
        }
        
        table tr:first-child td {
            background: none
        }
        
        .table_menu td.c1 {
            width: 20%
        }
        
        .table_menu td.c2 {
            text-align: left
        }
        
        .table_menu td.c3 {
            width: 20%
        }
        
        .table_menu td.c4 {
            width: 15%
        }
        
        .tab-rez {
            width:340px;
            float:right;
            background-color:#f3f3f3;
            border-radius:0px;
        }
        .table_price {font-size: 21px; line-height: 26px; color: #585858;}
        
        .tab-rez thead {
            background-color:#e9e9e9;
        }
        .tab-rez .cel-3 {text-align:left; padding-left:40px;}

        .lin12 {
            line-height:140%;   
        }
        .mb24 {
            margin-bottom: 24px;   
        }
        
        .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title {
            padding-right: 0
        }
        
        .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .desc_wrapper {
            text-align: right
        }
        
        .skewY-11 {
            -moz-transform: skewX(0deg) skewY(-11deg);
            -webkit-transform: skewX(0deg) skewY(-11deg);
            -o-transform: skewX(0deg) skewY(-11deg);
            -ms-transform: skewX(0deg) skewY(-11deg);
            transform: skewX(0deg) skewY(-11deg)
        }
        
        .skewY11 {
            -moz-transform: skewX(0deg) skewY(11deg);
            -webkit-transform: skewX(0deg) skewY(11deg);
            -o-transform: skewX(0deg) skewY(11deg);
            -ms-transform: skewX(0deg) skewY(11deg);
            transform: skewX(0deg) skewY(11deg)
        }

        .project {width:48%; margin:0 auto;}

/********************** Direct sect **********************/

.ruk {padding-top:0px;padding-bottom:100px;}

/********************** Site **********************/
.fs17b{font-size:17px;font-weight:600;}
.fa-ul-m {padding-left:34px; list-style-type:none;}
.column_column .fa-ul-m li {margin-bottom:4px; position:relative;}

.price_but {width:100%;text-align:center;margin-bottom:36px;}
.price_but li {display: inline-block; padding: 10px 12px 8px; margin: 0 16px; border: 2px solid #ccc;}
.price_but li:hover {border-color: #afbbc1;}
.price_but li.active {border-color: #484f53;}
.price_but li.active a:hover {text-decoration:none;cursor:default;}
.price_but li a {font-size:21px; color: #ccc;}
.price_but li:hover a {color: #afbbc1;}
.price_but li.active a {color: #484f53;}

#gallery-1 {
	margin: auto
}
#gallery-1 .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%
}
#gallery-1
img {
	border: 2px solid #cfcfcf
}
#gallery-1 .gallery-caption {
	margin-left: 0
}
div.ppt {display: none;}



/********************** Direct **********************/
p.flex {
            display: inline-flex;
        }
        i.smile {
            margin:6px 12px 0px 0;
        }
        i.number {
            margin:3px 12px 0px 0;
        }
        .num_list {margin:-8px 0 15px 26px;}
        h4.bot-m {
            margin:25px 0 9px;
        }
        .days {
            float: left;
            margin: 40px 0 0;
            padding-right: 16px;
            text-align: center;
            width: 40px;
        }
        .skob {
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            border-color: -moz-use-text-color;
            border-image: none;
            border-style: solid none solid solid;
            border-width: 1px medium 1px 1px;
            float: left;
            height: 144px;
            width: 8px;
        }
        .raised {
            position:relative;
            -webkit-box-shadow:0 1px 4px rgba(40, 40, 40, 0.1), 0 0 60px rgba(40, 40, 40, 0.1) inset;
            -moz-box-shadow:0 1px 4px rgba(40, 40, 40, 0.1), 0 0 60px rgba(40, 40, 40, 0.1) inset;
            box-shadow:0 1px 4px rgba(40, 40, 40, 0.1), 0 0 60px rgba(40, 40, 40, 0.1) inset;
            -webkit-box-shadow: 0 15px 10px -10px rgba(90, 90, 90, 0.3), 0 1px 4px rgba(90, 90, 90, 0.2), 0 0 40px rgba(90, 90, 90, 0.1) inset;
            -moz-box-shadow: 0 15px 10px -10px rgba(90, 90, 90, 0.3), 0 1px 4px rgba(90, 90, 90, 0.2), 0 0 40px rgba(90, 90, 90, 0.1) inset;
            box-shadow: 0 15px 10px -10px rgba(90, 90, 90, 0.3), 0 1px 4px rgba(90, 90, 90, 0.2), 0 0 40px rgba(90, 90, 90, 0.1) inset;
        }        
 
        .raised:before,
        .raised:after {
            content:"";
            position:absolute;
            z-index:-2;
        }
            .price_subtitle {font-size:12px; line-height:1.2;}
            .ex2_box {
                background-color:#323e4e;
                padding: 12px 23px 20px;
                color: #fff;
                
                position:absolute;
                bottom: -44px;
                left: 54px;
                -webkit-box-shadow: 0 15px 10px -10px rgba(90, 90, 90, 0.3), 0 1px 4px rgba(90, 90, 90, 0.2), 0 0 40px rgba(90, 90, 90, 0.1) inset;
                -moz-box-shadow: 0 15px 10px -10px rgba(90, 90, 90, 0.3), 0 1px 4px rgba(90, 90, 90, 0.2), 0 0 40px rgba(90, 90, 90, 0.1) inset;
                box-shadow: 0 15px 10px -10px rgba(90, 90, 90, 0.3), 0 1px 4px rgba(90, 90, 90, 0.2), 0 0 40px rgba(90, 90, 90, 0.1) inset;
            }
            .ex2_box p, .ex2_box li {
                color: #fff;
            }

.dir_slid_head {padding-top:40px; padding-bottom:0px; background-color:#323e4e;}
.dir_slid_head h2 {margin:0; color:#fff; position:relative; z-index:99;}


@media only screen and (max-width:380px) {
    
    body:not(.template-slider) #Header {min-height:400px;}
    
    #menu > ul > li > a {font-size: 16px;}
    #Top_bar .menu_wrapper {float:left;}
    .top_but.btn{top:-6px; left:0px;}
    img.scale-with-grid.webm, #Content img.webm {
    margin-left: -43%;
    max-width: 150%;}
    
    h2 {font-size: 36px;}
    h3 {font-size: 28px;}
    .ruk .one-second.column {width:100%;margin: 0 1% 10px;}
    .ex2_box {left:0;bottom:-390px;}
    .ruk {padding-bottom:440px;}

    #Content img.direct_ex1 {max-width:120%;margin-left:-20%;}
    #Content img.direct_ex2 {max-width:120%;margin-left:-10%;}
    
    .dir_slid_head {padding-top:10px;}
    
    .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .desc_wrapper {width:100%;text-align:left;}
    .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .image_wrapper {width:90%;}
    .tab-rez {width:100%;}
    .tab-rez .cel-3 {text-align:center; padding-left:10px; font-size:12px;}
    .one-price.column {width:88%;}
    .offer_thumb.bottom .slider_pagination {margin-top:-50px;}
    .days, .skob {display:none;}
    body:not(.template-slider) #Header {min-height:200px;}
    
    .table_menu td.c1, .table_menu td.c2, .table_menu td.c4{display:block; float:left; width: 90%;}
    .table_menu td.c4{border-top:none; padding:0 10px 20px;}
    .table_menu td.c2{border:none; padding:0 10px;}
    .table_menu td.c1{border-bottom:none;}
    .project {width:82%;}
    
}