@charset "utf-8";

@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.eot');
    src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff'),
         url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratultra_light';
    src: url('../fonts/montserrat-ultralight-webfont.eot');
    src: url('../fonts/montserrat-ultralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-ultralight-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-ultralight-webfont.woff') format('woff'),
         url('../fonts/montserrat-ultralight-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-ultralight-webfont.svg#montserratultra_light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/montserrat-light-webfont.eot');
    src: url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-light-webfont.woff') format('woff'),
         url('../fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {margin: 0; padding: 0;}
body {padding-top: 175px; font-family: 'montserratregular', Tahoma, Geneva, sans-serif; font-size:14px; color: #707070; background:#FFF;}
a img {border: 0;}
a { text-decoration:none;}
a {transition: all 0.65s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;}
a img {transition: all 0.65s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;}
hr { border:none; border-bottom:1px solid #e5e5e5; margin:0; padding:0; }
h1 {font-family: 'montserratbold', Tahoma, Geneva, sans-serif; font-size:24px; color:#ed0000; margin:10px 0 0 0; padding:10px 0; line-height:1;}
h2 {font-family: 'montserratbold', Tahoma, Geneva, sans-serif; font-size:22px; color:#FFF; background:#ed0000; margin:0; display:inline-block; padding:5px 70px; }
h3 {font-family: 'montserratregular', Tahoma, Geneva, sans-serif; font-size:22px; color:#FFF; margin:0 0 20px 0; display:inline-block; padding:5px 70px 5px 0; border-bottom:1px solid #FFF; }

.topmenucontainerbackground {background:#ed0000;}
.topmenucontainer {  height:24px; margin: 0 auto; color:#FFF; background:#ed0000; position:relative;  }
.topmenucontainer a:hover, .topcontainer a:hover {text-decoration: underline;}
.cont {margin:0 auto; position:relative; text-align:justify;}
.topmenucontainer .topmenu { height:24px; background:#ed0000; color:#FFF; font-family: 'montserratlight', Tahoma, Geneva, sans-serif; text-transform:uppercase; padding:3px 0 0 0; text-align:center; }
.topmenucontainer .topmenu a { color:#FFF; padding:0 9px;}
.topmenucontainer .topmenu .dop { position:absolute; top:-3px; right:15px; height:24px; }
.topmenucontainer .topmenu .dop a { display: inline-block; height:24px; padding:3px 9px 0 8px; margin:0 -3px 0 0; background:#ed0000; font-family: 'montserratbold', Tahoma, Geneva, sans-serif;}
.topmenucontainer .topmenu .dop .activ { background:#FFF; color:#000;}
.topmenucontainer .topmenu .dop a:hover { background:#ed0000;}
.topmenucontainer .topmenu .dop .activ:hover { background:#FFF !important; }

.topcontainerbackground {background:#fff;}
.topcontainer {  height:100px; margin: 0 auto; color:#FFF; background:#ffffff; position:relative;  }
.topcontainer .head { height:100px; margin:0 auto; padding:0 15px; }
.topcontainer .head div { height:100px; display: table-cell; vertical-align:middle;}
.topcontainer .head .logodiv {width:30%;}
.topcontainer .head .phone { font-size:18px; color:#000; text-align: right; padding:0 30px 0 0; font-family: 'montserratlight', Tahoma, Geneva, sans-serif; width:45%;}
.topcontainer .head .phone font { font-size:22px; color:#ed0000; font-family: 'montserratregular', Tahoma, Geneva, sans-serif;}
.topcontainer .head a:hover img { opacity:0.6;}
.topcontainer .head .social { text-align:right; width:25%;}
/*.topcontainer .logo {position: absolute; top:15px;}
.topcontainer .social {  text-align:right; padding-top:50px;}
.topcontainer .social a { padding-left:10px;}*/




#content { clear:both; position:relative; background:#D8D8D8; margin:0 auto; }
#slider {position:relative; overflow:hidden;   }

@media all and (max-width:767px) {
    .topmenucontainer .topmenu a {font-size:10px;}
    .logo {background: url(../images/logo_small.png) no-repeat; width:250px; height:69px;}
            .topcontainer .head .phone { font-size:16px;}
    .topcontainer .head .phone font {font-size: 20px;}
    .navbar-nav {font-size:10px!important;}
    .gal { width:767px; height:300px;}
#wrapper {width:767px; height:300px; float:left; overflow:visible; position:relative; }
    .SlideContent {
        width: 710px;
        float: left;
        position: relative;
        padding: 0 0 0 40px;
    }
    .SlideContent div { display:table-cell; vertical-align:middle; height:270px; font-family: 'montserratlight', Tahoma, Geneva, sans-serif; font-size:18px; color:#000; padding:0 0 0 10px;}
    .SlideContent img {float: left; padding-right:10px; }
    .contentnav {  width:100px; height:10px; position:absolute; z-index:1000; top:280px; left:334px;}

    .block { width:730px; min-height:175px; margin:15px auto; font-family:'montserratlight', Tahoma, Geneva, sans-serif;text-align:justify; }
    .block1 { width:730px; min-height:175px; background:url(../images/pic-1.jpg) center right no-repeat; margin:15px auto; padding:0 250px 0 0; font-family:'montserratlight', Tahoma, Geneva, sans-serif;text-align:justify; }
    .block2 { width:730px; min-height:175px; background:url(../images/pic-2.jpg) center left no-repeat; margin:25px auto; padding:0 0 0 350px; font-family:'montserratlight', Tahoma, Geneva, sans-serif; text-align:justify;}
    .block3 { width:730px; min-height:175px; background:url(../images/pic-3.jpg) center right no-repeat; margin:15px auto; padding:0 250px 0 0; font-family:'montserratlight', Tahoma, Geneva, sans-serif; text-align:justify;}
    
    .demos .cont { text-align:center; width:768px;}
    .testimonials .cont {
        width: 730px;
        height: 290px;
        background: url(../images/testimonials.png) top right no-repeat #4c7e7f;
        padding: 25px 0 25px 50px;
        font-size: 8px;
    }
    .bottommenu .cont {width:730px; height:155px;  text-align:center;}
    .copyright .cont {height:25px; width:730px; text-align:center;}
    .footer .cont {width:730px; height:55px; text-align:center; color:#3f3f3f; font-size:12px; font-family:'montserratlight', Tahoma, Geneva, sans-serif;}

}
@media all and (min-width:768px) {
    .topmenucontainer .topmenu a {font-size:10px;}
    .logo {background: url(../images/logo_small.png) no-repeat; width:250px; height:69px;}
        .topcontainer .head .phone { font-size:16px;}
    .topcontainer .head .phone font {font-size: 20px;}
    .navbar-nav {font-size:10px!important;}
    .gal { width:768px; height:300px;}
#wrapper {width:768px; height:300px; float:left; overflow:visible; position:relative; }
    .SlideContent {
        width: 750px;
        float: left;
        position: relative;
        padding: 0 0 0 40px;
    }
    .SlideContent div { display:table-cell; vertical-align:middle; height:270px; font-family: 'montserratlight', Tahoma, Geneva, sans-serif; font-size:18px; color:#000; padding:0 0 0 10px;}
    .SlideContent img {float: left; padding-right:10px; }
    .contentnav {  width:100px; height:10px; position:absolute; z-index:1000; top:280px; left:334px;}

    .block { width:730px; min-height:175px; margin:15px auto;  font-family:'montserratlight', Tahoma, Geneva, sans-serif;text-align:justify; }
    .block1 { width:730px; min-height:175px; background:url(../images/pic-1.jpg) center right no-repeat; margin:15px auto; padding:0 250px 0 0; font-family:'montserratlight', Tahoma, Geneva, sans-serif; text-align:justify;}
    .block2 { width:730px; min-height:175px; background:url(../images/pic-2.jpg) center left no-repeat; margin:25px auto; padding:0 0 0 350px; font-family:'montserratlight', Tahoma, Geneva, sans-serif; text-align:justify;}
    .block3 { width:730px; min-height:175px; background:url(../images/pic-3.jpg) center right no-repeat; margin:15px auto; padding:0 250px 0 0; font-family:'montserratlight', Tahoma, Geneva, sans-serif; text-align:justify;}

    .demos .cont { text-align:center; width:768px;}
    .testimonials .cont {
        width: 730px;
        height: 290px;
        background: url(../images/testimonials.png) top right no-repeat #4c7e7f;
        padding: 25px 0 25px 50px;
        font-size: 8px;
    }
    .bottommenu .cont {width:730px; height:155px;  text-align:center;}
    .copyright .cont {height:25px; width:730px; text-align:center;}
    .footer .cont {width:730px; height:55px; text-align:center; color:#3f3f3f; font-size:12px; font-family:'montserratlight', Tahoma, Geneva, sans-serif;}

}
@media all and (min-width:992px) {
    .topmenucontainer .topmenu a {font-size:14px;}
    .logo {background: url(../images/logo.png) no-repeat; width:325px; height:90px;}
    .topcontainer .head .phone { font-size:18px;}
    .topcontainer .head .phone font {font-size: 22px;}
    .navbar-nav {font-size:14px!important;}
    .gal { min-width:992px; height:300px;}
     #wrapper {min-width:992px; height:300px; float:left; overflow:visible; position:relative; }
    .SlideContent {
        width: 980px;
        float: left;
        position: relative;
        padding: 0 0 0 60px;
    }
    .SlideContent div { display:table-cell; vertical-align:middle; height:270px; font-family: 'montserratlight', Tahoma, Geneva, sans-serif; font-size:18px; color:#000; padding:0 0 0 30px;}
    .SlideContent img {float: left; padding-right:40px; }
    .contentnav {  width:100px; height:10px; position:absolute; z-index:1000; top:280px; left:446px;}

    .block { width:980px; min-height:175px; margin:15px auto; font-family:'montserratlight', Tahoma, Geneva, sans-serif;text-align:justify; }
    .block1 { width:980px; min-height:175px; background:url(../images/pic-1.jpg) center right no-repeat; margin:15px auto; padding:0 250px 0 0; font-family:'montserratlight', Tahoma, Geneva, sans-serif; text-align:justify;}
    .block2 { width:980px; min-height:175px; background:url(../images/pic-2.jpg) center left no-repeat; margin:25px auto; padding:0 0 0 350px; font-family:'montserratlight', Tahoma, Geneva, sans-serif; text-align:justify;}
    .block3 { width:980px; min-height:175px; background:url(../images/pic-3.jpg) center right no-repeat; margin:15px auto; padding:0 250px 0 0; font-family:'montserratlight', Tahoma, Geneva, sans-serif; text-align:justify;}

    .demos .cont { text-align:center; width:992px;}
    .testimonials .cont {
        width: 980px;
        height: 290px;
        background: url(../images/testimonials.png) top right no-repeat #4c7e7f;
        padding: 25px 0 25px 50px;
        font-size: 10px;
    }
    .bottommenu .cont {width:980px; height:155px;  text-align:center;}
    .copyright .cont {height:25px; width:980px; text-align:center;}
    .footer .cont {width:980px; height:55px; text-align:center; color:#3f3f3f; font-size:12px; font-family:'montserratlight', Tahoma, Geneva, sans-serif;}

}
@media all and (min-width:1200px) {
    .topmenucontainer .topmenu a {font-size:14px;}
    .logo {background: url(../images/logo.png) no-repeat; width:325px; height:90px;}
    .topcontainer .head .phone { font-size:18px;}
    .topcontainer .head .phone font {font-size: 22px;}
    .navbar-nav {font-size:14px!important;}
    .gal { width:1200px; height:300px;}
    #wrapper {width:1200px; height:300px; float:left; overflow:visible; position:relative; }
    .SlideContent {
        width: 1200px;
        float: left;
        position: relative;
        padding: 0 0 0 30px;
    }
    .SlideContent div { display:table-cell; vertical-align:middle; height:270px; font-family: 'montserratlight', Tahoma, Geneva, sans-serif; font-size:16px; color:#000; padding:0 0 0 10px;}
    .SlideContent img {float: left; padding-right:50px; }
    .contentnav {  width:100px; height:10px; position:absolute; z-index:1000; top:280px; left:550px;}

    .block { width:1100px; min-height:175px; margin:15px auto; font-family:'montserratlight', Tahoma, Geneva, sans-serif;text-align:justify; }
    .block1 { width:1100px; min-height:175px; background:url(../images/pic-1.jpg) center right no-repeat; margin:15px auto; padding:0 250px 0 0; font-family:'montserratlight', Tahoma, Geneva, sans-serif; text-align:justify; }
    .block2 { width:1100px; min-height:175px; background:url(../images/pic-2.jpg) center left no-repeat; margin:25px auto; padding:0 0 0 350px; font-family:'montserratlight', Tahoma, Geneva, sans-serif; text-align:justify;}
    .block3 { width:1100px; min-height:175px; background:url(../images/pic-3.jpg) center right no-repeat; margin:15px auto; padding:0 250px 0 0; font-family:'montserratlight', Tahoma, Geneva, sans-serif; text-align:justify;}

    .demos .cont { text-align:center; width:1200px;}
    .testimonials .cont {
        width: 1100px;
        height: 290px;
        background: url(../images/testimonials.png) top right no-repeat #4c7e7f;
        padding: 25px 0 25px 50px;
        font-size: 10px;
    }
    .bottommenu .cont {width:1100px; height:155px;  text-align:center;}
    .copyright .cont {width:1100px; height:25px;  text-align:center;}
    .footer .cont {width:1100px; height:55px; text-align:center; color:#3f3f3f; font-size:12px; font-family:'montserratlight', Tahoma, Geneva, sans-serif;}

}
.SlideContent div h4 { font-family: 'montserratbold', Tahoma, Geneva, sans-serif; font-size:22px; color:#3F3F3F; line-height:1; margin:15px 0;}
.SlideContent div h5 { font-family: 'montserratbold', Tahoma, Geneva, sans-serif; font-size:22px; color:#3F3F3F; line-height:1; text-transform:uppercase; margin:15px 0;}
.SlideContent div a {color:#000; text-decoration:underline;}
.contentholder {height:300px; width: 100%; overflow: hidden; position: relative;}
.contentslider {position: absolute; top: 0; left: 0; }
.contentnav a {display:block; width:10px; height:10px; text-decoration:none; background:#000; float:left; margin:0 5px; border-radius:5px;}
.contentnav a.active {background:#ed0000;}
.bat {display:block; width:100px; height:40px; background:#ed0000; border-radius:5px; color:#FFF!important; display:table-cell; vertical-align:middle; text-align:center; 
font-family: 'montserratbold', Tahoma, Geneva, sans-serif; font-size:20px; text-decoration:none!important;}
.batPrice {display:block; width:200px; height:40px; background:#ed0000; border-radius:5px; color:#FFF!important; display:table-cell; vertical-align:middle; text-align:center; 
font-family: 'montserratbold', Tahoma, Geneva, sans-serif; font-size:20px; text-decoration:none!important;}
.bat:hover, .butPrice:hover { background:#9e0000; }

.containerbackground {background:#F5F5F5;}

.silver {background:#fafafa;}
.silver .cont {height:70px; margin: 0 auto; position:relative; }
.silver .cont div { height:70px; font-size:18px; text-align:center; margin:0 auto; padding:11px 15px 0  15px;}
.silver font { color:#3f3f3f;}

/*.block1 { width:590px; min-height:175px; background:url(../images/pic-1.jpg) center right no-repeat; margin:15px 95px; padding:0 200px 0 0; font-family:'montserratlight', Tahoma, Geneva, sans-serif; }
.block2 { width:465px; min-height:175px; background:url(../images/pic-2.jpg) center left no-repeat; margin:25px 70px 25px 95px; padding:0 0 0 350px; font-family:'montserratlight', Tahoma, Geneva, sans-serif; }
.block3 { width:590px; min-height:175px; background:url(../images/pic-3.jpg) center right no-repeat; margin:15px 95px; padding:0 200px 0 0; font-family:'montserratlight', Tahoma, Geneva, sans-serif; }*/

h1 {font-family: 'montserratbold', Tahoma, Geneva, sans-serif; font-size:24px; color:#ed0000; margin:10px 0 0 0; padding:10px 0; line-height:1;}
h2 {font-family: 'montserratbold', Tahoma, Geneva, sans-serif; font-size:22px; color:#FFF; background:#ed0000; margin:0; display:inline-block; padding:5px 70px; }
h3 {font-family: 'montserratregular', Tahoma, Geneva, sans-serif; font-size:22px; color:#FFF; margin:0 0 20px 0; display:inline-block; padding:5px 70px 5px 0; border-bottom:1px solid #FFF; }

.block h3{color:#ed0000;}
.blockleft {padding:0 250px 0 0;}
.blockright {padding:0 0 0 350px;}

.demos { background:#fafafa; }
.demos .cont {height:220px; margin: 0 auto; position:relative;  }
    /*.demos .cont #widgets {height:220px; text-align:center;}*/
.demos #widgets ul li img { margin:40px 15px;}
.demos .skin_widgets .jcarousel-container { width: 840px; margin:0 auto;}
.demos .skin_widgets .jcarousel-prev, .demos .skin_widgets .jcarousel-next {cursor: pointer; display: block; height: 41px; overflow: hidden; position: absolute; text-indent: -700em; top: 70px; white-space: nowrap; width: 41px; }
.demos .skin_widgets .jcarousel-next {background: url(../images/ar-r.png) no-repeat scroll left top transparent; right: -55px;}
.demos .skin_widgets .jcarousel-prev {background: url(../images/ar-l.png) no-repeat scroll left top transparent; left: -55px;}
.demos .skin_widgets .jcarousel-next:hover {background: url(../images/ar-r-act.png) no-repeat scroll left top transparent;}
.demos .skin_widgets .jcarousel-prev:hover {background: url(../images/ar-l-act.png) no-repeat scroll left top transparent;}


.black { border-bottom:5px solid #e4e4e4; margin:20px 0 5px 0;}

.testimonials { background:#d1e3e3; color:#FFF; font-size:10px;}
.testimonials .cont div { display:table-cell; padding:0 35px 0 0; text-align:justify;}
.testimonials .cont div p { font-size:12px;}
.testimonials .cont div font { font-family:'montserratbold', Tahoma, Geneva, sans-serif;}


.bottommenu { background:#000;  }
.bottommenu .cont {padding:25px 0 25px 50px;}
.bottommenu .cont div {  color:#8CB8BA; height:75px; padding:3px 35px 0 0; display:table-cell; text-align:justify; font-size:12px;}
.bottommenu .cont h3 { text-decoration:none; font-size:18px; color:#D1E3E3;}
.bottommenu .cont a { color:#8CB8BA;}



.copyright { background:#000;  }
.copyright .cont div {  color:#FFF; height:25px; padding-top:3px;}

.footer {  background:#e4e4e4; padding-top:25px;  }
.footer .cont div { display:table-cell; padding:0 35px 0 0; text-align:justify;}
.footer .cont font { font-family:'montserratbold', Tahoma, Geneva, sans-serif;}
.footer .cont a {color:#3f3f3f;}


html>body .designs { overflow: hidden; }
* html .designs { height: 1%; }
.designs li {
	width: 50%;
	float: left;
}


html>body .mobiledesigns { overflow: hidden; }
* html .mobiledesigns { height: 1%; }
.mobiledesigns li {
	width: 33%;
	float: left;
    list-style:none;
    padding-bottom:40px;
}
    .mobiledesigns li div {
        width: 200px;
        background-color: #4C7E7F;
        color: #fff;
    }
#siteDesignsLink {color:#ed0000;}

.faq { list-style-type:none;}
.faq li { padding:10px 0;}


.designNav1, .designNav2 {
	position:relative; padding-top:10px; float:right; padding-right:20px;
}
.designNav1 span, .designNav2 span {
	font-weight: bold;
	color: #3f3f3f;
}
.designNav1 ul, .designNav2 ul {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}
.designNav1 li, .designNav2 li {
	display: inline;
	list-style: none;
	color: #999;
}
.designNav1 a, .designNav2 a {
	color: #999;
}
.designNav1 a:hover, .designNav2 a:hover
{
  color: #cc3333;
}

/*.designNav1 {	top: 5px; }*/
.designNav2 { bottom: 50px; }
.designs {list-style:none; color:#3f3f3f; text-transform:uppercase; font-weight:bold;}
#Site_designs_footer1_demoDesignLink {color:#fff;}


.priceTable {width:100%; margin: 0 auto; vertical-align:top; color:#000; font-size:14px; position:static;}
.priceTable td {padding:0 10px;}
    .priceTable a {
        color: #f5f5f5;
    }
.priceSectionHeader {color:#ed0000; font-family:"montserratbold", Tahoma, Geneva, sans-serif; font-size:18px; padding:10px 0 10px 0;}
.priceTDleft {padding:5px 0; text-align:left;}
.priceTDcenter {padding:5px 0; text-align:center;}
.priceContent td{display: list-item; list-style: disc inside; padding: 0 14px 0 28px; margin: 0; text-indent:-14px;}


.navbar-default .navbar-nav > li > a:hover {
	color: rgb(255, 255, 255); background-color: #ed0000;
}
.navbar-default .navbar-nav > li > a:focus {
	color: rgb(255, 255, 255); background-color:#ed0000;
}
.navbar-default .navbar-nav > .active > a {
	color: rgb(255, 255, 255); background-color: #ed0000;
}
.navbar-default .navbar-nav > .active > a:hover {
	color: rgb(255, 255, 255); background-color: #ed0000;
}
.navbar-default .navbar-nav > .active > a:focus {
	color: rgb(255, 255, 255); background-color: #ed0000;
}