/* general */

#wrapper
{
	width:100%;
	position:relative;
	overflow:hidden;
	background:#fff;
}



/* header */

#header
{
    padding: 0 2%;
	margin:0 auto;
	position:relative;
	z-index:30;
}
    .top-bar
    {
        overflow:hidden;
        padding:4px 9999px;
        margin:0 -9999px;

        background:#384346;

        text-align:right;
        font:12px/24px 'Istok Web', Arial, Helvetica, sans-serif;
        color:#fff;
    }
        .top-bar p
        {
            margin:0;
        }
        .top-bar a
        {
            text-decoration:none;
            color:#fff;
            font:bold italic 12px/24px 'Noto Serif', 'Times New Roman', Times, serif;
        }
            .top-bar a [class^="icon-"],
            .top-bar a [class*=" icon-"]
            {
                font-size:14px;
                line-height:20px;
                position:relative;
                top:4px;
            }

        .top-bar a:hover{color:#add4f1;}
        .top-bar .link{margin:0 -3px 0 0;}

    .header-holder
    {
        padding:0;
    }
    .logo
    {
        padding:30px 0 35px;
        margin: 0 79px;
        display: block;

        /*background: url(../img/icon-menu.png) 50% 90% no-repeat;*/

        text-align: center;
    }

    #header a.toggle-menu
    {
        display: none;
        z-index: 9998;
    }

.header-holder .panel{

    width: 100%;
    text-align: center;
	color:#60696b;
	font:24px/33px 'Istok Web', Arial, Helvetica, sans-serif;
}
.header-holder .links-bar{
	font-size:14px;
	line-height:30px;
	display:inline-block;
	vertical-align:top;
	color:#60696b;
}
.header-holder .links-bar ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	margin:0 0 0 17px;
}
.header-holder .links-bar ul li{
	float:left;
	position:relative;
	padding:0 0 0 12px;
	margin:2px 0 0;
}
.header-holder .links-bar ul li:before{
	content:'|';
	position:absolute;
	left:4px;
	top:-1px;
}
.header-holder .links-bar a{color:#60696b;}
.header-holder .links-bar ul li:first-child{padding-left:0;}
.header-holder .links-bar ul li:first-child:before{display:none;}
.header-holder .links-bar strong a{color:#384346;}
.header-holder .links-bar .add-links{text-transform:uppercase;}
.header-holder .links-bar a:hover{text-decoration:underline !important;}

.country-bar
{
    display:inline-block;
    vertical-align:top;
    font:24px/33px 'Istok Web', Arial, Helvetica, sans-serif;
}
    .header-holder .country-bar
    {
        /*display: none;*/
    }

.phone{
	display:inline-block;
	vertical-align:top;
	margin:0 0 0 15px;
}
.phone a{display:none;}
.phone .selected{display: inline;}


#nav
{
	padding:0;
    margin: 0;
	list-style:none;
	clear:right;
    display: none;
    position: absolute;
    top: 178px;
    left: 0;
}
    #nav > li
    {
        float:left;
        width: 100%;
    }
        #nav > li > a
        {
            display:block;
            position:relative;
            padding: 12px 0;

            background:#f8fbfc;
            border-top: 1px solid #deeaf0;
            -webkit-transition: background .3s ease, border .3s ease;
            -moz-transition: background .3s ease, border .3s ease;
            transition: background .3s ease, border .3s ease;

            font:20px/26px 'Istok Web', Arial, Helvetica, sans-serif;
            letter-spacing:-1px;
            text-transform:uppercase;
            color:#384346;
            text-decoration:none;
            text-align: center;
        }
        #nav > li.active > a,
        #nav > li.hover > a
        {
            background:#f8fbfc;
            border-color:#deeaf0;
            border-bottom-color:#f8fbfc;
            z-index:2;
        }
        #nav .mobile-chevron
        {
            display: none !important;
        }
        .nav .mobile-chevron
        {
            position: absolute;
            top: 9px;
            right: 1em;
            display: inline-block;
            width: 15px;
            height: 15px;
            padding: 15px;
            background: url(../img/chevron-right.png) no-repeat 50% 50% transparent;
            cursor: pointer;

            -ms-transform: rotate(0);
            -webkit-transform: rotate(0);
            -moz-transition: rotate(0);
            transform: rotate(0);
        }
            .nav .mobile-chevron.expand
            {
                -ms-transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
                -moz-transition: rotate(90deg);
                transform: rotate(90deg);
            }
        #nav .drop
        {
            display: none;
        }



/* content columns */

.content-columns
{
	overflow:hidden;
	margin:0 0 25px 0;
}
    .content-columns .col
    {
        padding:0 3% 25px 3%;
    }
    .content-columns .subTitle
    {
        font:14px/20px 'Istok Web', Arial, Helvetica, sans-serif;
        color:#c3c6c7;
        text-transform:uppercase;
        margin:0 0 2px;
    }
    .content-columns h1,
    .content-columns h2
    {
        font:21px/26px 'Istok Web', Arial, Helvetica, sans-serif;
        color:#384346;
        letter-spacing:-1px;
        margin:0 0 20px;
    }



.intro-text{
	font-size:16px;
	line-height:22px;
	padding:10px 0 0;
	margin:0 0 24px;
}
.imgs-list{
	margin:40px 0 0;
	padding:0;
	list-style:none;
	font-size:0;
	line-height:0;
}
.imgs-list li{
	display:inline-block;
	vertical-align:middle;
	margin:0 15px 15px 0;
}
.imgs-list img{display:block;}
.btns-list{
	margin:-5px 0 0;
	padding:0;
	list-style:none;
	font-size:12px;
	line-height:18px;
}
.btns-list li{
	display:block;
	position:relative;
	border-top:1px solid #ededed;
}
.btns-list li:first-child{border-width:0;}
.btns-list .icon{
    display: block;
	position:absolute;
	left:0;
	top:50%;
	margin:-31px 0 0;
	width:63px;
	height:63px;
	background:#d7d9da;
	white-space:nowrap;
	font-size:0;
	line-height:0;
	text-align:center;
	border-radius: 50%;
	-webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	transition: background .2s linear;
}
.btns-list .icon:after{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:1px;
	height:100%;
	margin:0 -1px 0 0;
}
.btns-list .icon img{
	display:inline-block;
	vertical-align:middle;
	width:auto;
	max-height:90%
}
.btns-list a{
	display:block;
	position:relative;
	color:#b6b8ba;
	text-decoration:none;
	padding:24px 25px 24px 82px;
}
.btns-list .title{
	display:block;
	font-size:16px;
	line-height:18px;
	font-weight:600;
	color:#384346;
}
.btns-list .icon-chevron-right{
	position:absolute;
	right:0;
	top:50%;
	margin:-15px 0 0;
	font-size:30px;
	line-height:30px;
	color:#d7d9da;
	-webkit-transition: color .3s linear;
	-moz-transition: color .3s linear;
	transition: color .3s linear;
}
.btns-list a:hover .icon-chevron-right{color:#a5aaac;}
.btns-list a:hover .icon{background:#a5aaac;}



/* footer contact section */

.contact-section
{
    padding: 0 3%;

	overflow:hidden;
	font:20px/30px 'Istok Web', Arial, Helvetica, sans-serif;
	text-align:center;
	color:#384346;
	background:#d6d8d9 url(../img/bg-contact-section.png) 50% 0 no-repeat;
}
    .contact-section .holder
    {
        padding:47px 0 26px;
        position:relative;
        z-index:2;
    }
    .contact-section .holder:after
    {
        content:'';
        display:table;
        clear:both;
    }
    .contact-section .bg-img
    {
        display: none;
        /*position:absolute;*/
        /*left:0;*/
        /*top:0;*/
        /*z-index:-1;*/
    }
    .contact-section .country-bar
    {
        display:block;
        font-size:34px;
        line-height:36px;
        text-align:center;
        margin:0 0 9px -15px;
    }
    .contact-section .phone
    {
        display: block;
        margin:0;
    }




.divider-or
{
    font:italic 20px/30px Georgia, 'Times New Roman', Times, serif;
    display:block;
    overflow:hidden;
    text-align:center;
}
.divider-or:before,
.divider-or:after
{
    content:'';
    display:inline-block;
    vertical-align:middle;
    margin:0 8px;
    width:61px;
    height:1px;
    background:#b0b5b6;
}


/* footer */
#footer
{
    max-width: 960px;
	padding:36px 2%;
	overflow:hidden;

    text-align: center;
	font-size:11px;
	line-height:18px;
	color:#b6b8ba;
}
    #footer a
    {
        color:#b6b8ba;
    }
        #footer a:hover
        {
            text-decoration:none;
            color:#fff;
        }

    #footer p
    {
        margin:8px 0 0;
    }
    .footer-section
    {
        width: 100%;
        margin: 54px 0 0;
    }
        .footer-section:first-child
        {
            margin:0;
        }
        .footer-section h2
        {
            margin:0 0 9px;

            font:18px/24px 'Istok Web', Arial, Helvetica, sans-serif;
            text-transform:uppercase;
            color:inherit;
        }
        .footer-section ul
        {
            margin:0;
            padding:0;

            list-style:none;
        }
        .footer-section .col
        {
            width: 100%;
            float: left;
            padding:0 0 30px 0;
            clear: both;
        }
            .footer-section .col.alt
            {
                width:100%;
            }
                .footer-section .col.alt ul
                {

                }

    .social-networks{
        margin:0;
        padding:10px 0 0;
        list-style:none;
        font-size:0;
        line-height:0;
        text-align:center;
    }
    .social-networks li{
        display:inline-block;
        vertical-align:top;
        font-size:34px;
        line-height:34px;
        margin:0 4px 7px;
    }
    #footer .social-networks a,
    .social-networks a{
        display:inline-block;
        vertical-align:top;
        position:relative;
        z-index:2;
        color:#d0d0d0;
        text-decoration:none;
        -webkit-transition: color .3s ease-in-out;
        -moz-transition: color .3s ease-in-out;
        transition: color .3s ease-in-out;
        border-radius: 50%;
    }
    .social-networks a:after{
        content:'';
        position:absolute;
        background:#fff;
        left:5px;
        right:5px;
        top:6px;
        bottom:6px;
        border-radius: 50%;
        z-index:-1;
        visibility:hidden;
        opacity:0;
        -webkit-transition: opacity .3s ease-in-out, visibility .0s ease-in-out 0.3s;
        -moz-transition: opacity .3s ease-in-out, visibility .0s ease-in-out 0.3s;
        transition: opacity .3s ease-in-out, visibility .0s ease-in-out 0.3s;
    }
    .social-networks a:hover:after{
        visibility:visible;
        opacity:1;
        -webkit-transition: opacity .3s ease-in-out;
        -moz-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out;
    }
    .social-networks .icon-linkedin:hover{color:#0e76a8 !important;}
    .social-networks .icon-googleplus:hover{color:#d34836 !important;}
    .social-networks .icon-twitter:hover{color:#1dcaff !important;}
    .social-networks .icon-facebook:hover{color:#3b5998 !important;}
    #footer .social-networks{
        padding:21px 0 0;
    }
    #footer .social-networks li{margin:0 0 7px 7px;}
    .footer-logo{margin:0 0 9px;}
    .footer-logo img{vertical-align:top;}





/* banners */

.page-heading{
    font:20px/22px 'Noto Serif', 'Times New Roman', Times, serif;
    position:relative;
    z-index:2;
    color:#fff;
    background:#009ddc url(../img/bg-page-heading.png) 50% 0 no-repeat;
}
    .page-heading:before{
        content:'';
        position:absolute;
    }
    .page-heading > .holder{
        position:relative;
        padding: 20px 3%;
    }
    .page-heading h2
    {
        font:28px/1 'Noto Serif', 'Times New Roman', Times, serif;
        color:#fff;
        margin:0 0 10px;
    }
    .page-heading p{margin:0;}
    .page-heading .logo-img
    {
        width: 30%;
        height: auto;
        float:right;
        margin:0 0 0 10px;
    }

@media only screen and (min-width: 768px) {


    .page-heading .logo-img
    {
        margin:0 0 0 40px;
        width: auto;
        height: auto;
    }

}



/* content */


.main-holder
{
    padding:36px 2% 33px;
    min-height: 200px;
}
    .main-holder:after
    {
        content:'';
        display:table;
        clear:both;
    }
    .main-holder.alt #content
    {
        padding: 0 3%;
    }
    .main-holder.alt #sidebar
    {
        float:left;
    }

#content
{
    padding: 0 0 100px 0;
}
    #content > h1
    {
        margin:0 0 19px;

        font:36px/1 'Istok Web', Arial, Helvetica, sans-serif;
    }
    #content h2
    {
        font-weight: normal;
    }
    #content h3
    {
        font-weight: normal;
        font-size: 1.4em;
    }
    #content h4
    {
        font-weight: normal;
        font-size: 1.2em;
    }




.breadcrumbs{
	margin:0 0 11px;
	padding:0;
	list-style:none;
	overflow:hidden;
	font:12px/18px 'Istok Web', Arial, Helvetica, sans-serif;
	color:#b6b8ba;
}
.breadcrumbs li{
	display:inline-block;
	vertical-align:top;
	position:relative;
	padding:0 0 0 19px;
}
.breadcrumbs li:first-child{padding-left:0;}
.breadcrumbs li:first-child:before{display:none;}
.breadcrumbs a{
	color:#b6b8ba;
	text-decoration:none;
}
.breadcrumbs a:hover{color:#009ddc;}
.breadcrumbs li:before{
	content:'\f078';
	position:absolute;
	left:5px;
	top:3px;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size:12px;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.posts-list:after,
.post:after{
	content:'';
	display:table;
	clear:both;
}



/* blog */
.post
{
	padding:27px 0 15px;
	margin:0 0 10px;
	border-bottom:1px solid #ededed;
}
    .post:first-child{padding-top:19px;}
    .post .date{
        float:left;
        width:76px;
        padding:3px 19px 0 0;
        text-align:center;
        font:14px/18px 'Istok Web', Arial, Helvetica, sans-serif;
        text-transform:uppercase;
        color:#009ddc;
    }
    .post .date strong{
        display:block;
        margin:0 auto;
        padding:1px 0 0;
        background: url('../img/sprite.png') no-repeat -791px 0;
        width: 52px;
        height: 26px;
        line-height:26px;
        overflow:hidden;
        color:#fff;
    }
    .post .description{overflow:hidden;}
    .post h2{
        font:28px/32px 'Istok Web', Arial, Helvetica, sans-serif;
        margin:0;
    }
    .post h2 a{
        color:#384346;
        text-decoration:none;
    }
    .post h2 a:hover{color:#009ddc;}
    .post .alignleft{
        width:216px;
        height:auto;
        float:left;
        margin:4px 15px 0 0;
    }
    .post p{margin:0;}

    .meta{
        overflow:hidden;
        font-size:11px;
        line-height:15px;
        text-transform:uppercase;
        padding:0 0 12px;
    }
    .meta dl{
        margin:0 12px 0 0;
        padding:0;
        float:left;
        position:relative;
    }
    .meta dl:before{
        content:'|';
        position:absolute;
        left:-8px;
        top:0;
    }
    .meta dl dt,
    .meta dl dd{
        float:left;
        margin:0;
    }
    .meta dl dt{margin:0 5px 0 0;}
    .post-counter{
        display:block;
        text-align:center;
        font-size:14px;
        line-height:20px;
        margin:35px 0 16px;
    }
    .load-more-holder{
        text-align:center;
        margin:0 0 89px;
    }
    .article{padding:17px 0;}
    .article:after{
        content:'';
        display:table;
        clear:both;
    }
    .article h1{
        font:36px/37px 'Istok Web', Arial, Helvetica, sans-serif;
        margin:0;
    }
    .article .date{
        display:block;
        font:12px/19px 'Istok Web', Arial, Helvetica, sans-serif;
        color:#fff;
        margin:0 0 12px;
    }
    .article .date span{
        display:inline-block;
        vertical-align:top;
        background:#384346;
        padding:0 5px;
    }
    .article img{
        max-width:100%;
        height:auto;
        display:block;
        margin:0 0 30px;
        margin:14px auto 25px;
    }


.social-widget{text-align:right;}
.social-widget:after{
	content:'';
	display:table;
	clear:both;
}



/* sidebar */

#sidebar
{
	/*width:270px;*/
    width: 100%;
    margin: 0 auto;
}
    .WidgetHolder{
        margin:0 0 51px;
    }




    .WidgetHolder h3{
        font:22px/30px 'Istok Web', Arial, Helvetica, sans-serif;
        text-transform:uppercase;
        margin:0 0 16px;
    }
    .WidgetHolder .list{
        margin:0;
        padding:0;
        list-style:none;
    }
    .WidgetHolder .list li{
        position:relative;
        padding:0 0 0 15px;
        margin:0 0 17px;
    }
    .WidgetHolder .list li:before{
        content:'\e606';
        position:absolute;
        left:0;
        top:6px;
        width:9px;
        height:9px;
        border-radius: 50%;
        background:#909397;
        color:#fff;
        overflow:hidden;
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        font-size:10px;
        line-height:10px;
        text-shadow:0 0 1px rgba(255,255,255, 1);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .WidgetHolder img{
        max-width:100%;
        height:auto;
    }
    .side-nav ul{
        margin:0;
        padding:0;
        list-style:none;
        font-size:12px;
        line-height:18px;
    }
    .side-nav ul li{margin:0 0 12px;}
    .side-nav ul a{
        position:relative;
        display:inline-block;
        vertical-align:top;
        color:#60696b;
        padding:0 0 0 20px;
    }
    .side-nav ul a:before{
        content:'\f078';
        position:absolute;
        left:4px;
        top:0;
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        font-size:15px;
        line-height: 18px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .side-nav ul a:hover,
    .side-nav ul .active a{
        text-decoration:none;
        color:#009ddc;
    }



/* contact us */

.map-section{
	overflow:hidden;
	font-size:13px;
	line-height:16px;
	text-align:center;
}
    .map-section .box{
        float:left;
        width:100%;
        margin-bottom: 20px;
        border:1px solid #f2f2f2;
        min-height:351px;
    }
    .map-section .map-holder{
        position:relative;
        overflow:hidden;
        height:191px;
        border-bottom:1px solid #f2f2f2;
        margin:0 0 26px;
    }
        .map-section .map-holder iframe
        {
            width: 100%;
        }
    .map-section h2{
        font:24px/30px 'Istok Web', Arial, Helvetica, sans-serif;
        margin:0 0 10px;
    }
    .map-section address{
        display:block;
        padding:0;
        font-style:normal;
    }
    .map-section address span{display:block;}


.contact-block .intro-text{
	font-size:18px;
	line-height:24px;
	margin:0 0 51px;
}
.contact-block:after{
	content:'';
	display:table;
	clear:both;
}
.contact-col{
	float:left;
	width:100%;
}
.address-col{
	float:right;
	width:100%;
	font-size:13px;
	line-height:18px;
	padding:12px 0 0;
}
.address-col address{
	font-style:normal;
	padding:0;
	margin:0 0 24px;
}
.address-col span{display:block;}
.address-col .title{
	font-size:16px;
	line-height:20px;
	margin:0 0 6px;
}
.address-col dl{
	margin:0;
	overflow:hidden;
	color:#767676;
}
.address-col dl dt{
	float:left;
	clear:left;
	font-weight:normal;
	margin:0 5px 0 0;
}
.address-col dl dd{
	margin:0;
	display:block;
	overflow:hidden;
}



/* customer list */

.items-section
{
	margin:30px -6px 66px;
	font-size:13px;
	line-height:16px;
	text-align:center;
	color:#60696b;
}
    .items-section:after{
        content:'';
        display:table;
        clear:both;
    }
    .items-section a{
        color:#60696b;
        text-decoration:none;
    }
    .items-section .box
    {
        float:left;
        width:50%;
        padding:0 6px 12px;
        position:relative;
    }
    .items-section .item{
        display:block;
        position:relative;
        border:1px solid #f3f3f3;
        position:relative;
        background:#fff;
        z-index:2;
        padding:22px 0 5px;
    }
        .items-section .item:before{
            content:'';
            position:absolute;
            left:-1px;
            top:-1px;
            right:-1px;
            bottom:-1px;
            border:1px solid #f3f3f3;
            background:#fff;
            z-index:-1;
            -webkit-transition: all .2s linear;
            -moz-transition: all .2s linear;
            transition: all .2s linear;
        }

    .items-section .img-holder{
        display: block;
        height:145px;
        white-space:nowrap;
        font-size:0;
        line-height:0;
    }
        .items-section .img-holder:after{
            content:'';
            display:inline-block;
            vertical-align:middle;
            height:100%;
            width:1px;
            margin:0 -1px 0 0;
        }
        .items-section .img-holder img,
        .items-section .img-holder canvas {
            display:inline-block;
            vertical-align:middle;
            max-width: 80%;
        }
        .items-section .img-holder img,
        .items-section .hover .img-holder img.grey,
        .items-section .hover .img-holder canvas{
            display: none;
        }
        .items-section .hover .img-holder img,
        .items-section .img-holder img.grey,
        .items-section .img-holder canvas{
            display: inline-block;
        }

    .items-section p{margin:0;}
    .items-section .image-caption{
        opacity:0;
        visibility:hidden;
        -webkit-transition: opacity .2s linear, visibility 0s linear 0.2s;
        -moz-transition: opacity .2s linear, visibility 0s linear 0.2s;
        transition: opacity .2s linear, visibility 0s linear 0.2s;
    }
        .items-section .hover .image-caption{
            -webkit-transition: opacity .2s linear;
            -moz-transition: opacity .2s linear;
            transition: opacity .2s linear;
            opacity:1;
            visibility:visible;
        }

    .items-section .item.hover{z-index:5;}
    .items-section .item.hover:before{
        content:' ';
        text-align:left;
        text-indent:-9999px;
        overflow:hidden;
        background:#f8fbfc;
        box-shadow: 0 0 11px rgba(0,0,0, 0.15);
        left:-21px;
        right:-21px;
        bottom:-21px;
        top:-21px;
    }




/* footer contact columns */

.contact-columns
{
	overflow:hidden;
	text-align:center;
	color:#384346;
}
    .contact-columns .col
    {
        padding:20px;

        background:#e9e9e9 url(../img/bg-contact-columns.png) 0 0 no-repeat;
        background-size: 200%;
    }
    .contact-columns h2
    {
        font:21px/26px 'Istok Web', Arial, Helvetica, sans-serif;
        margin:0 0 12px;
    }
        .contact-columns h2 strong{display:block;}

    .contact-columns .jcf-select.jcf-select-country-select{margin:0;}
    .contact-columns .phone{margin:0 10px 0 0;}





.about-customer{
	font-size:18px;
	line-height:24px;
	color:#767676;
	overflow:hidden;
	background:#f5f5f5 url(../img/bg-about-customer.png) 50% 0 no-repeat;
}
.about-customer .holder{
	max-width:960px;
	margin:0 auto;
	padding:37px 2%;
	position:relative;
	z-index:2;
}
.about-customer .holder:after{
	content:'';
	display:table;
	clear:both;
}
.about-customer .logo-img{
	float:right;
	margin:20px 35px 0 0;
}
.about-customer .bg-image{
	display: none;
}
.about-customer .text-holder{max-width:555px;}
.about-customer h1{
	font:40px/40px 'Noto Serif', 'Times New Roman', Times, serif;
	color:#384346;
	margin:0 0 30px;
}
.about-customer h1 span{
	display:block;
	text-transform:uppercase;
	font:16px/40px 'Open Sans', Arial, Helvetica, sans-serif;
}
.about-customer .breadcrumbs{
	margin-bottom:30px;
	max-width:555px;
}
.about-customer p{margin:20px 0 0;}
.customer-detail-page #content{width:100%;}
.customer-detail-page #sidebar{width:100%;}
.heading-box{
	color:#fff;
	position:relative;
	margin:0 0 20px;
	padding:32px 15px 31px;
	text-align:center;
	background:#009ddc url(../img/bg-heading-box.png) center no-repeat;
}
.heading-box:after{
	content:'';
	position:absolute;
	background: url('../img/sprite.png') no-repeat -681px 0;
	width: 69px;
	height: 13px;
	top:100%;
	left:50%;
	margin:0 0 0 -35px;
}
.heading-box h2{
	font-size:24px;
	line-height:30px;
	color:#fff;
	margin:0;
}
.heading-box h2 span{
	display:block;
	font:italic 18px/24px 'Noto Serif', 'Times New Roman', Times, serif;
}
.heading-box.style-grey{
	color:#384346;
	background:#e9e9e9 url(../img/bg-heading-box-grey.png) center no-repeat;
}
.heading-box.style-grey h2{
	color:#384346;
	font-size:22px;
	line-height:26px;
}
.heading-box h2 strong{display:block;}
.heading-box.style-grey:after{display:none;}
.heading-box .country-bar{margin:10px 0 0;}
.heading-box .country-bar .jcf-select{margin:0 4px;}
.heading-box .country-bar .phone{margin:0;}
.box-list{
	margin:0 0 31px;
	padding:0;
	list-style:none;
	text-align:center;
	background:#fff;
	font-size:13px;
	line-height:18px;
}
.box-list li{
	border:1px solid #f2f2f2;
	margin:0 0 -1px;
	padding:25px 20px 20px;
}
.box-list img{
	display:inline-block;
	vertical-align:top;
	max-width:100%;
	height:auto;
	margin:0 0 16px;
}
.box-list p{margin:0 0 20px;}
.box-list .btn{margin:0;}
.info-block{
	position:relative;
	color:#fff;
	padding:40px 0;
	z-index:2;
	background:#009ddc;
	overflow:hidden;
}
.info-block:before{
	content:'';
	position:absolute;
	background:url(../img/bg-about-customer.png) 50% 0 no-repeat;
	height:298px;
	width:1277px;
	left:50%;
	top:0;
	margin:0 0 0 -638px;
	z-index:-1;
	opacity:0.3;
}
.info-block .holder{
	max-width:960px;
    padding: 0 2%;
	margin:0 auto;
}
.info-block .text-wrap{
	font-size:26px;
	line-height:30px;
}
.info-block .btn-box{
    margin: 0 auto 30px;
    text-align: center;
}
.info-block .btn-box .title{
	display:block;
	font-size:22px;
	line-height:22px;
	font-weight:normal;
	margin:0 0 15px;
	text-indent:12px;
}
.info-block .text-wrap{overflow:hidden;}
.info-block blockquote{
	margin:0 0 20px;
	border:none;
}
.info-block blockquote q{
	font-size:26px;
	line-height:32px;
	font-weight:normal;
	display:block;
	margin: 0 0 5px;
}
.info-block blockquote cite{
	display:block;
	font:13px/20px 'Open Sans', Arial, Helvetica, sans-serif;
}
.content-block{
	overflow:hidden;
	border:1px solid #f3f3f3;
	text-align:center;
	font-size:13px;
	line-height:18px;
	margin:0 0 50px;
}
.content-block .img-col{
	border-right:1px solid #f3f3f3;
    display: block;
    margin: 0 auto 0;
}
.content-block .text-wrap{
	overflow:hidden;
	padding:31px 30px 20px;
	letter-spacing:-0.035em;
}
.content-block img{
	display:block;
    max-width: 100%;
	margin:0 auto 10px;
}
.content-block .img-col img{margin:0 auto;}
.content-block p{margin:0 0 18px;}
.content-block .btn{margin:0;}



/* section boxes (product carousels) */

.section-box{
	margin:0 -9px;
	text-align:center;
}
    .section-box:after{
        content:'';
        display:table;
        clear:both;
    }
    .section-box .box{
        padding:0 9px 18px;
        position:relative;
    }
        .section-box .box .frame{
            position:relative;
            border:1px solid #f2f2f2;
            padding:20px 20px 70px;
            position:relative;
            z-index:2;
            border-radius: 1px;
        }
        .section-box .box .frame:before{
            content:'';
            position:absolute;
            left:-1px;
            top:-1px;
            right:-1px;
            bottom:-1px;
            border:1px solid #f2f2f2;
            border-radius: 1px;
            -webkit-transition: all .2s linear;
            -moz-transition: all .2s linear;
            transition: all .2s linear;
            z-index:-1;
        }
        .section-box .box .frame.hover:before{
            right:-11px;
            top:-11px;
            bottom:-11px;
            left:-11px;
            background:#f8fbfc;
            border-color:#deeaf0;
        }

    .section-box img{
        display:block;
        margin:0 auto 10px;
        max-width:100%;
        height:auto;
    }
    .section-box .btn-holder{
        position:absolute;
        left:0;
        bottom:20px;
        width:100%;
        padding:0 10px;
    }



.description-box
{
	display: block;
	width: 100%;
	text-align: center;
	border:1px solid #f4f4f4;
	margin: 0 0 18px;
}
    .description-box .col
    {
        padding:10px;
    }
    .description-box .btn-col
    {
        padding: 20px;
    }
    .description-box .img-col
    {
        padding:20px 20px 0 20px;
    }
        .description-box .img-col img
        {
            display:block;
            max-width:100%;
            height:auto;
            margin:0 auto;
        }

    .description-box p
    {
        margin: 10px 20px 0 20px;
    }



@media only screen and (min-width: 500px) and (max-width: 767px) {
    .blog .WidgetHolder
    {
        float: left;
        width: 48%;
    }
    .blog .WidgetHolder.CategoriesWidget
    {
        margin-right: 4%;
    }
}


@media only screen and (min-width: 550px)
{
    .map-section .box{
        width:48%;
        margin-right: 4%;
    }
        .map-section .box.even{
            margin-right: 0;
        }
}



@media only screen and (min-width: 768px) {

    /* header */

    #header
    {
        max-width: 960px;
    }
        .top-bar
        {
            padding:8px 9999px;

            font:18px/24px 'Istok Web', Arial, Helvetica, sans-serif;
        }
            .top-bar a
            {
                font:bold italic 14px/24px 'Noto Serif', 'Times New Roman', Times, serif;
            }
                .top-bar a [class^="icon-"],
                .top-bar a [class*=" icon-"]
                {
                    font-size:18px;
                    line-height:18px;
                    position:relative;
                    top:4px;
                }

        #header .logo
        {
            float: left;
        }
        #header .panel
        {
            float:right;
            width: auto;
            margin-top: 40px;
        }
        #header nav
        {
            clear: none;
        }
        .header-holder .btn
        {
            display: inline-block;
            font-size:14px;
            padding:5px 9px 4px;
            margin:0 0 0 7px;
            min-width:0;
        }
        .header-holder
        {
            padding:30px 0 25px;
            height: 135px;
        }
        .logo
        {
            padding: 0;
            float:left;
            width:151px;
            margin:0 20px 0 0;
            position: absolute;
            top: 70px;
            left: 2%;
            background: none;
        }
            .logo img
            {
                display:block;
                width:100%;
                height:auto;
            }

        .header-holder .country-bar
        {
            display: inline-block;
        }


            #nav .drop a:hover{color:#009ddc;}
            #main{
                max-width: 960px;
                margin:0 auto;
                padding: 0 2%;
            }
            #main:after{
                content:'';
                display:table;
                clear:both;
            }



    /* content columns */

    .content-columns
    {
        max-width: 960px;
        margin: 0 auto 43px;
        padding: 0 2%;
    }
        .content-columns .col
        {
            float:left;
            width: 48%;
            padding: 0;
            margin-right: 4%;
        }
            .content-columns .col.alt
            {
                margin-right: 0;
            }


    .items-section .box
    {
        width:25%;
    }


    /* footer contact section */

    .contact-section
    {
        padding: 0;
        margin:0 auto;
    }
        .contact-section .holder
        {
            width:960px;
            padding-left: 2%;
            margin:0 auto;
        }
        .contact-section .bg-img
        {
            display: block;
            position:absolute;
            top:0;
            right:-100px;
            z-index:-1;
        }
        .contact-section .country-bar
        {
            width:538px;
            margin:0 0 9px -15px;
        }
        .contact-section .phone
        {
            display: inline-block;
            margin:0;
        }




    /* footer */

    #footer
    {
        margin:0 auto;

        text-align: left;
    }
        .footer-section
        {
            display: table;
        }
            .footer-section .col
            {
                width: auto;
                float: none;
                clear: none;
                display:table-cell;
                padding:0 5px 0 0;
            }
                .footer-section .col.alt
                {
                    width:44%;
                }
                    .footer-section .col.alt ul
                    {
                        float:left;
                        width:50%;
                        padding:0 10px 0 0;
                    }
        #footer .social-networks{
            float: right;
        }




    /* banners */

    .page-heading
    {
        min-height:282px;
    }
    .page-heading > .holder
    {
        max-width:960px;
        padding:94px 2% 30px;
        margin:0 auto;
    }
    .page-heading h2
    {
        font:46px/1 'Noto Serif', 'Times New Roman', Times, serif;
    }



    /* content */

    .main-holder
    {
        padding:36px 0 33px;
        min-height: 200px;
    }
    #content
    {
        float:left;
        width:66.04166666666667%;
        padding: 0;
    }

    .main-holder.alt #content
    {
        float:right;
        width: 66%;
        padding: 0;
    }




    /* sidebar */

    #sidebar
    {
        float:right;
        width: 28%;
        margin: 0;
    }


    /* footer contact columns */

    .contact-columns
    {
        background:#e9e9e9 url(../img/bg-contact-columns.png) 50% 0 no-repeat;
    }
        .contact-columns .holder
        {
            max-width:960px;
            margin:0 auto;
        }
            .contact-columns .holder:after
            {
                content:'';
                display:table;
                clear:both;
            }

        .contact-columns .col
        {
            float:left;
            width:50%;

            background: none;
        }




    /* section boxes (product carousels) */

    .section-box .box
    {
        width: 25%;
        float: left;
    }
        .section-box.twocolumns .box
        {
            width:50%;
        }


    .description-box
    {
        display:table;
        margin:0 0 30px;
    }
        .description-box .col{
            display:table-cell;
            vertical-align:middle;
            padding:10px 0 10px 40px;
        }
        .description-box .img-col{border-right:1px solid #f4f4f4;}
        .description-box .img-col,
        .description-box .btn-col{
            width:226px;
            height:173px;
        }
        .description-box .img-col img{
            display:block;
            max-width:100%;
            height:auto;
            margin:0 auto;
        }
        .description-box p{margin:15px 0;}


    .customer-detail-page #content{width:58.33333333333333%;}
    .customer-detail-page #sidebar{width:32.60416666666667%;}
}


@media only screen and (min-width: 850px)
{
    .contact-col{
        float:left;
        width: 66%;
    }
        .contact-col.full{
            width: 100%;
        }
    .address-col{
        float:right;
        width: 30%;
        font-size:13px;
        line-height:18px;
        padding:12px 0 0;
    }
}



@media only screen and (min-width: 1000px)
{
    #header
    {
        padding: 0;
    }
    .logo
    {
        left: 0;
    }
    #header .panel
    {
        margin-top: 0;
    }
    #nav
        {
            margin:9px -12px -26px 0;
            display: block;
            top: auto;
            left: auto;
            position: static;
            float: right;
            width: auto;
        }
            #nav > li
            {
                width: auto;
            }
                #nav > li > a
                {
                    width: auto;
                    padding:12px 12px 22px;
                    height: 63px !important;

                    background: none;
                    border:1px solid transparent;
                    border-radius: 1px 1px 0 0;
                    border-bottom-color:#f8fbfc;

                    text-align: left;
                }
                #nav > li.hasChildren > a:after{
                    content:'';
                    display:inline-block;
                    vertical-align:top;
                    font-family: 'icomoon';
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    font-size:24px;
                    line-height: 26px;
                    margin:-2px 0 0 7px;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    color:#9ca1a3;
                }

            #nav .drop{
                display: block;
                position:absolute;
                top:100%;
                margin:-2px 0 0;
                left:-9999px;
                right:-9999px;
                padding:20px 0;
                background:#f8fbfc;
                border: solid #deeaf0;
                border-width:1px 0;
                visibility:hidden;
                opacity:0;
                -webkit-transition: opacity .2s ease, visibility 0s ease 0.2s;
                -moz-transition: opacity .2s ease, visibility 0s ease 0.2s;
                transition: opacity .2s ease, visibility 0s ease 0.2s;
            }
            #nav .hover .drop{
                visibility:visible;
                opacity:1;
                -webkit-transition: opacity .2s ease;
                -moz-transition: opacity .2s ease;
                transition: opacity .2s ease;
            }
            .drop-frame{
                overflow:hidden;
                max-width:960px;
                margin:0 auto;
            }
            .drop-frame .column{
                float:left;
                width:16.666667%;
                font-size:13px;
                line-height:18px;
            }
            .drop-frame .title{
                display:block;
                text-transform:uppercase;
                font:16px/20px 'Istok Web', Arial, Helvetica, sans-serif;
                padding:0 0 15px;
                margin:0 30px 25px 0;
                border-bottom:1px solid #deeaf0;
            }
            .drop-frame ul{
                margin:0;
                padding:0 30px 0 0;
                list-style:none;
            }
            .drop-frame ul li{
                display:block;
                margin:0 0 10px;
            }
            .drop-frame .info-box{
                font-size:11px;
                line-height:16px;
                color:#60696b;
                text-align:center;
                padding:38px 5px;
                border:1px solid #deeaf0;
                background:#fff;
                border-radius: 1px;
            }
            .drop-frame .info-box p{margin:30px 0 0;}
            .drop-frame .info-box img{
                vertical-align:top;
                max-width:100%;
            }
            #nav .drop a{
                display: block;
                padding-bottom: 5px;
                color:#384346;
                text-decoration:none;
            }

    .page-heading > .holder
    {
        padding:94px 0 30px;
    }

    #main{
        padding: 0;
    }

    .content-columns
    {
        padding: 0;
    }
    .contact-section .holder
    {
        padding-left: 0;
    }


    #footer
    {
        padding: 36px 0;
    }


    .map-section .box,
    .map-section .box.even {
        width:23.5%;
        margin-right: 2%;
    }
    .map-section .box.last{
        margin-right: 0;
    }

    .about-customer .holder{
        padding: 37px 0;
    }
    .about-customer .bg-image{
        display: block;
        position:absolute;
        right:-80px;
        top:0;
        z-index:-1;
    }

    .info-block .holder{
        padding: 0;
    }
    .info-block .btn-box{
        float:right;
        width:237px;
        margin:0 0 0 135px;
        text-align: inherit;
    }

    .content-block .img-col{
        float:left;
        width:311px;
        border-right:1px solid #f3f3f3;
    }

}



@media only screen and (max-width: 999px)
{

    #header a.toggle-menu
    {
        z-index: 9999;
        display: block;
        position: absolute;
        top: 63px;
        right: 2%;
    }
}