﻿/* Add here all your CSS customizations */

.youtube-video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
	margin:35px 0px 30px 0px;
}
.youtube-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.orange-bg{
	background: #f28000 !important;
}

.twitter{
	color:#FFF !important;
	background: #1aa9e1 !important;
}

.facebook{
	color:#FFF !important;
	background: #3b5a9a !important;
}

.linkedin{
	color:#FFF !important;
	background: #0073b2 !important;
}

.instagram{
	color:#FFF !important;
	background: #7c4a3a !important;
}

.whatsapp{
	color:#FFF !important;
    background-color:#24d266 !important;
}

.margin-top-10{
	margin-top: 10px !important;
}

.margin-top-35{
	margin-top: 35px !important;
}

.margin-top-50{
    margin-top:50px !important;
}

.margin-bottom-15{
	margin-bottom: 15px !important;
}

.margin-bottom-20{
	margin-bottom: 20px !important;
}

.margin-bottom-35{
	margin-bottom: 35px !important;
}

ul.ticklist {
	padding:0px;
	list-style: none;
}

	ul.ticklist li:before {
		content: '✓ ';
		font-size: 25px;
		color:green;
		font-weight: bold;
	}

.pricing-table .plan{
    z-index:99;
}

            /* OUTLINE BUTTONS */
            .btn.outline,
            .btn-outline:hover{
                background: none;
            }
            .btn-primary.outline {
                border: 2px solid #f28000;
                color: #f28000;
            }
            .btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
                /*color: #cf5d00;
                border-color: #cf5d00;*/
            }
            .btn-primary.outline:active, .btn-primary.outline.active {
                /*border-color: #cf5d00;
                color: #cf5d00;
                box-shadow: none;*/
            }
            /* END OUTLINE BUTTONS */

            /* General */
            .background-primary{
                background-color:#f28000 !important;
            }

            .padding-bottom-35{
                padding-bottom:35px!important;
            }

            .social-icons li a i{
                padding:8px;
            }

			.border-top-5-primary{
				border-top: 5px solid #f28000;
			}

            .page-header{
                padding:40px 0px;
                border-bottom-color:#f28000;
                background-color:#404040;
            }

                .page-header h1,
                .page-header h2{
                    margin:0px;
                    padding:0px;
                    border:none;
	                color: #fff;
	                display: inline-block;
	                font-size: 32px;
	                font-weight: 200;
	                line-height: 32px;
	                position: relative;
                }

            .h1-text-md{
                font-weight:400;
                font-size:23px;
                line-height:40px
            }

            img{max-width:100%;}
            /* END General */

            /* Header */
            html #header.header-semi-transparent .header-body:before, html #header.header-semi-transparent-light .header-body:before {
	            background: #404040;
            }

                html #header.header-semi-transparent .btn-custom{
	                color: #FFF;
                }

                html:not(.ie) #header.header-flex .header-logo {
                    width:177px;
		            display: block;
	            }

            #header .header-logo img{
                width:auto;
            }

            #header .header-nav-main nav > ul > li > a{
                font-size:14px;
                font-weight:600;
            }

            #header .btn-custom{
                color:#404040;
                padding: 8px 15px;
                font-size: 16px;
                font-weight: 600;
            }

                #header .btn-custom:hover {
                    color:#FFF;
                }

            #header .header-nav-main nav > ul li a{
                line-height:30px;
            }

            /* END Header */

            .slider-container .tp-opacity-overlay,
            .parallax .tp-opacity-overlay
            {
                background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;
            }

            #header .header-nav.header-nav-stripe nav > ul > li:hover > a {
		        background-color: #f28000;
	        }

            .nav-pills-custom > li > a{
                border-style:solid;
                border-width:1px 1px 1px 1px;
                border-radius:0px;
                border-color:#CCC;
            }

                .nav-pills-custom  > li + li{
                    margin-left:0px;
                }

            .tab-content {
                box-shadow: none;
                border: none;
            }

            .home-intro{
                background-color:#404040;
            }

            /* Footer */
            #footer{
                padding-top:50px;
                border-top:none;
                background-color:#404040 !important;
            }

                #footer .container .row > div{margin:0px;}

                #footer .contact p{color:#FFF;}

                    #footer .footer-copyright{
                        padding:20px 0px;
                        border:none !important;
                        background-color:#F28000 !important;
                    }

                        #footer .footer-copyright p{
                            color:#FFF;
                        }
            /* END Footer */

            /* Blog */
            .blog-posts article{
                margin-bottom:32px;
                padding-bottom:32px;
            }

            .blog-single-post{
                border:none !important;
            }
            /* END Blog */


            /* Forms */
            #contact_form label{
                color:#666;
            }

            #contact_form .text-input{
              margin-left: 0px !important;
              margin-right: 0px !important;
              display: block;
              width: 100% !important;
              height: 40px;
              padding: 6px 12px;
              font-size: 14px;
              line-height: 1.428571429;
              color: #555555;
              vertical-align: middle;
              background-color: #FFF;
              background-image: none;
              border: 1px solid #CCC;
              border-radius: 3px;
              -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
              transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
            }

            #contact_form .req,
            #contact_form #denoteSpan{
                display:none;
            }

            #contact_form label.error{
                margin-top:4px;
                margin-bottom:-26px;
                color:red;
                float:right;
                font-weight:normal;
            }

            #contact_form #submitButton{
                width:100%;
                padding:12px;
                display:block;
                color:#FFF;
                border:none;
                background-color:#f28000;
            }

            #contact_form #message{
                text-align:center;
            }

                #contact_form #message #checkmark{
                    margin-top:20px;
                }
            /* END Forms */




            /* Packages */
            .pricing-table.princig-table-flat .plan h3{
                padding: 25px 20px;
            }
            /* END Packages */

            /* parallax-spacer is a filler for the parallax element, so it doesn't collapse */
           .parallax-spacer {
               height: 350px;
           } 



/*start pricing-table */
.pricing-table.spaced [class*="col-md-"]{
	padding-top: 2px;
	padding-bottom: 2px;
}

.pricing-table.princig-table-flat .plan ul li{
	padding:8px 6px;
}

/*.pricing-table.princig-table-flat .plan h3,*/
.pricing-table.princig-table-flat .plan .heading{
    padding: 25px 20px;
    background-color: #f28000;
    margin: -20px 0 0;
    color: #FFF;
    text-shadow: 0 1px #555;
	border-radius: 5px 5px 0 0;					   
}

    .pricing-table.princig-table-flat .plan .heading .title{
        margin: 0px 0px 5px 0px;
        color:#fff;
        text-transform:uppercase;
        font-size: 1.3em;
        font-weight: normal;
        line-height:30px;
    }

    .pricing-table.princig-table-flat .plan .heading .desc{
        margin:0px;
        color:#fff;
    }
/*END pricing-table */

/*START Social Media Page Custom Styling*/

.social-media .pricing-table.princig-table-flat .plan .heading{
	text-shadow: none;
}

.social-media .pricing-table.princig-table-flat .plan .heading .price{
	font-size: 50px;
	line-height: 53px;
	margin-bottom: 8px;
}

.social-media .pricing-table .plan{
	text-shadow:none;
}

.social-media .green{
	color:#FFF;
	background-color:rgb(89,212,0) !important;
}

.social-media .blue{
	color:#FFF;
	background-color:rgb(0,159,227)!important;
}

.social-media .pink{
	color:#FFF;
	background-color:rgb(230,0,126)!important;
}

/*END Social Media Page Custom Styling*/