@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/flexslider.css";
@import "../css/tabs.css";
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#868686; min-width:1000px; background:url(../images/body_bg.jpg) 50% 0 no-repeat #e4e4e4; -webkit-text-size-adjust: none; background-size:  cover;width:100%;height:100%;}

.main{width:1000px;margin: 0 auto; background:#fff;}

img{max-height:100%;}
/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.it{font-style:italic}
.let{letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}

/*==================================== Links ======================================================== */
a {color:#868686;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#0066ff; text-decoration:none;}

.button{ display:inline-block; padding:4px 14px 7px; margin: 17px 0 0 0; color:#fff;background: url('../images/button.jpg') 0 0 repeat-x #35abc9;}
.button:hover{ background-color:#515151;color:#fff;background-position:0 -50px;}

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

.search_block{overflow: hidden;width:1000px;margin: 0 auto;padding-top:33px;}
#search{float:right;}
#search input{float: left;width:144px;padding:6px 10px 7px;font-size: 12px; color: #868686;border:0;font-family:Arial, Helvetica, sans-serif;background: url('../images/search.jpg') 0 bottom repeat-x #fff;margin:0;}
#search a{display:block;width:29px;height:28px;float: left;background: url('../images/search_a.jpg') no-repeat;margin:0;}
#search a:hover{background-position:0 -28px;}


header {padding: 49px 0 44px;}
header h1{width:102px;float: left;}
header h1 a {display:block;width:102px;height:67px;background:url(../images/logo.jpg) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}

/*********************************content*************************************/
#content {padding:26px 0px 30px 0px;border-top:1px solid #e4e4e4;}
.cont_pad{padding:26px 0 30px !important;border-top:none !important;}

/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:18px}
.p2{ margin-bottom:10px;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{border-bottom:1px solid #e4e4e4;padding: 0 0 8px;margin-bottom:6px;}
.list1 a{font-size: 13px; line-height: 18px; color: #545454;}
.list1 a:hover{color:#0066ff;}

.list2{}
.list2 li{ background:url(../images/marker2.jpg) 0 7px no-repeat; padding: 0 0 8px 14px; margin-bottom:5px;border-bottom:1px solid #e4e4e4;}
.list2 a{font-size:13px;line-height:19px;}


/*================================>> H <<========================================*/
h2,h3,h4{ font-weight:normal;}
h2{font-size: 17px; line-height: 21px; color:#545454;}

h2.ind{ margin-bottom:11px;}
h2.ind1{ margin-bottom:20px;}
h2.ind2{ margin-bottom:18px;}
h2.ind3{ margin-bottom:21px;}

h3{font-size: 12px; color:#0066ff;margin-bottom:11px;}
/*================================>> GOOGLE FONTS  <<========================================*/

/*================================>> hovers <<========================================*/
.sf-menu a, .sf-menu>li{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.button{
	-webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
   -moz-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
    -ms-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
     -o-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
        transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
}
/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

.categories{margin-bottom:26px;}

.header {color:#0066ff; font-size: 40px; text-align:center}

.softlist{border-bottom:1px solid #e4e4e4;padding-bottom:34px;}
.softlist .title, .title1{color:#0066ff;margin-bottom:8px;font-size:13px;line-height:19px;}
.softlist li{border-bottom:1px solid #e4e4e4;padding-bottom:15px;margin-bottom:15px;}

.title1{font-size: 20px; margin: 10px 0 5px 0;}

.link1{color:#545454;font-size:13px;margin-top:16px;display:inline-block;}
.link1:hover{color:#0066ff;}

.reviews{}
.reviews>li{padding-right:20px;border-bottom:1px dashed #e4e4e4;padding-bottom:9px;margin-bottom:26px;}
.reviews>li>div{}
.reviews>li>figure{width:126px;text-align:center;margin: 0 0 0 0;}

.link{display:inline-block;}
.link:after{display:inline-block;margin: 1px 0 0 5px;width:3px;height:5px;background: url('../images/marker.png') no-repeat; content:"";}
/*********************************page_2*************************************/
.category{margin-bottom:21px;}
.category>div{}
.category>figure{width:120px;margin: 5px 0 0 0;}

.bot_stripe{border-bottom:1px solid #e4e4e4;padding-bottom:37px;margin-bottom:27px;}
.bot_stripe1{border-bottom:1px dashed #e4e4e4;padding-bottom:33px;}
.stripe{height:1px;background:#e4e4e4;margin: 33px 10px 27px}

.feat_product{text-align:center;padding: 0 10px 0 10px;}
.feat_product img{margin-bottom:21px;}

.m_bot1{margin-bottom:52px;}
.m_bot2{margin-bottom:34px;}
/*********************************page_3*************************************/
p.blue{color:#0066ff;font-size: 13px; line-height: 19px;}

.commented{margin-bottom:12px;}
.commented>figure{width:218px;margin: 3px 0 0 2px;}

#tabs.tabs2 .ui-tabs-panel{text-align:left !important;padding: 23px 0 0 1px;}
#tabs.tabs2{border-bottom:none;padding:0;margin-bottom:0;}

.bd_none{border:none !important;}

.updates h3{margin-bottom:8px;}
.updates li{border-bottom:1px solid #e4e4e4;padding-bottom:15px;margin-bottom:16px;}

.downloads{}
.downloads h3{margin-bottom:9px;}
.downloads li{border-bottom:1px solid #e4e4e4;padding-bottom:15px;margin-bottom:16px;}

.downloads1{}
.downloads1>li{overflow: hidden;border-bottom:1px solid #e4e4e4;padding-bottom:15px;margin-bottom:16px;}
.downloads1>li>div{float: left;}
.downloads1 .description{width:460px;}
.downloads1 .weight{font-size: 18px; line-height: 22px; color: #545454;width:100px;text-align:center;}
.downloads1 .down_button{width:135px;text-align:center;}
.downloads1 .button{margin:4px 0 0;}
.downloads1 h3{margin-bottom:8px;}
/*********************************page_4*************************************/
#flash1{width:620px;height:418px;margin-bottom:5px;}

.menu img{}

.popular{margin-bottom:25px;}
.popular h3{margin-bottom:4px;}
.popular .date{margin-bottom:10px;}
.popular>figure{width:160px;margin: 4px 0 0 0;}
/*********************************page_5*************************************/


/* Contact form */
#contact-form {padding:4px 0 0 0;}
#contact-form .success {width:246px; margin-bottom:10px;}
#contact-form textarea, #contact-form input {margin:0;font-size:12px; border:1px solid #e7e7e7; color:#868686; padding:6px 10px 5px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background: url('../images/fields.jpg') 0 bottom repeat-x #fff;}
#contact-form input {width:900px;float: left;}
#contact-form textarea {overflow:auto; width:900px; height:311px;resize:none; float:left; margin: 0 0 0 0;background: url('../images/textarea.jpg') 0 bottom repeat-x #fff;}	
#contact-form label {display:block; min-height:40px; overflow:hidden;}	
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {margin-left:4px;}	
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}	
#contact-form .error, #contact-form .empty {text-align:left; color:red; font-size:10px; float: left; padding-top:4px;}
#contact-form .buttons2 {overflow:hidden;text-align:right; position:relative; clear:both; padding-top:21px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
	height:18px;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{overflow:hidden;width:100%;padding-top:4px;display:inline-block;margin-bottom:19px;}
#map_canvas {
   width:100%;
   height:350px;
}
.adress{}
.adress span{ display:inline-block; width:69px;}
.adress dt{ margin-bottom:14px;}

.demo{color:#0066ff;}
.demo:hover{ color:#000;}
.zoom { 
	display:block; 
    width: 100%;
	background:#000000;
	background-image:url(../images/zoom.png);
	background-repeat:no-repeat;
    background-position:center; 
}
.zoom img { 
	max-width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; 
}
.zoom:hover img { 
    opacity: 0.5;
}
/****************************footer************************/
footer {padding:10px 26px 13px;background:#545454;margin-bottom:52px;}
footer, footer a{color:#aaaaaa;}


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 .main, .search_block{width:768px;}
 .ui-tabs .ui-tabs-panel .title, h3{font-size:12px;}
 .commented>div{overflow: visible;}
 .downloads1 .description{width:420px;}
 #flash1{width:100%;height:auto;margin-bottom:5px;overflow: hidden; position: relative;}
 .popular>div{overflow: visible;}
 #contact-form textarea, #contact-form input{width:92%;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 .main, .search_block{width:420px;}
 .box{padding: 0 10px 0 10px;}
 header h1{float: none;margin: 0 0 0 20px;}
 header{padding: 30px 0 15px;}
#search{float: none;width:100%;}
#search input{width:371px;}
.downloads1>li>div{float: none;text-align:left !important;margin-top:5px;}
.menu img, .menu a{display:inline-block;width:100%;}
.menu{padding: 0 0px;}
#contact-form textarea, #contact-form input{width:94%;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 .main, .search_block{width:300px;}
 #search input{width:251px;}
.ui-tabs .ui-tabs-nav li a {padding: 8px 13px 10px;}
#contact-form textarea, #contact-form input{width:91%;}
#map_canvas{height:200px;}
.reviews > li > figure{float: none;width:100%;text-align:center;}
.reviews > li > div{overflow: visible;}
.commented > figure {float: none;text-align:center;}
}