@mixin touch() {  -webkit-overflow-scrolling: touch;}

@mixin rot($ang){
    transform: rotate($ang+deg);
    -webkit-transform: rotate($ang+deg);
    -o-transform: rotate($ang+deg);
    -ms-transform: rotate($ang+deg);
    -moz-transform: rotate($ang+deg);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

@mixin ani($effect,$time,$ease : linear){
    -webkit-transition:$effect $time+ms $ease;
    -o-transition:$effect $time+ms $ease;
    -moz-transition:$effect $time+ms $ease;
    transition:$effect $time+ms $ease;
}
@mixin mag_glass($top: 6px,$right:7px,$color:$grey,$size:28px) {
    position: relative;
    width: $size;
    height:$size;    
    
    &:before,&:after {
        content:"";position:absolute;border:2px solid $color;
    }
    &:before {
       width:9px;height:9px;border-radius:50%;top:$top;right:$right;
    }
    &:after {
       height:4px;width:0px;border:none;border:1px solid $color;
        @include rot(-45);border-radius:2px;top:$top+9px;right:$right - 1px;
    }
    &:hover {opacity:0.7;}
}

@mixin boxes($cpr_d,$cpr_m1:false,$cpr_m2:false,$gap:1rem,$flip1:false,$flip2:false,$kill:420px){
    > .divin {
        margin:0 (-$gap/2);
    }
    .box {
        display: inline-block;vertical-align: top;
        width:1 / $cpr_d *100%;
        padding:0 ($gap/2);

    }
    @if($flip1){
        @media screen and (max-width:$flip1){
            .box {width:1 / $cpr_m1 *100%;}
        }
    }
    @if($flip2){
         @media screen and (max-width:$flip){
            .box {width:1 / $cpr_m2 *100%;}
        }   
    }
    @media screen and (max-width: $kill) {
        > .divin {margin:0;}
        .box {display: block;width:auto;}
    }
    
}
@mixin placeholder($color){
    ::-webkit-input-placeholder { /* WebKit browsers */
        color:    $color;
    }
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color:    $color;
        opacity:  1;
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color:    $color;
        opacity:  1;
    }
    :-ms-input-placeholder { /* Internet Explorer 10+ */
        color:    $color;
    }
}
@mixin grad($start,$end,$start_opacity:1,$end_opacity:1,$image:false){
     background-image: $start;
     @if($image){
        background-image : url($image), -moz-linear-gradient(top,  rgba($start,$start_opacity) 0%, rgba($end,$end_opacity) 100%);
        background-image: url($image), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba($start,1)), color-stop(100%,rgba($end,$end_opacity)));
        background-image: url($image), -webkit-linear-gradient(top,  rgba($start,$start_opacity) 0%,rgba($end,$end_opacity) 100%);
        background-image: url($image), -o-linear-gradient(top,  rgba($start,$start_opacity) 0%,rgba($end,$end_opacity) 100%);
        background-image: url($image), -ms-linear-gradient(top,  rgba($start,$start_opacity) 0%,rgba($end,$end_opacity) 100%);
        background-image: url($image), linear-gradient(to bottom,  rgba($start,$start_opacity) 0%,rgba($end,$end_opacity) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start', endColorstr='$end',GradientType=0 );
     } @else {
        background-image : -moz-linear-gradient(top,  rgba($start,$start_opacity) 0%, rgba($end,$end_opacity) 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba($start,1)), color-stop(100%,rgba($end,$end_opacity)));
        background-image: -webkit-linear-gradient(top,  rgba($start,$start_opacity) 0%,rgba($end,$end_opacity) 100%);
        background-image: -o-linear-gradient(top,  rgba($start,$start_opacity) 0%,rgba($end,$end_opacity) 100%);
        background-image: -ms-linear-gradient(top,  rgba($start,$start_opacity) 0%,rgba($end,$end_opacity) 100%);
        background-image: linear-gradient(to bottom,  rgba($start,$start_opacity) 0%,rgba($end,$end_opacity) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start', endColorstr='$end',GradientType=0 );         
     }
    
    filter:none;
    
}
@mixin pxpt($insert_pt){
    font-size:round($insert_pt * 1.33333) + px;
}

@mixin menu_btn ($color:#000){
    width: 18px;
    height: 18px;
    cursor: pointer;    
        .line {
            display: block;
            height: 2px;
            background: $color;
            margin: 4px 0px;    
        }
}
@mixin arrow($deg:45,$width:2px,$color:#333,$size:5px,$inline:true,$dir:'left'){
    @if($inline){
        position: relative;
    }
    &:before {
        @if($inline == false){
            position: absolute;
        }@else{
            display: inline-block;vertical-align: middle;
        }
        content:"";
        border-left:$width solid $color;
        border-bottom:$width solid $color;
        width:$size;height:$size;
            @include rot($deg);
            
        
        display: inline-block;vertical-align: middle;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
       
    }
}
@mixin box_align($width,$margin:1rem){
    .box_row {
        position: relative;
        margin:0 0 $margin;
        .bg {
            position: absolute;
            top:0;right:auto;
            width:$width;
            height:100%;
            .style {
                height:100%;
            }
        }
    }
    .box {
        display: inline-block;vertical-align: top;
        width:$width;
    }
    .box_in {
        position: relative;z-index: 2;
       
    }
    .box_in, .style {
         margin:0 (($margin / 2));
    }
}

body,html {height:100%;-webkit-text-size-adjust: none;}
body { 
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;padding:0;
	background:#fff;
	font-size:12px;
}
* {
	box-sizing:border-box;
}
img,iframe {
	border:none;	
	vertical-align:bottom;
}
button {
	background:none;border:none;appearance:none;-webkit-appearance:none;padding:0;cursor:pointer;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0
}
input:focus,textarea:focus,select:focus {outline:none;}
form {
	margin:0;
	padding:0;
}
textarea {overflow:auto;}
input[type="text"], textarea, input[type="search"], input[type="email"],input[type="tel"] {border-radius:0;
    -webkit-appearance:none;
    border:none;
    

}
input[type="submit"]{border-radius:0;border:none;-webkit-appearance:none;background: none;cursor: pointer;}



iframe {border:none;}
a:hover {
	text-decoration:none
}
a:focus {
	outline:none;
}
h2 a,h3 a,h1 a {color:inherit}

h3 {
	margin:0;
}
header,nav,section,article,aside,footer,hgroup ,figure,figcaption{ margin:0;padding:0;display: block;}
figure a:hover {opacity:0.7;}
.clear {
    
	clear:both;
}
address {
    font-style:normal;
}

%clear {
    &:after {
        content:"";display: block;clear:both;
    }
} 
.rela {position:relative;}
.mock_table {
	display:table;
	width:100%;
    .td {display: table-cell;}
}
.titleDiv {margin:0;font-size:inherit;}


.obscure {
	position:absolute;right:0;top:-100000px;overflow:hidden;
}
.stretch {
    position: absolute;top:0;right:0;width:100%;height:100%;
}
%grid {
    max-width:980px;
    margin:0 auto;
    @media screen and (max-width:1040px){
        margin:0 1rem;
    }
}
%ul {padding:0;margin:0;list-style: none;}
%select {
    &::-ms-expand {
        display: none;
    }
            
            -webkit-appearance:none;
            appearance:none;
            -moz-appearance:none;    
}
%type {
    line-height: .9em;letter-spacing: -.01em;
}
%vit {vertical-align: top;}
%vim {vertical-align: middle;}
%vib {vertical-align: bottom;}
%hov {
    &:hover {
        opacity: 0.7;
    }
}
%spin{
		
        -webkit-animation:spin 1s linear infinite;
        animation:spin 1s linear infinite;		
		
		@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
		@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
}
%slider {
    .viewport {overflow: hidden;}
    .slide {
        position: relative;display: inline-block;
       
        &:first-of-type {
            visibility: visible;
        }
    }
    .holdimg {
        position: relative;
    }
}

