@charset "utf-8";
body { margin:0; padding:0; width:100%; background:url(../uploads/c2/62/c262786395727096318e4a6070a5108d/main_bg.gif);}
html { padding:0; margin:0;}
img {border:0}
.blue { color:#58b7ff;}

/* main */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:949px; margin:0 auto;}
h1,h2,h3,p,label {direction:rtl; text-align:right;}
/********** header **********/
.header { }
.block_header {margin:0 auto; width:949px;}
/* logo */
.logo { float:left; padding:0; margin:0; width:299px;}
/* search */
.search { float:right; width:356px; height:57px; margin:40px 0 0 0; padding:0; background:url(../uploads/2a/b8/2ab810111f544af5283fc55214211f9d/search_bg.gif) top no-repeat;}
.search form { float:right; padding:15px 0 0 50px; margin:0;}
.search form b, .search form strong { display:block; float:right; color:#b4b4b4; font:normal 15px Arial, Helvetica, sans-serif; font-weight:bold; padding:4px 10px; margin-right:10px;}
.search form label { }
.search form input { float:left;}
.search form input.text { padding:3px 3px; margin:2px 0 0 15px; background:url(../uploads/39/cb/39cb0f6f4685a8b4a8d24377689c7c5a/search_form_bg.gif) top no-repeat; border:0; color:#b4b4b4; font:normal 12px Arial, Helvetica, sans-serif; width:198px; height:14px;}
.search form input.button_search { padding:0; margin:0; height:23px; width:23px;}
/* menu */
.menu { padding:0; margin:0; width:949px; height:58px; background:url(../uploads/32/24/32247695a543d4abf5b280edcc94d5f3/menu_bg.gif) top no-repeat;}
#googleplus {width:100px; float:left; margin:18px 0 0 10px; padding:0;}
.rss {width:50px; float:left; margin:25px 0 0 10px; padding:0;}
.rss a, .rss a:visited {width:50px;height:33px;display:block;cursor:pointer;text-indent:-9999px;background:url(../uploads/69/8d/698db27ad0e8d2b051c587a9b8667a64/english.png) no-repeat top right;}
.rss a:hover {background:url(../uploads/69/8d/698db27ad0e8d2b051c587a9b8667a64/english.png) no-repeat top right;}
.menu ul { float:right; padding:0; margin:7px 30px 0 0; list-style:none; border:0;}
.menu ul li { float:right; margin:0; padding:0;}
.menu ul li a { float:left; margin:0 1px 0 0; padding:15px 0; color:#c8c8c8; font:normal 15px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:200; font-weight:bold;}
.menu ul li form{
  padding:0; 
}
.menu ul li input {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 0 none;
  color: #C8C8C8;
  cursor: pointer;
  font: bold 15px Arial,Helvetica,sans-serif;
  margin: 5px 0;
  padding: 10px 5px;
  text-decoration: none;
}
.menu ul li input:hover{
  background: #434c52;
  border-radius: 5px;
  color:#60b6ff;		
}

.menu ul li a span { padding:15px; margin:0; background:none;}
.menu ul li a:hover { color:#60b6ff; background:url(../uploads/60/7e/607e6470ae9f2fb6d25eee4f47d2d7e3/r_menu.gif) no-repeat right;}
.menu ul li a:hover span { color:#60b6ff; background:url(../uploads/0a/88/0a8847be3fa25a40c3fdd0fb2b03fc44/l_menu.gif) no-repeat left;}
.menu ul li a.active { color:#60b6ff; background:url(../uploads/60/7e/607e6470ae9f2fb6d25eee4f47d2d7e3/r_menu.gif) no-repeat right;}
.menu ul li a.active span { color:#60b6ff; background:url(../uploads/0a/88/0a8847be3fa25a40c3fdd0fb2b03fc44/l_menu.gif) no-repeat left;}
/********** slider **********/
.slider {margin:0 auto; width:949px; height:362px; padding:0; background:url(../uploads/61/c6/61c64517d4cd64fc4636de714c7b6939/slider_bg.png) top repeat-y; }
.slider .left1 {  float: left;  margin: 10px 0 0 10px;  width: 369px;}
.slider h1 { padding:10px 0 10px 10px; margin:0; color:#565f65;font:normal 30px Arial, Helvetica, sans-serif;}
.slider h2 { padding:60px 10px 10px 40px; margin:0; color:#565f65; font:normal 30px Arial, Helvetica, sans-serif;}
.slider strong { margin:0; color:#9ca3a8; font:normal 15px Arial, Helvetica, sans-serif; line-height:1.4em; font-weight:bold;}
.slider p { font:normal 15px arial, Geneva, sans-serif; color:#5e5e5e; padding:5px 0 5px 10px; margin:0; line-height:1.6em; font-weight:bold;}
.slider ul.buttons { float:left; padding:20px 0 10px 25px; margin:0; list-style:none;}
.slider ul.buttons li { float:left; padding:0 5px; margin:0;}
.slider .gallery {  display: inline;  float: right;  height: 309px;  margin: 20px 10px 0;  position: relative;  width: 550px;}
.gallery #wrapper { height: 309px;  overflow: hidden;  position: absolute;  width: 550px;}
.gallery #wrapper ul {
position: absolute;
padding:0;
margin:0;}
.gallery #wrapper ul li {width:550px;height:309px;display:inline;background:none;float:left;}
.gallery .arrows {
position:absolute;
top:110px;
left:-28px;
overflow:hidden;
z-index:1;
width:507px;}
.gallery .arrows .arrow {
display: block;
width: 47px;
height: 47px;
text-indent: -9999px;
cursor: pointer;
float:right;
margin:0;}
.gallery .arrows a.forward {
background: url(../uploads/d3/fe/d3fe9a50147774ec3e54a2d87249c88d/r_arrow.png) no-repeat top left;}
.gallery .arrows a.back {
background: url(../uploads/70/21/702143ef241926379fd2c3bae3503cba/l_arrow.png) no-repeat top left;
float:left;}




/*toppik*/
.toppik {margin:0 auto 43px auto; width:949px; padding:0; background:url(../uploads/4f/f4/4ff4ba7ad6dfa1d3b56066e042d86812/topi_bg.gif) top no-repeat; height:90px;}
.toppik p { padding:40px 50px 0 0; margin:0; font:normal 15px arial, Geneva, sans-serif; color:#5e5e5e; font-weight:bold;}
.toppik ul { float:left; width:500px; list-style:none; margin:20px 0 0 0; padding:0;}
.toppik ul li { float:left; padding:0 10px;}
/*contact form*/
.cform ul { margin:10px 0; padding:10px 0; list-style:none; border:3px solid #eff0f1; background:#e0e2e4;}
.cform li { padding:10px 20px; margin:0; font:normal 15px Arial, Helvetica, sans-serif; color:#7a8288; line-height:1.8em; font-weight:bold;}
/*blog_body*/
.blog_body { width:949px; background:#fff url(../uploads/25/3e/253e8adf7627fad1015187b76800cd18/body_top_img.gif) top no-repeat; margin:0 auto; padding:0;}
.blog_bottom { margin:0; padding:0 2px; background:url(../uploads/e6/0b/e60ba4da2a4136cd023ef6410725a747/body_bottom_img.gif) bottom no-repeat;}
.blog_body p { margin:0; font:normal 11px tahoma,Arial, Helvetica, sans-serif; color:#414141; padding:5px; line-height:1.6em;}
.blog_body a { color:#3497c4; text-decoration:none;}
.blog_body a.big { font:bold 11px Tahoma, Geneva, sans-serif; color:#1575a9; text-decoration:none;}
.blog_body span { font:normal 15px Arial, Helvetica, sans-serif; color:#898989; line-height:1.4em; font-weight:bold;}
.blog_body ul { margin:10px 0; padding:10px 0; list-style:none; /*border:3px solid #eff0f1; background:#e0e2e4;*/}
.blog_body li { /*padding:10px 20px;*/ margin:0; font:normal 15px Arial, Helvetica, sans-serif; color:#7a8288; line-height:1.8em; font-weight:bold;}
.blog_body ul.lists { background:none; list-style:none; margin:0; padding:0; border:0;}
.blog_body ul.lists li { font:normal 15px Arial, Helvetica, sans-serif; color:#bbc1c4; padding:2px 5px; margin:0; line-height:1.8em; font-weight:bold;}
.blog_body h2 { font:normal 22px arial,Tahoma, Geneva, sans-serif; color:#485157; border-bottom:1px solid #d1d4d7; padding:13px 40px 13px 10px; margin:5px 0; line-height:1.6em;}
.blog_body h2.welcome { background:url(../uploads/be/d2/bed2505288b42eac776affdcf0ac36af/h2_welcome.gif) right no-repeat;}
.blog_body h2.what { background:url(../uploads/8c/eb/8ceba8c80fb5365d0db80889be99e77d/h2_what.gif) right no-repeat;}
.blog_body h2.our { background:url(../uploads/41/76/41760a246aefaf65d18bc46353e38b82/h2_our.gif) right no-repeat;}
.blog_body .lorem { width:275px; float:left; padding:10px 20px;}

/*FBG*/
.FBG { margin:0 auto; padding:0; width:949px;}
.FBG h2 { font:normal 20px Tahoma, Geneva, sans-serif; color:#fff; border-bottom:1px solid #414a50; padding:13px 5px; margin:5px 0; line-height:1.6em;}
.FBG p { font:normal 11px tahoma,Arial, Geneva, sans-serif; color:#666666; padding:5px; margin:0; line-height:1.6em;}
.FBG a { color:#75aecd; text-decoration:none;}
.FBG span { color:#878787;}
.FBG .larem { width:434px; float:left; padding:10px 20px;}

/* search2 */
.search2 { float:right; margin:10px 0 0 0; padding:0;}
.search2 form { padding:5px 0 0 0; margin:0;}
.search2 form label { }
.search2 form input { float:left;}
.search2 form input { padding:8px 3px; margin:2px 5px 0 0; background:url(../uploads/e5/f3/e5f30de194194d57cc972e7d2656ef35/search_foorm_bg2.gif) top no-repeat; border:0; color:#b4b4b4; font:normal 15px Arial, Helvetica, sans-serif; width:175px; height:14px; font-weight:bold;}
.search2 form input.button_search { padding:0; margin:2px 0 0 0; height:28px; width:74px;}

/*left*/
.left { width:620px; float:left; padding:10px 20px; margin:0;}
.left h2 { font:normal 32px Tahoma, Geneva, sans-serif; color:#4e4a38; border-bottom:1px solid #d1d4d7; padding:10px 40px 10px 10px; margin:0; line-height:1.3em;}
.left h2.port { background:url(../uploads/e8/2a/e82a71c80c952a255d3391b2940fbe84/h2_port.gif) right no-repeat;}
.left h2.sevr { background:url(../uploads/5a/24/5a2420f0b8b09045d96843f77b5b5614/h2_servises.gif) right no-repeat;}
.left h2.con { background:url(../uploads/78/a0/78a070d87f1433abf08f490faeba2281/h2_con.gif) right no-repeat;}
.left h3 { font:normal 22px arial,Tahoma, Geneva, sans-serif; color:#4e4a38; padding:10px; margin:0; line-height:1.4em;}
.left h1 { font:normal 32px arial,Tahoma, Geneva, sans-serif; color:#4e4a38;border-bottom:1px solid #d1d4d7; padding:10px 40px 10px 10px; margin:0;line-height:1.3em;}
.left h1.port {background:url(../uploads/e8/2a/e82a71c80c952a255d3391b2940fbe84/h2_port.gif) right no-repeat;}
.left h1.sevr {background:url(../uploads/5a/24/5a2420f0b8b09045d96843f77b5b5614/h2_servises.gif)right no-repeat;}
.left h1.con {background:url(../uploads/78/a0/78a070d87f1433abf08f490faeba2281/h2_con.gif) right no-repeat;}

.left a { font:bold 11px Tahoma,Arial, Geneva, sans-serif; color:#2799cc; text-decoration:underline; font-weight:bold;}
.left .img { float:left; margin:10px; padding:0;}
/*right*/
.right { width:245px; float:left; padding:10px 20px; margin:0;}
.right h2 { font:normal 22px Tahoma, Geneva, sans-serif; color:#485157; border-bottom:1px solid #d1d4d7; padding:13px 10px; margin:0; line-height:1.6em; text-transform:uppercase;}
.right a { font:bold 15px Arial, Helvetica, sans-serif; color:#5e676d; /*float:right; */text-decoration:none;}
.right em { font:italic 11px tahoma, Helvetica, sans-serif; color:#5d666c; line-height:1.6em; margin:0;}
.right ul { background:none; margin:10px; padding:0; list-style:none; border:0;}
.right li { padding:5px 5px; margin:0; border-bottom:1px solid #e0e2e4; text-align:right;}
.right li a { float:none; font:normal 11px tahoma,Arial, Helvetica, sans-serif; color:#2d98c8; text-decoration:none;}
.right li a:hover { text-decoration:underline;}
/********** contact form **********/
form { margin:0; padding:5px 10px;}
form * { color:#6e6e6e;}
form ol { margin:0; padding:0; list-style:none;}
form li { margin:0; padding:0; background:none; border:none; display:block;overflow: hidden;}
form li.buttons { margin:5px 0 5px 0;}
form label { margin:0; width:110px; display:block; padding:5px 0; font:normal 11px tahoma,arial, Geneva, sans-serif; color:#6e6e6e; float:right;}
form label span { font:normal 10px Arial, Helvetica, sans-serif;}
form input.text { width:440px; border:1px solid #dedede; margin:5px 0; padding:5px 2px; height:16px; background:#fff; float:left;}
form textarea { width:440px; border:1px solid #dedede; margin:10px 0; padding:2px; background:#fff; float:left;}
form li.buttons input { padding:3px 0; margin:0 0 0 110px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/*************footer**********/
.footer { padding:15px 0; margin:10px auto 0 auto; background:#090909 url(../uploads/dd/01/dd01008d10843b8c99850a101f727ce0/footer_bg.gif) top repeat-x; width:949px; position: relative;}
.footer p { padding:0 25px; margin:0; color:#646d73; font:normal 10px Tahoma, Geneva, sans-serif;}
.footer a { color:#646d73; font:normal 11px Arial, Helvetica, sans-serif; padding:0 3px;}
.footer input {
  background-color: transparent;
  border: 0 none;
  color: #646D73;
  cursor: pointer;
  font: 11px Arial,Helvetica,sans-serif;
  margin: 0 3px;
  outline: 0 none;
  padding: 0;
  text-decoration: underline;
}
.footer-btn {
  display: inline;
  right: 250px;
  position: absolute;
  top: 9px;
}
.footer-btn:last-child {
  display: inline;
  right: 250px;
  position: absolute;
  top: 9px;
}

.text_left {float:right; text-align:right; width:500px;}
.text_right {float:left; text-align:left; float:right; width:324px;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px dashed #b8bec1; padding:0; margin:5px 0; background:none;}
/*************** gallery *******************/
.gal_content {
width:620px;
overflow:hidden;
}
.gal_content a img, .gal_content a:visited img {
margin:0 10px 10px 0;
float:left;
display:inline;
border:solid 1px #999999;
width:140px;}
.gal_content a:hover img {
border:solid 1px #3C647C;}
.gal_content_inside {
overflow:hidden;
padding:8px 0px
0px 10px;}
/******** news full **********/
.news_full_no_1 {
width:549px;
overflow:hidden;
margin:10px 0 0 0;
padding:10px 0 0 0;
display:block;
background:url(../images/divider.html) no-repeat bottom center;}
.first {
margin:0;
background:none;}
.news_full_no_1 a img, .news_full_no_1 a:visited img {
float:left;
margin:0 10px 5px 0;
display:inline;
width:150px;
border:solid 1px #999999;}
.news_full_no_1 a:hover img {
border:solid 1px #3C647C;}
.more a, .more a:visited {}
.more a:hover {}
/************************************************************/

/* Slideviewer CSS */

/*preload classes*/
.svw {width: 50px; height: 50px; background: #fff; margin-top: 20px;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer {
position: relative;
margin: 0;
overflow: hidden;
border: 7px solid #f1f1f1;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li {
float:left;
cursor: pointer;
}

.stripViewer ul li a{
position: relative;
display: block;
}

.stripTransmitter {
height: 29px;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
float:left;
list-style-type: none;
}
.stripTransmitter ul li{
float:left;
margin: 0 0 0 10px;
}
a.top, a.top:visited{
display: block;
width: 28px;
font-size: 13px;
text-align: center;
line-height: 28px;
background: #e6e6e6 url("../images/img/bg_butt.html") 0 0 no-repeat;
color: #333;
text-decoration: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
cursor: pointer;
text-shadow: 0px 1px #fff;
}
a.top:hover{
background-color: #d3d3d3;
text-decoration: none;
text-shadow: 0px 1px #fff;
}

a.top:active{
margin-top: 1px;
}




.stripTransmitter a, .stripTransmitter a:visited, .stripTransmitter a:link{
display: block;
width: 16px;
height: 16px;
background: #e6e6e6 url("../uploads/a8/82/a8822ae2f0a88f49643498b7422a44a4/but_dot.png") 0 -16px no-repeat;
cursor: pointer;
}
.stripTransmitter a:hover{
background: #e6e6e6 url("../uploads/a8/82/a8822ae2f0a88f49643498b7422a44a4/but_dot.png") 0 0 no-repeat;
}

.stripTransmitter a:active{
margin-top: 1px;
}

.stripTransmitter a.current {
background: #e6e6e6 url("../uploads/a8/82/a8822ae2f0a88f49643498b7422a44a4/but_dot.png") 0 0 no-repeat;
}

div.stripViewer span{
display:block;
position:absolute;
top: 10px;
left:10px;
width: 50px;
height: 50px;
background: transparent url("../uploads/1b/2d/1b2dac661e36de2c997de30da74ee734/zoom.png") 0 0 no-repeat;
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
}

div.topdiv {
width: 100%;
position: relative;
clear:both;
}

a.top {
position: absolute;
right: 0;
bottom: 0;
}
/* Portfolio */
.portfolio-item {
  background: #EEEEEE;
  float: left;
  margin: 0 7px 14px;
  padding: 4px;
  text-align: center;
  width: 288px;
}

.portfolio-item form {
  margin-top: 5px;
  padding:0;
}

.portfolio-item input {
  background: #e2e2e2;
  display: block;
  font-weight: bold;
  height: 29px;
  padding: 0;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  border:0;
  cursor:pointer;
  width: 288px;
  font-family: tahoma;
}

/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Post {padding:10px; margin:5px 0; font:normal 11px Georgia, "Times New Roman", Times, serif; color:#454545; border-bottom:1px dashed #adadad;}
.PostHead {padding:0; margin:0;}
.PostHead h2 {color:#2f2f2f; font:bold 32px Arial, Helvetica, sans-serif; margin:0; padding:10px 10px;}
.PostHead h2 a {color:#2f2f2f; text-decoration:none;font:28px tahoma, Helvetica, sans-serif; margin:0;}
.PostHead h2 a:hover { color:#2f2f2f; text-decoration:none;}

/**/ * html .PostTime {} /**/
.PostTime { padding:5px 10px; font:normal 11px Georgia, "Times New Roman", Times, serif; color:#fff; background:#4a4a4a;}
.PostTime strong { font:normal 14px Georgia, "Times New Roman", Times, serif; color:#fff; }

/**/ * html .PostContent p img {} /* */
.PostContent p img { max-width:350px;}
.PostContent img { margin:0 10px 10px 0; float:left; background:#0d0e09; padding:3px;}


/* quote */
.quote{ 
    background-image: url(../uploads/24/c3/24c3758a1ad99dcdd2028132e9c50e8d/quote-ar-btn.png);
    background-repeat: no-repeat;
    width: 349px;
    height: 52px;
    border: 0px;
    background-color: transparent;
    cursor: pointer;
    outline: 0;
}




/* Responsive */
@media only screen and (max-width: 768px) {
	.block_header {
	    width: 100%;
	}
	.logo {
	    float: none;
	    width: 100%;
	    text-align: center;
	}
	.search {
	    display: none;
	}
	.search form input.text{
		height: auto;
	}
.menu ul {
    float: none;
    margin: 10px;
}
	.menu{
		width: 100%;
	}
.menu ul li {
    margin: 8px 0px;
}
	.menu ul li:first-child{
		display: none;	
	}
.menu ul li a span {
    padding: 15px 8px;
}
	.rss {
	    position: absolute;
	    top: 113px;
	    right: 10px;
		margin: 0;
	}
	#googleplus{
		display: none;
	}
.slider {
    width: 100%;
    height: auto;
}
	.slider .left1 {
    	    float: none;
	    margin: 0;
	    width: 100%;
	}
.slider .gallery,
.toppik {
    display: none;
}
.toppik ul {
    float: none;
    width: 100%;
}
.toppik ul li {
    padding: 0 5px;
}
.toppik p {
    padding: 10px;
    text-align: center;
}
	.blog_body {
	    width: 100%;
	}
	.blog_bottom {
	    padding: 0 20px;
	}
	.blog_body .lorem {
	    width: 100%;
	    float: none;
	    padding: 0;
	}
	.FBG {
	    width: 100%;
	}
	.FBG .larem {
	    width: 100%;
	    float: none;
	    padding: 0;
	}
	.footer{
	    width: 100%;
	}
	.footer p{
		padding: 0;
	}
	.text_left {
	    float: none;
	    width: 100%;
	}
	.text_right {
	    float: none;
	    text-align: center;
	    width: 100%;
	}

.left {
    width: 100%;
    float: none;
    padding: 0 20px;
    box-sizing: border-box;
}
.right {
    width: 100%;
    float: none;
    padding: 10px 20px;
    box-sizing: border-box;
}
.left img {
    float: none;
    max-width: 100%;
}
.portfolio-item {
    float: none;
    margin: 10px 0;
    width: 100%;
    box-sizing: border-box;
}
form input.text,
form textarea {
    width: 100%;
	height: auto;	
    float: none;
    box-sizing: border-box;
}
}


/* Grid system */
.row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.row:before,
.row:after {
    content: " ";
    display: table;
}
.row:after {
    clear: both;
}
[class^="col-"]{
    display: inline;
    float: right;
    padding: 0 .9375rem; 
}
[class^="col-"] input.text,
[class^="col-"] textarea{
	max-width: 100%
}
.col-6{
	width: 44%;
}