@charset "UTF-8";@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');@media screen,projection {

body, html {width: 100%; height: 100%; padding: 0; margin: 0; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px;}
body {overflow-x: hidden;}
a {text-decoration: none;}
.clear {clear: both;}
input,textarea,button {outline:none;}
a img {border: none;}
p {padding: 0; margin: 0;}
form {padding: 0; margin: 0;}

.content {
    max-width: 1300px;
    padding: 0 15px;
    text-align: left;
    margin: 0 auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tab {
    display: table;
    vertical-align: top;
    width: 100%;
}

.cell {
    display: table-cell;
    vertical-align: top;
}

/*Logoline*/
.logoline {
    text-align: center;
    padding: 10px 0;
}

.logo {
    float: left;
    max-width: 90%;
}

.topphone {
    float: right;
    color: #ff0030;
    font-size: 26px;
    padding: 15px 0;
}

.topphone a {
    color: #ff0030;
}

/*Menuline*/
.menuline {
    text-align: center;
    background: #0095e5;
    position: relative;
}

.menuline ul {
    padding: 0;
    margin: 0;
}

.menuline ul li {
    display: inline-block;
    padding: 0 5px;
    margin: 0;
}

.menuline ul li a {
    display: block;
    padding: 15px 10px 10px 10px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 5px solid transparent;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.menuline ul li a:hover, .menuline ul li.active a {
    border-bottom: 5px solid #747474;
}

.hamburger {
    display: none;
}

/*Sliderline*/
.sliderline {
    text-align: center;
    background: url(https://www.podiatryvideolibrary.com/templates/randjmedicalvideos/images/sliderbg.jpg) no-repeat center;
    background-size: cover;
    padding: 30px 0;
}

.sliderline .tab, .sliderline .cell {
    vertical-align: middle;
    text-align: center;
}

.sliderline .cell1 {
    width: 50%;
}

.sliderline .cell1 img {
    max-width: 95%;
}

.sliderline .text1 {
    font-size: 36px;
    color: #fff;
    font-weight: 300;
}

.sliderline .text2 {
    color: #fff;
    padding-top: 30px;
}

/*undermaincontent*/

.undermaincontent {
	display: inline-block;
    position: relative;
    width: 100%;
	padding: 20px 0 30px;
	}
	
.undermaincontent h3 {
	text-align: center;
	font-size: 27px;
	margin: 10px 0;
	}

.leftside {
    width: 100%;
    margin-bottom: 20px;
    float: left;
	}
	
.rightside {
	width: 100%;
	float: left;
	}
	
.row {
	width: 31%;
	margin: 1%;
	float: left;
	text-align: center;
	}
	
.row img {
	max-width: 100%;
	height: auto;
	margin: 10px 0 20px;
	}
	
.row a.button , button#Submit{
    color: #fff;
    font-weight: 600;
    padding: 5px 10px 7px;
    background: #0095e5;
    border-radius: 3px;
	}
	
.row a.button:hover , .rp a.button:hover, button#Submit:hover {
	background: #006ea9;
	}
	
/*Request Pricing*/

.rp {
	display: inline-block;
    position: relative;
    width: 100%;
    padding: 35px 0 15px;
	text-align: center;
	}
	
.rp a.button {
    color: #fff;
    font-weight: 600;
    padding: 9px 27px 11px;
    background: #ee2c2b;
    border-radius: 3px;
    font-size: 20px;
	}
	

	

/*footer*/
.footer {
    padding: 40px 0;
    background: #363636;
    color: #b8b5b5;
    font-size: 14px;
    text-align: center;
}

.footer .content {
    text-align: center;
}

@media only screen and (max-width: 1000px) {

.leftside iframe {
	height: 570px !important;
	}
}

@media only screen and (max-width: 900px) {

.leftside iframe {
	height: 545px !important;
	}
}

@media only screen and (max-width: 846px) {

.leftside iframe {
    height: 515px !important;
	}
}

@media only screen and (max-width: 800px) {

.leftside iframe {
    height: 490px !important;
	}
}

@media only screen and (max-width: 780px) {

.leftside iframe {
    height: 415px !important;
	}
	
.row {
    width: 98%;
    margin: 1% 1% 2% 1%;
	}
}

@media only screen and (max-width: 768px) {
    /*Logoline*/
    .logoline .content {
        text-align: center;
    }

    .logo {
        float: none;
    }

    .topphone {
        float: none;
        padding: 15px 0 0 0;
    }

    /*Menuline*/
    .menuline {
        position: relative;
        z-index: 9000;
    }

    .mainmenu {
        position: absolute;
        right: 0;
        top: 45px;
        background: #0095e5;
        width: 200px;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .mainmenu.active {
        display: block;
        max-height: 1000px;
    }

    .mainmenu ul li {
        display: block;
        padding: 0;
    }

    .mainmenu ul li a {
        border: none;
        padding: 15px 15px;
    }

    .mainmenu ul li a:hover {
        border: none;
        padding: 15px 15px;
        background: #fff;
        color: #0095e5;
    }

    .hamburger {
        display: block;
        float: right;
        position: relative;
        width: 30px;
        height: 30px;
        z-index: 2;
        margin: 10px 0 5px 20px;
    }

    .hamburger__inner {
        display: block;
        width: 30px;
        height: 2px;
        margin-top: 12px;
        background: #fff;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    .hamburger__inner::before, .hamburger__inner::after {
        display: block;
        position: absolute;
        content: "";
        z-index: -1;
        width: 30px;
        height: 2px;
        background: #fff;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    .hamburger__inner::before {
        top: 0;
    }
    .hamburger__inner::after {
        top: 24px;
    }

    .hamburger--open .hamburger__inner {
        background: none;
    }
    .hamburger--open .hamburger__inner::before, .hamburger--open .hamburger__inner::after {
        top: 12px;
    }
    .hamburger--open .hamburger__inner::before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .hamburger--open .hamburger__inner::after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    /*Sliderline*/
    .sliderline .tab, .sliderline .cell {
        display: block;
    }

    .sliderline .cell1 {
        display: none;
    }
	
.leftside iframe {
    height: 405px !important;
	}
}

@media only screen and (max-width: 700px) {

.leftside iframe {
    height: 370px !important;
	}
}

@media only screen and (max-width: 640px) {

.leftside iframe {
    height: 335px !important;
	}
}

@media only screen and (max-width: 588px) {

.leftside iframe {
    height: 310px !important;
	}
}


@media only screen and (max-width: 550px) {
    /*Logoline*/
    .topphone {
        font-size: 18px;
    }

    /*Sliderline*/
    .sliderline .text1 {
        font-size: 24px;
    }

    .sliderline .text2 {
        padding-top: 20px;
    }
	
.leftside iframe {
    height: 285px !important;
	}
}

@media only screen and (max-width: 480px) {

.leftside iframe {
    height: 248px !important;
	}
}

@media only screen and (max-width: 430px) {
	
.undermaincontent h3 {
    font-size: 20px;
	}

.leftside iframe {
    height: 220px !important;
	}
}

@media only screen and (max-width: 400px) {

.leftside iframe {
    height: 200px !important;
	}
}

@media only screen and (max-width: 370px) {

.leftside iframe {
    height: 188px !important;
	}
}}