@import url('reset.css');
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow);
html{font-size:100%;}
body{font:400 16px/1.5 'Open Sans', Arial, sans-serif; font-size:1rem; color:#333; background:url(images/grid1.png); text-rendering:optimizeLegibility;}

.social{width:25px; position:fixed; left:10px; top:216px;}
.f{text-indent:-9999px; overflow:hidden; width:25px; height:25px; margin-bottom:5px; display:block; background:url(images/social.png) 0 0 no-repeat;}
.t{background:url(images/social.png) 0 -25px no-repeat;}
.in{background:url(images/social.png) 0 -50px no-repeat;}

a{color:#0066cc; text-decoration:none; outline:none;}
a:hover{text-decoration:underline;}

.more{margin-bottom:0;} .more:hover{text-decoration:none; color:#000;}
.more:active, .more:focus{position:relative; left:1px;}
.more:before{content:"+\00a0"; color:#333; /* Insert a space then right angled-quote */}
.more:hover:before{color:#03C;}

.hdr{min-width:1120px; position:relative; z-index:2;}

.hdr header{width:1032px; margin:0 auto; height:120px; position:relative;}

.logo{margin-top:30px; float:left;}
.logo img, .logo h1{float:left;}
.logo h1{ font-size:18px; line-height:24px; color:#069; margin:2px 0 2px 18px; padding:8px 0 8px 18px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.0); border-left:2px solid #bac4d2;}

.topNav{ float:right;}
.topNav li{font-size:14px; margin-left:10px; display:inline-block; vertical-align:middle;}
a[lang="ar"]{font:17px Arial, Helvetica, sans-serif;}

.mainNav{height:47px; position:relative; z-index:5; border-bottom:1px solid #194265; background:#386c98;}

.field{width:240px; margin:0; display:inline-block; vertical-align:middle; border-radius:4px; border:solid 1px #a8b7c2; background:#fff;}
.field input{float:left; border:0;}
.field input[type=text]{font:inherit; color:#666; width:200px; height:34px; padding:0 0 0 5px; background:none; border-radius:4px;}
.field input[type=text]:focus{color:#069; outline:none;}
.field input[type=button]{text-indent:-9999px; overflow:hidden; width:35px; height:34px; padding:0; cursor:pointer; background:url(images/go.png) 0 0 no-repeat;}
.field input[type=button]:hover{background-position:0 -34px;}

.hdr, .bg, .colmBg, footer{background:#eceef3;}

.inline{border-bottom:1px solid; border-color:#009}

h1, h2, h3, h4, h5, h6{font-family:"Archivo Narrow", Arial, Helvetica, sans-serif; font-weight:normal; color:#018a0d; margin-bottom:24px;}
h1{font-size:36px; line-height:1.1666666666;}
h2{font-size:30px; line-height:1.2;}
h3{font-size:21px; line-height:1.142857142857;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}

p{margin-bottom:24px;}

.row{width:1032px; margin:0 auto 48px auto;}
.colm_m{width:288px; float:right;}
.colm_xl{width:720px; float:left;}

/*-- // --------------------------------------------------------------------------------------*/

.mainBanner{width:1032px; margin-left:auto; margin-right:auto; padding:48px 0 0 0;}

.new{color:#fff; width:288px; height:312px; padding:18px; box-sizing:border-box; float:right; background:#5cc1af; position:relative;}
.media{width:250px; height:135px; margin-bottom:16px; overflow:hidden;}

.txtIntro{clear:both;}
.txtIntro p{height:72px; margin-bottom:0; text-overflow: ellipsis; overflow:hidden;}
.txtIntro .colm_m{line-height:72px; padding-left:24px; box-sizing:border-box; border-left:2px solid #bac4d2;}

.bg{min-width:1120px;}

/*-- Tab ---------------------------------------------------------------- */

.tab{margin-bottom:24px; float:left; clear:both;}

#tabs{margin-bottom:20px; padding-bottom:0px; border-bottom:4px solid #eceef3;}
#tabs li{float:left; margin-right:20px;}
#tabs a{font-weight:bold; color:#999; padding:0;}

#tabs a:hover, #tabs a:focus{color:#999; text-decoration:none;}
#tabs a:focus{outline:0;}
#tabs #current a{color:#000; padding-bottom:2px; border-bottom:4px solid #37b498;}
.tab .more{margin:0 20px;}

#content{position:relative; z-index:2; background:#f2f5f8}

.tabContent ul li{width:320px; margin:0 20px; padding-top:24px;  float:left;}
.tabContent li .date{font-size:12px; color:#999; margin:24px 0 0;}

.tabContent .moreBar{line-height:44px; border-top:1px solid #fff;}


.tabContent ul li img{ float:left;}
.tabContent ul li div{margin-left:105px;}

/*--- end tab ------------------------------------------*/

.colm_xl .colm_m{width:310px; padding:0 15px; float:left; position:relative; border:5px solid #eceef3;}
.colm_xl .colm_m h2{line-height:24px; margin-top:24px;}


.first{margin-right:20px;}
.colm_xl .colm_m ul{padding:11px 0 24px; border-top:1px solid #e1e4eb;}
.colm_xl .colm_m p{margin-bottom:24px;}

.colmBg{min-height:635px;}

.adv{margin:5px; background:none;}
.law{margin:5px; padding:24px 15px; background:#fff;}
.adv, .law{margin-bottom:24px;}

.newsltr{margin:5px; padding:24px 10px; border-top:1px solid #099;}
.newsltr input[type=button]{background-position:0 -68px;}
.newsltr input[type=button]:hover{background-position:0 -102px;}


.partner{text-align:center; min-width:1120px; margin-top:24px; padding:24px 0; border-top:0px solid #eceef3; box-shadow: 0 -1px 2px rgba(104,113,122,0.2);}
.partner li{min-height:53px; padding:0 48px; display:inline-block; vertical-align:bottom; border-left:1px dotted #ccc;}
.partner li:first-child{border-left:none;}
.partner li:last-child img {padding-top:13px;}


.content ol{padding:0 48px; margin-bottom:24px;} .content ol li{margin:1px 0; list-style: outside decimal;}
.content ul{padding:0 48px; margin-bottom:24px;} .content ul li{margin:1px 0; list-style: outside disc;}

.mainFeature{height:280px; margin-bottom:20px; border-bottom:1px solid #e5e5e5;}
.mainFeature img{float:right;}

.article{width:679px; float:left;}
.aside{width:288px; float:right;}
.aside h3{font-size:1.3em;}

.item{margin-bottom:24px; padding:24px 15px 0; border:4px solid #eceef3;}
.item ul{margin-bottom:24px; border-top:1px solid #d9e3ef;}
.item li{border-bottom:1px solid #d9e3ef; }
.item li a{padding:7px 0; display:block;}

.path{font-size:14px; line-height:1.6428571428; color:#999; margin:24px 0; padding-bottom:24px; border-bottom:1px solid #cad7e8;}

.post{padding-right:48px; border-right:1px solid #d8e4f4;}

.subNav{margin-bottom:24px; padding:24px 20px; background:#d8e4f4;}
.subNav ul{border-top:1px solid #becde1; }
.subNav li{border-bottom:1px solid #becde1; }
.subNav li a{padding:7px 0; display:block;}

.aside .news{margin-bottom:20px; float:none;}
.aside .news ul{margin:0;}
.aside .news li{margin:0 0 10px 0; list-style:none;}

.minWrap{min-width:1120px;}

/*
- archive ------------------------------------------------------------------------------------------------------------------------*/

ul.newsList{padding:0;}
ul.newsList li{padding-top:24px; border-top:1px dotted #ccc; list-style:none;}
.newsList .date{text-align:center; color:#999; width:60px; margin-right:24px; float:left;}
.newsList .date span{font-size:24px;}

.headlies{overflow:auto;}

.pager{margin-top:48px; text-align:center;}
.pager span{display:block;}
.pager a, .pager span span{line-height:48px; width:48px; margin:0 3px; display:inline-block; border:1px solid #dbe6f3; border-radius:3px;}
.pager span span{font-weight:bold;}
.pager .prev, .pager .next{width:auto; padding:0 20px; background:#ebf2fa;}
.pager .dots{font-weight:bold; border:0; background:#ebf2fa;}

.pager a:hover{color:#000; text-decoration:none; background:#ebf2fa;}


ul.list{padding:0; border-top:1px solid #eee;}
ul.list li{padding:24px 0; border-bottom:1px solid #eee; list-style:none;}
ul.list li:before{content:'\25A0'; color:#066; padding-right:10px;}

ul.pub{padding:0;}
ul.pub li{padding-top:24px; border-top:1px dotted #ccc; list-style:none;}

.pub img{margin-right:24px; float:left;}
.pubInfo{overflow:auto;}


/*
- Forms --------------------------------------------------------------------------------------------------------------------------*/

.fillForm ul{margin:0; padding:0;}
.fillForm fieldset li{width:100%; margin-bottom:24px; float:left; position:relative; list-style:none;}
.fillForm label{color:#666; margin-bottom:12px; padding:0 2px; display:block;}

.addBrdr{display:inline-block; border:2px solid #f0f0f0 !important; border-radius:5px;}

.fillForm input[type="text"], .fillForm input[type="password"], .fillForm select{font:inherit; height:46px; padding:0 5px;}
.fillForm textarea{height:150px; margin:0; padding:5px;}
.fillForm input[type=text], .fillForm input[type="password"], .fillForm select, .fillForm textarea{border-radius:3px; vertical-align:bottom;}

.fillForm input[type=text], .fillForm input[type="password"], .fillForm textarea, .fillForm select, .addBrdr{font:inherit; color:#5b5b5b; width:100%; border:1px solid #ccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:#fefefe;}
.newRow{clear:left;}

.fillForm input[type=text]:focus, .fillForm input[type="password"]:focus, .fillForm textarea:focus, .fillForm select:focus{color:#000; border:1px solid #666; background:#fff;}

.formFtr{padding:0;}

.fillForm input[type=Submit]{font:inherit; color:#fff; line-height:46px; padding:0 48px; border:none; text-shadow:0 1px 0px rgba(0,0,0,.6); box-shadow:0 -3px 0 rgba(0,0,0,.4) inset; border-radius:5px; cursor:pointer; background:#096;}

.fillForm .optionTbl li{ display:inline-block; width:200px;}
.fillForm .optionTbl li input{margin:5px 10px 0 0; float:left;}

.fillForm .birth select{display:inline-block; width:100px; margin-right:10px;}

/* - Footer ----------------------------------------------------------- */

footer{font-size:13px; min-width:1120px;}
footer a{}
.ftrNav{color:#999; line-height:48px; padding:0 20px; background:#d8dfe5;}

.ftr{width:1032px; margin:0 auto;}
.rights{line-height:24px; padding:24px 0;}

.row, .fillForm fieldset ul:after, .newsltr:after, .tabContent ul:after, #tabs:after{content:""; display:table; clear:both; }


/*
 * http://slippry.com
 * Author(s): Lukas Jakob Hafner - @saftsaak
 * Thomas Hurd - @SeenNotHurd
 * Copyright 2013, booncon oy - http://booncon.com
 * Thanks @ http://bxslider.com for the inspiration!
 * Released under the MIT license - http://opensource.org/licenses/MIT
 */
/* -------------------------- MIXINS ---------------------------------- */

/* added to the original element calling slippry */
.sy-box{width:720px; position:relative; z-index:1;
    height:312px; width: 720px; box-sizing:border-box; margin-bottom:48px; float:left;}

.sy-box.sy-loading {
  background: url(images/sy-loader.gif) 50% 50% no-repeat;
  -webkit-background-size: 32px;
  -moz-background-size: 32px;
  -o-background-size: 32px;
  background-size: 32px;
  min-height: 40px;}
 
.sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager{visibility:hidden;}

/* element that wraps the slides */
.sy-slides-wrap{position:relative; width:100%;}
.sy-slides-wrap:hover .sy-controls{display:block;}

/* element that crops the visible area to the slides */
.sy-slides-crop{height:100%; width:100%; position:absolute; overflow:hidden;}

/* list containing the slides */
.sy-list{width:100%; height:100%; list-style:none; margin:0; padding:0; position:absolute;}
.sy-list.horizontal{ -webkit-transition: left ease; -moz-transition:left ease; -o-transition:left ease; transition: left ease;}

.sy-list.vertical{-webkit-transition: top ease; -moz-transition: top ease; -o-transition: top ease; transition: top ease;}

/* single slide */
.sy-slide{position:absolute; width:100%; z-index:2;}
.sy-slide.kenburns{width:140%; left:-20%;}
.sy-slide.kenburns.useCSS{-webkit-transition-property:opacity; -moz-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity;}
.sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {
  -webkit-animation-name:left-right;
  -webkit-animation-fill-mode:forwards;
  -moz-animation-name:left-right;
  -moz-animation-fill-mode:forwards;
  -o-animation-name:left-right;
  -o-animation-fill-mode:forwards;
  animation-name:left-right;
  animation-fill-mode:forwards;}
  
.sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {
  -webkit-animation-name: right-left;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: right-left;
  -moz-animation-fill-mode: forwards;
  -o-animation-name: right-left;
  -o-animation-fill-mode: forwards;
  animation-name: right-left;
  animation-fill-mode: forwards;
}
.sy-slide.sy-active{z-index:3;}
.sy-slide > a {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;}

.sy-slide img{ display:block; border:0;}

/* captions, styled fo the overlay variant */
.sy-caption-wrap{font-size:16px; width:260px; padding:24px; position:absolute; right:24px; top:24px; bottom:24px; z-index:10; border-left: 5px solid #21a93e; background:rgba(53,76,125,.8);}
 
.sy-caption-wrap .sy-caption{font-family:'Archivo Narrow', sans-serif; font-size:30px; font-weight:normal; color:#fff; line-height:1.2; margin-bottom:24px;}
.sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited{font:16px 'Open Sans', Arial, sans-serif;; color:#fff; text-decoration:none; text-shadow:0 1px rgba(0,0,0,.5); margin-top:24px; display:block;}
.sy-caption-wrap .sy-caption a:hover, .sy-caption-wrap .sy-caption a:focus{text-decoration:underline;}

/* pager bubbles */
.sy-pager{line-height:6px; height:8px; position:absolute; z-index:10; bottom:24px; left:24px; overflow:hidden; *zoom:1; display:block; list-style:none; text-align:center;}
 
.sy-pager li {vertical-align:top; display:inline-block; *display:inline; zoom:1; width:24px; height:8px; margin-right:4px;}
 
.sy-pager li.sy-active a {background:#390;}
.sy-pager li a{width:100%; height:6px; display:block; text-indent:-9999px; border:1px solid #fff; background:#069;}
.sy-pager li a:link, .sy-pager li a:visited {opacity:1.0;}
.sy-pager li a:hover, .sy-pager li a:focus {opacity:0.6;}

/* element to "keep/ fill" the space of the content, gets intrinsic height via js */
.sy-filler{width:100%;}
.sy-filler.ready{-webkit-transition: padding 600ms ease; -moz-transition: padding 600ms ease; -o-transition: padding 600ms ease; transition: padding 600ms ease;}







/* Ayman */
.field input[type="submit"] {
    text-indent: -9999px;
    overflow: hidden;
    width: 35px;
    height: 34px;
    padding: 0px;
    cursor: pointer;
    background: url("images/go.png") no-repeat scroll 0px 0px transparent;
}

/*-- Member Pages -----------------------------------------------------------*/
.profile { border-collapse: separate; background-color: Blue;  }
.profile td { padding: 3px 30px 3px 10px; background: #F7F7F7; }
.abc { margin: 0 0 30px 0; }
.abc a { font-size: 10px; color: #0066CC; font-weight: bold; padding: 2px 4px; margin: 0 1px; display: inline; border-width: 0 1px 1px 0; border-style: solid; border-color: #E3E3E3; background: #F7F7F7; }
.loaderMem { position: absolute; left: 0px; top: -20px; }
.searchName { width: 530px; margin: 0 0 15px 0; padding: 0 0 7px 0; position: relative; border-width: 0 0 3px 0; border-style: solid; border-color: #E8E8E8; }
.searchName input { font-size: 12px; width: 175px; height: 16px; border-width: 1px 0 1px 1px; border-style: solid; border-color: #96C8E1 #F1F6F9 #F1F6F9 #96C8E1; background: #EEEEEE; }
.searchName .go { width: 20px; height: 18px; padding: 0; margin: 0; border: 0; background: url(images/goSearch_en.gif); }
/*-- Grid table -----------------------------------------------------------*/
.gridHeader th { font-size: 10px; color: #000000; text-align: left; padding: 5px; border-bottom: 1px solid #C9C9C9; background: #E5E5E5; }
.gridHeader a { color: #000000; text-decoration: none; }
/*---------------------*/
.gridItem td { font-family: tahoma; padding: 5px; border-bottom: 1px solid #E8E8E8; }
.gridItem a { color: #cc0000; text-decoration: none; }
/*---------------------*/
.gridAlterItem td { font-family: tahoma; padding: 5px; border-bottom: 1px solid #E8E8E8; }
.gridAlterItem a { color: #000000; text-decoration: none; }
/*---------------------*/
.gridPage td { height: 25px; background: #F4F4F4; }
.gridPage table { width: auto; margin: 0 30px; }
.gridPage table td { color: #CCCCCC; }
.gridPage table td span { color: #999; display: block; padding: 4px 7px; margin: 2px; border: 0px solid #000; background: url(images/bgGridPage.gif) 1px 1px no-repeat; }
.gridPage table td a { color: #0066FF; display: block; padding: 4px 7px; margin: 2px; border: 0px solid #000; background: url(images/bgGridPage.gif) 1px 1px no-repeat; }
.gridPage a:hover { color: #0066FF; text-decoration: underline; }
.memList { width: 530px; margin: 0; padding: 0; position: relative; }
.memDetails { text-align: right; width: 510px; margin: 0; padding: 10px; position: absolute; left: 0px; top: 0px; z-index: 1; background: #E5E5E5; }
.memDetails a { color: #0066CC; margin: 0; padding: 0; }
.memDetails table { text-align: left; width: 510px; margin: 0; padding: 0; }
.memDetails table td { margin: 0; padding: 3px 20px 3px 0; border-bottom: 1px solid #fff; }
/*-- member Form -----------------------------------------------------------*/
.membForm input, .membForm select, .membForm textarea { font: 11px verdana; border-width: 1px 0 0 1px; border-style: solid; border-color: #DDDDDD; background: #F1F1F1; }
.membForm small { font-size: 11px; color: #333; }
.membForm input, .membForm textarea { width: 200px; }
.membForm .button { color: #333; width: 79px; height: 19px; padding: 0; margin: 0; border: 0; cursor: pointer; background: url(images/bgButton.gif) left top no-repeat; }
/*-- forget Pass -----------------------------------------------------------*/
.forgetPass { height: 140px; padding: 10px; width: 450px; border: 0px solid #000000; }
.forgetPass small { font-size: 10px; color: #666666; display: block; }
.forgetPass input { width: 420px; margin: 2px 0 5px 0; border-width: 1px 0 0 1px; border-style: solid; border-color: #cccccc; background: #E9E9E9; }
.forgetPass .button { font: 11px verdana; color: #333; width: 79px; height: 19px; padding: 0; margin: 0; border: 0; background: url(images/bgButton.gif) left top no-repeat #fff; }


/* to hide send to friend */
#popupContainer {
    display:none;
}



.logo h1 span{font-size: small;  display: block;}

	
	#thumb image{
   border: 1px solid #000000;
   cursor:pointer;
   margin-left:10px;
}
#thumb .imgOver{
   border: 3px solid Gold;
   cursor:pointer;
}

.nextPrev{
	text-align: center;
	color: #330000;/*#669900;*/
}

.nextPrev a
{
	FONT-SIZE: 10px;
	COLOR: #996600;
	FONT-STYLE: normal;
	display: inline;
	border-style: solid;
	border-width: 1px;
	border-color: #E6E6E6 #F4F4F4 #F4F4F4 #E6E6E6;
	padding: 1px 3px;
	margin: 0 1px;
	text-decoration:none;
}
	
.nextPrev .currentPage
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px; 
	COLOR: #330000;
	FONT-STYLE: normal; 
	TEXT-DECORATION: underline
}	

	
.nextPrev .img
{
	border:none;
}

#leftCol .photoGallery .titleText {
    background: url("images/arrow_news.jpg") no-repeat scroll left 7px rgba(0, 0, 0, 0);
    color: #5A2800;
    font: bold 11px Arial,Helvetica,sans-serif;
    margin: 0 0 5px;
    padding: 0 0 0 15px;
}
#leftCol .photoGallery small {
    color: #D56C0C;
    font: bold 12px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 3px 0;
}
#leftCol .photoGallery .dis {
    background: url("images/arrowsmal.gif") no-repeat scroll left 7px rgba(0, 0, 0, 0);
    color: #5A2800;
    font: bold 11px Arial,Helvetica,sans-serif;
    margin: 0 0 5px;
    padding: 0 0 0 15px;
}
#leftCol .photoGallery .bigPhoto {
    border: 1px solid #D56C0C;
    margin: 0;
    padding: 3px;
}
#leftCol .photoGallery p {
    color: #5A2800;
    font: 12px/16px Arial,Helvetica,sans-serif;
    margin: 0 0 10px;
    padding: 0;
    text-align: justify;
}
#leftCol .photoGallery .title_text_sub {
    color: #D56C0C;
    font: bold 12px Arial,Helvetica,sans-serif;
    text-decoration: none;
}
#leftCol .photoGallery .bigPhoto {
    border: 1px solid #D56C0C;
    padding: 2px;
}
#leftCol .photoGallery .NormalText {
    background: url("images/arrow_news.jpg") no-repeat scroll left 4px rgba(0, 0, 0, 0);
    color: #5A2800;
    font: 12px/16px Arial,Helvetica,sans-serif;
    margin: 0 0 0 10px;
    padding: 0 0 0 15px;
    text-align: left;
}

.nextPrev {
    color: #330000;
    padding: 10px 0;
    text-align: center;
}
.nextPrev a {
    border-color: #E6E6E6 #F4F4F4 #F4F4F4 #E6E6E6;
    border-style: solid;
    border-width: 1px;
    color: #D56C0C;
    display: inline;
    font-size: 10px;
    font-style: normal;
    margin: 0 1px;
    padding: 1px 3px;
    text-decoration: none;
}
.nextPrev .currentPage {
    background-color: #753200;
    color: #FFFFFF;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
}
.nextPrev img {
    border: 1px solid #D56C0C;
    cursor: pointer;
    margin: 0 5px;
    padding: 0;
}
.nextPrev .imgOver {
    border: 3px solid #D56C0C;
    cursor: pointer;
    margin: 0;
    padding: 0;
}
.album #Table2 {
    border-collapse: separate;
    padding: 10px 0;
}

.button { 
      font: inherit;
  color: #fff;
  line-height: 46px;
  padding: 0 48px;
  border: none;
  text-shadow: 0 1px 0px rgba(0,0,0,.6);
  box-shadow: 0 -3px 0 rgba(0,0,0,.4) inset;
  border-radius: 5px;
  cursor: pointer;
  background: #096;
}



#slider {
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
  border-radius: 4px;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 275px;
  height: 250px;
  background: #ccc;
  text-align: center;
}

a.control_prev, a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 4% 3%;
  width: auto;
  height: auto;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}

.slider_option {
  position: relative;
  margin: 10px auto;
  width: 160px;
  font-size: 18px;
}