/*



Theme Name: Total Roofrestorations



 */



*{ margin:0; padding:0;}



ul, ol{margin-left:25px;margin-bottom:15px;margin-top:15px;}



@font-face {



  font-family: 'FontAwesome';



  src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');



  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');



  font-weight: normal;



  font-style: normal;



}



article, aside, details, figcaption, figure, footer, header, nav, section, summary {display: block;}

audio, canvas, video{display: inline-block;}

audio:not([controls]) {	display: none;height: 0;}

[hidden] {display: none;}

html {	font-size: 100%;overflow-y: scroll;	-webkit-text-size-adjust: 100%;	-ms-text-size-adjust: 100%;}

button, input, select, textarea{padding:10px; border:1px solid #ccc; background:#f5f5f5; max-height:160px; max-width:100%;}

h1 {color:#aaaaaa; font-size:32px; margin-bottom: 15px;}

* {-webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

*:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

a[href^="tel:"] { color: inherit; text-decoration: none;}

::selection{ background:#888888!important; color:#fff}

::-moz-selection{ background:#888888!important; color:#fff}



a{ color:#494541; text-decoration: none; outline:none}

a:hover{  text-decoration: none; outline:none}

img{ max-width:100%; border:0;}

body{border:0; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height:22px; color:#333; min-width:320px;}


.socialmediabox{ position:fixed; top:150px; right:0; width:36px; z-index:999; list-style: none;}


.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.alignnone {margin: 5px 20px 20px 0;}

.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;}

.alignright {float:right; margin: 5px 0 20px 20px;}

.alignleft {float: left; margin: 5px 20px 20px 0;}

.aligncenter {display: block; margin: 5px auto 5px auto;}

a img.alignright {float: right; margin: 5px 0 20px 20px;}

a img.alignnone {margin: 5px 20px 20px 0;}

a img.alignleft {float: left; margin: 5px 20px 20px 0;}

a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

p{ margin-bottom:10px;}



.fullwidth{ width:100%; float:left;}

.headersec{ width:29%; height:100%; position:fixed; padding:50px 5%; float:left; background:#303030 url(images/sidebg.jpg) left bottom no-repeat; background-size:100%; }

.logo{ width:100%; float:left; text-align:center;}

#cssmenu{ width:100%; }

.topnumber{}

.topnumber ul{ list-style:none;}

.topnumber ul li{ color:#fff; padding:10px 20px;  width:100%; float:left;}

.topnumber ul li a{ position:relative; color:#fff; font-size:16px; letter-spacing:2px; font-weight:bold; padding:10px 10px 10px 35px;}

.topnumber ul li i{color:#AC191E;  position:absolute; left:0; top:7px;}





.rightsec{ width:71%; background:#fff; float:right; padding:50px 8%;}

.rightsec h1{ font-style:italic; color:#AAAAAA; line-height:32px;}

.rightsec h1 small{ font-size:20px;}

.rightsec h2{ margin:10px 0;}



.home1 img{ width:40%; padding:10px; border:1px solid #AC191E; float:right; border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; -webkit-border-radius:50%;}



.homelist{ padding:50px 0;}

.homelist ul{ list-style:none;}

.homelist ul li{ width:33.33%; float:left; text-align:center;}

.homelist ul li h3{color:#AC191E;}

.homelist ul li i{color:#AC191E;}



.footer{ margin:30px 0; text-align:center;}



.formwidth input, .formwidth textarea{ margin-bottom:2px;width:100%; border:none; max-height:70px; float:left; border-radius:0;}

span.wpcf7-not-valid-tip, div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok{width:97%; float:left;}

.contactmaein .contactwidth, .contactmaein .formwidth{width:50%;}

.contactwidth{width:56%; float:right; background:url(images/contactbg.png); padding-bottom:15px;}

.contactwidth h4{ padding-top:20px; color:#173E70; text-transform:uppercase;}

.contactwidth a:hover{ color:#007584;}

.contactwidth img{ border:2px solid #ccc; margin-top:10px;}

.formwidth .wpcf7-submit{ background:#173E70 !important; color:#fff; border:0; cursor:pointer;}

.formwidth .wpcf7-submit:hover{background:#007584 !important;}

.contactwidth .fa-twitter, .contactwidth .fa-facebook { margin:7px 0; background:#3b5998; border-bottom:3px solid #293e6a; color: #fff; height:25px; line-height:25px; text-align:center; width: 25px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; -ms-border-radius:4px;  -o-border-radius:4px;}

.contactwidth .fa-twitter{background:#00c1f8 !important; border-bottom: 3px solid #0098c3 !important;}

.facebook, .twitter{ display:block;}

.facebook:hover i, .twitter:hover i{ background:#fff !important; color:#007584 !important}



.homeleftsec{ width:68%; float:left;}

.homeright{ width:32%; float:right;}



.widgetsection{ list-style:none;}

.widgetsection ul{ margin:0px; list-style:none;}

.widgetsection ul li{ text-decoration:none; margin:0;}

.widgetsection ul li a{ padding:10px 0; display:block; text-decoration:none; border-bottom:1px solid #ccc;}

.widgetsection ul li a:hover{ color:#173E70; border-color:#154450;}

.widgetsection h3 {font-size: 20px; font-weight: normal; padding: 10px 0 0;}

.widget_search{ margin:10px 0;}

.widget_search .search-form label{ display: inline;}

#menu-line{ display:none;}



.postlist{background: #efefef; margin-bottom: 10px; padding: 15px;}

#menu-footer-menu{
  list-style: none;
  display: inline-flex;
}

#menu-footer-menu li {
  margin:0px 8px;
}


/*----- media queries ------*/

@media (min-width: 768px) and (max-width:1920px) {



#cssmenu #menu-button{ display:none;}

#cssmenu ul.menu { width: 100%; display:block !important  }

#cssmenu ul ul li a{ border-top:1px solid #005160 ;}

#cssmenu ul li li.current-menu-item a, #cssmenu ul ul li a:hover{ background:#2770AD;}

#cssmenu ul li{ margin-right:1px; /*border-top:3px solid #fff; */ -webkit-transition: background .2s ease;  -moz-transition: background .2s ease;  -ms-transition: background .2s ease;  -o-transition: background .2s ease;

  transition: background .2s ease;}

#cssmenu ul li li{ margin-right:0px;border-top:0; } 

#cssmenu ul li li:hover{border:0 !important;}

#cssmenu .current-menu-item, #cssmenu .current-menu-parent, #cssmenu ul li:hover{/*border-top:3px solid #173E70 !important;*/}

#cssmenu .current-menu-parent a{ color:#173E70; border-color:#173E70;}

#cssmenu ul li li.current-menu-item{border-top:0px solid #006473 !important; }

/*#cssmenu .current-menu-item a, #cssmenu ul li:hover a{ color:#fff;}*/

}



@media (max-width: 991px) {



}



@media (min-width: 768px) and (max-width: 991px) {



.headersec{ padding:30px 2%;}

.topnumber ul li a{letter-spacing: inherit}



}



@media (max-width: 767px) {



.headersec{ width:100%; position:static; padding:10px 5%;}

.rightsec{ width:100%;}



.logo{ width:150px; float:left;}

#cssmenu #menu-button {float: right; margin-top: -82px; width: 110px;}

.topnumber ul li{ width:auto; padding:10px;}

.homelist ul li{ width:100%; margin-bottom:20px;}



}



@media (min-width: 481px) and (max-width: 767px) {



}



@media (max-width: 480px) {





.topnumber ul li{ width:100%;padding:10px 20px;}



}