/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - FONTS */


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - FONTS DIRECTION */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.font-1{font-family: 'Open Sans', sans-serif;} /*https://www.google.com/fonts#UsePlace:use/Collection:Open+Sans 300, 400, 600, 700*/
.font-2{font-family: 'Montserrat', sans-serif;} /*https://www.google.com/fonts#UsePlace:use/Collection:Montserrat 400, 700*/
.font-3{font-family: 'Raleway', sans-serif;} /*https://www.google.com/fonts#UsePlace:use/Collection:Raleway 700*/
.color-1{color: #222;} /*titles and taglines*/
.color-2{color: #f61415;} /*color text*/
.color-3{color: #787878;} /*text in article*/
/*Font Awesome for icons - http://fontawesome.io/icons/*/


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - RESET STYLES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
body *{-webkit-text-size-adjust:none;}
.clear{clear:both; overflow:hidden; height:0px; font-size:0px; display: block;}
input:focus, select:focus, textarea:focus, button:focus {outline: none;}
input, textarea, select{font-family: 'Open Sans', sans-serif; font-weight: 400; -webkit-appearance: none; appearance: none; -moz-appearance: none; border-radius: 0;}
::-webkit-input-placeholder { color: #999; opacity: 1;}
::-moz-placeholder { color: #999; opacity: 1;} /* firefox 19+ */
:-ms-input-placeholder { color: #999; opacity: 1;} /* ie */
input:-moz-placeholder { color: #999; opacity: 1;}
a, a:link, a:visited, a:active, a:hover{cursor: pointer; text-decoration: none; outline: none;}
ul{list-style: none;}
body{font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; line-height: 1; overflow-y: scroll; color: #222; background: #fff;}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - GLOBAL SETTINGS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
#content-block{position: relative; overflow: hidden; opacity: 0;}
#content-block.active{opacity: 1;}
/*table*/
.table-view{height: 100%; width: 100%; display: table;}
.row-view{display: table-row;}
.cell-view{display: table-cell; vertical-align: middle;}
.table{display:table; vertical-align:middle; height:inherit;}
.table .td{display:table-cell; vertical-align:middle;}
.pr-fl{position:relative; float:left;}
/*last child margins*/
#content-block *:last-child, #content-block .fullscreen-popup *:last-child, #content-block .scrolling-popup *:last-child{margin-bottom: 0;}
/*body selection*/
body.stop{overflow-y: hidden;}
body ::selection {color: #fff; background: #f61415;}
body ::-moz-selection {color: #fff; background: #f61415;}
/*nopadding class*/
.nopadding {padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0;}
/*titles*/
.title.style-1{font-size: 14px; line-height: 16px; color: #222; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: 700; position: relative; padding-bottom: 25px; margin-bottom: 25px;}
.title.style-1.size-1{font-size: 20px;}
.title.style-1:after{position: absolute; left: 0; bottom: 0; height: 4px; width: 12px; background: #f61415; content: "";}
.title.style-1 span{color: #f61415;}
/*creative clicks*/
.ripple {position: absolute; background: rgba(0,0,0,.25); border-radius: 100%; transform: scale(0.2); opacity:0; pointer-events: none; -webkit-animation: ripple .75s ease-out; -moz-animation: ripple .75s ease-out; animation: ripple .75s ease-out;}

@-webkit-keyframes ripple {
  from {
    opacity:1;
  }
  to {
    transform: scale(2);
    opacity: 0;
  }
}

@-moz-keyframes ripple {
  from {
    opacity:1;
  }
  to {
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes ripple {
  from {
    opacity:1;
  }
  to {
    transform: scale(2);
    opacity: 0;
  }
}

/*loader*/
#loader-wrapper{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #fff; z-index: 10;}

.loader-wrapper {width: 148px; height: 100px; position: absolute; margin: -50px 0 0 -74px; left: 50%; top: 60%;}
.loader {width: 148px; height: 100px; top: 0; left: 0; position: absolute;}
.loader:after {content: ""; top: auto; position: absolute; display: block; animation: shadow 1.2s infinite linear; -moz-animation: shadow 1.2s infinite linear; -webkit-animation: shadow 1.2s infinite linear; bottom: 0em; left: 0; height: .25em; width: 1em; border-radius: 50%; background-color: #f61415; opacity: 0.3;}
.roller, .roller:last-child {width: 70px; height: 70px; position: absolute; top: 0; left: 0; -webkit-animation: rollercoaster 1.2s infinite linear; -webkit-transform: rotate(135deg); -moz-animation: rollercoaster 1.2s infinite linear; -moz-transform: rotate(135deg); animation: rollercoaster 1.2s infinite linear; transform: rotate(135deg);}
.roller:last-child {left: auto; right: 0; -webkit-transform: rotate(-45deg); -webkit-animation: rollercoaster2 1.2s infinite linear; -moz-transform: rotate(-45deg); -moz-animation: rollercoaster2 1.2s infinite linear;
transform: rotate(-45deg); animation: rollercoaster2 1.2s infinite linear;}
.roller:before, .roller:last-child:before {content: ""; display: block; width: 15px; height: 15px; background: #f61415; border-radius: 50%;}

@keyframes rollercoaster {
  0% {
    transform: rotate(135deg);
  }
  8% {
    transform: rotate(240deg);
  }
  20% {
    transform: rotate(300deg);
  }
  40% {
    transform: rotate(380deg);
  }
  45% {
    transform: rotate(440deg);
  }
  50% {
    transform: rotate(495deg);
    opacity: 1;
  }
  50.1% {
    transform: rotate(495deg);
    opacity: 0;
  }
  100% {
    transform: rotate(495deg);
    opacity: 0;
  }
}
@keyframes rollercoaster2 {
  0% {
    opacity: 0;
  }
  49.9% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -webkit-transform: rotate(-45deg);
  }
  58% {
    -webkit-transform: rotate(-160deg);
  }
  70% {
    -webkit-transform: rotate(-240deg);
  }
  80% {
    -webkit-transform: rotate(-300deg);
  }
  90% {
    -webkit-transform: rotate(-340deg);
  }
  100% {
    -webkit-transform: rotate(-405deg);
  }
}
@keyframes shadow {
  0% {
    opacity: 0.3;
    transform: translateX(65px) scale(0.5, 0.5);
  }
  8% {
    transform: translateX(30px) scale(2, 2);
  }
  13% {
    transform: translateX(0px) scale(1.3, 1.3);
  }
  30% {
    transform: translateX(-15px) scale(0.5, 0.5);
    opacity: 0.1;
  }
  50% {
    transform: translateX(60px) scale(1.2, 1.2);
    opacity: 0.3;
  }
  60% {
    -webkit-transform: translateX(130px) scale(2, 2);
    opacity: 0.05;
  }
  65% {
    transform: translateX(145px) scale(1.2, 1.2);
  }
  80% {
    transform: translateX(120px) scale(0.5, 0.5);
    opacity: 0.1;
  }
  90% {
    transform: translateX(80px) scale(0.8, 0.8);
  }
  100% {
    transform: translateX(60px);
    opacity: 0.3;
  }
}
@-webkit-keyframes rollercoaster {
  0% {
    -webkit-transform: rotate(135deg);
  }
  8% {
    -webkit-transform: rotate(240deg);
  }
  20% {
    -webkit-transform: rotate(300deg);
  }
  40% {
    -webkit-transform: rotate(380deg);
  }
  45% {
    -webkit-transform: rotate(440deg);
  }
  50% {
    -webkit-transform: rotate(495deg);
    opacity: 1;
  }
  50.1% {
    -webkit-transform: rotate(495deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(495deg);
    opacity: 0;
  }
}
@-webkit-keyframes rollercoaster2 {
  0% {
    opacity: 0;
  }
  49.9% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -webkit-transform: rotate(-45deg);
  }
  58% {
    -webkit-transform: rotate(-160deg);
  }
  70% {
    -webkit-transform: rotate(-240deg);
  }
  80% {
    -webkit-transform: rotate(-300deg);
  }
  90% {
    -webkit-transform: rotate(-340deg);
  }
  100% {
    -webkit-transform: rotate(-405deg);
  }
}
@-webkit-keyframes shadow {
  0% {
    opacity: 0.3;
    -webkit-transform: translateX(65px) scale(0.5, 0.5);
  }
  8% {
    -webkit-transform: translateX(30px) scale(2, 2);
  }
  13% {
    -webkit-transform: translateX(0px) scale(1.3, 1.3);
  }
  30% {
    -webkit-transform: translateX(-15px) scale(0.5, 0.5);
    opacity: 0.1;
  }
  50% {
    -webkit-transform: translateX(60px) scale(1.2, 1.2);
    opacity: 0.3;
  }
  60% {
    -webkit-transform: translateX(130px) scale(2, 2);
    opacity: 0.05;
  }
  65% {
    -webkit-transform: translateX(145px) scale(1.2, 1.2);
  }
  80% {
    -webkit-transform: translateX(120px) scale(0.5, 0.5);
    opacity: 0.1;
  }
  90% {
    -webkit-transform: translateX(80px) scale(0.8, 0.8);
  }
  100% {
    -webkit-transform: translateX(60px);
    opacity: 0.3;
  }
}
#loader2:after {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
#loader2 .roller {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}

#loader3:after {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
#loader3 .roller {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
/*buttons*/
.button{font-family: 'Raleway', sans-serif; font-weight: 700; text-transform: uppercase; display: inline-block; margin-bottom: 15px; position: relative; overflow: hidden; text-align: center; border: 2px transparent solid;}
a.button{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.button.style-1{color: #fff; background: #f61415;}
a.button.style-1:hover{background: transparent; border-color: #f61415; color: #222;}
.button.style-2{color: #fff; background: #222;}
a.button.style-2:hover{background: #f61415;}
.button.style-3{background: #999; color: #fff;}
a.button.style-3:hover{background: #fff; border-color: #999; color: #222;}
.button.style-4{border-color: #f61415; color: #222;}
a.button.style-4:hover{background: #f61415; color: #fff;}
.color-background .button.style-4{color: #fff;}
.color-background .button.style-4:hover{color: #fff; background: #f61415;}
.button.size-1{font-size: 11px; line-height: 14px; padding: 22px 35px;}
.button.size-2{font-size: 11px; line-height: 14px; padding: 12px 15px;}
.button.size-3{font-size: 11px; line-height: 14px; padding: 6px 10px;}
@media (max-width: 767px) {
	a.button{display: block;}	
/*	.button.size-1, .button.size-2, .button.size-3{font-size: 11px; line-height: 14px; padding: 12px 10px;}*/
}

/*arrows*/
.arrow{display: inline-block; border: 2px transparent solid; cursor: pointer; overflow: hidden; position: relative;}
.arrow .fa{display: block; text-align: center;}
.arrow.style-1{background: #fff; color: #f61415;}
.arrow.style-1:hover{color: #fff; background: #f61415;}
.arrow.style-2{color: #f61415; border-color: #f61415;}
.arrow.style-2:hover{background: #f61415; color: #fff;}
.arrow.style-3{background: #f61415; color: #fff;}
.arrow.style-3:hover{background: #fff; color: #f61415;}
.arrow.size-1{height: 60px; width: 60px; font-size: 14px;}
.arrow.size-1 .fa{line-height: 56px;}
.arrow.size-2{height: 40px; width: 40px; font-size: 10px;}
.arrow.size-2 .fa{line-height: 36px;}

/*x-buttons*/
.x-button{display: inline-block; border: 2px transparent solid; text-align: center; cursor: pointer; text-transform: uppercase; font-weight: 700; overflow: hidden; position: relative;}
.x-button:before{content: "x";}
.x-button.style-1{background: #f61415; color: #fff;}
.x-button.style-1:hover{background: #f9f8f8; color: #999;}
.x-button.style-2{background: #f9f8f8; color: #999;}
.x-button.style-2:hover{background: #f61415; color: #fff;}
.x-button.size-1{height: 42px; width: 42px; line-height: 38px; font-size: 14px;}
.x-button.size-2{height: 21px; width: 21px; line-height: 17px; font-size: 10px;}

/*form elements*/
.simple-input{width: 100%; padding: 0 20px; line-height: 48px; height: 50px; background: #f9f8f8; border: none; margin-bottom: 30px; color: #222; font-size: 13px; border: 1px transparent solid; position: relative;}
.simple-input:focus{border-color: #dadada;}
.form-entry{margin-bottom: 30px;}
textarea.simple-input{padding: 9px 20px; line-height: 30px; height: 150px;}
.button input{position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: none; opacity: 0;}
#content-block .checkbox-entry{margin: 0 0 10px 0;}
.checkbox-entry input{position: absolute; left: -30px; display: none;}
.checkbox-entry label{font-size: 13px; color: #222; line-height: 17px; display: block; padding-left: 30px; position: relative; cursor: pointer;}
.checkbox-entry label:before{position: absolute; content: ""; left: 0px; top: 0; width: 17px; height: 17px; background-color: #f9f8f8;}
.checkbox-entry.active label:after{background-color: #f61415; width: 7px; height: 7px; position: absolute; content: ""; left: 5px; top: 5px;}
.checkbox-entry.radio label:after, .checkbox-entry.radio label:before{-webkit-border-radius: 9px; border-radius: 9px;}
.select-container select{background: none; padding-right: 0; cursor: pointer; color: #999;}
.select-container{background: #f9f8f8; position: relative; margin-bottom: 30px;}
.select-container .fa{font-size: 10px; color: #f61415; line-height: 48px; width: 70px; text-align: center; position: absolute; top: 0; right: 0;}

/*search form*/
.simple-search-form{position: relative; margin-bottom: 30px;}
.simple-search-form .simple-input{height: 42px; line-height: 40px;}
.simple-search-form .submit-container{position: absolute; width: 42px; height: 42px; top: 0; right: 0; cursor: pointer; z-index: 1;}
.simple-search-form .submit-container .fa{display: block; line-height: 42px; text-align: center; color: #f61415; font-size: 14px;}
.simple-search-form .submit-container:hover .fa{color: #999;}
.simple-search-form .submit-container input[type="submit"]{position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0;}
.simple-search-form.style-2 .simple-input{border-color: #f61415; background: #fff; line-height: 38px; border-width: 2px;}

/*breadcrumb*/
.breadcrumb-box{margin-bottom: 20px; font-size: 0;}
.breadcrumb-box a{font-size: 11px; line-height: 12px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; color: #222; display: inline-block;}
.color-background .breadcrumb-box a{color: #fff;}
.breadcrumb-box a:after{content: "/"; width: 15px; display: inline-block; text-align: center;}
.breadcrumb-box a:last-child:after{display: none;}
#content-block .breadcrumb-box.style-3 a{color:#b6b6b6; font-size:10px;}
#content-block .breadcrumb-box.style-4 a{margin:0px 5px;}
#content-block .breadcrumb-box a:hover, .breadcrumb-box a.active{color: #f61415 !important;}
.breadcrumb-box.style-2 a{font-size: 11px;
    line-height: 14px;
    padding: 6px 10px; background: #f4f4f4; color: #222;}
    .breadcrumb-box.style-2 a:after{display: none;}
#content-block .breadcrumb-box.style-2 a:hover, .breadcrumb-box.style-2 a.active{background: #f61415;
    color: #fff !important;}
.sorting-container{position:relative; float:left; width:100%; margin-top: 35px; margin-bottom: 15px !important; overflow:hidden;}
.sorting-container a, .sorting-container .sorting-item-div{width:25%; overflow:hidden; position:relative; float:left; overflow: hidden; cursor: pointer;}
.sorting-container a img, .sorting-container .sorting-item-div img{position:relative; float:left; width:100%; padding:15px; box-sizing: border-box; backface-visibility: hidden;}
.sorting-container .grid-sizer {width:25%; overflow:hidden; position:relative; float:left;}
.sorting-container a.disabled, .sorting-container .sorting-item-div.disabled{opacity:0.1;}
.sorting-container .white-black{right:15px; left:15px; top:15px; bottom:15px; box-sizing: border-box;}
.sorting-container a:after, .sorting-container .sorting-item-div:after{position: absolute; left: 0px; top: 0px; width: 15px; height: 100%; background: #fff; content: "";}
.sorting-container a .normal, .sorting-container .sorting-item-div .normal{position: absolute; left: 0px; top: 0px; padding: 15px; width: 100%; text-align: center; box-sizing: border-box;}
.sorting-container a .normal, .sorting-container .sorting-item-div .normal{top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); text-align: center;}
.sorting-container a .normal .h4, .sorting-container .sorting-item-div .normal .h4{color: #fff; transform: rotate(90deg) translateY(350px); -webkit-transform: rotate(90deg) translateY(350px); -moz-transform: rotate(90deg) translateY(350px); -o-transform: rotate(90deg) translateY(350px); -ms-transform: rotate(90deg) translateY(350px);}
.sorting-container a .normal p, .sorting-container .sorting-item-div .normal p{font-weight: bold; color: #f61415; padding-bottom: 0px; transform: rotate(-90deg) translateY(-350px); -webkit-transform: rotate(-90deg) translateY(-350px); -moz-transform: rotate(-90deg) translateY(-350px); -o-transform: rotate(-90deg) translateY(-350px); -ms-transform: rotate(-90deg) translateY(-350px);}
.sorting-container a .background-black, .sorting-container .sorting-item-div .background-black{opacity: 0; left: 15px; right: 15px; top: 15px; bottom: 15px; width: auto; height: auto; box-sizing: border-box; display: block;}

.drop-top{display: none;}
@media (min-width: 1199px) {
    .sorting-container a:hover .white-black{opacity:0;}
    .sorting-container a:hover .normal .h4{transform: rotate(0deg) translateY(0px); -webkit-transform: rotate(0deg) translateY(0px); -moz-transform: rotate(0deg) translateY(0px); -o-transform: rotate(0deg) translateY(0px); -ms-transform: rotate(0deg) translateY(0px);}
    .sorting-container a:hover .normal p{transform: rotate(0deg) translateY(0px); -webkit-transform: rotate(0deg) translateY(0px); -moz-transform: rotate(0deg) translateY(0px); -o-transform: rotate(0deg) translateY(0px); -ms-transform: rotate(0deg) translateY(0px);}
    .sorting-container a:hover .background-black{opacity: 1;}
    
    .sorting-container .sorting-item-div:hover .white-black{opacity:0;}
    .sorting-container .sorting-item-div:hover .normal .h4{transform: rotate(0deg) translateY(0px); -webkit-transform: rotate(0deg) translateY(0px); -moz-transform: rotate(0deg) translateY(0px); -o-transform: rotate(0deg) translateY(0px); -ms-transform: rotate(0deg) translateY(0px);}
    .sorting-container .sorting-item-div:hover .normal p{transform: rotate(0deg) translateY(0px); -webkit-transform: rotate(0deg) translateY(0px); -moz-transform: rotate(0deg) translateY(0px); -o-transform: rotate(0deg) translateY(0px); -ms-transform: rotate(0deg) translateY(0px);}
    .sorting-container .sorting-item-div:hover .background-black{opacity: 1;}
}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
    .breadcrumb-box{margin-top: 30px;}
    .sorting-container{margin-top: 5px; margin-bottom: 15px !important;}
}
@media (max-width: 480px) {
    .drop-top{display: inline-block; position: relative; cursor: pointer; margin-left: -25px;}
    .drop-top:after{position: absolute; right: -22px; top: 0px; background: #f61415; color: #fff; font-size: 20px; width: 26px; height: 26px; line-height: 25px; font-weight: 600; content: "+";}
    .drop-top.active:after{content: "-"; line-height: 22px;}
    .drop-mob{display: none;}
    .drop-mob.active{display: block;}
    .drop-mob a{font-size: 0px !important; padding: 0px !important; width: 100%; height: 0px; margin: 0px !important;}
    .drop-mob.active a{font-size:11px !important; padding: 6px 10px !important; height: auto;}
    .sorting-container a{width: 100%;}
    .sorting-container .sorting-item-div{width: 100%;}
}

/*tags-box*/
.tags-box{float:right; position:relative;}
.tags-box b{position:relative; float:left; color:#222222; font-size:14px; font-weight:bold; text-transform:uppercase; height:30px; line-height:30px; padding-right:16px;} 
.tags-box a{position:relative; float:left; background:#f5f5f5; color:#222222; font-size:10px; font-weight:bold; text-transform:uppercase; padding:9px 10px 10px 9px; margin-left:14px;}
.tags-box a.active, .tags-box a:hover{background:#f61415; color:#fff;}

/*twitter-box*/
#content-block .twitter-box{position:relative; float:left; width:100%;}
.twitter-box-thumbs{position:relative; float:left; width:100%; margin-bottom:30px;}
.twitter-box-thumbs .fa{float:left; position:relative; margin-bottom:20px; color:#f61415; font-size:18px;}
.twitter-box-thumbs-in{margin-left:35px; display:block;}
.twitter-box-thumbs .time{float:left; position:relative; color:#222222; font-size:14px; padding-bottom:7px; font-weight:bold;}
.twitter-box-thumbs .info{float:left; position:relative; color:#777777; font-size:14px; line-height:24px;}
.twitter-box-thumbs .info span{color:#f61415;}
.twitter-box-thumbs:hover .info{color:#f61415;}

/*tabs-box*/
#content-block .tabs-box{position:relative; float:left; width:100%; overflow: hidden;}
.tabs-box-in{position:relative; float:left; width:100%; text-align:center; font-size:0px;}
.tabs-box-in:before{position:absolute; left:0px; bottom:0px; width:100%; height:1px; background:#f0f0f0; content:"";}
.tabs-box-in a{position:relative; display:inline-block; background:#fbfbfb; color:#222222; font-size:12px; font-weight:bold; text-transform:uppercase; height:48px; line-height:48px; padding:0px 20px; border:1px solid #f0f0f0; margin-left:-1px;}
.tabs-box-in a:nth-child(1){margin-left:0px;}
.tabs-box-in a:after{position:absolute; left:0px; bottom:-1px; background:#fff; width:100%; height:5px; content:""; opacity: 0;}
.tabs-box-in a:hover, .tabs-box-in a.active{background:#fff; color:#f61415;}
.tabs-box-in a:hover:after, .tabs-box-in a.active:after{opacity: 1;}
.tabs-box-wraper{position: relative; float: left; width: 100%; display: none; opacity: 0; left: -100%; margin-top: 26px;}
.home-services .tabs-box-wraper img{width: 100%;}
.tabs-box-wraper.dblock{display: block;}
.tabs-box-wraper.active{opacity: 1; left: 0px;}
@media (min-width: 991px) {
    .post-small .image-post img{width: 115px;}
}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
    .tabs-box-in a{width: 100%; margin-left: 0px;}
}
@media (max-width: 700px) {
    .post-small .image-post img{width: 100%;}
}

/*tabs-faq*/
.tabs-faq{position: relative; float: left; width: 100%;}
.tabs-faq-thumbs{position: relative; float: left; width: 100%; margin-bottom: 15px;}
.tabs-faq-thumbs article{float: left; margin-top:30px; margin-bottom: 15px !important; display: none;}
.tabs-faq-thumbs-top{position: relative; float: left; width: 100%; background: #f9f8f8; cursor: pointer; padding: 20px 0px; color: #999999; font-size:12px; font-weight: bold; text-transform: uppercase;}
.tabs-faq-thumbs-top .fa{padding-left: 34px; padding-right: 20px; position: relative; float: left;}
.tabs-faq-thumbs-top:hover{background: #f61415; color: #fff;}
.tabs-faq-thumbs-top:hover .fa{transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);  margin-top: -6px;}
.tabs-faq-thumbs.active article{display: block;}
.tabs-faq-thumbs-top.active{background: #f61415; color: #fff;}
.tabs-faq-thumbs-top.active .fa{transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); margin-top: -6px;}
.tabs-faq-thumbs.active .tabs-faq-thumbs-top{background: #f61415; color: #fff;}
.tabs-faq-thumbs.active .tabs-faq-thumbs-top .fa{transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); margin-top: -6px;}

/*post-small*/
.post-small{position: relative; float: left; width: 100%; margin-bottom:26px;}
.post-small .image-post{float: left; position: relative; display: inline-block; background: #000; overflow: hidden;}
.post-small .image-post img{position: relative; float: left;}
.post-small .image-post:hover img{transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1);}
.post-small-in{display: block; margin-left: 150px;}
.post-small-in .info{position: relative; float: left; margin-top: 12px;}
.post-small-in .info a{color: #f61415; font-weight: bold; font-size:12px; margin-right: 11px;}
.post-small-in .info a:hover{color: #222222;}
.post-small-in .category{position: relative; float: left; color: #222222; font-size: 14px; font-weight: bold; line-height: 19px; text-transform: uppercase; margin-top: 14px;}
.post-small-in .category:hover{color: #f61415;}
.post-small-in .date{position: relative; float: left; color: #b6b6b6; font-size: 12px; font-weight: 900; margin-top: 14px;}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
    .post-small-in{position: relative; float: left; margin-left: 0px;}
}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
    .post-small-in .category, .post-small-in .date, .post-small-in .info{width: 100%;}
    
}

/*post-full*/
.post-full{position: relative; float: left; width: 100%; padding-bottom: 90px;}
.full-date{position: relative; float: left; background: #f61415; color: #ffffff; font-size:12px; height: 29px; line-height: 29px; padding: 0px 10px; font-weight: 500; margin-bottom: 20px;}
.post-full .post-full-image{position: relative; float: left; width: 100%; background: #000; overflow: hidden;}
.post-full .post-full-image img{position: relative; float: left; width: 100%;}
.post-full .title a{color: #222222; font-size: 16px;}
.post-full p{padding-bottom: 50px;}
.post-full .pagination{display: none;}
.post-full .swiper-container{width: 100%;}
.post-full-left{position: absolute; left: 30px; top: 50%; margin-top: -30px;}
.post-full-right{position: absolute; right: 30px; top: 50%; margin-top: -30px;}
.post-full article{float: left;}
.post-full .button{position: relative; float: left;}
.post-full .admin{position:relative; float:left; width:100%; color:#999999; font-size:12px; font-weight:300; padding-bottom:20px; margin-bottom:20px;}
.post-full .admin:after{position:absolute; left:0px; bottom:0px; background:#f61415; width:12px; height:4px; content:"";}
.post-full .admin a{color:#333333;}
.post-full .admin.non-after{padding-bottom:10px;}
.post-full .admin.non-after:after{display:none;}
.post-full .title-admin{padding-bottom:0px; margin-bottom:15px; margin-top:25px;}
.post-full .title-admin:after{display:none;}
.post-full iframe{width: 100%;}
.post-full.post-full-small{width:50%; padding-right:15px; box-sizing: border-box;}
.post-full.post-full-small:nth-child(2){padding-right:0px; padding-left:15px;}
.post-full.post-full-small .title{line-height:22px; margin-top:0px;}
.post-full.post-full-small .post-full-small-left{position: absolute; left: 0px; top: 50%; margin-top: -20px;}
.post-full.post-full-small .post-full-small-right{position: absolute; right: 0px; top: 50%; margin-top: -20px;}
.post-full.post-full-small .post-full-small-left.top{top: 121px; margin-top: 0px;}
.post-full.post-full-small .post-full-small-right.top{top: 121px; margin-top: 0px;}
.post-full.post-full-small p{padding-bottom: 0px;}
@media (min-width: 1199px) {
    .post-full .post-full-image:hover img{transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1);}
    .post-full .swiper-container .post-full-image:hover img{opacity: 1;}
    .post-full .title a:hover{color: #f61415;}
    .post-full .admin a:hover{color:#f61415;}
}
@media (max-width: 1199px) {
    .post-full.post-full-small .post-full-small-left.top{top: 105px;}
    .post-full.post-full-small .post-full-small-right.top{top: 105px;}
}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
	.post-full{padding-bottom: 60px;}
    .blog-side-bar .paginator-arrow-left{left: 0px;}
    .blog-side-bar .paginator-arrow-right{right: 0px;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
    .post-full.post-full-small{width:100%; padding:0px !important;}
    .post-full.post-full-small .post-full-small-left.top{top: 50%; margin-top: -120px;}
    .post-full.post-full-small .post-full-small-right.top{top: 50%; margin-top: -120px;}
}
@media (max-width: 480px) {
    .post-full .arrow{display: none;}
    .post-full .pagination{display: block; position: absolute; left: 0px; bottom: 15px;}
}

/*skills*/
.skills-thumbs{position: relative; float: left; width: 100%; margin-bottom: 20px;}
.skills-thumbs .name{position: relative; float: left; color: #222222; font-size: 14px; font-weight: bold; text-transform: uppercase; margin-bottom: 7px; background: #fff; z-index: 1;}
.skills-thumbs .line{position: relative; float: left; width: 100%; height:15px; background: #f9f8f8;}
.skills-thumbs .line-in{position: absolute; left: 0px; top: 0px; width: 0%; height: 15px; background: #f61415;}
.skills-thumbs .line-in span{position: absolute; top: -21px; right: 0px; color: #222222; font-size: 13px; font-weight: bold;}
.skills-thumbs .line-in i{font-style: normal;}
.skills-thumbs:after{position: absolute; left: -30px; top: 0px; content:""; background: #fff; width: 30px; height: 30px;}

/*skills-cirkl*/
.skills-cirkl{background: #fff !important;}
.skills-cirkl .teaser-date{max-width: 100%; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto;}
.skills-cirkl-thumbs{position:relative; float: left; width: 20%; text-align: center;}
.teaser-date .skills-cirkl-thumbs .date-entry{float: none; position:relative; display: inline-block; width: 160px;}
.teaser-date .skills-cirkl-thumbs .date-square{width: 160px; height: 160px;}
.teaser-date .skills-cirkl-thumbs .date-square span{color: #222222; font-size: 35px; letter-spacing: -1px; padding-top: 45px;}
.teaser-date .skills-cirkl-thumbs .date-square p{color: #999999; font-size: 13px; padding-top: 10px;}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
    .skills-cirkl-thumbs{width: 33.333%; padding: 15px 0px;}
    .skills-cirkl.block{padding-top: 0px; padding-bottom: 90px;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
    .skills-cirkl-thumbs{width: 100%;}
}

/*full-gallary*/
.full-gallary{position:relative; width: 100%;}
.full-gallary .bg{position: absolute;}
.full-gallary .data{color: #e6e6e6; font-size: 12px; font-weight: bold; padding-bottom: 17px;}
.full-gallary .block-header .title{margin-bottom:20px;}
.full-gallary .block-header .title a{color: #fff;}
.full-gallary .block-header .title:hover a{color: #f61415;}
.full-gallary .block .container{padding-bottom: 0px;}
.full-gallary-left{position: absolute; left: 0px; top: 50%; margin-top: -30px;}
.full-gallary-right{position: absolute; right: 0px; top: 50%; margin-top: -30px;}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
    
}
/*Phones (<768px)*/
@media (max-width: 480px) {
    .full-gallary{margin-top: 60px;}
    .full-gallary .arrow{display: none;}
    .full-gallary .swiper-container .pagination{display: block !important; position: absolute; left: 0px; bottom: 15px;}
    .full-gallary .swiper-container .pagination .swiper-pagination-switch{display: inline-block !important;}
}

/*gallery-widget*/
.gallery-widget{position:relative; float:left; width:100%;}
.gallery-widget a{position:relative; float:left; margin-right:9px; margin-bottom:10px; background:#000;}
.gallery-widget a img{position:relative; float:left; width: 83px;}
.gallery-widget a:nth-child(4n){margin-right:0px;}
.gallery-widget a:hover img{opacity:0.75;}
@media (max-width: 1199px) {
    .gallery-widget a img{width: 66px !important;}
}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
    .post-small-in{position: relative; float: left; margin-left: 0px;}
    .gallery-widget a{width: 47%; margin-right:3%; margin-left: 0px;}
    .gallery-widget a:nth-child(2n){margin-right: 0px; margin-left: 3%;}
    .gallery-widget a img{width: 100% !important;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
    .gallery-widget a img{width: 100%;}
}

/*citation*/
.citation{position:relative; float:left; width:100%; text-align:center;}
.citation .fa{position:relative; float:left; width:100%; color:#f61415; font-size:20px; padding-bottom:20px;}
.citation article{width:96%; padding-left:2%;}
.citation article b{display:block; text-transform:uppercase; font-weight:bold; padding-top:20px;}
.citation article span{color:#f61415;}
.citation article p{color:#1f1f1f;} 

/*features*/
#content-block .features.block{background: #f5f5f5; padding-bottom: 0px;}
.features .block-header{padding-bottom:60px;}
.features-thumbs{position: relative; float: left; width: 100%; margin-top: 55px; text-align: right;}
.features-thumbs .fa{float: right; color: #f61415; font-size: 21px;}
.features-thumbs .h5-1{margin-right: 25px; display: inline-block;}
.features-thumbs .small{position: relative; float: right; color: #999999;}
.features .col-md-4:nth-child(2) img{position: relative; float: left; width: 100%;}
.features .col-md-4:nth-child(3) .features-thumbs{text-align: left;}
.features .col-md-4:nth-child(3) .features-thumbs .fa{float: left;}
.features .col-md-4:nth-child(3) .features-thumbs .h5-1{margin-right: 0px; margin-left: 25px;}
@media (max-width: 1199px) {
	.col-sm-none{display: none;}
	.features .col-md-4{width:50%; padding-bottom:60px;}
}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
    .col-sm-none{display: none;}
    .features-thumbs{padding-bottom: 0px;}
    .features-thumbs:last-child{padding-bottom: 60px;}
    .media-block.block .h5-1{margin-top: 25px; position: relative; float: left; width: 100%;}
    .home-services .block-header.col-md-8.col-md-offset-2.col-sm-12.col-sm-offset-0{padding-bottom: 0px;}
    .home-services .block-header.col-md-8.col-md-offset-2.col-sm-12.col-sm-offset-0 p{padding-bottom: 0px;}
	.features .block-header{padding-bottom:0px;}
	.tabs-faq{margin-top:60px;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
    .features .col-md-4{width: 100%;}
    .features-thumbs .small{float: left;}
    .features .col-md-4 img{position: relative; float: left; width: 100%;}
    .features .col-md-4 .features-thumbs{text-align: left; width: 100%;}
    .features .col-md-4 .features-thumbs .fa{float: left;}
    .features .col-md-4 .features-thumbs .h5-1{margin-right: 0px; margin-left: 25px;}
}

/*media*/
#content-block .media-block.block{background: #f61415;}
.media-block .block-header{padding-bottom:60px;}
#content-block .media-block.block .title{color: #fff;}
#content-block .media-block.block .button{background: #fff; color: #222222;}
.media-block.block img{position: relative; float: left; width: 100%;}
.media-block.block .h5-1{color: #fff;}
.media-block.block .small{color: #fcc7c5;}
.media-block.block p{padding-bottom: 30px;}
.media-block.block p:last-child{padding-bottom: 0px;}
.media-block.block li:after{background: #fcc7c5;}

/*offer*/
.offer .block-header{padding-bottom:60px;}
.offer p, .offer ul{color: #999999;}
.offer .tabs-box-wraper p:last-child{padding-bottom: 0px;}

/*pricing*/
#content-block .pricing.block{background: #f5f5f5;}
.pricing .block-header{padding-bottom:60px;}
.pricing-type-1 .block-header{padding-bottom:15px;}
.pricing-thumbs{position: relative; float: left; width: 100%; border-left:15px solid #f5f5f5; border-right:15px solid #f5f5f5; box-sizing: border-box; background: #fff; text-align: center; padding-bottom: 30px; margin-top: 40px;}
.pricing-thumbs .pricing-icon{position: absolute; width: 68px; height: 68px; left: 50%; top: -39px; margin-left: -34px; border:5px solid #f5f5f5; border-radius:50px; background: #fff;}
.pricing-thumbs .pricing-icon img{position: relative; float: left;}
.pricing-thumbs .pricing-icon .roll{position: absolute; left: 0px; top: 0px; opacity:0;}
.pricing-thumbs .price{color: #f61415; font-size: 22px; font-weight: bold; display: block; margin-top: 65px;}
.pricing-thumbs .price span{color: #222222; font-size: 11px; display: block; padding-top: 15px;}
.pricing-thumbs .category{display: block; color: #222222; font-size: 16px; text-transform: uppercase; font-weight: bold; margin-top: 30px;}
.pricing-thumbs .small{display: block; margin-top:18px; color: #999999; line-height: 32px; margin-bottom: 25px;}
.pricing-thumbs .small b{font-weight: bold;}
.pricing-left{position: absolute; left: 50%; bottom: 0px; margin-left: -75px;}
.pricing-right{position: absolute; right: 50%; bottom: 0px; margin-right: -75px;}
.pricing .swiper-container{padding-bottom: 107px; text-align: center;}
.pricing-image{position: relative; float: left; width: 100%; margin-top: 30px; margin-bottom: 20px;}
.pricing-image img{position: relative; float: left; width: 100%;}
.pricing p{line-height: 24px; position: relative; padding: 0px 5%; width: 100%; display: block;}
.pricing ul.con{padding-top: 10px;}
.pricing ul.con li{padding-left: 0px;}
.pricing ul.con li:after{display: none;}
.pricing ul.con li:before{position: relative; display: inline-block; width: 14px; height: 10px; background:url(../img/check-icon.png) no-repeat; padding-right: 20px; content: "";}
.pricing .pricing-thumbs:hover ul.con li:before{background:url(../img/check-icon-wh.png) no-repeat;}
.testimonials .title{font-size:36px !important;}
@media (min-width: 1199px) {
	.pricing-thumbs:hover{background: #f61415;}
	.pricing-thumbs:hover .pricing-icon{background: #f61415;}
	.pricing-thumbs:hover .pricing-icon img{opacity: 0;}
	.pricing-thumbs:hover .pricing-icon .roll{opacity: 1;}
	.pricing-thumbs:hover .category{color: #fff;}
	.pricing-thumbs:hover .price{color: #fff;}
	.pricing-thumbs:hover .price span{color: #fcc7c5;}
	.pricing-thumbs:hover .small{color: #fcc7c5;}
	.pricing-thumbs:hover .button{background: #fff !important; color: #222222 !important; border-color: #fff !important;}	
}
/*Desktops (≥992px)*/
@media (max-width: 1199px) {
    .pricing .pagination{display:none;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
}
@media (max-width: 480px) {
    .pricing .arrow{display: none;}
    .pricing .pagination{display: block !important; position: absolute; left: 0px; bottom: 15px;}
    .pricing .swiper-pagination-switch{display: inline-block !important;}
    .pricing .swiper-container{padding-bottom: 60px;}
    .pricing{padding-bottom: 43px !important;}
    .testimonials.new-block .swiper-container, .testimonials.new-block .swiper-wrapper, .testimonials.new-block .swiper-slide{height: auto !important;}
}
/*about-me*/
.about-me.block{padding-top: 60px;}
.about-me .col-md-3{text-align: left;}
.about-me .col-md-3 .info{font-size: 14px; color: #999999; line-height: 36px;}
.about-me .col-md-3 .info b{font-weight: bold; text-transform: uppercase; color: #222222;}
.about-me .col-md-3 .h5-1{margin-bottom: 10px;}
.about-me .social-box{margin-top: 15px;}
.about-me .button{margin-top: 29px;}
.about-me .button .fa{font-size:18px; padding-right: 10px; backface-visibility: hidden;}
.about-me .col-md-5{text-align: left;}
.about-me .col-md-5 article{position: relative; float: left; padding-top: 0px; left: 0px; width: 100%;}
.about-me .col-md-5 p{color: #999999; line-height: 30px; font-size: 14px;}
.about-me .col-md-5 .h5-1{margin-bottom: 10px;}
.about-type-5 .social-box a{margin-top:25px !important;}
.about-me .block-type-5 .col-md-4 img{width: 100%;}
@media (max-width: 1199px) {
    .about-me .block-type-5 .col-md-4 img{width: 100%;}
}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
    .about-me .col-md-4 img{width: 100%;}
    .about-me .col-md-5{padding-top: 25px;}
    .about-me.block{padding-top: 30px; padding-bottom: 20px;}
	.about-type-5 p{padding-bottom:0px !important;}
	.about-type-5 .social-box a{margin-bottom:30px !important;}
	.about-type-5 .col-md-4:last-child .social-box a{margin-bottom:0px !important;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
    .about-page.new-block .swiper-container, .about-page.new-block .swiper-wrapper, .about-page.new-block .swiper-slide{height:auto !important;}
	.about-page .sample-banner .swiper-slide .title{font-size:38px;}
}

/*progress-points*/
.progress-points .col-md-3{text-align: center;}
.progress-points .col-md-3 .fa{font-size: 35px; color: #fff; display: block; padding-bottom: 30px;}
.progress-points .col-md-3 .number{color: #f61415; font-size: 36px; font-weight: bold; display: block; padding-bottom: 30px;}
.progress-points .col-md-3 .category{color: #ffffff; font-size: 16px; text-transform: uppercase; font-weight: bold; display: block;}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
    .progress-points .col-md-3{padding:15px;}
}

/*progress-points*/
.resume{border-bottom:1px solid #f3f3f3;}
.resume-titel .fa{position: relative; float:left; color: #f61415; font-size: 45px; margin-right: 35px;}
.resume-titel .h4{position: relative; float: left; line-height: 40px;}
.resume-thumbs{position: relative; float: left; width: 100%; padding-left: 65px; box-sizing: border-box;}
.resume-thumbs .data{position: relative; float: left; font-weight: 500; background: #f61415; font-size: 12px; color: #fff; text-transform: uppercase; padding: 9px 10px;}
.resume-thumbs article{position: relative; float: left; margin-top: 27px;}
.resume-thumbs p{color: #999999; padding-bottom: 50px;}
.resume-wrap .resume-thumbs:last-child p{padding-bottom: 0px;}
.resume-thumbs:before{position: absolute; left: 35px; top: 14px; background: #ededed; width: 30px; height: 1px; content: "";}
.resume-thumbs:after{position: absolute; left: 31px; top: 10px; background: #f61415; width:8px; height:8px; border-radius: 10px; content: "";}
.resume-wrap{position: relative; float: left; width: 100%; padding-top:25px; margin-top: 30px;}
.resume-wrap:before{position: absolute; left: 34px; top: 0px; width: 1px; height: 100%; background: #ededed; content: "";}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
    .resume .skills .col-md-6:nth-child(2) .resume-titel{padding-top: 60px; position: relative; float: left;}
}

/*my-works*/
.my-works-slider{position: relative; width: 100%; text-align: center; margin-top: 60px;}
.my-works-slider .my-works-image{position: relative; float: left; width: 100%; margin-bottom: 30px;}
.my-works-slider .my-works-image img{position: relative; float: left; width: 100%;}
.my-works-slider .filter{position: relative; float: left; width: 100%; color: #f61415; font-size: 12px; text-transform: uppercase; font-weight: bold; margin-bottom: 12px;}
.my-works-slider .category{position: relative; float: left; width: 100%; color: #222222; font-size: 14px; text-transform: uppercase; font-weight: bold;}
.my-works-slider .my-works-slider-left{position: absolute; left: 0px; top: 50%; margin-top: -48px;}
.my-works-slider .my-works-slider-right{position: absolute; right: 0px; top: 50%; margin-top: -48px;}
.my-works .block-header .title{margin-bottom: 25px;}
.my-works .breadcrumb-box a{margin: 0px 5px;}
.my-works .title{margin-bottom:35px !important;}
@media (min-width: 1199px) {
    .my-works-slider .my-works-image:hover{transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8);}
    .my-works-slider .category:hover{color:#f61415;}
}
/* Tablets (≥768px)*/
@media (max-width: 1199px) {
    .my-works-slider .my-works-slider-left{margin-top: -95px;}
    .my-works-slider .my-works-slider-right{margin-top: -95px;}
}

/*comments*/
.comments{position:relative; float:left; width:100%;}
.comments:before{position:absolute; left:71px; top:5px; width:1px; height:98%; background:#ededed; content:"";}
.comments-thumbs{position:relative; float:left; width:100%; margin-bottom:50px;}
.comments-thumbs-image{position:relative; float:left; overflow:hidden; border-radius:150px; padding-top:4px; padding-bottom:4px;}
.comments-thumbs-image img{position:relative; float:left; border-radius:150px;}
.comments-thumbs-image:before{position:absolute; left:50%; top:0px; margin-left:-4px; width:8px; height:8px; border-radius:50px; background:#f61415; content:""; z-index:1;}
.comments-thumbs-image:after{position:absolute; left:50%; bottom:0px; margin-left:-4px; width:8px; height:8px; border-radius:50px; background:#f61415; content:"";}
.comments-thumbs:first-child .comments-thumbs-image:before{display:none;}
.comments-thumbs:last-child .comments-thumbs-image:after{display:none;}
.comments-thumbs-wrap{margin-left:180px;}
.comments-thumbs-wrap .date{position:relative; float:left; width:100%; color:#b6b6b6; font-size:12px; font-weight:bold; padding-bottom:22px;}
.comments-thumbs-wrap .date span{position:relative; float:left; line-height:18px; height:18px;}
.comments-thumbs-wrap .fa{position:relative; float:left; line-height:18px; height:18px; color:#e5554e; font-size:20px; padding-right:10px;}
.comments-thumbs-wrap .name{position:relative; float:left; width:100%; color:#222222; font-size:14px; font-weight:bold; text-transform:uppercase; margin-bottom:15px;}
.comments-thumbs-wrap .name:hover{color:#f61415;}
.comments-thumbs-wrap .small{position:relative; float:left; width:100%; margin-bottom:15px; color:#979797;}
.comments-thumbs-wrap .replay{position:relative; float:left; color:#f61415; font-size:11px; font-weight:bold; text-transform:uppercase; height:15px; line-height:15px;}
.comments-thumbs-wrap .replay .fa{font-size:16px; height:15px; line-height:15px;}
.comments-thumbs-wrap .replay:hover{color:#222222;}
.comments-thumbs-wrap .replay:hover .fa{color:#222222;}
.comments-thumbs.comments-sub{padding-left:180px; box-sizing: border-box;}
.comments-thumbs.comments-sub .comments-thumbs-image{padding-left:4px;}
.comments-thumbs.comments-sub:after{position:absolute; left:71px; top:50%; margin-top:-10px; width:110px; height:1px; background:#ededed; content:"";}
.comments-thumbs.comments-sub .comments-thumbs-image:after{display:none;}
.comments-thumbs.comments-sub .comments-thumbs-image:before{left:0px; margin-left:0px; top:50%; margin-top:-4px;}
.comments-title{position: relative; float: left; font-size: 22px !important; margin-bottom: 40px !important;}
.comments-title span{padding-left: 15px;}
@media (max-width: 1199px) {
    .comments-thumbs.comments-sub:after{margin-top: -35px;}
}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
    .comments-thumbs.comments-sub{padding-left:68px;}
	.comments-thumbs.comments-sub:after{display:none;}
}
/*Phones (<768px)*/
@media (max-width: 480px) {
    .comments-thumbs-wrap{position:relative; float:left; width:100%; margin-left:0px; margin-top:20px;}
	.comments-thumbs.comments-sub{padding-left:0px;}
	.comments:before, .comments-thumbs-image:before, .comments-thumbs-image:after{display:none;}
}

/*clients*/
.clients{background: #f61415 !important; padding: 60px 0px; text-align: center; margin-bottom: 65px;}
.clients .client-thumbs{position: relative; display: inline-block; opacity:0.8;}
.clients .client-thumbs img{position: relative; float: left;}
.clients .client-thumbs:hover{opacity: 1;}
.clients .pagination{display: none;}
.clients .container{padding-bottom:0px !important;}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
    .clients{margin-bottom: 60px;}
}

/*sample slider*/
.sample-slider{margin: 0 -15px;}
.sample-slider .slide-align{padding: 0 15px;}
.one{padding-bottom: 0px !important;}
.one .sample-slider{position: relative; float: left; width: 100%; margin: 0px;}
.one .sample-slider .slide-align{padding: 0px; position: relative; float: left; width: 100%;}
.one .sample-slider .slide-entry{width:100%; max-width: 100%;}
.one .sample-slider .slide-entry .thumbnail-image{width:100%; max-width: 100%;}
.sample-slider .slide-entry{max-width: 270px; margin: 0 auto; position: relative;}
.sample-slider .slide-entry:before{background: url(../img/slide-entry-shadow.png); height: 111px; position: absolute; left: 0; bottom: 0; content: ""; width: 100%; z-index: 1;}
.sample-slider .slide-entry .thumbnail-image{max-width: 100%; height: auto; display: block; position: relative;}
.sample-slider .description-container{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 10px #f61415 solid; background: #fff; opacity: 0; z-index: 2;}
.sample-slider .description-container .cell-view{width: 500px; height: 500px;}
.sample-slider .description-container .vertical-align{position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); padding: 0 15px; overflow: hidden;}
.sample-slider .description-title{font-size: 18px; line-height: 26px; color: #222; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-bottom: 15px; display:block; margin-bottom:5px;}
.sample-slider .description-text{font-size: 13px; line-height: 24px; color: #999; margin-bottom: 15px;}
.sample-slider .title.style-1, .sample-slider .description-title, .sample-slider .description-text{transform: translateX(-100px); -moz-transform: translateX(-100px); -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); opacity: 0;}
.sample-slider .bottom-title{position: absolute; padding: 0 20px 15px 20px; left: 0; bottom: 0; width: 100%; font-size: 14px; line-height: 22px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; z-index: 2;}
.news-swiper{padding-bottom: 0px !important;}
.news-swiper .pagination{margin-top: 38px;}
@media (min-width: 1199px) {
	.sample-slider .slide-entry:hover .description-container{opacity: 1;}
	.sample-slider a.description-title:hover{color: #f61415;}
	.sample-slider .slide-entry:hover .title.style-1, .sample-slider .slide-entry:hover .description-title, .sample-slider .slide-entry:hover .description-text{transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); opacity: 1;}
}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
	.sample-slider .description-container .title.style-1{padding-bottom: 15px; margin-bottom: 15px;}
	.sample-slider .description-title, .sample-slider .description-text{margin-bottom: 5px;}
    .news-swiper{padding-top: 60px;}
    .one .sample-slider .col-md-3:nth-child(1) .slide-align{width: 48%; margin-right: 2%;}
    .one .sample-slider .col-md-3:nth-child(2) .slide-align{width: 48%; margin-left: 2%;}
    .one .sample-slider .col-md-3:nth-child(3) .slide-align{width: 48%; margin-right: 2%;}
    .one .sample-slider .col-md-3:nth-child(4) .slide-align{width: 48%; margin-left: 2%;}
    .one .slide-align{margin-bottom: 30px !important;}
    .one .col-md-3:nth-child(3) .slide-align{margin-bottom: 0px !important;}
    .one .col-md-3:nth-child(4) .slide-align{margin-bottom: 0px !important;}
	.index-classic-about .title{margin-bottom:30px !important;}
	.classic-baner.swiper-container, .classic-baner .swiper-wrapper, .classic-baner .swiper-slide{height:auto !important;}
}
/*Phones (<768px)*/
@media (max-width: 480px) {
    .one .sample-slider .slide-align{width: 100% !important; margin-left: 0px !important; margin-right: 0px !important;}
    .one .col-md-3:nth-child(3) .slide-align{margin-bottom: 30px !important;}
}

/*SLIDER "TYPE 1"*/
.slider-type-1{overflow: hidden;}
.slider-type-1 .slide-in{position: relative; float: left; width: 100%;}
.slider-type-1 .slide-in img{position: relative; float: left; width: 100%;}
.slider-type-1 .pagination{display: none;}
.slider-type-1 .arrow{position: absolute; top: 50%; margin-top: -20px;}
.slider-type-1 .arrow i:before{color: #fff;}
.slider-type-1 .slider-type-1-arrow-left{left: -50px;}
.slider-type-1 .slider-type-1-arrow-right{right: -50px;}
.slider-type-1 .content-wrap{position: absolute; left: 15%; top: 0px; width: 70%; height: 100%; transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); opacity: 0;}
.slider-type-1 .content-wrap-in{display: table; vertical-align: middle; height: 100%;}
.slider-type-1 .content-wrap article{display:table-cell; vertical-align: middle; text-align: center; color: #fff;}
.slider-type-1 .button{color: #fff;}
.slider-type-1 .background-black{opacity: 0;}

.slider-type-1:hover .slider-type-1-arrow-left{left: 30px;}
.slider-type-1:hover .slider-type-1-arrow-right{right: 30px;}
.slider-type-1:hover .content-wrap{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); opacity: 1;}
.slider-type-1:hover .background-black{opacity: 1;}

/* Tablets (≥768px)*/
@media (max-width: 991px) {
    .slider-type-1{padding-bottom: 30px;}
    
    .slider-type-1 .slider-type-1-arrow-left{left: 30px;}
    .slider-type-1 .slider-type-1-arrow-right{right: 30px;}
    .slider-type-1 .content-wrap{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); opacity: 1;}
    .slider-type-1 .background-black{opacity: 1;}
}

/*Phones (<768px)*/
@media (max-width: 767px) {
    .slider-type-1 .content-wrap{width: 60%; left: 20%;}
    .slider-type-1 .slider-type-1-arrow-left{left: 0px !important;}
    .slider-type-1 .slider-type-1-arrow-right{right: 0px !important;}
}

/*background*/
.bg{position:fixed; left:0px; top:0px; width:100%; height:100%; overflow:hidden; background-position: 50% 50%; background-repeat: no-repeat; background-position: 50% 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:fixed; background-attachment:scroll;}
.bg img{position:absolute;}
.bg video{position:absolute;}
.swiper-container .bg{position: absolute;}
.swiper-container.no-pagination .pagination{display: none;}
.clip{clip: rect(auto, auto, auto, auto); height: 100%; position: absolute; width: 100%; left: 0px; top: 0px;}
.background-black{position: absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.white-black{position: absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(255,255,255,0.1);}
@media (max-width: 1200px) {
    .bg{position: absolute;}
}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
    .swiper-container.no-pagination .pagination{display: block; position: absolute; left: 0px; bottom: 15px;}
    .swiper-container.no-pagination .arrow{display: none;}
}

/*paginator*/
.paginator{position:relative; padding:0px; padding-bottom:90px;}
.paginator .button{padding: 7px 10px 5px 10px;}
.paginator-center{position:relative; text-align:center; font-size:0px;}
.paginator-center a{position:relative; display:inline-block; color:#999999; font-size:11px; font-weight:900; margin:0px 2px; padding:0px 12px; height:28px; line-height:28px;}
.paginator-center a:hover,.paginator-center a.active{background:#f61415; color:#fff;}
.paginator-center span{position:relative; display:inline-block; cursor:pointer;}
.paginator-center span img{position:relative; float:left; margin-top:4px;}
.paginator-arrow-left{position:absolute; left:0px; top:0px;}
.paginator-arrow-left i{padding-right:10px; font-size:11px;}
.paginator-arrow-right{position:absolute; right:0px; top:0px;}
.paginator-arrow-right i{padding-left:10px; font-size:11px;}
/*Desktops (≥992px)*/
@media (max-width: 1199px) {
    .paginator-arrow-left{left: 0px;}
    .paginator-arrow-right{right: 0px;}
    .paginator{padding-bottom: 60px;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
    .paginator{padding-bottom: 35px !important;}
}
@media (max-width: 480px) {
    .paginator-arrow-left{top:0px;}
	.paginator-arrow-right{top:0px;}
    .paginator-center a{display: none;}
    .paginator-center a.active{display: inline-block;}
}

/*map*/
.map-canvas{position:relative; display:block; padding-top:28px;}
.map-canvas.no-pad{padding-top:0px;}
#map-canvas{height: 500px; background: #fff;} 
/* Tablets (≥768px)*/
@media (max-width: 991px) {
	.map-canvas{padding-top: 50px;}
}

/*typography*/
article{position: relative; width: 100%;}
article p{padding-bottom: 25px;}
.h1 span, .h2 span{color: #f61415;}
.h1{font-size: 72px; line-height: 72px; font-weight: bold; text-transform: uppercase; margin: 0px; margin-bottom: 25px;}
.h2{font-size: 36px; font-weight: bold; text-transform: uppercase; margin: 0px; margin-bottom: 35px;}
.h4{font-size: 22px; font-weight: bold; text-transform: uppercase; margin: 0px; margin-bottom: 25px;}
.h5-1{font-size: 16px; line-height: 22px; font-weight: 800; text-transform: uppercase; margin-bottom: 20px;}
.h5{font-size: 18px; font-weight: bold; text-transform: uppercase; margin: 0px; margin-bottom: 20px;}
.h6{font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 0px; margin-bottom: 20px;}
.block-name{position: relative; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #f61415; padding-bottom: 25px; margin-bottom: 25px; display: block;}
.block-name:after{position: absolute; left: 0px; bottom: 0px; width: 12px; height: 4px; background: #f61415; content: "";}
.small{font-size:13px; line-height:24px;}
.normal{font-size: 14px; line-height: 24px;}
.big{font-size: 16px; line-height: 30px; font-weight:500;}
ul.con li{padding-left:13px; position:relative;}
ul.con li:after{position:absolute; left:0px; top:50%; margin-top:-2px; background:#f61415; width:3px; height:3px; border-radius:15px; content:"";}

/*Desktops (≥992px)*/
@media (max-width: 1199px) {
    .h2{font-size: 32px;}
    .h4{font-size: 18px;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.h1{font-size:50px; line-height:50px;}
	.h1 br{display:none;}	
}
@media (max-width: 480px) {
    .h1{font-size: 33px !important;}
}



/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - HEADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
header{position: fixed; left: 0; top: 0; width: 100%;  z-index: 5; -webkit-backface-visibility: hidden;}
header.style-1 .header-content{border-bottom: 1px #f4f4f4 solid;}
header.pos{position: absolute;}
.fixed-navigation{display:table-cell; vertical-align:middle;}
.test-header-wrapper{background-size: cover; background-position: center center;}
.test-header-wrapper header{position: relative; z-index: 0;}
#content-block{padding-top: 121px;}
#content-block.classic-header{padding-top: 0px;}
#content-block.classic-header .block.paddings-small{padding-top: 0px;}
header.style-1{background: #fff;}
.header-content{padding:40px 0px; position: relative; display:table; vertical-align:middle;}
header.move-meny{position: fixed;}
header.move-meny:before{position: absolute; left: 0px; top: -100%; width: 100%; height: 100%; background: #fff; content: "";}
header.move-meny.active:before{top: 0px;}
header.move-meny.active ul a{color: #000;}
header.move-meny.active .fa-chevron-down:before{color: #b9b9b9;}
header.move-meny.active .menu-button span{background: #000;}
header.move-meny.active .navigation-cart .title{color:#292929;}
header.small .header-content{padding: 18px 0px !important;}
#logo{display: table-cell; vertical-align:middle;}
#logo img{display: block; max-width:231px; width: auto; float: left;}
.navigation-content{display:table-cell; vertical-align:middle; width:100%;}
.navigation-cart{display:table-cell; vertical-align:middle; width: 220px; border-left: 1px #f4f4f4 solid; position: relative;}
.navigation-cart .price{float: right; line-height: 30px; font-size: 14px; color: #f61415; font-family: 'Raleway', sans-serif; font-weight: 700;}
.navigation-cart .number{float: right; margin-right: 10px; line-height: 30px; position: relative; padding-right: 14px;}
.navigation-cart .number span{width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; background: #b8b8b8; color: #fff; font-size: 12px; font-family: 'Raleway', sans-serif; font-weight: 700; color: #fff; display: inline-block; position: relative; top: -2px;}
.navigation-cart:hover .number span{background: #f61415;}
.navigation-cart .number img{position: absolute; top: 2px; right: 0;}
.navigation-cart .title{float: right; font-size: 11px; color: #292929; text-transform: uppercase; line-height: 30px; margin-right: 10px;}
.navigation-menu{display:table; vertical-align:middle; width:100%;}
.no-cart{border-bottom: 0px; position: absolute;}
.no-cart .navigation-menu{margin-right: 0;}
.navigation-search-on{display:table-cell; vertical-align:middle;}
.navigation-search{float:right; position:relative; width: 30px; height: 30px; margin-right: 15px; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; background: #b8b8b8; cursor: pointer; color: #fff; font-size: 12px; overflow: hidden;}
.navigation-search i{width: 30px; height: 30px;}
.no-cart .navigation-search{margin-right: 0;}
.navigation-search .fa{line-height: 30px; display: block; position: relative; top: -1px;}
nav{font-size: 0; position: relative;}
nav > ul{float: right;}
nav li{float: left; margin-right: 20px; position: relative;}
nav li a{font-size: 13px; font-family: 'Raleway', sans-serif; font-weight: 700; color: #000; line-height: 40px; text-transform: uppercase; display: inline-block;}
nav li li a{font-size: 11px;}
nav li .fa{color: #b9b9b9; font-size: 10px; margin-left: 3px; vertical-align: middle; position: relative; top: -5px;}
.submenu-container{position: absolute; top: 100%; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); padding: 25px 10px; display: none; background-color: #fff; border: solid 5px #e6e6e6;}
.submenu-container ul, .submenu-container li{backface-visibility: hidden;}
nav>ul>li>.fa{}
nav li:hover{z-index: 1;}
nav li:hover a, #content-block nav li a.active{color: #f61415;}
.submenu-container ul{float: left; width: 170px;}
.submenu-container ul li{float: none; margin-right: 0;}
.submenu-container ul a{font-family: 'Open Sans', sans-serif; font-weight: 400; display: block; line-height: 18px; padding: 9px 25px 9px 15px; font-size: 12px;}
.submenu-container ul a b{font-weight: 700;}
.submenu-container.size-1{width: 212px;}
.submenu-container.size-2{width: 382px;}
.submenu-container.size-3{width: 552px;}
.submenu-container.size-4{width: 722px;}
.submenu-container .fa{position: absolute; top: 12px; line-height: 18px; right: 5px; color: #fff; background: url(../img/meny-arrow.png) no-repeat; width: 6px; height: 9px;}
.submenu-container .fa:before{display: none;}
#content-block .submenu-container .submenu-container{position: absolute; display: none; top: 0; left: 100%; transform: translateX(0%); -moz-transform: translateX(0%); -webkit-transform: translateX(0%); -ms-transform: translateX(0%);}
nav li:hover li a{color: #000;}
nav li li:hover a{color: #f61415;}
nav li li:hover li a{color: #000;}
nav li li li:hover a{color: #f61415;}
.menu-header, .menu-button{display: none;}
/*header style 2*/
header.light-text nav>ul>li>a, header.style-4 nav>ul>li>a{color: #fff;}
header.light-text nav>ul>li:hover>a{color: #f61415;}
header.light-text nav>ul>li>.fa{color: #fff;}
header.light-text .menu-button span{background: #fff;}
header.light-text .navigation-cart .title{color: #fff;}
header.background-options .navigation-search{background: #f61415;}
header.background-options .navigation-search:hover{background: #b8b8b8;}
header.background-options .navigation-cart .number span{background: #f61415;}
header.background-options .navigation-cart:hover .number span{background: #b8b8b8;}
/*cart popup*/
.cart-popup{ width: 310px; position: absolute; top: 100%; right: -1px; padding-top: 20px; font-size: 14px; line-height: 16px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; display: none; opacity: 0; margin-top: 50px;}
header:hover .cart-popup{display: block;}
.navigation-cart:hover .cart-popup{opacity: 1; margin-top: 0px;}
.cart-popup-content{padding: 30px; border-radius: 3px; background-color: #fff; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1); box-shadow: 0 0 15px rgba(0,0,0,.1); border: solid 1px #f4f4f4; position: relative;}
.cart-popup-content:before{width: 27px; height: 18px; position: absolute; right: 70px; top: -18px; content: ""; background: url(../img/cart-popup-angle.png);}
.cart-popup .entry{margin-bottom: 10px; position: relative;}
.cart-popup .image{float: left; width: 93px;}
.cart-popup .image a{display: block;}
.cart-popup .image img{display: block; width: 93px; height: auto;}
.cart-popup .content{margin-left: 110px; margin-right: 30px;}
.cart-popup .content .cell-view{height: 137px;}
.cart-popup .content .item-title{color: #222; margin-bottom: 18px; display: inline-block;}
.cart-popup .content .item-title:hover{color: #f61415;}
.cart-popup .content .item-price{color: #f61415;}
.cart-popup .cart-summary{color: #222; text-align: center; padding-top: 15px; margin-bottom: 25px;}
.cart-popup .cart-summary span{color: #f61415;}
.cart-popup .button{display: block;}
.cart-popup .x-button{position: absolute; top: 50%; margin-top: -10px; right: 0;}

@media (min-width: 1199px) {
    nav ul .submenu-container{display:none !important; opacity: 0; margin-top: 50px;}
    header:hover nav ul .submenu-container{display: block !important;}
    nav ul li:hover .submenu-container{opacity: 1; margin-top: 0px;}
	#content-block nav ul .submenu-container .submenu-container{display: none!important; opacity: 0; margin-top: 50px;}
    #content-block nav ul .submenu-container:hover .submenu-container{display: block!important;}
	#content-block nav ul .submenu-container li:hover .submenu-container{opacity: 1; margin-top: 0px;}
    .navigation-search{margin-right: 10px;}
    
    .navigation-search:hover{background: #f61415;}
    .navigation-search:hover .fa{transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2);}
}
@media (max-width: 1199px) {
    header .menu-button span{background: #000 !important;}
    
    .submenu-container .fa{color: #c2c2c2; background: none; width: auto; height: auto;}
    .submenu-container .fa:before{display: block;}
	body.opened-menu{overflow: hidden;}
	.close-header-layer{position: fixed; width: 100%; height: 100%; left: 0; top: 0; visibility: hidden; background: rgba(0,0,0,0.5); z-index:10;opacity: 0;transition:opacity 0.3s ease-out;}
	.fixed-navigation{position: fixed;transform: translateZ(0); width: 250px; left: 0; top: 0; height: 100%; margin-right: 0; background: #222; transform: translateX(-250px); -moz-transform: translateX(-250px); -webkit-transform: translateX(-250px); -ms-transform: translateX(-250px); z-index:11;}
	.fixed-navigation, .content-push{-moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out; -ms-transition:all 300ms ease-out;}
	header.opened .fixed-navigation{transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px);}
header.opened .close-header-layer{visibility: visible;opacity: 1;}
/*	body.opened-menu .content-push{transform: translateX(200px); -moz-transform: translateX(200px); -webkit-transform: translateX(200px); -ms-transform: translateX(200px);}*/
	nav{position: absolute; left: 0; top: 70px; bottom: 0; width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -o-overflow-scrolling: touch; -ms-overflow-scrolling: touch; overflow-scrolling: touch;}
	nav > ul{float: none;}
	nav li{float: none; margin-right: 0;}
	nav li a{display: block; line-height: 20px; padding: 10px 0 10px 10px; color: #fff; margin-right: 40px;}
	nav li .fa{position: absolute; right: 5px; top: 5px; line-height: 30px; width: 30px; text-align: center; cursor: pointer; margin: 0; font-size: 14px;}
	nav li.opened .fa{transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
	nav li .fa:hover{color: #f61415;}
	#content-block .submenu-container{display: none; width: auto; position: relative; top: auto; left: auto; transform: translateX(0%); -moz-transform: translateX(0%); -webkit-transform: translateX(0%); -ms-transform: translateX(0%); border: none; margin: 0 10px; padding: 10px 0; border-radius: 0px;}
	.submenu-container ul{float: none; width: auto;}
	.submenu-container ul a{color: #000; padding-left: 20px; padding-right: 0;}
	#content-block nav li li .fa{transform: rotate(0deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); line-height: 28px; width: 28px; top: 0;}
	#content-block nav li li.opened .fa{transform: rotate(270deg); -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg);}
	#content-block .submenu-container li:hover .submenu-container{display: none;}
	#content-block .submenu-container .submenu-container{background: #e3e3e3; position: relative; left: 0;}
	.menu-header{display: block; padding: 25px 10px; height: 70px; position: relative;}
	.menu-header .logo img{max-height: 20px;}
	.menu-header .close-menu{width: 30px; height: 30px; position: absolute; top: 20px; right: 10px; cursor: pointer;}
	.menu-header .close-menu span{position: absolute; width: 100%; height: 2px; background: #fff; top: 50%; margin-top: -1px;}
	.menu-header .close-menu span:nth-child(1){transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);}
	.menu-header .close-menu span:nth-child(2){transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
	/**/
	#content-block{padding-top: 110px;}
	.navigation-cart .title{display: none;}
	.navigation-cart .price{display: none;}
	.navigation-cart .number{margin-right: 0;}
	.navigation-cart{width: auto;}
	.navigation-menu{margin-right: 0;}
	.navigation-content{margin-left: 0;}
	.navigation-cart .number span{top: 0;}
	#logo{position: relative; left:-webkit-calc(50% - 35px); left:calc(50% - 35px); transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); margin-top:-50px;}
	#logo img{position:relative; left:0px;}
	.menu-button-on{display: table-cell; vertical-align:middle;}
	.menu-button{position:relative; float:left; display:block; width: 30px; height: 30px; cursor: pointer;}
	.menu-button span{position: absolute; width: 100%; height: 4px; left: 0; background: #000;}
	.menu-button span:nth-child(1){top: 5px;}
	.menu-button span:nth-child(2){top: 50%; margin-top: -2px;}
	.menu-button span:nth-child(3){bottom: 5px;}
	.navigation-cart{border-left: none;}
	.navigation-search{margin-right: 10px;}
	/**/
	.cart-popup, .navigation-cart:hover .cart-popup{display: none;}
    
    .navigation-cart{width:40px;}
	.navigation-search-on{width:auto; padding-left:15px;}
    
    header.move-meny:before{position: absolute; left: 0px; top: 0% !important; width: 100%; height: 100%; background: #fff; content: "";}
    header.move-meny.active ul a{color: #fff !important;}
    header.move-meny.active ul ul a{color: #000 !important;}
	#content-block{padding-top:110px !important;}
}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
	.navigation-cart{width:40px;}
	.navigation-search-on{width:auto; padding-left:15px;}
    header.move-meny.active ul a{color: #fff;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
	
}
@media (max-width: 450px) {
	#content-block{padding-top: 67px !important;}
	#logo img{max-width:150px; left:0px;}
    #logo{left:-webkit-calc(50% - 55px); left:calc(50% - 55px);}
	.header-content{padding:18px 0px;}
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - FOOTER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
footer{padding-top: 30px; padding-bottom: 25px; background: #222;}
footer.style-1 .title.style-1{color: #fff;}
.footer-block{margin-bottom: 30px;}
.footer-entry-line{padding: 10px 0; position: relative;}
.footer-entry-line:last-child{padding: 25px 0;}
.footer-entry-line:before{position: absolute; right: 0px; top: -1px; width: 15px; height: 1px; background: #fff; content: "";}
.footer-entry-line:after{position: absolute; left: 0px; top: -1px; width: 15px; height: 1px; background: #fff; content: "";}
.style-1 .footer-entry-line:before{background: #222222;}
.style-1 .footer-entry-line:after{background: #222222;}
.footer-divide-line{height: 1px; background: #313131;}
.footer-contact-entry{display: inline-block; font-weight: 600; color: #fff; font-size: 13px; line-height: 30px; margin-right: 35px; margin-bottom: 6px; margin-right: 20px;}
.footer-contact-entry:last-child{margin-right: 0;}
.footer-contact-entry span{font-weight: 300; color: #b3b3b3;}
.footer-contact-entry a{color: #fff;}
#content-block .footer-contact-entry a:hover{color: #f61415;}
.footer-contact-entry .fa{color: #f61415; font-size: 18px; vertical-align: middle; position: relative; top: -2px; margin-right: 10px; width: 15px; text-align: center;}
.social-box{font-size: 0;}
.social-box li{float: left; position: relative;}
.social-box li .social-link{margin-right: 13px;}
.social-link{background: #222; width: 30px; height: 30px; display: inline-block; font-size: 14px; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; color: #fff; margin-right: 15px; margin-bottom: 15px; position: relative; overflow: hidden; vertical-align: top;}
.social-link .fa{display: block; line-height: 30px; overflow: hidden; backface-visibility: hidden;}
.social-link, .social-link .fa, .social-link .fa i{transform: scale(1) !important; -moz-transform: scale(1) !important; -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important;}
.social-link:last-child{margin-right: 0;}
footer.style-1 .social-link{background: #393939;}
.social-box.style-1 .social-link{background: #f4f4f4; color: #999;}
#content-block .social-link:hover, #content-block .social-box.style-1 .social-link:hover, .social-box.style-1 .social-link:hover{background: #f61415; color: #fff;}
.footer-logo{display: inline-block; padding: 12px 0;}
.footer-logo img{display: block; height: 20px; width: auto;}
.scroll-to-top{width: 44px; height: 44px; border-radius: 50%; -webkit-border-radius: 50%; background: #f61415; cursor: pointer; text-align: center; color: #fff; font-size: 10px; position: fixed; right: 50px; bottom: -67px; opacity: 0; overflow: hidden; -webkit-backface-visibility: hidden; z-index:9;}
.scroll-to-top.active{bottom: 23px; opacity: 1;}
.scroll-to-top.style-1:hover{background: #b8b8b8;}
.scroll-to-top.style-2{background: #222; color: #fff;}
.scroll-to-top.style-2:hover{background: #f61415;}
.scroll-to-top .fa{display: block; line-height: 44px; position: relative; top: -1px;}
.copyright{font-size: 13px; line-height: 20px; color: #b3b3b3; font-weight: 300; float: right; padding: 12px 0; float: right;}
.copyright a{font-family: 'Raleway', sans-serif; font-weight: 700; color: #fff;}
#content-block .copyright a:hover{color: #f61415;}
.copyright .fa{color: #f61415;}
.footer-twitter-entry{font-size: 13px; line-height: 18px; color: #fff; font-weight: 400; margin-bottom: 18px;}
.footer-twitter-entry span{font-weight: 700;}
.footer-twitter-entry span, .footer-twitter-entry a{color: #f61415;}
.footer-twitter-entry .post-link{display: inline-block; margin-top: 5px;}
.footer-twitter-entry .post-link:hover{text-decoration: underline;}
.footer-images-box .entry{width: 25%; max-width: 83px; float: left; padding: 0 10px 10px 0;}
.footer-images-box .entry a{display: block; max-width: 83px; overflow: hidden;}
.footer-images-box .entry img{display: block; width: 100%; height: auto; backface-visibility: hidden;}
.footer-images-box .entry a:hover img{transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
.footer-info-links{margin-right: 70px;}
.footer-info-links a{display: block; font-size: 13px; color: #999; line-height: 20px; margin-bottom: 8px;}
.footer-info-links a .fa{color: #f61415; margin-right: 4px;}
#content-block .footer-info-links a:hover{color: #f61415;}
.footer-twitter-box *{backface-visibility: hidden;}
/**/
footer.style-2{background: none;}
footer.style-2 .footer-contact-entry, footer.style-2 .footer-contact-entry a{color: #222;}
footer.style-2 .footer-contact-entry span{color: #999;}
footer.style-2 .copyright{color: #787878;}
footer.style-2 .copyright a{color: #303030;}
footer.style-2 .footer-divide-line{background: #f4f4f4;}
footer.style-2 .footer-info-links a{color: #787878;}
footer.style-2 .footer-twitter-entry{color: #222;}
/*Desktops (≥992px)*/
@media (max-width: 1199px) {
	.footer-info-links{margin-right: 0;}
    .social-box li .social-link{margin-right: 5px;}
    .footer-contact-entry{font-size: 11px;}
    footer.style-1 .footer-divide-line{display: none;}
}
@media (max-width: 766px) {
	.footer-logo{display: none;}
  .scroll-to-top{right: 23px;}
	.copyright{float: left; padding: 0;}
	.footer-block{margin-bottom: 25px;}
	.social-link{margin-right: 10px;}
    footer.style-1 .social-link{margin-bottom: 25px !important;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - SIMPLE BLOCK STRUCTURE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.block{position: relative; padding: 90px 0; background: #fff; background-size: cover; background-position: center center;}
.block.paddings-small{padding: 60px 0; padding-bottom: 0px;}
.block.paddings-bottom{padding-bottom: 85px;}
.block .container{padding-bottom: 60px;} 
.block.paddings-bottom .container{padding-bottom: 0px;}
.block:nth-child(2n){background-color: #f5f5f5;}
.block .block{background:#fff;}
.block .block .container{padding-bottom:0px;}
.block.color-background:before{position: absolute; background: rgba(0,0,0,0.6); left: 0; top: 0; width: 100%; height: 100%; content: "";}
.block-header{text-align: center; margin-bottom: 40px;}
.block-header .title{font-size: 36px; line-height: 36px; color: #222; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-bottom: 35px;}
.block-header .title.size-big{font-size: 50px; line-height: 50px;}
.block-header .button{margin-bottom: 20px;}
.block-header .text{font-size: 14px; line-height: 24px; color: #999; margin-bottom:36px;}
.color-background .block-header .title{color: #fff; margin-bottom:29px;}
.color-background .block-header .text{color: #e6e6e6;}
.news-block{padding-bottom:87px;}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
	.block, .block.paddings-small{padding: 30px 0;}
	.block, .block.paddings-small.color-background{padding: 60px 0;}
    .block .container{padding-bottom: 0px;}
    .block-header .title{margin-bottom: 55px;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.block-header .title.size-big{font-size: 43px; line-height: 43px;}  
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - FULLSCREEN POPUPS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.fullscreen-popup{position: fixed; width: 100%; height: 100%; left: -100%; top: 0; z-index: 10;}
.fullscreen-popup.visible{left: 0;}
.fullscreen-popup .close-layer{position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.85); opacity: 0;}
.fullscreen-popup.active .close-layer{opacity: 1;}
.fullscreen-popup .popup-center{padding: 15px; width: 100%; max-width: 600px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%);}
.fullscreen-popup .popup-content{background: #fff; padding: 50px; border: 10px #f61415 solid; position: relative; transform-origin: 50% 50% 0px; -moz-transform-origin: 50% 50% 0px; -webkit-transform-origin: 50% 50% 0px; transform: perspective(1200px) rotateX(80deg); -moz-transform: perspective(1200px) rotateX(80deg); -webkit-transform: perspective(1200px) rotateX(80deg); opacity: 0;}
.fullscreen-popup.active .popup-content{transform: perspective(1200px) rotateX(0deg); -moz-transform: perspective(1200px) rotateX(0deg); -webkit-transform: perspective(1200px) rotateX(0deg); opacity: 1;}
.fullscreen-popup .popup-content .x-button{position: absolute; top: -10px; right: -10px;}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.fullscreen-popup .popup-content{padding: 25px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - GALLERY POPUPS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.scrolling-popup{position: fixed; top: 0; left: 0%; width: 100%; height: 100%; z-index: 10; transform: translateX(-100%); -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%);}
.scrolling-popup.active{transform: translateX(0%); -moz-transform: translateX(0%); -webkit-transform: translateX(0%); -ms-transform: translateX(0%);}
.scrolling-popup img{display: block;}
.scrolling-popup .pagination{display: none;}
.scrolling-popup .close-layer{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.85); opacity: 0;}
.scrolling-popup.active .close-layer{opacity: 1;}
.scrolling-popup .overflow{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -o-overflow-scrolling: touch;-ms-overflow-scrolling: touch; overflow-scrolling: touch;}
.scrolling-popup .overflow-align{padding: 50px 0; top: 50%; position: relative;  transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
#video.scrolling-popup .overflow-align{top: 0%; position: static; height: 100%; transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -ms-transform: translateY(0%);}
.gallery-entry-container{max-width: 770px; margin: 0 auto; position: relative; background: #fff;}
.gallery-entry-container img{width: 100%; height: auto;}
.slide-description{background: #fff; padding: 25px;}
.slide-description .title{font-size: 18px; line-height: 20px; color: #222; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-bottom: 15px;}
.slide-description .text{font-size: 13px; line-height: 24px; color: #999; margin-bottom: 15px;}
.scrolling-popup .x-button{position: absolute; top: 0; right: 0; z-index: 2;}
/**/
.scrolling-popup.style-2 .gallery-entry-container{padding: 30px;}
.scrolling-popup.style-2 .slide-description{padding: 0; padding-top: 30px;}
.scrolling-popup.style-2 .slide-description:first-child{padding-bottom: 30px; padding-top: 0;}
.scrolling-popup.style-2 .slide-description{text-align: center;}
.scrolling-popup iframe{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0;}
.scrolling-popup iframe.active{opacity:1;}
/**/
.inpopup-gallery{position: relative;}
.inpopup-gallery .pagination{display: block; position: absolute; left: 0; width: 100%; bottom: 50px;}
.inpopup-gallery .fade-container{position: relative;}
.inpopup-gallery .fade-container img{position: absolute; left: 0; top: 0; width: 100%; height: auto; opacity: 0;}
.inpopup-gallery .fade-container img:first-child{position: relative;}
.inpopup-gallery .fade-container img.active{opacity: 1;}
.inpopup-gallery .thumbnails .entry{float: left; width: 33.333333333%; position: relative;}
.inpopup-gallery .thumbnails .entry img{position: absolute; left: 0; top: 0; width: 100%; height: auto;}
.inpopup-gallery .thumbnails .entry img:last-child{opacity: 0; position: relative;}
.inpopup-gallery .thumbnails .entry.active img:last-child{opacity: 1;}
@media (max-height: 600px) {
	.scrolling-popup .overflow-align{top: 0%; transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -ms-transform: translateY(0%);}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.scrolling-popup.style-2 .gallery-entry-container{padding: 15px;}
	.scrolling-popup.style-2 .slide-description{padding: 0; padding-top: 15px;}
	.scrolling-popup.style-2 .slide-description:first-child{padding-bottom: 15px; padding-top: 0;}
	.inpopup-gallery .pagination{bottom: 10px;}
    
    .gallery-arrow-left{top: auto !important; margin-top: 0px !important; bottom: 0px !important;}
    .gallery-arrow-right{top: auto !important; margin-top: 0px !important; bottom: 0px !important;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - BLOCK "TYPE 2" */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.block-type-2{position: relative; background: #fff; border:10px solid #e6534c; box-sizing: border-box; width: 100%; min-height: 360px;}
.block-type-2 .content-wrap-in{display: table; min-height: inherit; vertical-align: middle; height: 360px;}
.block-type-2 article{display: table-cell; vertical-align: middle; width: 82%; padding-left: 9%; padding-right: 9%;}
.block-type-2 article p{padding-bottom: 0px; color: #999999;}
.block-type-2 article .h2{color: #222222;}
.block-type-2.hover-block{cursor:pointer;}

@media (min-width: 1199px) {
	.block-type-2.hover-block:hover{background:#f61415;}
	.block-type-2.hover-block:hover .block-name{color: #fff;}
	.block-type-2.hover-block:hover .block-name:after{background: #fff;}
	.block-type-2.hover-block:hover article{color: #fff;}
	.block-type-2.hover-block:hover article p{color: #fff;}
	.block-type-2.hover-block:hover article h2{color: #fff;}
}

/*Desktops (≥992px)*/
@media (max-width: 1199px) {
    .block-type-2{min-height: 0px; padding:20px 0px;}
    .block-type-2 .content-wrap-in{height: auto;}
}

/*Phones (<768px)*/
@media (max-width: 767px) {
    .block-type-2{min-height: 0px; padding:20px 0px;}
    .block-type-2 .content-wrap-in{height: auto;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - BLOCK "TYPE 3" */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.block-type-3{position: relative; float: left; width: 100%;}
.block-type-3 .block-type-2{height: 100%; min-height: 0px;}
.block-type-3 .block-type-2 .content-wrap-in{height: 100%;}
.block-type-3-thumbs{position: relative; float: left; width:-webkit-calc(50% - 15px); width:calc(50% - 15px); padding-top: 30px; overflow: hidden; display: block; box-sizing: border-box; cursor: pointer;}
.block-type-3 .block-type-3-thumbs:nth-child(2){position: absolute; right: 0px; top: 0px; height: 100%;}
.block-type-3-thumbs:after{position: absolute; left: 0px; top:0px; width: 101%; height: 30px; background:#fff; content: "";}
.block-type-3-thumbs.one{width: 100%;}
.block-type-3-thumbs.one:before{position: absolute; right: 0px; bottom: 0px; width: 100%; height: 4px; background:#fff; content: ""; z-index: 1; display: none;}
.block-type-3-thumbs:nth-child(2){float: right;}
.block-type-3 img{position: relative; float: left; width: 100%; backface-visibility: hidden; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);}
.block-type-3-thumbs .background-black{opacity:0;}
.video{position: absolute; left: 0px; top: 50%; transform: translateY(-50%) scale(0.8); transform: translateY(-50%) scale(0.8); transform: -moz-translateY(-50%) scale(0.8); -webkit-transform: translateY(-50%) scale(0.8); -o-transform: translateY(-50%) scale(0.8); -ms-transform: translateY(-50%) scale(0.8); width: 100%; text-align: center; opacity: 0; margin-top: 15px; -moz-transition:all 500ms ease-out; -o-transition:all 500ms ease-out; -webkit-transition:all 500ms ease-out; transition:all 500ms ease-out; -ms-transition:all 500ms ease-out;}
.video .h4{position: relative; display: block; color: #fff;}
.video a{display:inline-block; width:36px; height:36px; border:2px solid #f61415; border-radius: 50px;}
.video a i{line-height: 30px; color: #fff;}
.video a:hover{background:#f61415;}
.video .h4 a{width: auto; height: auto; border: 0px;}

@media (min-width: 1199px) {
	.block-type-3-thumbs:hover .background-black{opacity:1;}
	.block-type-3-thumbs:hover img{transform: scale(2); -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); -moz-transition:all 20000ms ease-out; -o-transition:all 20000ms ease-out; -webkit-transition:all 20000ms ease-out; transition:all 20000ms ease-out; -ms-transition:all 20000ms ease-out;}
	.block-type-3-thumbs:hover .video{opacity: 1; transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); transform: -moz-translateY(-50%) scale(1); -webkit-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1);}
}

/*Desktops (≥992px)*/
@media (max-width: 1199px) {
    .block-type-3-thumbs.one:before{display: block;}
}

/*Phones (<768px)*/
@media (max-width: 767px) {
    .block-type-3-thumbs{width: 100%;}
    .block-type-3 .block-type-3-thumbs:nth-child(2){position: relative;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - BLOCK "TYPE 4" */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.block-type-4{position:relative; height: 100vh;}
.block-type-4 .block-header{text-align: left;}
.block-type-4 p{color:#737272;} 
.block-type-4 .container, .block-type-4 .row, .block-type-4 .block-header{height:inherit; padding-bottom:0px;}
@media (max-height: 550px) {
	.block-type-4{height: auto; padding-top:100px; padding-bottom:50px;} 
}
@media (max-width: 1199px) {
    .block-type-4{height: auto; padding-top:100px; padding-bottom:50px; min-height: 550px;} 
}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
	.block-type-4{height: auto; padding-top:100px; padding-bottom:50px;} 
}
/*Phones (<768px)*/
@media (max-width: 767px) {
    .block-type-4 .block-header{padding-bottom: 7px;}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - BLOCK "TYPE 5" */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.block-type-5{position:relative; padding-top:55px;}
.block-type-5 div{text-align:center;}
.block-type-5 article{position:relative; float:left; width:80%; left:10%; padding-top:25px;}
.block-type-5 article p{color:#999999; padding-bottom:0px;}
.block-type-5 a{position:relative; float:left; display:block; width:100%; box-sizing: border-box; backface-visibility: hidden;}
.block-type-5 a img{position:relative; float:left; width:100%;}
.block-type-5 a:hover{transform: scale(0.85); -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -o-transform: scale(0.85); -ms-transform: scale(0.85);}
.block-type-5 .h5 a{float:none; background:none; color:#222222;}
.block-type-5 .h5:hover a{color:#f61415; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
	.block-type-5 article p{padding-bottom: 60px;}
    .block-type-5 .col-md-4:last-child article p{padding-bottom: 0px;}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 08 - BLOCK "TYPE 6" */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.block-type-6 .block-type-2{text-align:left; min-height:440px;}
.block-type-6 .col-md-4{text-align:left; margin-bottom:0px; padding-top: 40px;}
.block-type-6 .col-md-4 img{float:left;}
.block-type-6 .col-md-4 h6{margin-left:75px; margin-top:20px;}
.services-block .block-type-6 .col-md-4{padding-top: 0px;}
.services-block .block-type-6 .col-md-4 .h2{margin-bottom:28px;}
.block-type-6 .swiper-container-on article{margin-top:20px; float:left; position:relative;}
.block-type-6 .swiper-container-on{position:relative; float:left; width:100%; margin-top:25px;}
.block-type-6 .swiper-container-on:after{position:absolute; left:0px; top:0px; height:100%; width:5px; background:#fff; content:""; z-index:1;}
.block-type-6 .pagination{margin-top:15px; position:relative; float:left;}
.block-type-6 .col-md-8 p{color:#ababab;}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
	.block-type-6 .col-md-4{padding-top: 0px;}
    .block-type-6 .swiper-container{padding-top: 40px;}
	.services-block .block-type-6 .block-type-2{min-height:0px; padding:20px 0px;}
	.block-type-7 .open-scrolling-popup{width:101%;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.block-type-6 .block-type-2{min-height:0px;}	
	.block-type-6 .pagination{margin-top:0px;}
    .block-type-6 .col-md-4{position: relative; float: left;}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 09 - BLOCK "TYPE 7" */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.block-type-7 div{padding:0px;}
.block-type-7 .center-image{display: block !important;}
.block-type-7 .open-scrolling-popup{position:relative; float:left; width:100%; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-size: cover;  background-repeat:no-repeat; cursor: pointer;}
.block-type-7 img{position:relative; float:left; opacity:0;}
.block-type-7 .open-scrolling-popup .video{color:#fff; opacity: 0; transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); transform: -moz-translateY(-50%) scale(1); -webkit-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1);}
.block-type-7 .open-scrolling-popup .background-black{opacity: 0;}
.block-type-7 .video{width:100%; padding-left:5%; padding-right:5%;}
.block-type-7 .video .h4{margin-bottom:15px;}
.block-type-7 .video *{backface-visibility:hidden;}
.block-type-7 .video a{width:36px; left:50%; margin-left:-18px;}
.block-type-7 .video p{padding-bottom:30px;}
@media (min-width: 1199px) {
	.block-type-7 a:hover{transform: scale(0.85); -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -o-transform: scale(0.85); -ms-transform: scale(0.85);}	
	.block-type-7 .open-scrolling-popup:hover .video{opacity:1;}
	.block-type-7 .open-scrolling-popup:hover .background-black{opacity:1;}
}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
	.block-type-7{margin-top: -30px;}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - MEDIA QUERIES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*Desktops (≥1200px)*/
@media (max-width: 1200px) {
	
}
/*Desktops (≥992px)*/
@media (max-width: 1199px) {
	
}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
	
}
/*Phones (<768px)*/
@media (max-width: 767px) {
	
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 10 - BLOCK "PAGE-404" */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.page404 .h1{color: #fff; font-size: 150px; padding-bottom: 45px; padding-top: 20px;}
.page404 .h2{color: #fff;}
.page404 p{color: #fff;}
.page404 article{text-align: center;}
.page404 .button:hover{color: #fff !important;}
.page404{padding-bottom: 0px !important;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 11 - BLOCK "PAGE-CONTACT" */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.contact-page{background: #fff !important; padding-bottom: 0px;}
.contact-thumbs{position: relative; float: left; width: 100%; margin: 10px 0px;}
.contact-thumbs img{float: left; position: relative;}
.contact-thumbs a{float: left; position: relative; margin-left:25px; font-weight: bold; color: #222222; font-size: 13px; line-height: 32px;}
.contact-thumbs a span{font-weight: normal; color: #999999;}
.contact-page .social-box{position: relative; float: left; margin-top: 32px;}
.contact-page p{color: #999999;}
.contact-page form .row{position: relative; float:left; margin-top: 7px;}
.contact-page form{margin-top: 15px;}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
    .contact-page .col-md-4{float: left; position: relative; margin-top: 55px;}
	.contact-page form{float: left; position: relative; width:100%; margin-top: 10px;}
	.contact-page form .row{float:none;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
    .contact-thumbs a{font-size: 12px;}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 12 - BLOCK "PAGE-PORTFOLIO" */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.portfolio{padding-bottom: 90px;}
.portfolio img{width: 100%;}
.portfolio .row .col-md-4:nth-child(1){padding-right: 0px;}
.portfolio .row .col-md-4:nth-child(2){padding-left: 0px; padding-right: 0px;}
.portfolio .row .col-md-4:nth-child(3){padding-left: 0px;}
.portfolio .row .col-md-4 .portfolio-1-thumbs{position: relative; float: left; overflow: hidden; width: 100%; height:282px; cursor: pointer;}
.portfolio .row .col-md-4 .portfolio-1-thumbs img{width: 100%; position: relative; float: left;}
.portfolio .portfolio-1-thumbs article{top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); text-align: center; position:absolute;}
.portfolio .portfolio-1-thumbs article .h4{color: #fff; transform: rotate(90deg) translateY(350px); -webkit-transform: rotate(90deg) translateY(350px); -moz-transform: rotate(90deg) translateY(350px); -o-transform: rotate(90deg) translateY(350px); -ms-transform: rotate(90deg) translateY(350px);}
.portfolio .portfolio-1-thumbs article p{font-weight: bold; color: #f61415; padding-bottom: 0px; transform: rotate(-90deg) translateY(-350px); -webkit-transform: rotate(-90deg) translateY(-350px); -moz-transform: rotate(-90deg) translateY(-350px); -o-transform: rotate(-90deg) translateY(-350px); -ms-transform: rotate(-90deg) translateY(-350px);}
.portfolio .portfolio-1-thumbs .background-black{opacity: 0;}
.portfolio .portfolio-baner .block.paddings-small{padding-top: 85px; padding-bottom: 30px;}
@media (min-width: 1199px) {
    .portfolio .portfolio-1-thumbs:hover article .h4{transform: rotate(0deg) translateY(0px); -webkit-transform: rotate(0deg) translateY(0px); -moz-transform: rotate(0deg) translateY(0px); -o-transform: rotate(0deg) translateY(0px); -ms-transform: rotate(0deg) translateY(0px);}
    .portfolio .portfolio-1-thumbs:hover article p{transform: rotate(0deg) translateY(0px); -webkit-transform: rotate(0deg) translateY(0px); -moz-transform: rotate(0deg) translateY(0px); -o-transform: rotate(0deg) translateY(0px); -ms-transform: rotate(0deg) translateY(0px);}
    .portfolio .portfolio-1-thumbs:hover .background-black{opacity: 1;}
}
/*Desktops (≥992px)*/
@media (max-width: 1199px) {
    .portfolio .row .col-md-4 .portfolio-1-thumbs{height:231px;}
    .portfolio .portfolio-1-thumbs article{display: none;}
}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
    .portfolio .row .col-md-4{padding-left: 15px !important;padding-right: 15px !important; box-sizing: border-box;}
    .portfolio .row .col-md-4 .portfolio-1-thumbs{height: auto;}
    .portfolio .portfolio-baner .block.paddings-small{padding-top: 45px; padding-bottom: 60px;}
    .portfolio{padding-bottom: 60px;}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 13 - BLOCK "PAGE-BLOG" */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.blog{margin-top:20px; position: relative; float: left;}
.blog .container{padding-bottom:0px;}
.blog .col-md-4{margin:30px 0px;}
/*.blog .col-md-4:nth-child(1){padding-left:0px;}
.blog .col-md-4:nth-child(3n){padding-right:0px; padding-left:15px;}*/
.blog .col-md-4:nth-child(1n+3){padding-left:0px;}
.blog .col-md-4:nth-child(3n){padding-right:15px; padding-left:15px;}
.blog .col-md-4:nth-child(3n+2){padding-right:15px; padding-left:15px;}
.blog .col-md-4:nth-last-child(1), .blog .col-md-4:nth-last-child(2), .blog .col-md-4:nth-last-child(3){margin-bottom: 5px;}
.blog .col-md-4 .blog-thumbs-image{position: relative; float: left; overflow:hidden; background:#000; width:100%; height:245px;}
.blog .col-md-4 .blog-thumbs-image img{position: relative; float: left; width:100%;}
.blog .col-md-4 .blog-thumbs-image .blog-category{position: absolute; left: 0px; bottom: 0px; background: #f61415; padding: 8px 10px 9px 10px; color: #fff; text-transform: uppercase; font-size:12px; font-weight: 600;}
.blog .col-md-4 article{float: left; margin-top: 25px;}
.blog .col-md-4 .h5-1{margin-bottom:7px;}
.blog .col-md-4 .h5-1 a{color:#222222;}
.blog .col-md-4 b{position:relative; float:left; font-weight:900; color:#b6b6b6; padding-bottom:7px;}
.blog .col-md-4 p{position:relative; float:left; color:#999999; padding-bottom:15px;}
.blog .col-md-4 .blog-user-image{position:relative; float:left;}
.blog .col-md-4 .blog-user-image img{position:relative; float:left; margin-right:13px; border-radius:50px;}
.blog .col-md-4 .blog-user-image span{position:relative; float:left; border-radius:50px;}
.blog .col-md-4 .blog-user-image b{line-height:37px; color:#222222; font-size:11px; font-weight:900; padding-bottom:0px;}
.blog .col-md-4 .blog-user-image b i{text-transform:uppercase; font-style:normal;}
.blog .col-md-4 .video{opacity:1; width:40px; height:40px; background:#f61415; border-radius:50px; left:50%; margin-left:-20px;}
.blog .col-md-4 .video i{color:#fff; line-height:40px;}
.blog .col-md-4 .pagination{display:block; position:absolute; left:0px; bottom:10px;}
.blog-about{background: #fff !important; text-align: center; padding-bottom:30px !important;}
.blog-about .col-md-4{text-align: left;}
.blog-about .button{margin-top: 25px;}
.blog .swiper-pagination-switch{display: inline-block !important;}
.blog-about .block-header{margin-bottom: 5px;}
@media (min-width: 1199px) {
    .blog .col-md-4 .blog-user-image:hover{padding-right:20px; background:#f61415; border-radius:50px;}
    .blog .col-md-4 .blog-user-image:hover b{color:#fff;}
    .blog .col-md-4 .h5-1:hover a{color:#f61415;}
    .blog .col-md-4 .blog-thumbs-image:hover img{transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); opacity:0.5;}
    .blog .col-md-4 .swiper-container .blog-thumbs-image:hover img{transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); opacity:1;} 
}
/*Desktops (≥992px)*/
@media (max-width: 1199px) {
    .blog .col-md-4:nth-last-child(3){margin-bottom: 30px;}
    .blog .col-md-4:nth-child(1){padding-left:0px;}
    .blog .col-md-4:nth-child(3n){padding-right:0px; padding-left:15px;}
	.blog .col-md-4{padding-left:15px !important; padding-right:15px !important; position:relative; float:left; margin:30px 0px;}	
	.blog .col-md-4 .blog-thumbs-image{height:auto;}
	.blog .col-md-4 .swiper-container{padding-bottom:0px;}
    .magazine .blog .col-md-4{padding-left: 14px !important;}
/*    .magazine-top .slider-type-1 .slide-in img{width: auto;}*/
/*    .magazine-top .slider-type-1:after{position: absolute; right: 0px; top: 0px; width: 3px; height: 100%; background: #fff; content: "";}*/
}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
    .blog{float: none;}
    .blog-about{padding-bottom: 60px !important;}
    .blog-about .col-md-4.col-sm-6{margin-bottom: 10px !important;}
    .blog-about .blog{margin-top: 0px !important;}
    .blog-about .block-header .button{margin-top: 0px !important;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
    .blog .swiper-container{width:100%;}
    .blog .col-md-4 .swiper-container .pagination{bottom: 10px !important; margin: 0px !important;}
    .magazine-top .slider-type-1:after{display: none;}
    .blog .col-md-4{width: 100%;}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 14 - BLOCK "PAGE-SINGLE-PROJECT" */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.single-project {padding: 0px;}
.single-project .detail-thumbs{width:100%;}
.single-project .title.style-1{position:relative; float:left; width:100%;}
.single-project .row:nth-child(2){margin-top:90px;}
.single-project .title{font-size:22px; margin-top:30px;}
.blog-time-line .post-full .title{margin-top: 30px;}
.single-project .col-md-3 .title{margin-top:0px;}
.single-project article{text-align:left;}
.single-project .col-md-8{padding-left:0px;}
.single-project .col-md-4{padding-right:0px;}
.single-project .author-info{position:relative; float:right; background:#f9f8f8; padding:23px 25px;}
.single-project .author-info div{position:relative; width:100%; color:#868686; font-size:12px; padding:7px 0px;}
.single-project .author-info div b{color:#222222; font-weight:bold; text-transform:uppercase;}
.single-project .social-box, .post-side-bar .social-box{float:left; position:relative;}
.single-project .social-box b, .post-side-bar .social-box b{color:#222222; font-size:14px; font-weight:bold; text-transform:uppercase; height:30px; line-height:30px; padding-right:30px; float: left;}
.single-project .col-md-3 .tags-box a{margin-left:0px; margin-right:14px; margin-bottom:7px;}
.single-project .col-md-3 .tags-box{margin-bottom:80px !important;}
.single-project .col-md-3 .col-md-12{padding:0px;}
.single-project .paginator{position:relative; float:left; width:100%;}
.single-project-thumbs{position:relative; float:left; width:100%; margin-bottom:30px !important;}
.single-project-thumbs a{position:relative; float:left; margin-bottom:30px; overflow:hidden;}
.single-project-thumbs a:after{position:absolute; left:115px; top:0px; width:10px; height:100%; background:#fff; content:"";}
.single-project-thumbs a img{float:left; margin-right:30px; width: 115px;}
.single-project-thumbs a .category{position:relative; float:left; color:#f61415; font-size:12px; font-weight:bold; text-transform:uppercase; width:100%; padding-top:15px;}
.single-project-thumbs a .titel{position:relative; float:left; color:#222222; font-size:14px; font-weight:bold; line-height:18px; text-transform:uppercase; width:100%; padding-top:13px;}
.single-project-thumbs a .data{position:relative; float:left; color:#b6b6b6; font-size:12px; font-weight:900; padding-top:12px;}
.single-project-thumbs-in{position:relative; float:left; width:117px;}
.single-project .col-md-12 .color-background{padding-top: 55px; padding-bottom: 30px;}
.single-project .social-box{margin-bottom: 75px;} 
@media (min-width: 1199px) {
    .single-project-thumbs a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
    .single-project-thumbs a:hover .titel{color:#f61415;}
}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
    .single-project{padding: 0px 15px;}
    .single-project .col-md-12 .color-background{padding-top: 25px; padding-bottom: 60px;}
    .single-project .row:nth-child(2){margin-top: 60px;}
    .single-project .social-box{margin-bottom: 35px;} 
    .single-project .paginator{padding-bottom: 60px;}
	.single-project .tags-box{float:right !important;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
    .single-project .col-md-8, .single-project .col-md-4{padding:0px;}
	.author-info{width:100%; margin-bottom:25px !important; position:relative; float:left;}
	.single-project .social-box b, .single-project .tags-box b{width:100%; position:relative; float:left;}
	.single-project .tags-box a{margin-left:0px; margin-right:14px;}
	.single-project .tags-box{margin-bottom:20px; float: left !important;}
	.single-project .col-md-3 .tags-box{position:relative; float:left; margin-bottom:50px !important;}
	.single-project .row:nth-child(2){margin-top:60px;}
    .single-project .paginator-arrow-left{left: 0px; top: 0px;}
    .single-project .paginator-arrow-right{right: 0px; top: 0px;}
    .single-project .paginator{margin-top: 40px; padding-bottom: 60px !important;}
	.single-project-thumbs{margin-bottom:60px !important;}
    .single-project-thumbs a img{width: 100%;}
    .single-project-thumbs a:after{display: none;}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 14 - BLOCK "PAGE-BLOG-TIME-LINE" */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.blog-time-line .col-md-4 .tags-box a{margin-left:0px; margin-right:14px; margin-bottom:8px;}
#content-block .blog-time-line .col-md-4 .swiper-container, #content-block .blog-side-bar .col-md-4 .swiper-container{position:relative; float:left; width:100%;}
.blog-time-line .col-md-4 .swiper-container a, .blog-side-bar .col-md-4 .swiper-container a{position:relative; float:left; width:100%; text-align:center;}
.blog-time-line .col-md-4 .swiper-container a img, .blog-side-bar .col-md-4 .swiper-container a img{position:relative; float:left; width:100%;}
.blog-time-line .col-md-4 .swiper-container a .category, .blog-side-bar .col-md-4 .swiper-container a .category{position:relative; float:left; width:100%; color:#222222; font-size:14px; font-weight:bold; text-transform:uppercase; margin-top:22px;}
.blog-time-line .col-md-4 .swiper-container a .date, .blog-side-bar .col-md-4 .swiper-container a .date{position:relative; float:left; width:100%; color:#b6b6b6; font-size:12px; font-weight:900; margin-top:15px;}
.blog-time-line .col-md-4 .swiper-container a:hover .category, .blog-side-bar .col-md-4 .swiper-container a:hover .category{color:#f61415;}
.blog-time-line .col-md-4 .swiper-container .pagination, .blog-side-bar .col-md-4 .swiper-container .pagination{display:none;}
.blog-time-line .col-md-4 .swiper-container .time-line-arrow-left, .blog-side-bar .col-md-4 .swiper-container .time-line-arrow-left{position:absolute; left:5px; top:50%; margin-top:-45px; border:0px; height:auto;}
.blog-time-line .col-md-4 .swiper-container .time-line-arrow-right , .blog-side-bar .col-md-4 .swiper-container .time-line-arrow-right{position:absolute; right:5px; top:50%; margin-top:-45px; border:0px; height:auto;}
.blog-time-line .col-md-4 .title, .blog-side-bar .col-md-4 .title{position: relative; float: left; margin-top: 0px;}
.blog-time-line .col-md-8{padding-left: 45px;}
.blog-time-line .paginator{position: relative; float: left; width: 100%;}
.blog-time-line .full-date:after{position: absolute; left: -34px; top: 10px; width: 8px; height:8px; border-radius:8px; background: #f61415; content: "";}
.blog-time-line .full-date:before{position: absolute; left: -30px; top: 14px; width: 30px; height: 1px; background:#ededed; content: "";}
.blog-time-line .col-md-8:before{position: absolute; left: 14px; top: 0px; width: 1px; height: 100%; background:#ededed; content: "";}
.blog-time-line .col-md-8:after{position: absolute; left: 14px; bottom: -1px; width: 1px; height: 209px; background:#fff; content:"";}
.blog-time-line .post-full p{padding-bottom: 30px;}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
    .blog-time-line{padding-bottom: 45px;}   
    .title.style-1{line-height:22px;}
    .blog-time-line .side-bar-thumbs:last-child{padding-bottom: 0px;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
    .blog-time-line .col-md-4{padding-left: 15px; padding-right: 15px; padding-top:23px;}
	.blog-time-line .col-md-4 .side-bar-thumbs:nth-child(1){padding-top:24px;}
    .blog-time-line .col-md-8{padding-right: 15px; padding-left: 15px;}
    .blog-time-line .col-md-8 .post-full:nth-child(1){margin-top: 24px;}
    .blog-time-line .side-bar-thumbs:last-child{padding-bottom: 15px;}
}
@media (max-width: 480px) {
	.blog-time-line .col-md-4 .side-bar-thumbs:nth-child(1){padding-top:64px;}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 16 - BLOCK "PAGE-BLOG-SIDE-BAR" */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.blog-side-bar .paginator{position:relative; float:left; width:100%;}
.blog-side-bar .col-md-4 .tags-box a{margin-left:0px; margin-right:14px; margin-bottom:8px;}
.blog-side-bar-baner{min-height:500px; margin-bottom:90px;}
.blog-side-bar-baner .block-header{padding-top:220px;}
.side-bar-thumbs{position: relative; float: left; width: 100%; padding-bottom: 90px;}
.blog-side-bar .post-full p{padding-bottom: 30px;}
.home-services .block-type-4{min-height: 0px !important;}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
    .blog-side-bar{padding-bottom:45px;}
    .side-bar-thumbs{padding-bottom: 60px;}
    .side-bar-thumbs .title{position: relative; float: left; width: 100%;} 
    .blog-side-bar-baner{min-height: 0px;}
    .blog-side-bar-baner .block-header{padding-top:37px;}
}
@media (min-width: 480px) and (max-width: 991px) {
    .col-md-4.col-sm-12 .tags-box, .col-md-3.col-sm-12 .tags-box{width: 100%;}
    .col-md-4.col-sm-12 .twitter-box-thumbs .info, .col-md-3.col-sm-12 .twitter-box-thumbs .info{width: 100%; display: block; position: relative; float: left;}
    .col-md-4.col-sm-12 .side-bar-thumbs .post-small-in, .col-md-3.col-sm-12 .side-bar-thumbs .post-small-in{position: relative; float: left; width: 100%;}
    .col-md-4.col-sm-12 .side-bar-thumbs .post-small{width:30%; margin-right: 3%;}
    .col-md-3.col-sm-12 .single-project-thumbs a{width:45%; margin-right: 5%;}
    .col-md-4.col-sm-12 .side-bar-thumbs .gallery-widget a, .col-md-3.col-sm-12 .side-bar-thumbs .gallery-widget a{width: 23%; margin-right: 2%; margin-left: 0px;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
    .blog-side-bar-baner{min-height:400px;}
    .blog-side-bar-baner-style-1{min-height: 0px;}
	.blog-side-bar-baner .block-header{padding-top:37px;}
    .blog-side-bar .paginator{padding-bottom:60px !important;}
    .blog-side-bar .side-bar-thumbs:last-child{padding-bottom:15px !important;}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 17 - BLOCK "PAGE-POST-SIDE-BAR" */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.post-side-bar .post-full-image{padding-bottom:25px;}
.post-side-bar p, .post-side-bar ul{color: #979797;}
.post-side-bar article p{padding-bottom:25px;}
.post-side-bar article img{float:left; padding-bottom:25px; width:50%; padding-right:15px; box-sizing: border-box;}
.post-side-bar article img:nth-child(2){float:right; padding-right:0px; padding-left:15px;}
.post-side-bar .citation{padding:20px 0px;}
.post-side-bar article ul li{float:left; width:50%; padding-top:4px; padding-bottom:4px;}
.post-side-bar article ul{padding-bottom:50px; position:relative; float:left;}
.related-posts{position:relative; float:left; width:100%; font-size: 22px !important;}
.post-side-bar form{position:relative; float:left; width:100%; margin-top:100px; text-align:center;}
.post-side-bar form .button{float:none;}
.post-side-bar .col-md-12{padding-bottom: 20px;}
.post-side-bar .col-md-8 .tags-box{padding-bottom: 90px;}
.post-side-bar .post-full .post-full-image{background: none;}
.post-side-bar .post-full .post-full-image img{opacity: 1;}
.post-side-bar .col-md-8 .post-full .title.style-7, .post-side-bar .col-md-8 .post-full .title.style-7 a{font-size: 24px; line-height: 28px; top: -3px;}
.post-side-bar .col-md-8 .post-full-image img{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);}
.post-side-bar .post-full.post-full-small p{padding-bottom:0px;}
.post-full-small-animate .post-full-image{overflow: hidden; padding-bottom: 0px; margin-bottom: 25px;}
.post-full-small-animate .post-full-image:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
/*Desktops (≥992px)*/
@media (max-width: 1199px) {
    .post-side-bar .col-md-8 .tags-box{float:left;}
}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
    .post-side-bar .col-md-8 .tags-box{padding-bottom: 60px; margin-bottom: 0px; float: right;}
	.post-side-bar form{margin-top: 60px;}
	.blog-side-bar.post-side-bar{padding-bottom:0px;}
	.blog-side-bar.post-side-bar .side-bar-thumbs:last-child{padding-bottom:33px;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
    .post-side-bar .col-md-8 .tags-box{float: left;}
    .post-side-bar article ul li{width:100%;}
    .post-side-bar .social-box b, .post-side-bar .tags-box b{width: 100%; position: relative; float: left; padding-bottom: 40px;}
    .post-side-bar .tags-box a:nth-child(2){margin-left: 0px;}
    .post-side-bar .post-full-small{padding-bottom: 60px !important;}
    .post-side-bar form{margin-top: 60px;}
	.blog-side-bar.post-side-bar{padding-bottom:45px;}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 18 - BLOCK "PAGE-MAGAZINE" */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.magazine .blog{margin-top:0px;}
.magazine .blog .col-md-4{width:50%; box-sizing: border-box;}
.magazine .blog .col-md-4:nth-child(odd){padding-left:0px; padding-right:15px;}
.magazine .blog .col-md-4:nth-child(even){padding-left:15px; padding-right:0px;}
.magazine .blog .col-md-4:nth-last-child(3){margin-bottom: 30px;}
#content-block .magazine .blog .col-md-4 .swiper-container{margin: 0px !important;}
#content-block .magazine .blog .col-md-4 .pagination{display: block;}
#content-block .magazine .blog{margin-bottom:85px;}
.magazine .blog .title{margin-bottom: 0px; padding-bottom: 22px;}
.magazine-top{margin-top: 90px; margin-bottom: 90px;}
.magazine-top .slider-type-1 .category{background: #f61415; color: #fff; font-size: 12px; font-weight: 600; text-transform: uppercase; position: relative; padding: 9px 10px;}
.magazine-top .slider-type-1 .h4{margin-top: 30px; margin-bottom: 13px;}
.magazine-top .slider-type-1 .h4 a{color: #fff;}
.magazine-top .slider-type-1 .date{color: #e6e6e6; font-size: 12px; font-weight: bold; margin-bottom: 7px; display: block; position: relative;} 
.magazine-gallery-small{position: relative; float: left; width: 100%;}
.magazine-gallery-small-thumbs{position: relative; float: left; width: 25%; cursor: pointer; z-index: 1;background-color: #000;}
.magazine-gallery-small-thumbs img{-webkit-filter:grayscale(100%);opacity: 0.6;}
.magazine-gallery-small-thumbs:hover img, .magazine-gallery-small-thumbs.active img{-webkit-filter:grayscale(0);opacity: 1;}
.magazine-gallery-small-thumbs:after{position: absolute; left: 0px; top: -5px; width: 100%; height:5px; background: #f61415; content: ""; opacity: 0;}
.magazine-gallery-small-thumbs.active:after{opacity: 1;}
.magazine-gallery-small-thumbs img{position:relative; float: left; width: 100%; backface-visibility: hidden;}
.magazine-gallery-small-thumbs .roll{position: absolute; left: 0px; top: 0px;}
.fashion-news{position: relative; float: left;}
.fashion-news-thumbs{position: relative; float: left; width: 100%; margin-bottom: 30px;}
.fashion-news-thumbs .fashion-news-thumbs-image{position: relative; float: left; background: #000; overflow:hidden;}
.fashion-news-thumbs .fashion-news-thumbs-image img{position: relative; float: left; width: 200px;}
.fashion-news-thumbs .info{margin-left:230px;}
.fashion-news-thumbs .category{position: relative; float: left; color: #222222; font-size: 16px; text-transform: uppercase; font-weight: bold; line-height: 22px; margin-top: 20px; margin-bottom: 20px;}
.fashion-news-thumbs .date{position: relative; float: left; color: #999999; font-size: 12px;}
.fashion-news-thumbs .date a{color: #222222;}
.magazine-top .slider-type-1 .content-wrap-in{width: 100%;}
@media (min-width: 1199px) {
    .magazine-top .slider-type-1 .h4:hover a{color: #f61415;}
    .magazine-gallery-small-thumbs:hover .roll, .magazine-gallery-small-thumbs.active .roll{opacity:0;}
    .magazine-gallery-small-thumbs:hover:after{opacity: 1;}
    .magazine-gallery-small-thumbs img{opacity: 0.7;}
    .fashion-news-thumbs .fashion-news-thumbs-image:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
    .fashion-news-thumbs .category:hover{color: #f61415;}
    .fashion-news-thumbs .date a:hover{color: #f61415;}
}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
    .magazine-top{padding:0px 15px; margin-bottom: 60px;}
    .magazine-top{margin-top: 30px;}
    .magazine-top .slider-type-1{padding-bottom: 0px;}
    #content-block .magazine-top .magazine-gallery-small{margin-bottom: 55px;}
    .fashion-news-thumbs{margin-bottom: 60px;}
	.magazine .col-md-4.col-sm-12{padding-top:50px;}
	.magazine{padding-bottom:60px;}
	.magazine-top .pagination{display:none !important;}

/*    #content-block .magazine .col-md-8.col-sm-8.blog .col-md-4:nth-cild(odd){padding-left: 0px !important;}*/
}

@media (min-width: 767px) and (max-width: 991px){
    .magazine .blog .col-md-4.col-sm-6:nth-child(1n){padding-left: 0px !important;}
    .magazine .blog .col-md-4.col-sm-6:nth-child(2n){padding-right: 0px !important; padding-left: 15px !important;}
}

/*Phones (<768px)*/
@media (max-width: 767px) {
    .magazine-top .slider-type-1 .content-wrap{width: 90%; left: 5%;}
    .magazine-top .slider-type-1 article p{display: none;}
    .magazine-top .col-md-6 .titel{position: relative; float: left;}
    .fashion-news-thumbs .info{position: relative; float: left; width: 100%; clear: both; margin-left: 0px;}
    .magazine .blog .col-md-4{width: 100%; padding: 0px !important;}
}
@media (max-width: 480px) {
    .slider-type-1 .arrow{display: none;}
    .slider-type-1 .pagination{display: block; position: absolute; left: 0px; bottom: 55px;}
	.fashion-news-thumbs .fashion-news-thumbs-image{width:100%;}
	.fashion-news-thumbs .fashion-news-thumbs-image img{width:100%;}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 19 - BLOCK "PAGE-MAGAZINE-1" */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.magazine-top-1{position: relative;}
/*.magazine-top-1:after{position: absolute; left: 0px; bottom: 0px; width: 100%; height: 7px; background: #fff; content: "";}*/
.magazine-top-1 .col-md-5 .slider-type-1{margin-bottom: 30px; height: 253px; overflow: hidden;}
.magazine-top-1 .slider-type-1 .content-wrap{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); opacity: 1;}
.magazine-top-1 .slider-type-1 .background-black{opacity: 1;}
.magazine-top-1 .slider-type-1 *{backface-visibility: hidden;}
.magazine-top-1 .slider-type-1 .pagination{display: block !important; position: absolute; left: 0px; bottom: 30px;}
.magazine-gallery{position: relative; float: left; width: 100%; border:10px solid #f61415; box-sizing: border-box; text-align: center;}
.magazine-gallery .category{position: relative; display: inline-block; background: #f61415; padding:10px 9px; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; margin-top: 30px;}
.magazine-gallery-thumbs{position: relative; float: left; width: 100%; padding:30px; box-sizing: border-box;}
.magazine-gallery-thumbs img{position: relative; float: left; width: 100%;}
.magazine-gallery-thumbs span{position: relative; float: left; width: 100%; text-align: center; color: #222222; font-size: 16px; text-transform: uppercase; font-weight: bold; margin-top: 27px;}
#content-block .magazine-gallery .swiper-container .pagination{margin-top: 0px; margin-bottom: 30px;}
.magazine-line .col-md-8 .title{font-size: 22px;}
.magazine-line .col-md-8 .post-full article .title{font-size: 16px; line-height: 22px; margin-top: 27px;}
.magazine-news{margin-top: 90px;}
.magazine-news-thumbs{position: relative; float: left; width: 100%; overflow: hidden;}
.magazine-news-thumbs img{position: relative; float: left; width: 100%;}
.magazine-news-thumbs-in{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center;}
.magazine-news-thumbs-in .info{position: relative; float: left; width: 100%; margin-bottom: 25px;}
.magazine-news-thumbs-in .info a{font-size: 12px; color: #fff; font-weight: bold; padding: 0px 7px;}
.magazine-news-thumbs-in .info a .fa{color: #f61415; padding-left: 2px;}
.magazine-news-thumbs-in .category{position: relative; float: left; width: 80%; text-align: center; color: #ffffff; font-size: 22px; text-transform: uppercase; font-weight: bold; line-height: 30px; margin-left: 10%;}
.magazine-news-thumbs-in .data{position: relative; float: left; width: 100%; color: #e6e6e6; font-size: 12px; font-weight: bold; margin-top: 20px;}
.hot-news{position: relative; float: left; width:100%; border:10px solid #f61415; box-sizing: border-box; text-align: center;}
.hot-news .button{margin-top: 30px; margin-bottom: 30px;}
.hot-news .swiper-container{height: 446px !important;}
.hot-news .hot-news-image{position: relative; float: left; width: 100%;}
.hot-news .hot-news-image img{position: relative; float: left; width: 100%;}
.hot-news-thumbs{position: relative; float: left; width: 100%; padding: 0px 30px; box-sizing: border-box;}
.hot-news-thumbs .categoty{position: relative; float: left; width: 100%; color: #222222; font-size: 16px; font-weight: bold; text-transform: uppercase; margin-top: 27px;}
.hot-news-thumbs .date{position: relative; float: left; width: 100%; color: #b6b6b6; font-size: 12px; font-weight: bold; margin-top: 20px; margin-bottom: 20px;}
.hot-news-left{position: absolute; left: 0px; bottom: 0px;}
.hot-news-right{position: absolute; right: 0px; bottom: 0px;}
.magazine-bottom .container{padding-bottom: 25px;}
.magazine-bottom .title{text-align: center; font-size: 22px;}
.magazine-bottom .title.style-1:after{left: 50%; margin-left: -2px;}
.magazine-bottom .sample-slider .slide-entry .title.style-1{font-size:14px; text-align:left;}
.magazine-bottom .sample-slider .slide-entry .title.style-1:after{left:0px; margin-left:0px;}
.magazine-line-slider .pagination{display:none;}
@media (min-width: 1199px) {
    .magazine-top-1 .slider-type-1:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
    .magazine-gallery-thumbs:hover img{transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9);}
    .magazine-gallery-thumbs:hover span{color: #f61415;}
    .magazine-news-thumbs:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
    .magazine-news-thumbs-in .info a:hover{color: #f61415;}
    .magazine-news-thumbs-in .info a:hover .fa{color: #fff;}
    .hot-news .hot-news-image img:hover{transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8);}
    .hot-news-thumbs .categoty:hover{color: #f61415;}
    .magazine-news-thumbs-in .category:hover{color: #f61415;}
}
@media (max-width: 1199px) {
    .hot-news .pagination{opacity: 0 !important;}
    .magazine-top-1 .col-md-5 .slider-type-1{height: 206px;}
}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
    .magazine-top-1 .col-md-5 .slider-type-1:nth-child(1){margin-top: 25px;}
    .magazine-line, .magazine-news{padding-left: 15px; padding-right: 15px;}
    .magazine-line .col-md-8 .post-full.post-full-small{padding-top: 25px;}
    .hot-news{margin-top: 25px; margin-bottom: 25px !important;}
    .hot-news .swiper-container{height: auto !important;}
    .full-gallary .block-header{padding-left: 60px; padding-right: 60px;}
    .magazine-top-1 .col-md-5 .slider-type-1{height: auto;}
    .magazine-line .col-md-8 .post-full.post-full-small{padding-top: 60px;}
    .magazine-news{margin-top: 60px;}
    .hot-news{margin-top: 60px !important; margin-bottom: 60px !important;}
    .magazine-line .col-md-8 .pagination{bottom: auto; top: 145px;}
    .magazine-line .col-md-8 .pagination .swiper-pagination-switch{display: inline-block !important;}
    .magazine .col-md-4.col-sm-12 .side-bar-thumbs{padding-bottom: 30px;}
    .magazine{padding-bottom: 30px;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
    .magazine-gallery{margin-bottom: 25px !important;}
    .full-gallary .block-header{padding-left: 15px; padding-right: 15px;}
    .full-gallary-left{top: 0px; margin-top: 0px;}
    .full-gallary-right{top: 0px; margin-top: 0px;}
    .magazine-line .col-md-8 .post-full-small:nth-child(2){margin-top: 30px;}
    .magazine-top-1 .slider-type-1 .pagination{bottom: 15px;}
    .magazine .col-md-4.col-sm-12 .side-bar-thumbs:nth-child(1){margin-top: 55px;}
    .magazine-line-slider{padding-top: 60px;}
}
@media (max-width: 480px) {
    .magazine-line-slider{padding-top: 0px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 20 - BLOCK "BLOG-HOME" */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.left-shifted, .right-shifted{margin-top: -45px!important;}
.left-shifted{left: 15px!important;}
.right-shifted{right: 15px!important;}
.simple-no-slider-thumbnail{margin-bottom: 25px;}
.sidebar-widget{margin-bottom: 90px;}
.sidebar-widget .title{float: none!important;}
.text-widget .image{margin-bottom: 20px;}
.text-widget .image img{display: block; max-width: 100%; height: auto;}
.text-widget .widget-title{font-size: 16px; line-height: 22px; color: #222; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; display: block; margin-bottom: 7px;}
.text-widget .description{font-size: 13px; line-height: 24px; color: #999;}
.recomendation-entry{margin-bottom: 30px;}
.recomendation-entry .image{float: left; width: 170px; overflow:hidden;}
.recomendation-entry .image img{display: block; width: 100%; height: auto; backface-visibility: hidden;}
.recomendation-entry .content{margin-left: 200px;}
.recomendation-entry .content .cell-view{height: 110px; width: 500px;}
.recomendation-entry .recomendation-title{font-size: 14px; line-height: 18px; color: #222; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; display: block; margin-bottom: 10px;}
.recomendation-entry .date{font-size: 12px; line-height: 20px; color: #b6b6b6; text-transform: uppercase; font-weight: 700;}
.blocks-custom-padding{padding-bottom: 90px;}
.blog-side-bar .post-full .recomendation-entry:nth-child(5){padding-top: 25px;}
.blog-home .pagination{display:none;}
.blog-home .post-full .post-full-image{overflow:hidden;}
.blog-home .post-full p{color:#979797;}
@media (min-width: 1199px) {
    .text-widget .widget-title:hover{color: #f61415;}
    .recomendation-entry .image:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
    .recomendation-entry .recomendation-title:hover{color: #f61415;}
    .blog-home .post-full .post-full-image:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
}
@media (max-width: 1199px) {
    .blog-home .sample-slider .arrow{top: auto !important; bottom: 0px !important;}
    .blog-home .sample-slider .swiper-arrow-right{right: 13px !important;}
}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
    .recomendation-entry .content{margin-left: 0px; display: block; position: relative; float: left;}
    .blog-home .block{padding-bottom: 5px;}
    .blog-home .blocks-custom-padding{padding-bottom: 5px;}
    .blog-home.blog-side-bar .post-full .recomendation-entry:nth-child(5){padding-top: 25px;}
    .blog-home.blog-side-bar .post-full{padding-bottom: 0px;}
    .blog-home{padding-bottom: 35px;}
	.blog-home .sample-slider{padding-bottom:50px;}
	.sidebar-widget.text-widget{padding-bottom:60px;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
    .blog-home.blog-side-bar .post-full:nth-child(1){margin-top: 50px;}
}
@media (max-width: 480px) {
    .blog-home .sample-slider .swiper-container .arrow{display: none;}
    .blog-home .sample-slider .swiper-container .pagination{display: block !important; position: absolute; left: 0px; bottom: 75px;}
    .blog-home .sample-slider .swiper-container .pagination .swiper-pagination-switch{display: inline-block !important;}
    .blog-home .sample-slider .swiper-container{display: block; position: relative; padding-bottom: 0px;}
	.sidebar-widget.text-widget{padding-bottom:0px;}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 21 - BLOCK "ABOUT" */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.new-block .container{padding-top: 0; padding-bottom: 0;}
.new-block .block-header .title{margin-bottom: 30px;}
.new-block .social-link{margin-bottom: 0px;}
.new-block .block-type-6 .col-md-4{padding-top: 0px;}
.new-block .block-type-6 .block-type-2{height: 419px;}
.new-block .social-box .social-link{margin-top:20px;}
.block.paddings-little{padding: 45px 0; background: none;}
.block.paddings-none{padding: 0px; background: none;}
.sample-banner{margin-top: -45px;}
.sample-banner .pagination{display: none;}
.full-w{position: relative; float: left; width: 100%; height: 100%;}
.sample-banner .cell-view{height: 700px; position: relative; padding: 0 15px; text-align: center; width: 1500px;}
.sample-banner.full .cell-view{height: 555px; width: 100vw;}
.sample-banner .cell-view .content-align{max-width: 770px; margin: 0 auto;}
.sample-banner.full  .pagination{display: block !important; position: absolute; left: 0px; bottom: 60px;}
.sample-banner .swiper-slide{background-position: center center; background-size: cover; position: relative;}
.sample-banner .swiper-slide:before{position: absolute; background: rgba(0,0,0,0.5); left: 0; top: 0; width: 100%; height: 100%; content: "";}
.sample-banner .swiper-slide .title{font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 52px; line-height: 50px; color: #fff; text-transform: uppercase; margin-bottom: 20px;}
.sample-banner .swiper-slide .description{font-size: 15px; line-height: 30px; color: #fff;}
.sample-banner .swiper-slide .description.big{font-size: 20px; line-height:30px; font-weight: 300;}
.sample-banner .swiper-slide .user-image{position: relative; width: 100%; display: inline-block; overflow: hidden; border-radius:50px; margin-top: 30px; margin-bottom: 20px;}
.sample-banner .swiper-slide .user-image img{position: relative; border-radius:50px;}
.sample-banner .swiper-slide .name{color: #ffffff; font-size:18px; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 35px;}
.sample-banner .swiper-slide .name:hover{color: #f61415;}
#content-block .about-align-left{width: 100%; left: 0; text-align: left;}
#content-block .block-type-5 .social-link{width: 30px;}
.block-type-6 .sample-banner{margin-top: 0;}
.block-type-6 .sample-banner .cell-view{height: 439px;}
.block-type-6 .sample-banner .pagination{position: absolute; left: 0; width: 100%; bottom: 30px; display: block;}
.block-type-6 .sample-banner .cell-view .content-align{max-width: 370px;}
.block-type-6 .sample-banner .swiper-slide .title{font-size: 22px; line-height: 30px;}
.block-type-6 .sample-banner .swiper-slide .description{font-size: 14px; line-height: 24px;}
.timeline-column{padding: 30px 0 30px 55px;}
.timeline-column .entry{margin-bottom: 50px;}
.timeline-title{font-size: 18px; line-height: 30px; color: #333; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-bottom: 25px; position: relative;}
.timeline-text{font-size: 13px; line-height: 24px; color: #999}
.timeline-text ul, .timeline-text p{margin-bottom: 24px;}
.timeline-text ul li:before{width: 3px; height: 3px; border-radius: 50%; background: #f61415; display: inline-block; vertical-align: middle; margin-right: 10px; position: relative; top: -2px; content: "";}
.timeline-text img{float: left; margin-right: 25px; margin-bottom: 25px; width: 270px;}
.timeline-wrapper{margin-top: 55px; margin-bottom: 45px !important; position: relative; overflow: hidden;}
@media (min-width: 992px) {
  .timeline-column:first-child .timeline-text img{float: right; margin-right: 0; margin-left: 25px;}
  .timeline-title:before{width: 34px; height: 8px; background: url(../img/timeline-point-2.png); position: absolute; content: ""; top: 10px; left: -55px;}
  .timeline-column:first-child .timeline-title:before{background: url(../img/timeline-point-1.png); left: auto; right: -55px;}
  .timeline-column .entry:first-child{margin-top: 60px;}
  .timeline-column:first-child .entry:first-child{margin-top: 0;}
  .timeline-column:first-child{padding: 30px 55px 30px 0; text-align: right;}
  .timeline-wrapper:before{position: absolute; left: 50%; top: 0; height: 10000px; width: 1px; background: #ededed; content: "";}
  .new-block .social-box .social-link{margin-top:0px;}
}
@media (max-width: 1199px) {
    .testimonials .sample-banner .cell-view{position: relative; float: left; padding-top: 60px; width: 100%;}
}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
  .timeline-column{padding: 0 15px;}
  .timeline-column{margin-bottom: 50px;}
  .new-block.block.paddings-little{padding:30px 0px;}
  .timeline-wrapper{padding-bottom: 25px;}
  .new-block .social-link{margin-bottom: 60px;}
  .new-block .block-type-5 article p{padding-bottom: 60px;}
  .new-block .block-type-5 .col-md-4:last-child .social-link{margin-bottom: 0px;}
  .new-block .block-type-6 .block-type-2{min-height:0px; height:auto; padding:20px 0px;}
  .sample-banner .cell-view .content-align{width:75%;}
  .new-block .block-type-6 .block-type-2 .content-wrap-in{height:100%;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
    .timeline-text img{float: none; margin: 0 0 24px 0;}
    .sample-banner .cell-view{height: 300px;}
    .sample-banner .swiper-slide .title{font-size: 40px; line-height: 40px;}
    .sample-banner .arrow{display: none;}
    .sample-banner .pagination{display: block;}
    .block.paddings-little{padding: 20px 0;}
    .sample-banner{margin-top: 0;}
    .sample-banner.full .cell-view  .title{font-size: 30px;}
    .sample-banner.full  .pagination{bottom: 30px;}
    .new-block .swiper-container, .new-block .swiper-wrapper, .new-block .swiper-slide{height: 425px !important;}
    .new-block .pagination{position: absolute; left: 0px; bottom: 15px;}
	.sample-banner .cell-view .content-align{width:100%;}
    .sample-banner-about{position: relative; float: left; width: 100%;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 22 - BLOCK "TEASER" */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.teaser-table{background-size: cover; background-position: center center;}
.teaser-table .cell-view{vertical-align: middle; text-align: center; padding: 0 15px;}
html.fullheight, html.fullheight body{height: 100%;}
.teaser-logo{position: relative; text-align: center;}
.teaser-table img{display: inline-block;}
.teaser-content{position: relative; max-width: 780px; margin: 0 auto;}
.teaser-table .copyright{position: relative; text-align: center; float: none;}
.teaser-title{font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 52px; line-height: 50px; text-transform: uppercase; margin-bottom: 11px; color: #fff;}
.teaser-description{font-size: 13px; line-height: 24px; color: #c9c9c9; margin-bottom: 45px;}
.teaser-article{max-width: 580px; margin: 0 auto;}
.teaser-date{max-width: 650px; margin: 0 auto 45px auto;}
.teaser-date .date-entry{float: left; width: 25%; text-align: center;}
.date-square{width: 130px; height: 130px; display: inline-block; position: relative; display: inline-block; margin-bottom: 10px;}
.date-square span{font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 40px; line-height: 40px; color: #fff; padding-top: 37px; display: block; position: relative;}
.date-square p{font-size: 11px; line-height: 22px; color: #c9c9c9; text-transform: uppercase; font-weight: 600; position: relative;}
.date-square .circle-box{position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg);}
.date-square .circle-box svg circle {stroke-dashoffset: 0; transition: stroke-dashoffset 1s linear; -webkit-transition: stroke-dashoffset 1s linear; stroke-width: 3px; stroke: #f61415;}
.date-square .circle-box.stop-animation svg circle{transition: none; -webkit-transition: none;}
@media (max-width: 600px) {
  .teaser-date .date-entry{width: 50%;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 22 - BLOCK "HOME-SERVICES" */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.home-services .block-type-4 article{text-align: center;}
.home-services .block-type-4 article .h1{font-size: 52px; color: #fff;}
.home-services .block-type-4 article p{color: #c9c9c9;}
.home-services .block-type-5 a{background: none; text-align: center; cursor: auto;}
.home-services .block-type-5 a img{position:relative; float: none; display:inline-block; width: auto;}
.home-services .block-type-5 a:hover{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);}
.home-services .block-type-5 a.button{background: #f61415; width: auto; display: inline-block; float: none;}
.home-services .block-type-5 a.button:hover{background: none; cursor: pointer;}
.home-services .block-type-5 article p{padding-bottom: 40px;}
.home-services .skills .col-md-6{padding-top:60px;}
.contact-page-s .block-header{margin-bottom: 55px;}
.contact-page-s{padding-bottom: 30px;}
/* Tablets (≥768px)*/
@media (max-width: 991px) {
    .home-services .skills .col-md-6{padding-top: 15px; padding-bottom: 15px;}
    .home-services .block-type-5 .col-md-4{position:relative; float: left; padding-bottom: 60px;}
    .home-services .block-type-5 .col-md-4:last-child article p{padding-bottom: 20px;}
    .home-services .block-type-5 .col-md-4:last-child{padding-bottom: 0px;}
    .contact-page-s{padding-top: 30px !important; padding-bottom:60px;}
    .home-services .skills .col-md-6:nth-child(2) .skills-thumbs:nth-child(1){margin-top: 20px;}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - CSS ANIMATIONS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.class{-moz-transition:none; -o-transition:none; -webkit-transition:none; transition:none; -ms-transition:none;}
.footer-contact-entry a, .social-link, .social-link .fa, .copyright a, .footer-info-links a, .navigation-search, .navigation-search .fa, .navigation-cart .number span, nav a, nav .fa, .cart-popup .item-title, .button, .simple-input, .simple-search-form .submit-container .fa, .arrow, .x-button, .scroll-to-top, .breadcrumb-box a, .sample-slider .description-container, .sample-slider .description-container .title.style-1, .sample-slider .description-title, .sample-slider .description-text, .slider-type-1 .content-wrap, .slider-type-1 .background-black, .block-type-2.hover-block, .block-type-2.hover-block .block-name, .block-type-2.hover-block .block-name:after, .block-type-2.hover-block article, .block-type-3-thumbs .background-black, .block-type-2.hover-block article p , .block-type-2.hover-block article .h2, .scrolling-popup iframea, .block-type-5 a, .block-type-7 a, .sorting-container a .white-black, .sorting-container .sorting-item-div .white-black, .portfolio .portfolio-1-thumbs .background-black, .blog .col-md-4 .blog-user-image, .blog .col-md-4 .blog-user-image b, .blog .col-md-4 .h5-1 a, .blog .col-md-4 .blog-thumbs-image img, .paginator-center a, .single-project .tags-box a, .single-project-thumbs a .titel, .blog-time-line .col-md-4 .swiper-container a .category, .twitter-box-thumbs .info, .gallery-widget a img, .tabs-box-in a, .tabs-box-in a:after, .tabs-box-wraper, .post-small-in .info a, .post-small-in .category, .post-full .admin a, .comments-thumbs-wrap .name, .comments-thumbs-wrap .replay, .comments-thumbs-wrap .replay .fa, .magazine-gallery-small-thumbs img, .magazine-gallery-small-thumbs:after, .fashion-news-thumbs .category, .fashion-news-thumbs .date a, .magazine-gallery-thumbs img, .magazine-gallery-thumbs span, .magazine-news-thumbs-in .info a, .magazine-news-thumbs-in .info a .fa, .magazine-news-thumbs-in .category, .hot-news-thumbs .categoty, .tabs-faq-thumbs-top, .tabs-faq-thumbs-top .fa, .pricing-thumbs, .pricing-thumbs .pricing-icon, .pricing-thumbs .pricing-icon img, .pricing-thumbs .category, .pricing-thumbs .price, .pricing-thumbs .price span, .pricing-thumbs .small, .pricing-thumbs .button, .my-works-slider .my-works-image, .my-works-slider .category, .sample-banner .swiper-slide .name, .clients .client-thumbs, .post-full .post-full-image img, .post-small .image-post img, .tags-box a, .block-type-7 .open-scrolling-popup .video, .block-type-7 .open-scrolling-popup .background-black, .magazine-top .slider-type-1 .h4 a, .fashion-news-thumbs .fashion-news-thumbs-image img, .magazine-top-1 .slider-type-1 img, .full-gallary .block-header .title a, .hot-news .hot-news-image img, .magazine-news-thumbs img, header.move-meny:before, .recomendation-entry .image img, .footer-images-box .entry img, .single-project-thumbs a img, .header-content{-moz-transition:all 0.15s ease-out; -o-transition:all 0.15s ease-out; -webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out; -ms-transition:all 0.15s ease-out;}
.fullscreen-popup .close-layer, .fullscreen-popup .popup-content, .inpopup-gallery img, .scrolling-popup, .scrolling-popup .close-layer, .block-type-3-thumbs img, .video{-moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out; -ms-transition:all 300ms ease-out;}
.class, .portfolio .portfolio-1-thumbs article .h4, .portfolio .portfolio-1-thumbs article p, .tabs-box-wraper, .sorting-container a .normal .h4, .sorting-container a .normal p, .sorting-container a .background-black, .submenu-container, .cart-popup, .sorting-container, .sorting-container .sorting-item-div .normal .h4, .sorting-container .sorting-item-div .normal p, .sorting-container .sorting-item-div .background-black{-moz-transition:all 500ms ease-out; -o-transition:all 500ms ease-out; -webkit-transition:all 500ms ease-out; transition:all 500ms ease-out; -ms-transition:all 500ms ease-out;}
.class, .transform-animate{-moz-transition:all 700ms ease-out; -o-transition:all 700ms ease-out; -webkit-transition:all 700ms ease-out; transition:all 700ms ease-out; -ms-transition:all 700ms ease-out;}
.class{-moz-transition:all 1000ms ease-out; -o-transition:all 1000ms ease-out; -webkit-transition:all 1000ms ease-out; transition:all 1000ms ease-out; -ms-transition:all 1000ms ease-out;}
.skills-thumbs .line-in{-moz-transition:all 2500ms ease-out; -o-transition:all 2500ms ease-out; -webkit-transition:all 2500ms ease-out; transition:all 2500ms ease-out; -ms-transition:all 2500ms ease-out;}
@media (max-width: 1200px) {
    .submenu-container{-moz-transition:none !important; -o-transition:none !important; -webkit-transition:none !important; transition:none !important; -ms-transition:none !important;}
}

/*transition delay*/
.sample-slider .slide-entry:hover .title.style-1{transition-delay:0.15s; -moz-transition-delay:0.15s; -webkit-transition-delay:0.15s; -ms-transition-delay:0.15s;}
.sample-slider .slide-entry:hover .description-title{transition-delay:0.25s; -moz-transition-delay:0.25s; -webkit-transition-delay:0.25s; -ms-transition-delay:0.25s;}
.sample-slider .slide-entry:hover .description-text{transition-delay:0.35s; -moz-transition-delay:0.35s; -webkit-transition-delay:0.35s; -ms-transition-delay:0.35s;}

.transform-animate{transform: scale(0.8); opacity: 0;}
.transform-animate.active{transform: scale(1); transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); opacity: 1;}