/* NORMALIZATION *v*********************
	****************************************/
	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, center, dl, dt, dd, ol, ul, 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 { margin: 0;	padding: 0;	border: 0;	font-size: 100%; font: inherit;	vertical-align: baseline; }
	/* HTML5 display-role reset for older browsers */
	* { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	 -moz-box-sizing: border-box; /* Firefox, other Gecko */
	 box-sizing: border-box; /* Opera/IE 8+ */
	 }
	 /* makes padding not expand object's size */
	body { line-height: 1; direction: rtl; font-family: 'Heebo', sans-serif;}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 	display: block; }
	html { }
	.clearbox { clear: both; }
	ol, ul { list-style: none; counter-reset: item;}
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after, q:before, q:after { content: '';	content: none; }
	strong, b { font-weight: bold; }
	em, i { font-style: italic; }
	table { border-collapse: collapse; border-spacing: 0; }
	.item-separator { margin: 10px 0; } /* links vertical separator */
	.clearbox{clear: both;}
	/* CUSTOM STYLING *v********************
	****************************************/
	/* page */
	body { color: #263d4f; font-size: 14px; background: #fff ; }
	 /* normalizes the major blocks to wrapper width */
	h1, h2, h3, h4 { color:#263d4f;}
	p { color:#263d4f;}
	a, a:link, a:visited { color: #8dbacf; text-decoration: none;  transition: color .3s; }
	a:hover, a:active { color: #fff; transition: color .3s; }
	.wrapper {width:1170px; margin:0 auto; position: relative; max-width:100%; }
	.clearfix {clear:both; }
	.right {float:right;}
	.left {float:left;}
    img {max-width:100%; }
    body {background:url('../images/bodyBG.jpg')no-repeat top 126px center #fec775; }
    header {background:#cd0000; padding:8px 0 5px; }
        .logo {float:right;}
            .bottomLogo {width:258px; height:35px; border:1px solid #000; background:#83c91e; padding:8px; text-align:center;  }
                .bottomLogo a {color:#000; font-size:22px; font-weight:bold; }
            .logo img {}
        .title {float:right; margin-right:27px; margin-top:33px; }
            .title h1 {color:#fff; font-weight:bold; font-size:66px; }
    .mainSection {margin-top:30px; margin-bottom:60px; }
        .blocks {margin-bottom:35px; }
            .block {display:inline-block; vertical-align:top; margin:10px; width:274px; max-width:100%; }
                .block:first-of-type {margin-right:0;}
                .block:last-of-type {margin-left:0}
                .block h3 {color:#fff; font-size:36px; font-weight:bold; display:block; margin-bottom:15px; text-align:center; }
                .block .img {}
                    .img img {}
        .list {background:rgba(255,255,255,0.58); width:500px; height:260px; max-width:100%; padding:28px;  margin-top:0; margin-bottom:0; }
            .list strong {color:#cd0000; font-size:22px; font-weight:bold; }
            .list ul {margin-top:5px; }
                .list ul li {list-style:none; color:#000; font-size:18px; line-height:1.4em; }
                .list ul li:before {content:''; background:#cd0000; width:8px; height:8px; display:inline-block; margin-left:5px; border-radius:50%;}
        .bottom {}
            .rightSide {float:right; margin-top:25px; }
                .rightSide strong {color:#000; font-size:30px; font-weight:bold; line-height:1.4em; }
            .leftSide {float:left; width:585px; height:225px; background:rgba(255,255,255,0.58); padding:50px 40px; }
                #contact {}
                    #contact strong {color:#000; font-size:30px; font-weight:bold; }
                        #contact p {color:#000; font-weight:normal; font-size:18px; display:inline-block;}
                        #contact a {color:inherit;  display:inline-block;}
                        form {margin-top:15px; max-width:491px; }
                            .field {margin-bottom:9px; }
                            .name {width:199px; display:inline-block; vertical-align:top; margin-left:3px; }
                            .phone {width:199px; display:inline-block; vertical-align:top; }
                            .email {width:405px; }
                            .button {background:#cd0000; float:left; width:75px; height:70px; margin-top:-78px; }
                                input {border:0; height:30px; background:#fff; max-width:100%; width:100%; padding:0 15px; font-style:italic; }
                                button {cursor:pointer; border:0; background:none;  color:#fff; font-size:18px; height:100%; width:100%; }
        .site-link {display:block; background:#0282a5; text-align:center; margin-top:35px; padding:10px; }
            .site-link p {color:#Fff; font-size:24px; }
                .site-link p a{color:#fff;}
	/* responsive STYLING *********************
	****************************************/
	@media all and (max-width: 980px) {
        .wrapper {padding-left:15px; padding-right:15px; }
        body {background-color:#fec775;}
        .logo {float:none; margin-left:auto; margin-right:auto; display:table; }
        .title {margin-right:0; width:100%; }
        .title h1 {font-size:32px; text-align:center; }
        .mainSection {text-align:center; }
        .list{ text-align:right; display:table; margin-left:auto; margin-right:auto; }
        .rightSide, .leftSide {float:none; display:table; margin-left:auto; margin-right:auto;}
	}
	@media all and (max-width:620px){
	    .list, .leftSide {width:100%; }
	    .field {width:100%; display:block;}
        .button {margin-top:7px; }	    
        #contact strong {font-size:23px; }
	}