/*********GENERAL**********************/
*{margin:0; padding:0}
body, html{height: 100%;}
img{border:none}

html {box-sizing: border-box;}
*, *:before, *:after {
  box-sizing: inherit;
}


body {color:#243238;
font-family: 'Roboto', sans-serif;
overflow-x:hidden; font-size:14px;
background-color:#fff;
position:relative;
}

body.nomove{height:100%; overflow:hidden !important}


a {color:#C30; text-decoration:none;}
.left{float:left;}
.right{float:right}
.clear{clear:both;}


.hideme{opacity:0}

#breadcrumb{color:#000; background-color:#F6F6F6; width:100%; margin:0; 
padding:13px 0}
#breadcrumb span{color:#999}

#breadcrumb_inner{ max-width:1100px; margin:0 auto;  padding-left:20px; }


#breadcrumb a{color:#000 }
#breadcrumb a.selected, #breadcrumb a:hover{color:#df0024}

.margintop20{margin-top:20px !important}

.white{color:#fff !important; }
.font13{font-size:13px !important}
.margintop10{margin-top:10px !important}

.margintop0{margin-top:0px !important}

.margin20{margin-top:20px !important; margin-bottom:20px;}
.marginleft10{margin-left:10px !important}
/**********************HEADER*********************/
#logo_wrapper{width:auto; max-width:1100px; margin:0 auto; height:auto;
padding: 10px 5px; min-height:60px; margin-top:10px; margin-bottom:7px; 
}
#logo{ float:left; vertical-align:top; 

width:250px; height:auto; margin-left:10px; background-color:#fff; }
#logo img{width:100%; height:auto; vertical-align:top;}


#header_menu_wrapper{margin:0; padding:0; width:100%; position:relative; background-color:#fff;border-bottom: 1px solid #ccc;
z-index:1000;
}
#header_menu{list-style:none; margin:0; padding:0;  text-align:center; margin:0 auto; 
width: auto; 
max-width:1100px;  
float:right;
margin-top:17px;
}

#header_menu>li{ float:left; margin-left:20px;  width:auto; height:auto }
#header_menu>li.rel{position:relative}
#header_menu>li>a{ display:block;  
  -ms-transition:all 0.2s ease-in 0s;
  -webkit-transition:all 0.2s ease-in 0s;
  -moz-transition:all 0.2s ease-in 0s;
  -o-transition:all 0.2s ease-in 0s;
  transition:all 0.2s ease-in 0s;

  color:#000;

 padding:3px 20px; height:50px; 
font-family: 'Open Sans Condensed', sans-serif;   font-size:16px; font-weight:normal;
}


#header_menu .down { width:13px; height:7px; background:url(../images/down3.png) no-repeat; background-position:0 -8px; background-size:cover; display:inline-block; margin-left:10px; vertical-align:2px;
  -ms-transition:all 0.2s ease-in 0s;
  -webkit-transition:all 0.2s ease-in 0s;
  -moz-transition:all 0.2s ease-in 0s;
  -o-transition:all 0.2s ease-in 0s;
  transition:all 0.2s ease-in 0s;
}

#header_menu>li:hover  .down{background-position:0 0px;}


#header_menu_wrapper.default{}
#header_menu_wrapper.fixed{position:fixed; width:100%; max-width:100%; top:0px; overflow:hidden; height:auto; 
padding-top: 0 !important;

background-color: #fff;
overflow: initial;

z-index:2000 !important; 
}

ul.submenu{position:absolute;top:50px; left:20px; z-index:200; list-style:none; width:250px;
height:auto; min-height:100px; text-align:left;  background-color:#fff; padding:20px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);

display:none;
}


ul.submenu.big{ position:absolute; margin:0 auto; left:0; right:0; width:100%; }


ul.submenu.big>li{float:left; width:auto; margin-right:20px; margin-left:40px; margin-bottom:50px; border-left:1px solid #CCC; height:150px; }

ul.submenu.big .part1{float:left;  padding-left:20px;}
ul.submenu.big .part1>img{ border:1px solid #ccc; width:135px; height:auto;}


ul.submenu.big>li:nth-child(3n+1){border-left:none}

ul.submenu.big .part1>h2{ font-weight:normal; text-align:center;
font-size: 16px; 
margin-top: px;
margin-bottom: 10px;
padding-bottom: 0;
font-family: 'Open Sans Condensed', sans-serif;
}


ul.submenu h2>a{color:#df0024;}


ul.submenu.big .part2{float:left; width:150px; margin-left:15px;  font-size:14px;}
ul.submenu.big .part2>a{display:block; color:#000; margin-bottom:5px; border-bottom:1px dashed #ccc; padding-bottom:5px; }
ul.submenu.big .part2>a:hover{color:#df0024}

ul.submenu>li>a{color:#000; display:block; padding:1px 10px; margin-bottom:10px; font-size: 14px;

  -ms-transition:all 0.2s ease-in 0s;
  -webkit-transition:all 0.2s ease-in 0s;
  -moz-transition:all 0.2s ease-in 0s;
  -o-transition:all 0.2s ease-in 0s;
  transition:all 0.2s ease-in 0s;


}
ul.submenu>li>a:hover{color:#df0024; margin-left:5px}

.arr {width:5px; height:9px; background:url(../images/left2.png) no-repeat; background-position:0 0px; background-size:cover; display:inline-block; margin-right:10px; 
}

ul.submenu>li>a:hover .arr {background-position:0px -9px;}


#header_menu>li>a:hover{color: #df0024 !important; }

#header_menu>li>a.selected{color: #df0024; }


.vid{width:100% !important; height:530px !important}

#mobile_menu_button{color: #000;font-size: 30px; float:right; margin-right:10px; margin-top:5px; display:none;}


#mobile_menu{ position:fixed; top:0; left:-100%; width:100%; height:100%; background-color:rgba(255,255,255,0.95); z-index:10000 ; overflow:auto; padding-bottom:40px; text-align:center;

opacity:0;

  -ms-transition:all 0.2s ease-in 0s;
  -webkit-transition:all 0.2s ease-in 0s;
  -moz-transition:all 0.2s ease-in 0s;
  -o-transition:all 0.2s ease-in 0s;
  transition:all 0.2s ease-in 0s;
}
#mobile_menu.on{left:0; opacity:1}

#mobile_menu>img{ margin:0 auto; margin-bottom:20px;}
#mobile_close_button{ position:absolute; top:20px; right:20px; font-size:30px; width:40px; height:40px; color:#000; padding-top:1px; font-weight:bold;


 }

#mobile_menu>ul{ padding:0; margin:0; margin:0 auto}
#mobile_menu>ul>li{  margin-bottom:5px}

#mobile_menu>ul>li>a{ text-align:center; color:#222; font-size:30px; display:table; width:auto; margin:0 auto;
padding:2px 20px;
font-family: 'Roboto Condensed';
    font-weight: 300;
    letter-spacing: 1px;
}

#mobile_menu>ul>li>a:hover{background-color:#000; color:#fff;}

ul.mobile_submenu{ height:auto; display:none; margin-bottom:10px; margin-top:5px;  }
.mobile_submenu a{ color:#333; font-size:23px;  margin:0 auto; text-align:center; margin-bottom:5px; width:auto; display:table; padding:2px 20px; }
.mobile_submenu a:hover{ background-color:#000; color:#fff; }

ul.mobile_submenu .line{margin:0 auto}

/****************HEADER END***********************************/

/**********************INDEX***************************************/
.main_wrapper{ 
margin:0 auto; width:100%; height:auto; min-height:100px;
}

.main_text{line-height: 30px;font-size: 15px;color: #222;margin-bottom: 30px;}

.main_wrapper.two{ 
    background: #DADADA; /* For browsers that do not support gradients */
    background: linear-gradient(#DADADA, #E2E2E2); /* Standard syntax (must be last) */

}
.main_wrapper_inner{max-width:1100px; margin:0 auto; padding:0 10px; 
 padding-bottom:50px; 
}
.main_wrapper_inner.two{background: url(../images/bot_shadow1.png) center 0 no-repeat;}

.main_wrapper_inner h1,.main_wrapper_inner h2{ text-align:center}

.main_wrapper_inner h2{color: #666;font-size: 16px;margin-bottom: 5px; font-family: 'Roboto', sans-serif; font-weight:normal;  margin-top:10px; }
.main_wrapper_inner h1{color: #000;font-size: 32px;margin-bottom: 15px;
font-family: 'Roboto Condensed', sans-serif; margin-top:0; font-weight:normal;
margin-bottom:50px;
}

.box{width:calc(100% * 1/4 - 20px); margin-left:10px; margin-right:10px; min-height:50px; float:left; height:auto;
padding:0;
background: #f5f5f7;
color: #333;
text-align: center;
position: relative;

margin-bottom:40px; 

background: #fff;
box-shadow: 0px 0px 3px #ccc;

padding-bottom:10px;
}

.box .overlay{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); overflow:hidden; display:none;}
.box .overlay>a{display:block; width:150px; margin:0 auto; height:35px;color:#fff; padding-top:7px;
font-weight:bold; font-family: 'Open Sans Condensed', sans-serif; font-size:16px; background-color:#df0024;margin-top:65%;}


.box img{ width:100%}
.box:hover{box-shadow: 0px 0px 3px #000;}


.box h4{text-align:center; color:#000; font-weight:normal; font-size:15px; font-family: 'Roboto', sans-serif; margin-top:5px; margin-bottom:5px;}

.box span{color:#333; font-size:15px; font-family: 'Roboto', sans-serif;}
.box span.old{color: #999; margin-left:10px;text-decoration: line-through;}


.box h2{
text-transform: uppercase;
padding: 17px 0 14px;
margin-bottom: 16px;

    font-family: 'Open Sans Condensed', sans-serif; 

	font-weight:bold;
	line-height:20px;

color: #555555;
/*border-bottom: 1px solid #dedede;*/
}

.box p{ font-size:13px;}
a.button{display:inline-block;  
    font-family: 'Open Sans Condensed', sans-serif; font-size:16px; 

color: #ffffff;
background-color: #444;
padding: 10px;

-webkit-transition:All 0.3s;
-moz-transition:All 0.3s;
-o-transition:All 0.3s;
}

a.button:hover{ background-color:#df0024}


.cent{position: relative;
text-align: center;
padding: 48px 0 44px; color:#03425e;
font-family: 'Open Sans Condensed', sans-serif; font-size:30px; 
}

.cent::before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    height: 1px;
    top: 52%;
    width: 50%;
    background: url(../images/h_right.png) right 0 no-repeat;
}
.cent::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    height: 1px;
    top: 52%;
    width: 50%;
    background: url(../images/h_left.png) 0 0 no-repeat;
}


.box2{width:calc(100% * 1/3 - 20px); margin-left:10px; margin-right:10px; min-height:30px; float:left; height:auto;
color: #333;
text-align: center;
position: relative; margin-bottom:10px;
}
.box2 img{ width:100%}


.box2 h2{
text-transform: uppercase;
padding-top: 15px ;
padding-bottom:10px;

    font-family: 'Open Sans Condensed', sans-serif; 

	font-weight:bold;
	line-height:10px;

color: #555;
border-bottom: 1px solid #dedede;
}

.box2 p{ font-size:13px;}
.box2 a{display:block; }



/************* LEFT / RIGHT PAGES****************************/
h1{font-family: 'Roboto Condensed', sans-serif; }

#left_column{float: left;
width: 250px;
height: auto;
min-height: 500px;
margin-top: 40px;

}
#right_column{float: right;
width: calc(100% - 270px);
height: auto;
min-height: 500px;
margin-top: 40px;
margin-bottom: 30px;
}


#left_column h2{text-align:left; color:#000; font-weight:bold;font-family: 'Open Sans Condensed', sans-serif; font-size:20px;}

#list_left{ list-style:none;}
#list_left >li {border-bottom: 1px solid #ddd; padding: 10px 0; position:relative; padding-left:20px}
#list_left .arr{ margin-top:7px; 

-webkit-transition:All 0.3s;
-moz-transition:All 0.3s;
-o-transition:All 0.3s;
}
#list_left>li> a{color:#000;
-webkit-transition:All 0.3s;
-moz-transition:All 0.3s;
-o-transition:All 0.3s;


}

#list_left>li>a:hover .arr{background-position:0px -9px; transform:rotate(90deg);
}
#list_left>li>a:hover { margin-left:10px;}

#list_left a:hover{color:#C30}

ul.sub_left{list-style:none; display:none; }
ul.sub_left>li{margin-top:8px; margin-bottom:8px; margin-left:10px }
ul.sub_left a{color:#333}

#left_column>img {margin-bottom:10px; margin-top:10px; width:100%; height:auto}



#right_column h1{ margin:0; padding:0; text-align:left; margin-left:10px; margin-bottom:20px}


.box.list{width:calc(100% * 1/3 - 20px); margin-left:10px; margin-right:10px; min-height:50px; float:left; height:auto; margin-bottom:40px}














/************FROM ZERO******************/
.fromZero{
animation: fromZeroAnimation 0.400s 1 ease-in-out forwards;
-webkit-animation: fromZeroAnimation 0.400s 1 ease-in-out forwards;
-moz-animation: fromZeroAnimation 0.400s 1 ease-in-out forwards;
-o-animation: fromZeroAnimation 0.400s 1 ease-in-out forwards;
-ms-animation: fromZeroAnimation 0.400s 1 ease-in-out forwards;
}
@keyframes fromZeroAnimation {from {transform: scale(0.5);} to { transform: scale(1); opacity:1;}}
@-webkit-keyframes fromZeroAnimation {from {-webkit-transform:scale(0.5)} to {-webkit-transform:scale(1); opacity:1}}
@-moz-keyframes fromZeroAnimation {from {-moz-transform: scale(0.5)} to { -moz-transform: scale(1); opacity:1;}}
@-o-keyframes fromZeroAnimation {from {-o-transform: scale(0.5)} to { -o-transform: scale(1); opacity:1}}
@-ms-keyframes fromZeroAnimation {from{-ms-transform:scale(0.5)} to{-ms-transform:scale(1); opacity:1;}}




/********ZOOM IN/OUT**********/
.zoom_in{
animation: zoom_in 0.400s 1 ease-in-out forwards;
-webkit-animation: zoom_in 0.400s 1 ease-in-out forwards;
-moz-animation: zoom_in 0.400s 1 ease-in-out forwards;
-o-animation: zoom_in 0.400s 1 ease-in-out forwards;
-ms-animation: zoom_in 0.400s 1 ease-in-out forwards;
}
@keyframes zoom_in {from {} to { transform: scale(1.2); opacity:1;}}
@-webkit-keyframes zoom_in {from {} to {-webkit-transform:scale(1.2); opacity:1}}
@-moz-keyframes zoom_in {from {} to { -moz-transform: scale(1.2); opacity:1;}}
@-o-keyframes zoom_in {from {} to { -o-transform: scale(1.2); opacity:1}}
@-ms-keyframes zoom_in {from{} to{-ms-transform:scale(1.2); opacity:1;}}


/********FADEIN FROM BOTTOM**********/
.fromBottom{
animation: fromBottomAnimation 0.400s 1 ease-in-out forwards;
-webkit-animation: fromBottomAnimation 0.400s 1 ease-in-out forwards;
-moz-animation: fromBottomAnimation 0.400s 1 ease-in-out forwards;
-o-animation: fromBottomAnimation 0.400s 1 ease-in-out forwards;
-ms-animation: fromBottomAnimation 0.400s 1 ease-in-out forwards;
}
@keyframes fromBottomAnimation {from {transform:translate3d(0,50px,0); opacity:0 } to {transform:translate3d(0,0,0); opacity:1}}
@-webkit-keyframes fromBottomAnimation {from { -webkit-transform: translate3d(0,50px,0); opacity:0 } to { -webkit-transform: translate3d(0,0,0); opacity:1}}
@-moz-keyframes fromBottomAnimation {from { -moz-transform:translate3d(0,50px,0);opacity:0} to { -moz-transform:translate3d(0,0,0); opacity:1 }}
@-o-keyframes fromBottomAnimation {from { -o-transform: translate3d(0,50px,0); opacity:0} to { -o-transform: translate3d(0,0,0); opacity:1}}
@-ms-keyframes fromBottomAnimation {from {-ms-transform:translate3d(0,50px,0); opacity:0 } to {-ms-transform:translate3d(0,0,0); opacity:1}}

/********FADEIN FROM TOP**********/
.fromTop{
animation: fromTopAnimation 0.400s 1 ease-in-out forwards;
-webkit-animation: fromTopAnimation 0.400s 1 ease-in-out forwards;
-moz-animation: fromTopAnimation 0.400s 1 ease-in-out forwards;
-o-animation: fromTopAnimation 0.400s 1 ease-in-out forwards;
-ms-animation: fromTopAnimation 0.400s 1 ease-in-out forwards;

}

@keyframes fromTopAnimation {from {transform:translate3d(0,-50px,0); opacity:0 } to {transform:translate3d(0,0,0); opacity:1}}
@-webkit-keyframes fromTopAnimation {from { -webkit-transform: translate3d(0,-50px,0); opacity:0 } to { -webkit-transform: translate3d(0,0,0); opacity:1}}
@-moz-keyframes fromTopAnimation {from { -moz-transform:translate3d(0,-50px,0);opacity:0} to { -moz-transform:translate3d(0,0,0); opacity:1 }}
@-o-keyframes fromTopAnimation {from { -o-transform: translate3d(0,-50px,0); opacity:0} to { -o-transform: translate3d(0,0,0); opacity:1}}
@-ms-keyframes fromTopAnimation {from{-ms-transform:  translate3d(0px,-50px,0) ; opacity:0;} to{-ms-transform: translate3d(0,0,0); opacity:1;}
}

/********FADE IN FROM RIGHT**********/
.fromRight{
animation: fromRightAnimation 0.400s 1 ease-in-out forwards;
-webkit-animation: fromRightAnimation 0.400s 1 ease-in-out forwards;
-moz-animation: fromRightAnimation 0.400s 1 ease-in-out forwards;
-o-animation: fromRightAnimation 0.400s 1 ease-in-out forwards;
-ms-animation: fromRightAnimation 0.400s 1 ease-in-out forwards;
}

@keyframes fromRightAnimation {from {transform:translate3d(300px,0,0); opacity:0 } to { transform:translate3d(0,0,0); opacity:1}}
@-webkit-keyframes fromRightAnimation {from { -webkit-transform: translate3d(300px,0,0); opacity:0 } to { -webkit-transform: translate3d(0,0,0); opacity:1}}
@-moz-keyframes fromRightAnimation {from { -moz-transform:translate3d(300px,0,0);opacity:0} to { -moz-transform:translate3d(0,0,0); opacity:1 }}
@-o-keyframes fromRightAnimation {from { -o-transform: translate3d(300px,0,0); opacity:0} to { -o-transform: translate3d(0,0,0); opacity:1}}
@-ms-keyframes fromRightAnimation {from { -ms-transform: translate3d(300px,0,0); opacity:0} to { -ms-transform: translate3d(0,0,0); opacity:1}}

/********FADE IN FROM LEFT**********/
.fromLeft{
animation: fromLeftAnimation 0.400s 1 ease-in-out forwards;
-webkit-animation: fromLeftAnimation 0.400s 1 ease-in-out forwards;
-moz-animation: fromLeftAnimation 0.400s 1 ease-in-out forwards;
-o-animation: fromLeftAnimation 0.400s 1 ease-in-out forwards;
-ms-animation: fromLeftAnimation 0.400s 1 ease-in-out forwards;
}

@keyframes fromLeftAnimation {from {transform:translate3d(-300px,0,0); opacity:0 } to { transform:translate3d(0,0,0); opacity:1}}
@-webkit-keyframes fromLeftAnimation {from { -webkit-transform: translate3d(-300px,0,0); opacity:0 } to { -webkit-transform: translate3d(0,0,0); opacity:1}}
@-moz-keyframes fromLeftAnimation {from { -moz-transform:translate3d(-300px,0,0);opacity:0} to { -moz-transform:translate3d(0,0,0); opacity:1 }}
@-o-keyframes fromLeftAnimation {from { -o-transform: translate3d(-300px,0,0); opacity:0} to { -o-transform: translate3d(0,0,0); opacity:1}}
@-ms-keyframes fromLeftAnimation {from { -ms-transform: translate3d(-300px,0,0); opacity:0} to { -ms-transform: translate3d(0,0,0); opacity:1}}


/********FADE IN FROM LEFT2**********/
.fromLeft2{
animation: fromLeftAnimation2 0.400s 1 ease-in-out forwards;
-webkit-animation: fromLeftAnimation2 0.400s 1 ease-in-out forwards;
-moz-animation: fromLeftAnimation2 0.400s 1 ease-in-out forwards;
-o-animation: fromLeftAnimation2 0.400s 1 ease-in-out forwards;
-ms-animation: fromLeftAnimation2 0.400s 1 ease-in-out forwards;

    -webkit-animation-delay: 0.200s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.200s;
-moz-animation-delay: 0.200s;
-o-animation-delay: 0.200s;
-ms-animation-delay: 0.200s;

}

@keyframes fromLeftAnimation2 {from {transform:translate3d(-50px,0,0); opacity:0 } to { transform:translate3d(0,0,0); opacity:1}}
@-webkit-keyframes fromLeftAnimation2 {from { -webkit-transform: translate3d(-50px,0,0); opacity:0 } to { -webkit-transform: translate3d(0,0,0); opacity:1}}
@-moz-keyframes fromLeftAnimation2 {from { -moz-transform:translate3d(-50px,0,0);opacity:0} to { -moz-transform:translate3d(0,0,0); opacity:1 }}
@-o-keyframes fromLeftAnimation2 {from { -o-transform: translate3d(-50px,0,0); opacity:0} to { -o-transform: translate3d(0,0,0); opacity:1}}
@-ms-keyframes fromLeftAnimation2 {from { -ms-transform: translate3d(-50px,0,0); opacity:0} to { -ms-transform: translate3d(0,0,0); opacity:1}}



/********FADE IN FROM LEFT AND SPIN**********/
.fromLeft_spin{
animation: fromLeftAnimation_spin 0.500s 1 ease-in-out forwards;
-webkit-animation: fromLeftAnimation_spin 0.500s 1 ease-in-out forwards;
-moz-animation: fromLeftAnimation_spin 0.500s 1 ease-in-out forwards;
-o-animation: fromLeftAnimation_spin 0.500s 1 ease-in-out forwards;
-ms-animation: fromLeftAnimation_spin 0.500s 1 ease-in-out forwards;
}

@keyframes fromLeftAnimation_spin {from {transform:translate3d(-100px,0,0) rotate(0deg); opacity:0 } to { transform:translate3d(0,0,0) rotate(360deg); opacity:1}}
@-webkit-keyframes fromLeftAnimation_spin {from { -webkit-transform: translate3d(-100px,0,0) rotate(0deg); opacity:0 } to { -webkit-transform: translate3d(0,0,0) rotate(360deg); opacity:1}}
@-moz-keyframes fromLeftAnimation_spin {from { -moz-transform:translate3d(-100px,0,0) rotate(0deg);opacity:0} to { -moz-transform:translate3d(0,0,0) rotate(360deg); opacity:1 }}
@-o-keyframes fromLeftAnimation_spin {from { -o-transform: translate3d(-100px,0,0) rotate(0deg); opacity:0} to { -o-transform: translate3d(0,0,0) rotate(360deg); opacity:1}}
@-ms-keyframes fromLeftAnimation_spin {from { -ms-transform: translate3d(-100px,0,0) rotate(0deg); opacity:0} to { -ms-transform: translate3d(0,0,0) rotate(360deg); opacity:1}}

/********FADEIN **********/
.fadeIn{
animation: fadeInAnimation 0.400s 1 ease-in-out forwards;
-webkit-animation: fadeInAnimation 0.400s 1 ease-in-out forwards;
-moz-animation: fadeInAnimation 0.400s 1 ease-in-out forwards;
-o-animation: fadeInAnimation 0.400s 1 ease-in-out forwards;
-ms-animation: fadeInAnimation 0.400s 1 ease-in-out forwards;
}
@keyframes fadeInAnimation {from {opacity:0 } to {opacity:1}}
@-webkit-keyframes fadeInAnimation {from{opacity:0 } to {opacity:1}}
@-moz-keyframes fadeInAnimation {from {opacity:0} to {opacity:1 }}
@-o-keyframes fadeInAnimation {from {opacity:0} to {opacity:1}}
@-ms-keyframes fadeInAnimation {from {opacity:0 } to {opacity:1}}


/********FADEOUT **********/
.fadeOut{
animation: fadeOutAnimation 0.400s 1 ease-in-out forwards;
-webkit-animation: fadeOutAnimation 0.400s 1 ease-in-out forwards;
-moz-animation: fadeOutAnimation 0.400s 1 ease-in-out forwards;
-o-animation: fadeOutAnimation 0.400s 1 ease-in-out forwards;
-ms-animation: fadeOutAnimation 0.400s 1 ease-in-out forwards;
}
@keyframes fadeOutAnimation {from {opacity:1 } to {opacity:0}}
@-webkit-keyframes fadeOutAnimation {from{opacity:1 } to {opacity:0}}
@-moz-keyframes fadeOutAnimation {from {opacity:1} to {opacity:0 }}
@-o-keyframes fadeOutAnimation {from {opacity:1} to {opacity:0}}
@-ms-keyframes fadeOutAnimation {from {opacity:1 } to {opacity:0}}





/***************************************************************************/
.cssload-container{
	position:fixed; width:100%; height:100%; overflow:hidden; z-index:100000 !important; background-color:rgba(255,255,255,0.8); top:0; }
	
.cssload-whirlpool,
.cssload-whirlpool::before,
.cssload-whirlpool::after {
	position: absolute; overflow:hidden;
	top: 50%;
	left: 50%;
	border: 1px solid rgb(204,204,204);
	border-left-color: rgb(0,0,0);
	border-radius: 974px;
		-o-border-radius: 974px;
		-ms-border-radius: 974px;
		-webkit-border-radius: 974px;
		-moz-border-radius: 974px;
}

.cssload-whirlpool {
	margin: -24px 0 0 -24px;
	height: 49px; 
	width: 49px;
	animation: cssload-rotate 1150ms linear infinite;
		-o-animation: cssload-rotate 1150ms linear infinite;
		-ms-animation: cssload-rotate 1150ms linear infinite;
		-webkit-animation: cssload-rotate 1150ms linear infinite;
		-moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool::before {
	content: "";
	margin: -22px 0 0 -22px;
	height: 43px;
	width: 43px;
	animation: cssload-rotate 1150ms linear infinite;
		-o-animation: cssload-rotate 1150ms linear infinite;
		-ms-animation: cssload-rotate 1150ms linear infinite;
		-webkit-animation: cssload-rotate 1150ms linear infinite;
		-moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool::after {
	content: "";
	margin: -28px 0 0 -28px;
	height: 55px;
	width: 55px;
	animation: cssload-rotate 2300ms linear infinite;
		-o-animation: cssload-rotate 2300ms linear infinite;
		-ms-animation: cssload-rotate 2300ms linear infinite;
		-webkit-animation: cssload-rotate 2300ms linear infinite;
		-moz-animation: cssload-rotate 2300ms linear infinite;
}



@keyframes cssload-rotate {
	100% {
		transform: rotate(360deg);
	}
}

@-o-keyframes cssload-rotate {
	100% {
		-o-transform: rotate(360deg);
	}
}

@-ms-keyframes cssload-rotate {
	100% {
		-ms-transform: rotate(360deg);
	}
}

@-webkit-keyframes cssload-rotate {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes cssload-rotate {
	100% {
		-moz-transform: rotate(360deg);
	}
}


/*************************FOOTER******************************************************/
#footer{background-color:#00131C; width:100%; height:auto; min-height:300px; padding-top:40px;
background:url(../images/backf.jpg) no-repeat; background-size:cover; position:relative}
#footer>#f1{position:absolute;top:0; left:0; background-color:rgba(0,0,0,0.8); width:100%; height:100%; z-index:100}


#footer_inner{width:auto; max-width:1100px; min-height:100px; margin:0 auto; text-align:left; padding:0 10px;
padding-bottom:50px;  padding:0 10px; color:#fff; position:relative; z-index:200  }


.footer_box{ height:auto; float:left; width:calc(100% * 1/4 - 30px); margin-right:15px; margin-left:15px; font-size:15px; min-height:240px; 
}

.footer_box:nth-child(1){margin-right:30px;}
.footer_box:nth-child(2){padding-left:40px;}
.footer_box:nth-child(4){margin-left: 15px;margin-right: 0;}


.footer_box h3{ color:#fff; margin:0; padding:0;
font-family: 'Open Sans Condensed', sans-serif; font-weight:bold; font-size:18px; margin-bottom:5px;
}
.footer_box .line{width:70px; height:3px; border-top:1px solid #ccc; margin-bottom:20px;}

.footer_box p{font-size:13px; font-weight:normal; line-height:20px;}
.footer_box .p1{ float:left; font-family: 'Open Sans Condensed', sans-serif; font-size:15px; }
.footer_box .p2{ float:right; font-size:14px; margin-bottom:15px; margin-top:3px;}
.footer_box a{color:#fff;

   -ms-transition:all 0.2s ease-in 0s;
  -webkit-transition:all 0.2s ease-in 0s;
  -moz-transition:all 0.2s ease-in 0s;
  -o-transition:all 0.2s ease-in 0s;
  transition:all 0.2s ease-in 0s;

 }
.footer_list a:hover{color:#df0024; }

.footer_list{list-style:none; margin:0; padding:0; margin-top:20px; margin-bottom:30px;}
.footer_list li{margin-bottom:7px;}
.footer_list a{color:#fff; font-size:14px; display:block; padding-bottom:5px; }



.social_wrapper_footer{ display:block; width:100%; }
.social_wrapper_footer a{float:left; margin-right:20px; font-size:20px;


}
.social_wrapper_footer a:hover{color:#df0024}


#footer_last{ text-align:center; color:#fff; font-size:13px; margin:0 auto; width:100%; 
background-color:#000; height:40px; padding:10px}










/***********************************DETAILS********************************************************/
#product_left{float:left; margin-right:20px; margin-top:20px; width:400px;}
#product_right{float:left; margin-top:20px; width:calc(100% - 430px)}

#product_left h1{text-align:left; margin-bottom:0px; display:none; }
#product_right h1{text-align:left; margin-bottom:30px; }

#product_right .price,#product_right .social_wrapper,#product_right .desc{margin-bottom:30px;}
#product_right a.button{margin-bottom:30px}
#product_right .social_wrapper a{display: inline-block;
font-size: 16px;
margin-right: 20px;
color: #666666; line-height:26px;
   -ms-transition:all 0.2s ease-in 0s;
  -webkit-transition:all 0.2s ease-in 0s;
  -moz-transition:all 0.2s ease-in 0s;
  -o-transition:all 0.2s ease-in 0s;
  transition:all 0.2s ease-in 0s;
cursor:pointer;
}

.social_wrapper i{margin-right:10px}
.social_wrapper a:hover{ color:#df0024 !important;}


#product_right span{color:#333; font-size:20px; }
#product_right span.old{color: #999; margin-left:10px;text-decoration: line-through;}

#product_right p{color: #666;font-size: 15px; line-height:25px}

.list_thumbs{ list-style:none; width:100%; height:auto; min-height:20px; margin-top:10px;}
.list_thumbs>li{padding:0; margin:0; width:auto; height:auto; float:left; margin-right:20px; margin-bottom:20px;}


.list_thumbs>li:nth-child(4n) { margin-right:0;}

.list_thumbs a{display:block; width:85px; height:90px;}







ul.list_images{list-style:none; padding:0; margin:0; width:100%; }
ul.list_images a{cursor:default}
ul.list_images a.touch{cursor:pointer;}
ul.list_images img{width:400px; height:auto}






/*************************FORMS ****************/
#black_body{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:5000; display:none;}
#form_product_wrapper{ width:auto; max-width:500px; min-height:300px; height:auto; background-color:#fff; position:relative; margin:0 auto; border-radius:3px; padding:20px; z-index:10000; overflow: auto; margin-top:20px; overflow-y: auto;
    max-height: 100%; box-shadow:0 0 10px #000 }

.line{width: 200px;border-top: 1px solid #bbb;height: 3px;}

form {margin:0; padding:0}
form div.label {width:100%; margin-bottom:5px; color:#333; font-size:13px; margin-top:10px; text-align:left}
form div.label>span {color: #D62020;}

form input[type='text'], textarea, select{border: 1px solid #AAAAAA;width: 100%;border-radius: 2px 2px 2px 2px; height: 35px;color: #666666;padding: 5px; }
form textarea{min-height:100px; height:auto;}
form div.error_message{ text-align:left; color: #D62020;font-size: 13px;margin-top: 5px;margin-bottom: 10px;display: none;  }
div.g-recaptcha{ margin-top:10px; margin-bottom:10px; }

.form_field_wrapper{ width: 100%; display:inline-block; margin-bottom:10px; vertical-align:top;}
.form_field_wrapper.area{ width: 100%;}


form h2{font-family: 'Open Sans Condensed', sans-serif;font-size: 30px;line-height: 35px;text-align: left;}
form .line{margin-bottom:20px; margin-top:10px;}
form a.button{width: 130px;height: 40px;background-color: #980e0c;
color: #fff;text-align: center;font-size: 15px;padding-top: 10px;font-weight: bold;display: block;
cursor: pointer;margin-bottom: 15px; margin-top:20px;}


#location_map{margin-top:0px; width:100%; height:auto; min-height:500px;background-color:#CCC;

border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
}



#form_contact{margin:0; padding:0; padding-left:10px;}
#form_contact>div.label {width:100%; margin-bottom:5px; color:#333; font-family: 'Roboto Condensed', sans-serif; font-size:15px}
#form_contact>input[type='text'],#form_contact>textarea{
display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;
background-color: #fff;border: 1px solid #ccc;border-radius: 0px; margin-bottom:10px; }

#form_contact>textarea{height:150px; }
.register_message{color:#BC2121; font-size:14px; margin-top:5px; margin-bottom:5px; display:none; line-height:20px}



.g-recaptcha{transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
.g-recaptcha.restore{transform:scale(1) !important;-webkit-transform:scale(1) !important;transform-origin:0 0;-webkit-transform-origin:0 0;}


#st_gdpr_iframe{display:none !important}

#gdpr{min-height:35px; background-color:#000; width:100%; text-align:center; color:#fff; font-size:13px; padding-top:8px; position:fixed; bottom:0; z-index:100000}
.gdpr_button{ display:inline-block; padding:5px; color:#fff; border:1px solid #fff; margin:5px;text-decoration:none;}.gdpr_button:hover{background-color:#fff; color:#000;}