/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0px;
}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{ vertical-align:top;}/* vertical align top */
.underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
body{
font-family:Arial, Helvetica, sans-serif;
background: url("../images/bg.jpg");
}
.header-bg{
background: #4D7AFF;
}
.header{
background:#1c1e1d;
}
.wrap{
width:1000px;
margin:0 auto;
}
.wrapper{
box-shadow: 0 0 10px #999;
-webkit-box-shadow: 0 0 10px #999;
-moz-box-shadow: 0 0 10px #999;
}
.logo{
float:left;
margin-left: 15px;
margin-top:15px;
}
.logo h1{
color:white;
font-size:25px;
text-transform:uppercase;
}
.menu{
float:right;
}
.menu li {
display:inline-block;
float:left;
width:120px;
}
.menu li a{
color:#eee;
display:block;
padding:17px 20px;
text-align: center;
}
.menu li:nth-child(1) a {
background: rgb(240,154,0);
background: -moz-linear-gradient(top, rgba(240,154,0,1) 0%, rgba(206,138,65,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,154,0,1)), color-stop(100%,rgba(206,138,65,1)));
background: -webkit-linear-gradient(top, rgba(240,154,0,1) 0%,rgba(206,138,65,1) 100%);
background: -o-linear-gradient(top, rgba(240,154,0,1) 0%,rgba(206,138,65,1) 100%);
background: -ms-linear-gradient(top, rgba(240,154,0,1) 0%,rgba(206,138,65,1) 100%);
background: linear-gradient(to bottom, rgba(240,154,0,1) 0%,rgba(206,138,65,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09a00', endColorstr='#ce8a41',GradientType=0 ) url(../images/but.png);
}
.menu li:nth-child(2) a{
background: rgb(173,203,29);
background: -moz-linear-gradient(top, rgba(173,203,29,1) 0%, rgba(140,183,76,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(173,203,29,1)), color-stop(100%,rgba(140,183,76,1)));
background: -webkit-linear-gradient(top, rgba(173,203,29,1) 0%,rgba(140,183,76,1) 100%);
background: -o-linear-gradient(top, rgba(173,203,29,1) 0%,rgba(140,183,76,1) 100%);
background: -ms-linear-gradient(top, rgba(173,203,29,1) 0%,rgba(140,183,76,1) 100%);
background: linear-gradient(to bottom, rgba(173,203,29,1) 0%,rgba(140,183,76,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adcb1d', endColorstr='#8cb74c',GradientType=0 ) url(../images/but.png);
}
.menu li:nth-child(3) a{
background: rgb(23,197,134);
background: -moz-linear-gradient(top, rgba(23,197,134,1) 1%, rgba(0,132,84,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(23,197,134,1)), color-stop(100%,rgba(0,132,84,1)));
background: -webkit-linear-gradient(top, rgba(23,197,134,1) 1%,rgba(0,132,84,1) 100%);
background: -o-linear-gradient(top, rgba(23,197,134,1) 1%,rgba(0,132,84,1) 100%);
background: -ms-linear-gradient(top, rgba(23,197,134,1) 1%,rgba(0,132,84,1) 100%);
background: linear-gradient(to bottom, rgba(23,197,134,1) 1%,rgba(0,132,84,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17c586', endColorstr='#008454',GradientType=0 ) url(../images/but.png);
}
.menu li:nth-child(4) a{
background: rgb(21,159,206);
background: -moz-linear-gradient(top, rgba(21,159,206,1) 1%, rgba(22,128,168,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(21,159,206,1)), color-stop(100%,rgba(22,128,168,1)));
background: -webkit-linear-gradient(top, rgba(21,159,206,1) 1%,rgba(22,128,168,1) 100%);
background: -o-linear-gradient(top, rgba(21,159,206,1) 1%,rgba(22,128,168,1) 100%);
background: -ms-linear-gradient(top, rgba(21,159,206,1) 1%,rgba(22,128,168,1) 100%);
background: linear-gradient(to bottom, rgba(21,159,206,1) 1%,rgba(22,128,168,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#159fce', endColorstr='#1680a8',GradientType=0 ) url(../images/but.png);
}
.menu li:nth-child(5) a{
background: rgb(40,45,175);
background: -moz-linear-gradient(top, rgba(40,45,175,1) 1%, rgba(51,46,148,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(40,45,175,1)), color-stop(100%,rgba(51,46,148,1)));
background: -webkit-linear-gradient(top, rgba(40,45,175,1) 1%,rgba(51,46,148,1) 100%);
background: -o-linear-gradient(top, rgba(40,45,175,1) 1%,rgba(51,46,148,1) 100%);
background: -ms-linear-gradient(top, rgba(40,45,175,1) 1%,rgba(51,46,148,1) 100%);
background: linear-gradient(to bottom, rgba(40,45,175,1) 1%,rgba(51,46,148,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282daf', endColorstr='#332e94',GradientType=0 ) url(../images/but.png);
}
.menu li a:hover{
color:#fff;
}
.html_carousel {
}
.html_carousel div.slide {
position: relative;
width:100%;
}
.html_carousel div.slide div {
background-color: rgba(0, 0, 0, 0.6);
width: 100%;
display: none;
position: absolute;
bottom: 0;
}
.html_carousel div.slide h4 {
font-size: 35px;
padding: 30px 0 0 100px;
}
.html_carousel div.slide p {
font-size: 16px;
padding: 0 0 30px 100px;
}
.html_carousel div.slide h4, .html_carousel div.slide p {
color: white;
margin: 0;
}
.clearfix {
float: none;
clear: both;
}
/*--content--*/
.content{
background: #fff;
padding-bottom: 0px;
padding-left: 30px;
padding-right: 30px;
padding-top: 20px;
}
.bot-grid{
background: rgb(255,129,5);
background: -moz-linear-gradient(top, rgba(255,129,5,1) 0%, rgba(255,156,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,129,5,1)), color-stop(100%,rgba(255,156,0,1)));
background: -webkit-linear-gradient(top, rgba(255,129,5,1) 0%,rgba(255,156,0,1) 100%);
background: -o-linear-gradient(top, rgba(255,129,5,1) 0%,rgba(255,156,0,1) 100%);
background: -ms-linear-gradient(top, rgba(255,129,5,1) 0%,rgba(255,156,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,129,5,1) 0%,rgba(255,156,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8105', endColorstr='#ff9c00',GradientType=0 );
width: 212px;
float: left;
margin-right: 30px;
margin-bottom: 20px;
box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
-moz-box-shadow: 0 0 5px #999;
}
.bot-grid4{
background: #C926FF;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8105', endColorstr='#ff9c00',GradientType=0 );
width: 212px;
float: left;
margin-right: 30px;
margin-bottom: 20px;
box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
-moz-box-shadow: 0 0 5px #999;
}
.bot-grid1{
background: rgb(53,129,101);
background: -moz-linear-gradient(top, rgba(53,129,101,1) 0%, rgba(26,164,113,1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(53,129,101,1)), color-stop(99%,rgba(26,164,113,1)));
background: -webkit-linear-gradient(top, rgba(53,129,101,1) 0%,rgba(26,164,113,1) 99%);
background: -o-linear-gradient(top, rgba(53,129,101,1) 0%,rgba(26,164,113,1) 99%);
background: -ms-linear-gradient(top, rgba(53,129,101,1) 0%,rgba(26,164,113,1) 99%);
background: linear-gradient(to bottom, rgba(53,129,101,1) 0%,rgba(26,164,113,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#358165', endColorstr='#1aa471',GradientType=0 );
width: 212px;
float: left;
margin-right: 30px;
margin-bottom: 20px;
box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
-moz-box-shadow: 0 0 5px #999;
}
.bot-grid2{
background: rgb(19,126,172);
background: -moz-linear-gradient(top, rgba(19,126,172,1) 0%, rgba(19,170,201,1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(19,126,172,1)), color-stop(99%,rgba(19,170,201,1)));
background: -webkit-linear-gradient(top, rgba(19,126,172,1) 0%,rgba(19,170,201,1) 99%);
background: -o-linear-gradient(top, rgba(19,126,172,1) 0%,rgba(19,170,201,1) 99%);
background: -ms-linear-gradient(top, rgba(19,126,172,1) 0%,rgba(19,170,201,1) 99%);
background: linear-gradient(to bottom, rgba(19,126,172,1) 0%,rgba(19,170,201,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#137eac', endColorstr='#13aac9',GradientType=0 );
width: 212px;
float: left;
margin-right: 30px;
margin-bottom: 20px;
box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
-moz-box-shadow: 0 0 5px #999;
}
.bot-grid img{
box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
-moz-box-shadow: 0 0 5px #999;
}
.bot-grid img:hover{
opacity: 0.9;
}
.bot-grid1 img{
box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
-moz-box-shadow: 0 0 5px #999;
}
.bot-grid1 img:hover{
opacity: 0.9;
}
.bot-grid h3, .bot-grid1 h3, .bot-grid2 h3, .bot-grid3 h3, .bot-grid4 h3, .bot-grid5 h3, .bot-grid6 h3{
font-family:"Agency FB,Helvetica, sans-serif";
color:#fff;
font-size:20px;
padding: 20px 20px 0 20px;
margin-bottom:15px;
text-align:center;
}
.bot-grid p, .bot-grid1 p, .bot-grid2 p, .bot-grid3 p, .bot-grid4 p, .bot-grid5 p, .bot-grid6 p {
font-size:13px;
color:#fff;
line-height: 1.8em;
padding:5px 20px 20px 20px;
}
.bot-grid a, .bot-grid1 a, .bot-grid2 a, .bot-grid3 a, .bot-grid4 a, .bot-grid5 a, .bot-grid6 a {
text-decoration:none;
}
.bot-grid3{
background: rgb(22,75,171);
background: -moz-linear-gradient(top, rgba(22,75,171,1) 0%, rgba(40,93,205,1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(22,75,171,1)), color-stop(99%,rgba(40,93,205,1)));
background: -webkit-linear-gradient(top, rgba(22,75,171,1) 0%,rgba(40,93,205,1) 99%);
background: -o-linear-gradient(top, rgba(22,75,171,1) 0%,rgba(40,93,205,1) 99%);
background: -ms-linear-gradient(top, rgba(22,75,171,1) 0%,rgba(40,93,205,1) 99%);
background: linear-gradient(to bottom, rgba(22,75,171,1) 0%,rgba(40,93,205,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#164bab', endColorstr='#285dcd',GradientType=0 );
width: 212px;
float: left;
margin-right: 0px;
box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
-moz-box-shadow: 0 0 5px #999;
}
.one {
padding: 6px 10px 6px;
color: white;
font-size: 12px;
cursor: pointer;
background:rgba(250, 138, 6, 0) url(../images/but.png);
margin-bottom:20px;
border: 1px solid #fb8e00;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}
.one:hover{
background: rgba(235, 130, 6, 0.25) url(../images/but.png);
}
.five{
padding: 6px 10px 6px;
color: white;
font-size: 12px;
cursor: pointer;
background:rgba(250, 138, 6, 0) url(../images/but.png);
margin-bottom:20px;
border: 1px solid #ffffff;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}
.five:hover{
background: rgba(235, 130, 6, 0.25) url(../images/but.png);
}
.two {
padding: 6px 10px 6px;
color: white;
font-size: 12px;
cursor: pointer;
background:rgba(16, 175, 116, 0) url(../images/but.png);
margin-bottom:20px;
border: 1px solid rgb(16, 175, 116);
text-shadow: 0 -1px 1px rgba(16, 175, 116, 0);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}
.two:hover{
background: rgba(12, 146, 96, 0.25) url(../images/but.png);
}
.three{
padding: 6px 10px 6px;
color: white;
font-size: 12px;
cursor: pointer;
background:rgba(24, 124, 173, 0) url(../images/but.png);
margin-bottom:20px;
border: 1px solid #1591b3;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}
.three:hover{
background: rgba(15, 122, 178, 0.12) url(../images/but.png);
}
.four{
padding: 6px 10px 6px;
color: white;
font-size: 12px;
cursor: pointer;
background:rgba(26, 77, 182, 0) url(../images/but.png);
margin-bottom:20px;
border: 1px solid #1e53bd;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}
.four:hover{
background: rgba(32, 38, 114, 0.06) url(../images/but.png);
}
.grid{
width: 212px;
float: left;
margin-right: 30px;
margin-bottom: 20px;
}
.grid4{
width: 212px;
float: left;
margin-right: 30px;
margin-bottom: 10px;
}
.grid1{
width: 212px;
float: left;
margin-right: 30px;
margin-bottom: 10px;
}
.grid2{
width: 212px;
float: left;
margin-right: 30px;
margin-bottom: 10px;
}
.grid3{
width: 212px;
float: left;
margin-right: 0px;
margin-bottom: 10px;
}
.grid h2 {
color: #fd8902;
font-size: 25px;
font-family: "Agency FB,Helvetica, sans-serif";
}
.grid3 h2 {
color: #1752ba;
font-size: 25px;
font-family: "Agency FB,Helvetica, sans-serif";
}
.grid1 h2 {
color: #0cba7b;
font-size: 25px;
font-family: "Agency FB,Helvetica, sans-serif";
}
.grid2 h2 {
color: #1c8eb3;
font-size: 25px;
font-family: "Agency FB,Helvetica, sans-serif";
}
.grid h2 span, .grid1 h2 span, .grid2 h2 span, .grid3 h2 span {
font-size: 13px;
color: #555;
font-family: "Agency FB,Helvetica, sans-serif";
}
.grid p, .grid1 p, .grid2 p, .grid3 p {
font-size:13px;
color:#555;
}
.one1 {
padding: 6px 10px 6px;
color: white;
font-size: 12px;
cursor: pointer;
background:#ff8800 url(../images/but.png);
margin-bottom:20px;
border: 1px solid #fb8e00;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}
.one1:hover{
background: #ee8002 url(../images/but.png);
}
.two1 {
padding: 6px 10px 6px;
color: white;
font-size: 12px;
cursor: pointer;
background:#1ab37b url(../images/but.png);
margin-bottom:20px;
border: 1px solid #1ab37b;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}
.two1:hover{
background: #10a969 url(../images/but.png);
}
.three1{
padding: 6px 10px 6px;
color: white;
font-size: 12px;
cursor: pointer;
background:#118ebe url(../images/but.png);
margin-bottom:20px;
border: 1px solid #1591b3;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}
.three1:hover{
background: #0e79af url(../images/but.png);
}
.four1{
padding: 6px 10px 6px;
color: white;
font-size: 12px;
cursor: pointer;
background:#2053bc url(../images/but.png);
margin-bottom:20px;
border: 1px solid #1e53bd;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}
.four1:hover{
background: #134abe url(../images/but.png);
}
/*--footer--*/
.footer{
padding: 30px;
}
.footer-top{
background:#1c1e1d;
}
.footer-nav h5 a, .footer-nav1 h5 a{
font-size:0.95em;
color:#3F5CA8;
font-family: "Arial";
font-weight:bold;
}
.footer-nav h5, .footer-nav1 h5 {
margin-bottom: 10px;
}
.footer-nav h5 a:hover{
color: #14b97d;
}
.footer-nav{
width:188px;
float:left;
}
.footer-nav1{
width:188px;
float:left;
}
.footer-nav1 a:hover{
color: #14b97d;
}
.footer-nav li{
}
.footer-nav li a{
color:#888;
font-size:13px;
margin:5px 0;
display:block;
}
.footer-nav li a:hover{
text-decoration: underline;
}
.footer-bottom{
background:#111;
}
.footer-text{
padding:30px;
}
.copy {
float:left;
}
.copy p{
font-size:13px;
color:#555;
text-align:center;
}
.copy a{
color:orange;
}
.copy a:hover{
text-decoration:underline;
}
.subcribe{
float:right;
background:#222;
width: 400px;
padding: 3px;
position:relative;
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
border-radius: .3em;
}
.subcribe input[type="text"] {
border: none;
font-size: 13px;
padding: 6px;
color: #555;
width:315px;
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
border-radius: .3em;
background:none;
outline: none;
}
.subcribe input[type="submit"]{
cursor: pointer;
color: orange;
webkit-appearance:none;
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
border-radius: .3em;
padding: 6px;
background:#333;
border:none;
position: absolute;
right:1px;
}
.subcribe input[type="submit"]:hover{
color:#fff;
}
#navlist{position:relative;
margin-top: 45px;
}
#navlist li{margin:0;padding:0;list-style:none;position:absolute;bottom:0;}
#navlist li, #navlist a{height:36px;display:block;}
#fb{left:0px;width:37px;}
#fb{background:url(../images/icons/fb.png) 0 0;}
#tw{left:40px;width:37px;}
#tw{background:url(../images/icons/twr.png) 0 0;}
#msg{left:80px;width:37px;}
#msg{background:url(../images/icons/mail.png) 0 0;}
#fb:hover{
opacity: 0.8;
}
#tw:hover{
opacity: 0.8;
}
#msg:hover{
opacity: 0.8;
}
/*--about--*/
.about-top{
}
.about-left{
width:620px;
float: left;
margin-bottom: 30px;
border-right: 1px dotted #999;
padding-right: 25px;
}
.about-left h3, .about-right h3, .left-bot-img h3, .prog-top h3, .contact-desc h3, .sidebar h3{
color:#14b97d;
font-size:30px;
font-family: "Agency FB,Helvetica, sans-serif";
margin-bottom: 20px;
}
.about-right{
width:269px;
float:left;
margin-right: 0px;
padding-left: 25px;
}
.left-img{
width:250px;
float:left;
margin-right: 30px;
}
.left-img img{
padding: 5px;
box-shadow: 0 0 5px #999;
-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
background: #fff;
}
.left-desc{
float:left;
margin-right: 0px;
}
.left-desc p, .about-left p, .right-img p{
color:#555;
font-size:13px;
line-height: 1.8em;
}
.border{
border-bottom: 1px dotted #999;
margin: 20px 0;
}
.icon{
float:left;
margin-right: 20px;
width:80px;
}
.icon-desc{
float:left;
margin-right: 0px;
width:150px;
}
.left-bot-img{
width:250px;
float:left;
margin-right: 30px;
}
.right-img img{
margin-bottom: 13px;
}
a.link1 {
text-transform: uppercase;
font-weight: bold;
color: #555;
font-size: 13px;
line-height: 30px;
}
a.link1:hover{
color:#14b97d;
}
/*--programs--*/
.prog-text{
width:300px;
float:left;
margin-right: 20px;
}
.prog-right{
width:300px;
float:left;
margin-right: 0px;
}
.prog-left, .right-text{
border-bottom: 1px dotted #999;
padding-bottom: 10px;
margin-bottom: 10px;
}
.p-img{
width:70px;
float:left;
margin-right:20px;
}
.p-desc{
width:210px;
float:left;
margin-right:0px;
}
.sidebar-nav li {
list-style-image: url(../images/arrow.png);
margin-left: 20px;
margin-bottom: 10px;
}
.sidebar-nav li a {
font-size: 13px;
color: #555;
vertical-align: top;
}
.sidebar-nav li a:hover{
color:#14b97d;
}
/*--contact--*/
.contact-left {
width: 550px;
float: left;
margin-right: 40px;
margin-bottom: 30px;
}
.contact-desc p{
color:#555;
font-size:13px;
line-height: 1.8em;
margin-bottom: 20px;
}
form div {
}
form span {
color: #555;
font-size: 13px;
}
form label {
padding-bottom: 5px;
display:block;
}
form input[type="text"] {
border: 1px solid #F0F0F0;
padding: 5px;
outline: none;
color: #555;
font-size: 13px;
margin-bottom: 20px;
background: #f0f0f0;
box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
-moz-box-shadow: 0 0 5px #999;
}
form input[type="password"] {
border: 1px solid #F0F0F0;
padding: 5px;
outline: none;
color: #555;
font-size: 13px;
margin-bottom: 20px;
background: #f0f0f0;
box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
-moz-box-shadow: 0 0 5px #999;
}
form textarea{
border: 1px solid #F0F0F0;
padding: 5px;
outline: none;
color: #555;
font-size: 13px;
background:#f0f0f0;
height:100px;
resize:none;
box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
-moz-box-shadow: 0 0 5px #999;
font-family:Arial, Helvetica, sans-serif;
margin-bottom: 20px;
}
.sidebar {
width: 350px;
float: right;
margin-right: 0px;
}
.nav {
border-bottom: 1px dashed #E8E8E8;
}
.nav li a {
border-bottom: 1px dotted #999;
font-size: 13px;
color: #555;
line-height: 2.9em;
display: block;
}
.nav li a:hover {
background: #f0f0f0;
}
.submit {
padding: 8px 20px 8px;
color: white;
font-size: 12px;
cursor: pointer;
background: #1ab37b url(../images/but.png);
margin-bottom: 20px;
border: 1px solid #1ab37b;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}
.submit:hover{
background: #10a969 url(../images/but.png);
}
.map{
padding-bottom: 30px;
font-size:13px;
}
/***** Media Quries *****/
@media only screen and (max-width: 1280px) {
.wrap{
width:95%;
}
.search {
width: 24%;
}
.search input[type="text"] {
width: 62.33333%;
}
.search input[type="submit"] {
width: 22.33%;
}
}
@media only screen and (max-width: 1024px) {
.wrap{
width:95%;
}
.logo{
width: 30%;
}
.cssmenu {
width:42%;
margin-top: 3%;
}
.cssmenu > ul > li > a {
padding: 4px 0px;
font-size: 0.8725em;
}
.search {
width: 24%;
margin-top: 3%;
}
.search input[type="text"] {
width: 60.33333%;
}
.search input[type="submit"] {
width: 24.33%;
}
.grid h3 {
font-size: 1.5em;
}
}
@media only screen and (max-width: 800px) {
.wrap{
width:95%;
}
.logo {
width: 20%;
}
.search {
width: 32%;
margin-top: 2%;
}
.cssmenu {
width:42%;
margin-top: 2%;
}
.cssmenu > ul > li {
padding: 4px 4px;
}
.cssmenu > ul > li > a {
padding: 4px 0px;
font-size: 0.8725em;
font-family: Arial, Geneva,Helvetica, sans-serif;
}
.search input[type="text"] {
width: 60.33333%;
padding: 6px 10px;
}
.search input[type="submit"] {
width: 20.33%;
background: #F1D60E url('../images/search.png') no-repeat 10px 4px;
padding: 6px 0;
}
}
@media only screen and (max-width: 640px){
.wrap{
width:95%;
}
.header {
display: block;
text-align: center;
}
.logo {
float:none;
width: 100%;
}
.search {
float:none;
width: 100%;
}
.cssmenu {
float:none;
width: 100%;
}
.search input[type="text"] {
width: 80.33333%;
}
.search input[type="submit"] {
width: 8.33%;
}
h2 {
font-size: 1.5em;
}
.grid h3 {
font-size: 1em;
}
.span_1_of_3 h3 {
font-size: 1.5em;
}
}
@media only screen and (max-width: 480px) {
.wrap{
width:95%;
}
.search input[type="text"] {
width: 80.33333%;
}
.search input[type="submit"] {
width: 14.33%;
right:0;
}
.grid_s {
display: block;
text-align: center;
width: 100%;
}
.grid {
width: 94.333%;
margin-top: 10px;
}
.span_1_of_3 {
width: 100%;
}
.col_1_of_3 {
display: block;
float: none;
margin-left: 0%;
}
.company_address {
float:none;
margin-left: 0%;
width:100%;
}
.contact_info {
float: none;
width: 100%;
}
.cont-grid-img {
width:100%;
float: none;
}
.cont-grid {
float:none;
margin-left: 0%;
width:100%;
}
}
.renk1{
background-color:#589D3E;
color:#589D3E;
}
.renk2{
background-color:#EF5F21;
}
.renk3{
background-color:#00ACED;
}
.renk4{
background-color:#D61F85;
}
.renk5{
background-color:#F89F1B;
}
.renk6{
background-color:#00677C;
}
.renk7{
background-color:#D5331D;
}
.renk8{
background-color:#00405d;
}
.renk9{
background-color:#9CB43A;
}
.renk10{
background-color:#26BC85;
}
.pagination {
padding: 20px;
margin-bottom: 20px;
}
.page {
display: inline-block;
padding: 3px 3px;
margin-right: 2px;
border-radius: 3px;
border: solid 1px #c0c0c0;
background: #e9e9e9;
box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
font-size: .875em;
font-weight: bold;
text-decoration: none;
color: #717171;
text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}
.page:hover, .page.gradient:hover {
background: #fefefe;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}
.page.active {
border: none;
padding: 3px 5px;
color:#900;
background:none;
box-shadow:none;
font-size:1em;
}
.content h4{
color: #4D7AFF;
font-size: 20px;
margin-bottom: 15px;
}
.content h4 a{
color:#4D7AFF;
font-size:20px;
font-family: "Agency FB,Helvetica, sans-serif";
margin-bottom: 20px;
}
.content h4 a:hover{
color:#900;
}
.content h6{
color:#C63;
font-size: 16px;
margin-bottom: 15px;
}
.content h6 a{
color:#4D7AFF;
font-size:16px;
font-family: "Agency FB,Helvetica, sans-serif";
margin-bottom: 20px;
}
.content h6 a:hover{
color:#900;
}
.content p{
color:#555;
font-size:13px !important;
line-height: 1.8em !important;
}
.tablo1 td img{
padding: 5px;
box-shadow: 0 0 5px #999;
-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
background: #fff;
vertical-align:top;
}
.tablo1 a{
text-transform: none;
font-size: 0.8em;
color: #333;
font-weight: 400;
font: Arial;
padding-left: 15px;
}
.tablo1 td{
vertical-align:top !important;
}
.tablo1 a:hover{
color:#900;
}
.video img {
box-shadow: 0px 0px 10px rgb(185, 185, 185) !important;
background: rgb(255, 255, 255) !important;
padding: 4px !important;
cursor:pointer !important;
}
blockquote{
display:block;
background: #fff;
padding: 15px 20px 15px 45px;
margin: 0 0 20px;
position: relative;
font-family: Georgia, serif;
font-size: 16px;
line-height: 1.2;
color: #666;
text-align: justify;
border-left: 15px solid #c76c0c;
border-right: 2px solid #c76c0c;
-moz-box-shadow: 2px 2px 15px #ccc;
-webkit-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}
blockquote::before{
content: "\201C"; /*Unicode for Left Double Quote*/
font-family: Georgia, serif;
font-size: 60px;
font-weight: bold;
color: #999;
position: absolute;
left: 10px;
top:5px;
}
blockquote::after{
content: "";
}
blockquote a{
text-decoration: none;
background: #eee;
cursor: pointer;
padding: 0 3px;
color: #c76c0c;
}
blockquote a:hover{
color: #666;
}
blockquote em{
font-style: italic;
}
.tablo2 td{
color:#555;
font-size:13px !important;
line-height: 1.8em !important;
padding-left:10px;
vertical-align:central;
}
.company_address p{
font-size: 0.824em;
line-height: 1.8em;
color: #555555;
}
.company_address p span{
text-decoration:underline;
cursor:pointer;
}
.company_address p span:hover{
text-decoration:none;
color: #F2980F;
-webkit-transition:0.9s;
}
.contact_info h3, .contact-form h3, .company_address h3{
font-family: sans-serif;
font-size: 1.3em;
color: #555555;
line-height: 1.8em;
}
.beyaz_14{
color:#FFF;
font-size:14px;
padding-top:10px;
padding-bottom:10px;
margin-left:15px;
}
.ust1 {
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #333;
font-family: Tahoma, Geneva, sans-serif;
}
.ust2 {
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #900;
font-family: Tahoma, Geneva, sans-serif;
}
.kirmizi1 {
color:#900;
font-weight:bold;
}
.kirmizi0 {
color:#900;
}
.yesil1 {
color:#0C0;
font-weight:bold;
}
.font11
{
font-size:11px;
}
.beyaz-kalin{
color:#FFF;
font-weight:bold;
margin-left:5px;
margin-right:5px;
margin-top:5PX;
margin-bottom:5PX;
}
.autoResizeImage {
max-width: 100%;
height: auto;
width: 100%;
margin-top:-2px;
}
.beyazH3 h3
{
font-family:"Agency FB,Helvetica, sans-serif";
color:#fff;
font-size:1.1em;
padding: 1.25em 1.25em 0 1.25em;
margin-bottom:1.25em;
text-align:center;
}
.yesilBG td
{
bgcolor:#1f9d6e;
}