/*
FOR AWD STYLE
*/
/* 
    Created on : July 2, 2017, 9:35 PM
    Author     : Ace Pedrido
*/
body{
    background-color:#eee !important;
}
.header-bar{
    width:100%;
    height:auto;
    background: rgba(7,99,186,0.8);
/*background: -moz-linear-gradient(0deg, rgba(3,4,7,0.8) 0%, rgba(7,99,186,0.8) 41%, rgba(7,99,186,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(3,4,7,0.8) 0%, rgba(7,99,186,0.8) 41%, rgba(7,99,186,1) 100%);
background: linear-gradient(0deg, rgba(3,4,7,0.8) 0%, rgba(7,99,186,0.8) 41%, rgba(7,99,186,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#030407",endColorstr="#0763ba",GradientType=1);*/
    padding:0;
    top:0;
    left:0;
    position: fixed;
    z-index: 888;
    /*-webkit-box-shadow: 0px 6px 10px -7px rgba(0,0,0,1);
-moz-box-shadow: 0px 6px 10px -7px rgba(0,0,0,1);
box-shadow: 0px 6px 10px -7px rgba(0,0,0,1);*/
    
    
}

.IFrame-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 75%; /* 4:3 Aspect Ratio */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.contentBanner{
    background-color: #0a0a0a;
}
.wrapper{
    width:100%;
    max-width:1200px;
    margin: 0 auto !important;
    font-family: 'Armata', sans-serif;
}
.text-armata{
    font-family: 'Armata', sans-serif;
}
.border-red{
    border:1px solid red !important;
    background-color:#e7c3c3 !important;
}
.border-blue{
    border-top:3px solid #1F6BF6 !important;
    margin:10px 0;
}
.widgetBox{
    text-align: center;
    width:160px;
    margin:5px;
    display: inline-block;
    vertical-align: top;
}
.loaderSlider li.slide{
    display:none;
}

h3.title{
    color:#5EA23D;
}
.introTitle{
    font-family: 'Julius Sans One', sans-serif;
    color:#f5f5f5;
    font-size:1.8em;
}
#content-build h2.contentBuildSet{
    font-size:1.2em !important;
}
.midSize{
    font-size:1.2em;
}
.smallFonts{
    font-size:.8em;
}
.smallFontsB{
    font-size:.9em;
}
.text-grey{
    color:#ccc;
}
.logoBrand{
    margin:0 0 0 10px;
}
.text-white{
    color:white;
}
.bg-white{
    background-color: #FFF;
}
.bg-grey{
    background-color: #EEE;
}
.padTopBot{
    padding:10px 0 !important;
}
.margTopBot5{
    margin:5px 0 !important;
}
.margTopBot10{
    margin:10px 0 !important;
}
.hide-on-large{
    display: none !important;
}
.noPadding{
    padding:0 !important;
}
.noMargin{
    margin:0 !important;
}
.padSet5{
    padding:5px !important;
}
.margSet5{
    margin:5px !important;
}
.navRight{
   margin:0 !important;
}
.navRight > li{
    float:none !important;
    display: inline-block;
    height:100% !important;
    padding:0;
}
.navRight li a{
    color:#fff !important;
    line-height:30px;
    display:block;
    text-decoration: none;
    padding:15px 15px;
}
.navRight li a:hover{
    background-color: rgba(224, 224, 224, 1) !important;
    color:#000 !important;
	-webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

.navCenter{
   margin:0 !important;
}
.navCenter > li{
    float:none !important;
    display: inline-block;
    height:100% !important;
    padding:0;
}
.navCenter li a{
    color:#067A07 !important;
    line-height:30px;
    display:block;
    text-decoration: none;
    padding:10px 15px;
}
.navCenter li a:hover{
    background-color: rgba(133, 133, 133, 0.2) !important;
    color:#000 !important;
}

ul.sideBar{
    margin:0 !important;
    position: fixed;
    top:0;
    left:-210px;
    width:200px;
    background-color: #fff;
    height:100%;
    z-index: 888;
    border-right: 1px solid rgba(133, 133, 133, 0.9) !important;
    list-style-type: none;
    padding: 0;
}
ul.sideBar li{
    padding:0 !important;
    border-bottom: 1px solid #eee;
}
ul.sideBar li a{
    background-color:#fff !important;
    color:#1F6BF6 !important;
    width:100%;
    height:100%;
    display: block;
    padding:15px;
    text-decoration: none;
    
}
ul.sideBar li a:hover{
    background-color:rgba(31, 107, 246, 0.9) !important;
    color: #fff !important;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}
ul.sideBar li a.slideBack{
    color:#999 !important;
}
ul.sideBar li a.slideBack:hover{
    background-color:rgba(74, 74, 74, 0.9) !important;
    color: #fff !important;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}
.wrapperSlide {
    margin: 10px auto 0;
    max-width: 1000px;
    width: 100%;
}

/*-----PHOTO SORT-----*/
.loopPhoto{
	cursor:move;
	/*---SHADOW---*/
        -moz-box-shadow: 1px 3px 7px #202020;
        -webkit-box-shadow: 1px 3px 7px #202020;
        box-shadow: 1px 3px 7px #202020; /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#202020')"; /* For IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 4, Direction = 135, Color = '#202020');
        display:inline-block; 
        vertical-align:top;
	margin:8px;
	background-color:#eee;
        padding:2px;
	width:110px;
        height:110px;
	position: relative;
}
.photoSort ul{
	list-style-type:none;
}
button.removeImg{
    position: absolute;
    top:-5px;
    right:-5px;
    z-index: 888;
}

/*-------BUILD----------------*/
.buildRelative{
    position:relative;
    padding:80px 10px 0;
    text-align:center;
}
.buildIcon{
    width:100%;
    text-align:center;
    position:absolute;
    top:0;
    left:0;
    z-index:100;
}
.buildBox{
    background:#fff;
    padding:20px;
}
.buildBox p{
    font-size:1.2em;
    font-family: arial, sans-serif;
    color:#7D7D7D;
}

/*-------PORTFOLIO------------*/
    #portfolio{
        width:100%;
        max-width:1000px;
        margin:auto;
        text-align: center;
    }
    #portfolio ul{
        list-style-type: none;
        padding:0;
    }
    #portfolio ul li{
        display: inline-block;
        vertical-align:top;
        width:98%;
        max-width:310px;
        border:none;
        margin:4px;
        position:relative;
    }
    #portfolio ul li img{
        width:100%;
    }
    .website_desc{
        width:100%;
        height:0;
        position:absolute;
        display: none;
        bottom:0;
        left:0;
        z-index:100;
        background-color: rgba(0, 0, 0, 0.9) !important;
        color:#fff;
    }
    .website_desc a{
        color:#BED120;
        text-decoration: none;
        font-size: .85em;
    }
    .website_desc h2{
        font-size: 1.1em;
        padding:5px;
    }

/*------SLIDER BLOCK--------*/
.fadedBlocker{
    position:absolute;top:0px;left:0px;width:1350px;height:600px;background-color:rgba(0,0,0,0.7);
}
.sliderContainer{
    position: relative; margin:0 auto;
    top: 0px; left: 0px; width: 1350px; height: 600px; overflow: hidden;
}
.loadingSet{
    position: absolute; top: 0px; left: 0px;
}
.loadingFilter{
    filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block;
    top: 0px; left: 0px; width: 100%; height: 100%;
}
.loaderImage{
    position: absolute; display: block; 
    background: url(/assets/images/loading.gif) no-repeat center center; 
    top: 0px; left: 0px; width: 100%; height: 100%;
}
.slideMain{
    cursor: move;
    position: absolute; 
    left: 0px; 
    top: 0px; 
    width: 1350px;
    height: 600px; 
    overflow: hidden;
}
.slideTextLeft h1{
    margin:0;
    font-family: 'Caveat', cursive;
    position: absolute; 
    width: 55%; 
    height: 120px; 
    top: 70px; 
    left: 60px; 
    padding: 5px;
    text-align: left; 
    line-height: 80px; 
    font-size: 5.5em;
    color: rgb(0, 0, 0);
    text-shadow: rgb(255, 255, 255) -1px 0px 4px,-1px 1px 0 #fff,1px -1px 0 #fff,1px 1px 0 #fff;
    font-weight:bold;
}
.slideTextLeft h1 b{
    font-size: 1.5em;
    color: rgb(44, 142, 230);
    /*text-shadow: rgb(3, 3, 3) -1px 0px 4px,-1px 1px 0 #000,1px -1px 0 #000,1px 1px 0 #333333;*/
    font-weight:normal;
}
.slideTextLeft h1 b i{
    font-size: .8em;
}
.slideTextRight h1{
    font-family: 'Caveat', cursive;
    position: absolute; 
    width: 55%; 
    height: 120px; 
    top: 70px; 
    right: 60px; 
    padding: 5px;
    text-align: right; 
    line-height: 80px; 
    font-size: 5.5em;
    color: rgb(0, 0, 0);
    text-shadow: rgb(255, 255, 255) -1px 0px 4px,-1px 1px 0 #fff,1px -1px 0 #fff,1px 1px 0 #fff;
    font-weight: bold;
}
.slideTextRight h1 b{
    font-size: 1.5em;
    color: rgb(44, 142, 230);
    /*text-shadow: rgb(3, 3, 3) -1px 0px 4px,-1px 1px 0 #000,1px -1px 0 #000,1px 1px 0 #333333;*/
    font-weight:normal;
}
.slideTextRight h1 b i{
    font-size: .8em;
}
.breakLine{
    width:100%;
    height:20px;
}
button.linkBtn{
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border:3px solid #fff;
    padding:10px 25px;
}
button.linkBtn:hover{
    border:3px solid #fff;
    background-color: #277D2C;
}
button.linkBtnGrey{
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border:3px solid #ccc;
    padding:7px 20px;
}
button.linkBtnGrey:hover{
    border:3px solid #6EB72A;
    background-color: #eee;
}
.imageOverflow{
    width:100%;
    height:150px;
    margin: 0 auto 5px auto;
    background: #fff;
    overflow:hidden;
    text-align: center;
    position: relative;
}
.imageOverflow img{
    position:absolute;
    max-width:350px !important;
    bottom: -50%;
}
.imageBoxSlider{
    width:100%;
    height:150px;
    margin: 0 auto 5px auto;
    background: #fff;
    overflow:hidden;
    text-align: center;
    position: relative;
}
.imageBoxSlider img{
    position:absolute;
    max-width:350px !important;
    bottom: -50%;
}
.imgFloat{
    display: inline-block;
    vertical-align: middle;
}
.imageBox img{
    display: inline-block;
    vertical-align: middle;
    margin:auto;
    position: relative;
}

/*-----HANDCRAFT-----------*/
#blackPane{
    background-color: rgba(50, 56, 63,1);
    color:#eee;
}
.base_handcraft_blue{
    width:200px;
    height:200px;
    background-color: rgba(7, 99, 186,0.8);
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    border: 0px solid #000000;
    display: inline-block;
    font-family: 'Julius Sans One', sans-serif;
    text-shadow: rgb(3, 3, 3) -2px 0px 4px,-2px 1px 0 #333,1px -2px 0 #333,1px 1px 0 #333333;
    margin:10px;
}
.base_handcraft_gold{
    width:200px;
    height:200px;
    background-color: rgba(255, 204, 0,0.8);
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    border: 0px solid #000000;
    display: inline-block;
    font-family: 'Julius Sans One', sans-serif;
    text-shadow: rgb(3, 3, 3) -2px 0px 4px,-2px 1px 0 #333,1px -2px 0 #333,1px 1px 0 #333333;
    margin:10px;
}
.base_handcraft_green{
    width:200px;
    height:200px;
    background-color: rgba(75, 172, 16,0.8);
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    border: 0px solid #000000;
    display: inline-block;
    font-family: 'Julius Sans One', sans-serif;
}
.base_handcraft_red{
    width:200px;
    height:200px;
    background-color: rgba(208, 38, 47,0.8);
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    border: 0px solid #000000;
    display: inline-block;
    font-family: 'Julius Sans One', sans-serif;
}
.base_handcraft_grey{
    width:200px;
    height:200px;
    background-color: rgba(114, 113, 113,0.8);
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    border: 0px solid #000000;
    display: inline-block;
    font-family: 'Julius Sans One', sans-serif;
    text-shadow: rgb(3, 3, 3) -2px 0px 4px,-2px 1px 0 #333,1px -2px 0 #333,1px 1px 0 #333333;
    margin:10px;
}
.base_handcraft_black{
    width:200px;
    height:200px;
    background-color: rgba(0, 0, 0,0.8);
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    border: 0px solid #000000;
    display: inline-block;
    font-family: 'Julius Sans One', sans-serif;
    text-shadow: rgb(3, 3, 3) -2px 0px 4px,-2px 1px 0 #333,1px -2px 0 #333,1px 1px 0 #333333;
    margin:10px;
}
/*.base_handcraft_blue_inside{
    width:200px;
    height:200px;
    color:white;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-size: 1.7em;
    padding:10px;
}*/
.base_handcraft_blue_inside h2{
    width:200px;
    height:200px;
    color:white;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-size: 1.7em;
    padding:10px;
	margin:0;
}
.quote_out{
    font-family: 'Caveat', cursive;
    font-size:2.5em;
}
.quote_out a{
    font-size:.95em;
    color:#333;
    text-decoration: none;
}
.quote_out a:hover{
    color:#0763BA;
}
.just_text_style{
    font-family: 'Caveat', cursive;
}
.top-margin{
    margin:70px 0 0
}
.page_title{
    font-size:5em;
    font-family: 'Comfortaa', cursive;
}

/*------BOXES--------------*/
.boxA{
    background-color: #80B600;
    color:#fff;
    height:320px !important;
}
.boxA i.gearSize{
    font-size:10em;
}
.boxA button.btnSet{
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border:3px solid #fff;
    background-color: #80B600 !important;
    font-size:1em;
    padding:10px 25px;
    margin:10px auto;
}
.boxA button.btnSet:hover{
    border:3px solid #fff;
    background-color: #549014 !important;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}
.boxB{
    background-color: #549014;
    color:#fff;
    height:320px !important;
}
.boxB button.btnSet{
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border:3px solid #fff;
    background-color: #549014 !important;
    font-size:1em;
    padding:10px 25px;
    margin:10px auto;
}
.boxB button.btnSet:hover{
    border:3px solid #fff;
    background-color: #80B600 !important;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}
.boxC{
    background-color: #E6E6E6;
    color:#277D2C;
    height:320px !important;
}
.boxC button.btnSet{
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border:3px solid #277D2C;
    background-color: #E6E6E6 !important;
    font-size:1em;
    padding:10px 25px;
    margin:10px auto;
    color:#277D2C;
    font-weight:bold;
}
.boxC button.btnSet:hover{
    border:3px solid #fff;
    background-color: #277D2C !important;
    color:#fff;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

/*-------PHOTO PREVIEWS------*/
.galleryBar{
    width:100%;
    padding:10px 0 0;
    text-align: center;
    background-color: #6EB72A;
    margin:10px 0;
}
.galleryBar h3{
    margin:5px 0;
    color:#fff;   
}
.centralBar{
    text-align:center;
    background-image: url(../images/more-photos-bgd.jpg);
    background-repeat: repeat-x;
    background-position: center left;
}
.centralBar a.btnSet{
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border:3px solid #fff;
    background-color: #BED120 !important;
    font-size:1.2em;
    padding:10px 25px;
    margin:10px auto;
    color:#000;
    font-weight:bold;
}
.centralBar a.btnSet:hover{
    border:3px solid #fff;
    background-color: #549014 !important;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
    color:#fff;
}

/*------INFORMATION-----------*/
p.infoText{
    font-size: 1.3em;
}
p.infoText span.text-success{
    font-weight: bold;
}
hr.lineColor{
    border-color:#000;
}

/*-----FOOTER-----------*/
.footer{
    width:100%;
    background-color: rgba(50, 56, 63,1);
    color:#eee;
    font-family: 'Armata', sans-serif;
    margin:5px 0 0;
    padding:10px 0 20px;
}
.footerWrap{
    width:100%;
    max-width: 1200px;
    margin: 0 auto;
}
.footerWrap h3{
    color: #BED120;
}
.footerWrap a{
    color: #FFCC00;
}
.footerWrap ul{
    padding:0 0 0 20px;
}
.footerWrap ul.knowmore{
    list-style-type: none !important;
}
.footerWrap ul li{
    padding:2px 0;
}
.footStandards{
    margin:10px 0 10px;
    padding:15px 0;
    font-size:.8em;
    text-align: center;
    color:#7D7D7D;
}
.emailForm .form-control:focus{
    border-color:limegreen !important;
    box-shadow:0 0 8px rgba(110, 183, 42, 0.6) !important;
}
.emailForm input, .emailForm textarea{
    margin:2px 0 5px;
    background-color: #666666;
    border:none;
    color:#fff;
}
.emailForm button{
    background: transparent !important;
    color: #BED120 !important;
    font-weight: bold !important;
    padding:0 !important;
    border:none !important;
    font-size:1.6em; 
}
.emailForm button:hover{
    color: #6EB72A !important;
}

/*------RIBBONSET-----------*/
.box {
  position: relative;
}
.ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#195C03 0%, #368A18 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #368A18;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #368A18;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #368A18;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #368A18;
}

/*---------------FOR PAGINATION---------------*/
/*---------------NAVIGATE PAGE----*/
#paging_containerAcc .no_more{
    background:transparent;
    color: gray;
    cursor: default;
}

.page_navigationAcc a, .alt_page_navigation a{
	padding:0 4px 0 4px;
	margin:0 4px 0 4px;
	color:#202020;
	text-decoration:none;
	display:inline-block;
	background:transparent;
}
.info_textAcc{
    width:100%; font-size:.85em; height:20px; border-top:1px solid #ccc; margin:0; padding:5px 0 0 0;
}
.page_navigationAcc{
    font-size:1.2em; width:100%; height:20px; padding:5px 0 10px 0;
}

.alt_page_navigationAcc{
	padding:0;
	margin:0;
}

.active_page{
	background:transparent !important;
	color:#4A5DFF !important;
}	
.contentAcc, .alt_content{
	color: black;
}

.contentAcc li, .alt_content li, .contentAcc > p{
	padding:0;
        margin:0;
}


ul.contentAcc{
    list-style-type:none;
}

/*----MESSENGER BUTTON----*/
.messengerBtn {
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 30px;
    left: 10px;
    z-index: 999;
}

/*------RESPONSIVENESS------*/
@media screen and (max-width:1024px){
    .sliderContainer{
        margin:15px 0 0;
    }
}
@media screen and (max-width:980px){
    
}
@media screen and (max-width:900px){
    
}
@media screen and (max-width:800px){
    .hide-on-mobile{
        display: none !important;
    }
    .hide-on-large{
        display: inline-block !important;
    }
    .menuRight{
        text-align:right;
    }
    .sliderContainer{
        margin:30px 0 0;
    }
}
@media screen and (max-width:640px){
    .sliderContainer{
        margin:50px 0 0;
    }
    .page_title{
        font-size:3.5em;
    }
	.IFrame-container{
		height:500px;
	}
}
@media screen and (max-width:600px){
    
}
@media screen and (max-width:480px){
    .page_title{
        font-size:2.5em;
    }
}
@media screen and (max-width:360px){

}
@media screen and (max-width:320px){

}