/* ==========================================================================

   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)

   ========================================================================== */



html,

button,

input,

select,

textarea {

    color: #222;

}



body {

    font-size: 1em;

    line-height: 1.4;

}



::-moz-selection {

    background: #b3d4fc;

    text-shadow: none;

}



::selection {

    background: #b3d4fc;

    text-shadow: none;

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0;

}



img {

    vertical-align: middle;

}



fieldset {

    border: 0;

    margin: 0;

    padding: 0;

}



textarea {

    resize: vertical;

}



.chromeframe {

    margin: 0.2em 0;

    background: #ccc;

    color: #000;

    padding: 0.2em 0;

}





/* ==========================================================================

   Author's custom styles

   ========================================================================== */

   

h1 {

	font-size:2em;

	margin-left:20px;

	color:#5EB0E2;

	}

	

	h2 {

	font-size:1.57em;

	margin-left:25px;

	color:#5EB0E2;

	text-decoration:underline;

	}

	

* {

	font-family: 'Droid Sans', sans-serif;}

	

body {

	background: url(../img/bg.png) repeat;}

	

footer a {

	text-decoration:none;

	color:black;

	-webkit-transition: all 0.25s;

	transition: all 0.25s;

	}

	

footer a:hover {

	color: #5eafe2;

	}

	

footer {

	/*border-top: 2px solid #5EB0E2;*/

	}

	

p  li{

	text-indent:10px;

	top:10px;

	}

	

p {

	/*text-indent:10px;*/

	}

		

.center {

	width:1100px;

	margin:0 auto;

	}

	

.site_header {

	height: 187px;

	}



.logo {

	float:left;

	margin-top:20px;}



.phone_email {

	float:right;

	}

	

.clear {

	clear:both;

	}

	

#menu_wrapper {

	width:100%;

	height:56px;

	background-color: #5eafe2;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#5eafe2), to(#99d5f7)); 

  background-image: -webkit-linear-gradient(top, #5eafe2, #99d5f7); 

  background-image:    -moz-linear-gradient(top, #5eafe2, #99d5f7); 

  background-image:      -o-linear-gradient(top, #5eafe2, #99d5f7); 

  background-image:         linear-gradient(to bottom, #5eafe2, #99d5f7);

  z-index: 77;

    }

	

#menu_wrapper.fixed{

	position:fixed;

    top:0; left:0;

	background-color: rgba(60, 130, 190, 0.7)!important;

	}

	

.main_menu {

	margin:0 auto;

	width:1100px;}





.fancyNav{

	/* Affects the UL element */

	overflow: hidden;

	/*display: inline-block;*/

	font-size:22px;

	font-weight:bold;

	margin-top:0px;

}



.fancyNav li{



	border-right: 1px solid rgba(9, 9, 9, 0.125);

	box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;

	-moz-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;

	-webkit-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;

	

	position:relative;

	

	float: left;

	list-style: none;

}



.fancyNav li:after{



	/* This creates a pseudo element inslide each LI */	

	

	content:'.';

	text-indent:-9999px;

	overflow:hidden;

	position:absolute;

	width:100%;

	height:100%;

	top:0;

	left:0;

	z-index:1;

	opacity:0;

	

	/* Gradients! */

	

 background-color: #ffffff;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#5eafe2)); /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #ffffff, #5eafe2); /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image:    -moz-linear-gradient(top, #ffffff, #5eafe2); /* Firefox 3.6-15 */

  background-image:      -o-linear-gradient(top, #ffffff, #5eafe2); /* Opera 11.10-12.00 */

  background-image:         linear-gradient(to bottom, #ffffff, #5eafe2); /* Chrome 26, Firefox 16+

	

	/* Creating borders with box-shadow. Useful, as they don't affect the size of the element. */

	

	box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;

	-moz-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;

	-webkit-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;

	

	/* This will create a smooth transition for the opacity property */

	

	-moz-transition:0.5s all;

	-webkit-transition:0.5s all;

	-o-transition:0.5s all;

	transition:0.5s all;

}



.fancyNav li:hover:after,

.fancyNav li.selected:after,

.fancyNav li:target:after{

	/* This property triggers the CSS3 transition */

	opacity:1;

}



.fancyNav:hover li.selected:after,

.fancyNav:hover li:target:after{

	/* Hides the targeted li when we are hovering on the UL */

	opacity:0;

}



.fancyNav li.selected:hover:after,

.fancyNav li:target:hover:after{

	opacity:1 !important;

}



/* Styling the anchor elements */



.fancyNav li a{

	display: inline-block;

	padding: 12px 45px 14px;

	position: relative;

	z-index:2;

	text-decoration:none !important;

	white-space:nowrap;

	color:white;

}



.fancyNav a.homeIcon{

	background:url('../img/home.png') no-repeat center center;

	display: block;

	overflow: hidden;

	padding-left: 12px;

	padding-right: 12px;

	text-indent: -9999px;

	width: 16px;

}



.slider {

	height:380px;

	background-color:white;

	}





.footer_nav {

	float:left;

	width:250px;

	margin: 10px;

	}

	

.footer_nav ul {

	}

	

.footer_nav li{

	margin-left:10px

	}

	

.copyright {

	font-size:12px;

	text-align:center;

	}



.spent {

	width:157px;

	/*border:1px solid;*/

	float:right;

	margin-left: 25px;

	margin-top:47px;

		}

	

.years {

	font-size: 25px;

	line-height:0px;

	text-align:center;

	background: #5EB0E2;

	color:#fff;

	height: 157px;

	width: 157px;

	border-radius:157px;

	}

	

.years span {

	font-size: 97px;

	line-height:117px;

	padding-top:10px;

	}

	



.days {

	font-size: 34px;

	text-align:center;

	line-height:37px;

	}

	

.hours {

	font-size: 27px;

	text-align:center;

	line-height:29px;

	}

	

.minutes {

	font-size:19px;

	text-align:center;

	line-height:22px;

	}

	

.minutes span{

	font-size:14px;

	text-align:center;

	line-height:22px;

	}

	

.qty {

	display:inline-block;

	margin: 0 30px;

	}

	

.qtytext {

	font-size:17px;

	text-align:center;

	}



	

.mywork_block {

	margin:20px;

	padding: 20px;

	margin: 0 auto;

	width:1100px;

	text-align: center;

	border-bottom: 5px solid #5EB0E2;

	}

	

.site_category {

	margin:10px;

	font-size:1.1em;

	border: 2px dotted #5EB0E2;

	

	}

	

	

:-moz-placeholder {

    color: #5EB0E2;

}

::-webkit-input-placeholder {

    color: #5EB0E2;

}



*:focus {outline: none;}



.contact_form h2, .contact_form label {font-family:Georgia, Times, "Times New Roman", serif;}

.form_hint, .required_notification {font-size: 11px;}



.contact_form ul {

    width:750px;

    list-style-type:none;

    list-style-position:outside;

    margin:0px;

    padding:0px;

}

.contact_form li{

    padding:12px;

    border-bottom:1px solid #eee;

    position:relative;

}



.contact_form li:first-child, .contact_form li:last-child {

    border-bottom:1px solid #777;

}



.contact_form h2 {

    margin:0;

    display: inline;

}

.required_notification {

    color:#d45252;

    margin:5px 0 0 0;

    display:inline;

    float:right;

}



.contact_form label {

    width:150px;

    margin-top: 3px;

    display:inline-block;

    float:left;

    padding:3px;

}

.contact_form input {

    height:20px;

    width:220px;

    padding:5px 8px;

}

/*.contact_form textarea {padding:8px; width:300px;}*/

.contact_form button {margin-left:480px;}



.contact_form input {

    border:1px solid #aaa;

    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;

    border-radius:2px;

	display:block;

	width:400px;

	font-size:24px;

	margin: 10px 0;

	float:left;

	margin-left:100px;

	padding:10px;

}



.contact_form textarea {

	border:1px solid #aaa;

    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;

    border-radius:2px;

	display:block;

	width:400px;

	height:215px;

	font-size:24px;

	margin: 10px 0;

	float:right;

	margin-right:100px;

	padding:5px;

}





.contact_form input:focus, .contact_form textarea:focus {

    background: #fff;

    border:1px solid #555;

    box-shadow: 0 0 3px #aaa;

}

/* Button Style */

button.submit {

    background-color: #68b12f;

    background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));

    background: -webkit-linear-gradient(top, #68b12f, #50911e);

    background: -moz-linear-gradient(top, #68b12f, #50911e);

    background: -ms-linear-gradient(top, #68b12f, #50911e);

    background: -o-linear-gradient(top, #68b12f, #50911e);

    background: linear-gradient(top, #68b12f, #50911e);

    border: 1px solid #509111;

    border-bottom: 1px solid #5b992b;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    box-shadow: inset 0 1px 0 0 #9fd574;

    -webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;

    -moz-box-shadow: 0 1px 0 0 #9fd574 inset;

    -ms-box-shadow: 0 1px 0 0 #9fd574 inset;

    -o-box-shadow: 0 1px 0 0 #9fd574 inset;

    color: white;

    font-weight: bold;

    padding: 6px 20px;

    text-align: center;

    text-shadow: 0 -1px 0 #396715;

}

button.submit:hover {

    opacity:.85;

    cursor: pointer;

}

button.submit:active {

    border: 1px solid #20911e;

    box-shadow: 0 0 10px 5px #356b0b inset;

    -webkit-box-shadow:0 0 10px 5px #356b0b inset ;

    -moz-box-shadow: 0 0 10px 5px #356b0b inset;

    -ms-box-shadow: 0 0 10px 5px #356b0b inset;

    -o-box-shadow: 0 0 10px 5px #356b0b inset;

}



.contact_form input:focus, .contact_form textarea:focus { /* add this to the already existing style */

    padding-right:25px;

}



.contact_form input, .contact_form textarea { /* add this to the already existing style */

    -moz-transition: padding .25s;

    -webkit-transition: padding .25s;

    -o-transition: padding .25s;

    transition: padding .25s;

}



.contact_form input, .contact_form textarea {

    padding-right:30px;

}



input:required, textarea:required {

    background: #fff url(../img/red_asterisk.png) no-repeat 98% center;

}



.contact_form input:focus:invalid, .contact_form textarea:focus:invalid { /* when a field is considered invalid by the browser */

    background: #fff url(../img/notvalid.png) no-repeat 98% center;

    box-shadow: 0 0 5px #d45252;

    border-color: #b03535

}



.contact_form input:required:valid, .contact_form textarea:required:valid { /* when a field is considered valid by the browser */

    background: #fff url(../img/valid.png) no-repeat 98% center;

    box-shadow: 0 0 5px #5cd053;

    border-color: #28921f;

}



.form_hint {

    background: #d45252;

    border-radius: 3px 3px 3px 3px;

    color: white;

    margin-left:8px;

    padding: 1px 6px;

    z-index: 150; /* hints stay above all other elements */

    position: absolute; /* allows proper formatting if hint is two lines */

    display: none;

}



.form_hint::before {

    content: "\25C0"; /* left point triangle in escaped unicode */

    color:#d45252;

    position: absolute;

    top:1px;

    left:-6px;

}



.contact_form input:focus + .form_hint {display: inline;}

.contact_form input:required:valid + .form_hint {background: #28921f;} /* change form hint color when valid */

.contact_form input:required:valid + .form_hint::before {color:#28921f;} /* change form hint arrow color when valid */







.payment {

	border:1px solid #aaa;

    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;

    border-radius:2px;

	width:1050px;

	font-size:24px;

	margin: 25px auto;

	padding:10px;

	}

	

.payment_input {

	border:1px solid #aaa;

    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;

    border-radius:2px;

	display:block;

	width:500px;

	font-size:24px;

	margin: 0 auto;

	padding:10px;

	margin-bottom:10px;

	}

	

.service_pic  {

	float:left;

	margin: 10px;

	width: 340px;

	-webkit-transition: all 0.5s ease;

	transition: all 0.5s ease;

	position: relative; 

	}

	

	

.service_pic img  {

	-webkit-transition: all 0.5s ease;

	transition: all 0.5s ease;

	position: relative; 

	}

	

	

.service_pic img:hover {

	opacity:0.77;

  -moz-opacity:0.77;

  filter: alpha(opacity=77) black;

  -khtml-opacity: 0.77;

   -webkit-filter: blur(1px);

   /*border:1px solid #aaa; */



  }

  



.service_pic_text h2 {

  /* display: none;*/

	position: absolute; 

   top: 205px;

   width: 320px; 

   

   	color: white; 

   font: bold 24px/45px Helvetica, Sans-Serif; 

   letter-spacing: -1px;  

   background: rgb(0, 0, 0);

   background: rgba(94, 172, 226, 0.7);

   padding: 10px; 

   margin-left:0px;

}

.service_pic_text:hover h2 {

    display: block;

}

	

	









.contact_form_contact button {margin-left:480px;}



.contact_form_contact input {

    padding:5px 8px;

    border:1px solid #aaa;

    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;

    border-radius:2px;

	display:block;

	width:400px;

	font-size:24px;

	margin: 10px 0;

	float:left;

	margin-left:100px;

}



.contact_form_contact textarea {

	border:1px solid #aaa;

    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;

    border-radius:2px;

	display:block;

	width:400px;

	height:470px;

	font-size:24px;

	margin: 10px 0;

	float:right;

	margin-right:100px;

	padding:5px;

}



.contact_form_contact select{

    border:1px solid #aaa;

    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;

    border-radius:2px;

	display:block;

	width:440px;

	font-size:24px;

	margin: 10px 0;

	float:left;

	margin-left:100px;

    padding:5px 8px;

}



.captcha {
	padding: 5px 8px;
    display: block;
    width: 400px;
    font-size: 24px;
    margin: 10px 0;
    float: left;
    margin-left: 100px;	
}


.contact_form_contact input:focus, .contact_form_contact textarea:focus {

    background: #fff;

    border:1px solid #555;

    box-shadow: 0 0 3px #aaa;

}



.contact_form_contact input:focus, .contact_form_contact textarea:focus { /* add this to the already existing style */

    padding-right:25px;

}



.contact_form_contact input, .contact_form_contact textarea { /* add this to the already existing style */

    -moz-transition: padding .25s;

    -webkit-transition: padding .25s;

    -o-transition: padding .25s;

    transition: padding .25s;

}



.contact_form_contact input, .contact_form_contact textarea {

    padding-right:30px;

}



input:required, textarea:required {

    background: #fff url(../img/red_asterisk.png) no-repeat 98% center;

}



.contact_form_contact input:focus:invalid, .contact_form_contact textarea:focus:invalid { /* when a field is considered invalid by the browser */

    background: #fff url(../img/notvalid.png) no-repeat 98% center;

    box-shadow: 0 0 5px #d45252;

    border-color: #b03535

}



.contact_form_contact input:required:valid, .contact_form_contact textarea:required:valid { /* when a field is considered valid by the browser */

    background: #fff url(../img/valid.png) no-repeat 98% center;

    box-shadow: 0 0 5px #5cd053;

    border-color: #28921f;

}



.contact_form_contact input:focus + .form_hint {display: inline;}

.contact_form_contact input:required:valid + .form_hint {background: #28921f;} /* change form hint color when valid */

.contact_form_contact input:required:valid + .form_hint::before {color:#28921f;} /* change form hint arrow color when valid */



/* ==========================================================================

   Media Queries

   ========================================================================== */



@media only screen and (min-width: 35em) {



}



@media print,

       (-o-min-device-pixel-ratio: 5/4),

       (-webkit-min-device-pixel-ratio: 1.25),

       (min-resolution: 120dpi) {



}



/* ==========================================================================

   Helper classes

   ========================================================================== */



.ir {

    background-color: transparent;

    border: 0;

    overflow: hidden;

    *text-indent: -9999px;

}



.ir:before {

    content: "";

    display: block;

    width: 0;

    height: 150%;

}



.hidden {

    display: none !important;

    visibility: hidden;

}



.visuallyhidden {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}



.visuallyhidden.focusable:active,

.visuallyhidden.focusable:focus {

    clip: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    position: static;

    width: auto;

}



.invisible {

    visibility: hidden;

}



.clearfix:before,

.clearfix:after {

    content: " ";

    display: table;

}



.clearfix:after {

    clear: both;

}



.clearfix {

    *zoom: 1;

}



/* ==========================================================================

   Print styles

   ========================================================================== */



@media print {

    * {

        background: transparent !important;

        color: #000 !important; /* Black prints faster: h5bp.com/s */

        box-shadow: none !important;

        text-shadow: none !important;

    }



    a,

    a:visited {

        text-decoration: underline;

    }



    a[href]:after {

        content: " (" attr(href) ")";

    }



    abbr[title]:after {

        content: " (" attr(title) ")";

    }



    /*

     * Don't show links for images, or javascript/internal links

     */



    .ir a:after,

    a[href^="javascript:"]:after,

    a[href^="#"]:after {

        content: "";

    }



    pre,

    blockquote {

        border: 1px solid #999;

        page-break-inside: avoid;

    }



    thead {

        display: table-header-group; /* h5bp.com/t */

    }



    tr,

    img {

        page-break-inside: avoid;

    }



    img {

        max-width: 100% !important;

    }



    @page {

        margin: 0.5cm;

    }



    p,

    h2,

    h3 {

        orphans: 3;

        widows: 3;

    }



    h2,

    h3 {

        page-break-after: avoid;

    }

}